Restructured

dist/sigpro-ui.js

@@ -44,17 +44,9 @@
     Components: () => Components
   });
 
-  // components/All.js
-  var exports_All = {};
-  __export(exports_All, {
-    rand: () => rand,
-    listKey: () => listKey,
-    isFn: () => isFn,
-    getBy: () => getBy,
-    get: () => get,
-    filterBy: () => filterBy,
-    cls: () => cls,
-    close: () => close,
+  // sigpro-components.js
+  var exports_sigpro_components = {};
+  __export(exports_sigpro_components, {
     Tooltip: () => Tooltip,
     Toggle: () => Toggle,
     Toast: () => Toast,
@@ -137,7 +129,7 @@
   var A = 0;
   var C = new Set;
   var D = new WeakMap;
-  var $ = Symbol("iter");
+  var $2 = Symbol("iter");
   var B = new WeakMap;
   var E = (e) => {
     if (!e || e._disposed)
@@ -284,16 +276,16 @@
       let u = Reflect.has(c, t), a = Reflect.get(c, t, l), f = Reflect.set(c, t, r, l);
       if (f && !Object.is(a, r)) {
         if (w(i(t), true), !u)
-          w(i($), true);
+          w(i($2), true);
       }
       return f;
     }, deleteProperty(c, t) {
       let r = Reflect.deleteProperty(c, t);
       if (r)
-        w(i(t), true), w(i($), true);
+        w(i(t), true), w(i($2), true);
       return r;
     }, ownKeys(c) {
-      return w(i($)), Reflect.ownKeys(c);
+      return w(i($2)), Reflect.ownKeys(c);
     } });
     return D.set(e, s), s;
   };
@@ -557,7 +549,7 @@
       window[e] = (o, n) => O(e, o, n);
     });
 
-  // components/All.js
+  // sigpro-helpers.js
   var get = (val) => typeof val === "function" ? val() : val;
   var getBy = (item, field = "label") => item && typeof item === "object" ? item[field] : item;
   var cls = (...classes) => classes.filter(Boolean).join(" ").trim();
@@ -566,7 +558,7 @@
   var rand = (r) => `${r}-${Math.random().toString(36).slice(2, 9)}`;
   var close = () => document.activeElement?.blur();
   var listKey = (items, isOpen) => {
-    const cursor = S(-1);
+    const cursor = $(-1);
     const onKey = (e, select) => {
       const list = get(items), i = cursor(), len = list.length;
       if (!len)
@@ -576,6 +568,37 @@
     };
     return { cursor, onKey };
   };
+  var fx = ({ name, duration = 200, scale, slide, rotate, blur }, child) => {
+    const el = typeof child === "function" ? child() : child;
+    if (!(el instanceof Node))
+      return el;
+    if (name) {
+      el.style.animation = `${name}-in ${duration}ms`;
+      return el;
+    }
+    const hasTransform = scale || slide || rotate || blur;
+    const initialTransform = [
+      scale ? "scale(0.95)" : "",
+      slide ? "translateY(-10px)" : "",
+      rotate ? "rotate(-2deg)" : ""
+    ].filter(Boolean).join(" ");
+    el.style.transition = `all ${duration}ms ease`;
+    el.style.opacity = "0";
+    if (hasTransform)
+      el.style.transform = initialTransform;
+    if (blur)
+      el.style.filter = "blur(4px)";
+    requestAnimationFrame(() => {
+      el.style.opacity = "1";
+      if (hasTransform)
+        el.style.transform = "none";
+      if (blur)
+        el.style.filter = "none";
+    });
+    return el;
+  };
+
+  // sigpro-components.js
   var Accordion = (p2) => {
     const name = p2.name || rand("acc");
     return K(p2.items, (it) => {
@@ -621,7 +644,7 @@
         }, 150),
         onkeydown: (e) => onKey(e, pick)
       }),
