Restructured

dist/sigpro-ui.esm.js

@@ -13,17 +13,9 @@ var __export = (target, all) => {
     });
 };
 
-// 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,
@@ -106,7 +98,7 @@ var x = false;
 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)
@@ -253,16 +245,16 @@ var I = (e) => {
     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;
 };
@@ -526,7 +518,7 @@ if (typeof window < "u")
     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();
@@ -535,7 +527,7 @@ var filterBy = (items, query, field = "label", q2 = String(query).toLowerCase())
 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)
@@ -545,6 +537,37 @@ var listKey = (items, isOpen) => {
   };
   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) => {
@@ -590,7 +613,7 @@ var Autocomplete = ({ items, value, onselect, placeholder = "Buscar...", ...prop
       }, 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", {}, [
@@ -700,7 +723,14 @@ var Calendar = (p2) => {
         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);
@@ -797,15 +827,22 @@ var ColorPalette = (p2) => {
     "#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);
@@ -972,7 +1009,7 @@ var Input = (p2) => {
         ]) : 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
       ])))
     ])
@@ -1183,7 +1220,7 @@ var Toast = (message, type = "alert-success", duration = 3500) => {
 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",
@@ -1208,7 +1245,7 @@ var tt = (t) => () => i18n[currentLocale()][t] || t;
 
 // index.js
 var Components = {
-  ...exports_All
+  ...exports_sigpro_components
 };
 var Utils = {
   Locale,