-      z(isOpen, () => G({ duration: 200, slide: true }, O("ul", {
+      z(isOpen, () => fx({ duration: 200, slide: true }, O("ul", {
         class: "absolute left-0 w-full menu bg-base-100 rounded-box mt-1 p-2 shadow-xl max-h-60 overflow-y-auto border border-base-300 z-50 flex-col flex-nowrap"
       }, [
         K(filtered, (item, idx) => O("li", {}, [
@@ -731,7 +754,14 @@
           return cells;
         }
       ]),
-      p2.hour ? O("div", { class: "mt-3 pt-2 border-t border-base-300" }, rangeMode() ? O("div", { class: "flex gap-4" }, [HourSlider({ value: startHour, onChange: (h) => startHour(h) }), HourSlider({ value: endHour, onChange: (h) => endHour(h) })]) : HourSlider({ value: startHour, onChange: (h) => startHour(h) })) : null
+      p2.hour ? O("div", { class: "mt-3 pt-2 border-t border-base-300" }, rangeMode() ? O("div", { class: "flex gap-4" }, [HourSlider({ value: startHour, onChange: (h) => startHour(h) }), HourSlider({ value: endHour, onChange: (h) => endHour(h) })]) : HourSlider({ value: startHour, onChange: (h) => startHour(h) })) : null,
+      O("div", { class: cls("flex gap-2 mt-3 pt-2", !p2.hour && "border-t border-base-300") }, [
+        O("button", {
+          type: "button",
+          class: "btn btn-xs flex-1",
+          onclick: () => close()
+        }, Icon("icon-[lucide--x]"))
+      ])
     ]);
   };
   var Card = (p2, c) => O("div", { ...p2, class: cls("card", p2.class) }, c);
@@ -828,15 +858,22 @@
       "#fae8ff"
     ];
     const pick = (c) => isFn(p2.value) ? p2.value(c) : p2.onchange?.(c);
-    return O("div", { class: "grid grid-cols-8 gap-1" }, palette.map((c) => O("button", {
-      type: "button",
-      style: `background-color: ${c}`,
-      class: () => {
-        const act = current().toLowerCase() === c.toLowerCase();
-        return `size-6 rounded-sm cursor-pointer transition-all hover:scale-125 hover:z-10 active:scale-95 outline-none border border-black/5 p-0 min-h-0 ${act ? "ring-2 ring-offset-1 ring-primary z-10 scale-110" : ""}`;
-      },
-      onclick: () => pick(c)
-    })));
+    return [
+      O("div", { class: "grid grid-cols-8 gap-1" }, palette.map((c) => O("button", {
+        type: "button",
+        style: `background-color: ${c}`,
+        class: () => {
+          const act = current().toLowerCase() === c.toLowerCase();
+          return `size-6 rounded-sm cursor-pointer transition-all hover:scale-125 hover:z-10 active:scale-95 outline-none border border-black/5 p-0 min-h-0 ${act ? "ring-2 ring-offset-1 ring-primary z-10 scale-110" : ""}`;
+        },
+        onclick: () => pick(c)
+      }))),
+      O("button", {
+        type: "button",
+        class: "btn btn-xs w-full",
+        onclick: () => close()
+      }, Icon("icon-[lucide--x]"))
+    ];
   };
   var Datepicker = (p2) => {
     const isOpen = S(false);
@@ -1003,7 +1040,7 @@
           ]) : null
         ]),
         hint ? O("div", { class: "validator-hint" }, hint) : null,
-        z(isFocused, () => G({ duration: 300, slide: true }, O("div", { class: "input-content", onmousedown: (e) => e.preventDefault() }, [
+        z(isFocused, () => fx({ duration: 300, slide: true }, O("div", { class: "input-content", onmousedown: (e) => e.preventDefault() }, [
           isFn(content) ? content(isFocused) : content
         ])))
       ])
@@ -1214,7 +1251,7 @@
   var Toggle = (p2) => O("input", { ...p2, type: "checkbox", class: cls("toggle", p2.class) });
   var Tooltip = (p2, c) => O("div", { ...p2, class: cls("tooltip", p2.class), "data-tip": p2.tip }, c);
 
-  // utils.js
+  // sigpro-locale.js
   var i18n = {
     es: {
       close: "Cerrar",
@@ -1239,7 +1276,7 @@
 
   // index.js
   var Components = {
-    ...exports_All
+    ...exports_sigpro_components
   };
   var Utils = {
     Locale,