npm - @iaclinical/components - Versions diffs - 1.0.24 → 1.0.25 - Mend

@iaclinical/components 1.0.24 → 1.0.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/iaclinical-components.cjs +1 -1
package/dist/iaclinical-components.js +349 -351
package/dist/style.css +1 -1
package/package.json +1 -1

package/dist/iaclinical-components.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { defineComponent as q, computed as r, createElementBlock as l, openBlock as s, normalizeClass as c, createElementVNode as o, createCommentVNode as y, renderSlot as V, toDisplayString as x, createBlock as ee, unref as Ae, normalizeStyle as Q, ref as L, onMounted as $e, onUnmounted as Ce, watch as ve, createTextVNode as _, withModifiers as H, createVNode as G, withDirectives as ue, Fragment as P, renderList as W, vModelSelect as ke, Teleport as pe, Transition as ce, withCtx as ae, nextTick as fe, resolveDynamicComponent as Me, vModelText as Ee } from "vue";
-import { Icon as Pe } from "@iconify/vue";
-const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
+import { defineComponent as P, computed as r, createElementBlock as l, openBlock as s, normalizeClass as c, createElementVNode as o, createCommentVNode as m, renderSlot as V, toDisplayString as x, createBlock as ee, unref as _e, normalizeStyle as Q, ref as L, onMounted as $e, onUnmounted as Ce, watch as ve, createTextVNode as q, withModifiers as H, createVNode as G, withDirectives as ue, Fragment as E, renderList as W, vModelSelect as ke, Teleport as pe, Transition as ce, withCtx as ae, nextTick as fe, resolveDynamicComponent as Me, vModelText as Ae } from "vue";
+import { Icon as Ee } from "@iconify/vue";
+const Pe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, qe = {
   key: 1,
   class: "text-base sm:text-lg font-bold text-primary-50 font-poppins whitespace-nowrap"
 }, Re = { class: "flex flex-1 justify-center items-center min-w-0" }, Ne = {
@@ -9,7 +9,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
 }, We = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, He = {
   key: 0,
   class: "text-base sm:text-lg font-bold text-primary-50 font-poppins whitespace-nowrap"
-}, Ke = /* @__PURE__ */ q({
+}, Ke = /* @__PURE__ */ P({
   __name: "AppBar",
   props: {
     title: { default: "" },
@@ -21,8 +21,8 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
     height: { default: "md" }
   },
   emits: ["toggle-menu"],
-  setup(t, { emit: g }) {
-    const e = t, f = g, n = r(() => {
+  setup(t, { emit: b }) {
+    const e = t, f = b, n = r(() => {
       const u = "flex flex-row items-center justify-between gap-2 sm:gap-4 px-3 sm:px-6 z-50 w-full", v = {
         default: "bg-primary-700 text-primary-50",
         dark: "bg-secondary-900 text-white",
@@ -43,7 +43,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
     return (u, v) => (s(), l("header", {
       class: c(n.value)
     }, [
-      o("div", qe, [
+      o("div", Pe, [
         t.showMenuButton ? (s(), l("button", {
           key: 0,
           onClick: v[0] || (v[0] = (a) => f("toggle-menu")),
@@ -64,29 +64,29 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
               d: "M4 6h16M4 12h16M4 18h16"
             })
           ], -1)
-        ])])) : y("", !0),
-        t.title && t.titlePosition === "left" ? (s(), l("div", _e, x(t.title), 1)) : y("", !0),
+        ])])) : m("", !0),
+        t.title && t.titlePosition === "left" ? (s(), l("div", qe, x(t.title), 1)) : m("", !0),
         V(u.$slots, "left", {}, void 0, !0)
       ]),
       o("div", Re, [
-        t.title && t.titlePosition === "center" ? (s(), l("div", Ne, x(t.title), 1)) : y("", !0),
+        t.title && t.titlePosition === "center" ? (s(), l("div", Ne, x(t.title), 1)) : m("", !0),
         V(u.$slots, "center", {}, void 0, !0)
       ]),
       o("div", We, [
-        t.title && t.titlePosition === "right" ? (s(), l("div", He, x(t.title), 1)) : y("", !0),
+        t.title && t.titlePosition === "right" ? (s(), l("div", He, x(t.title), 1)) : m("", !0),
         V(u.$slots, "right", {}, void 0, !0)
       ])
     ], 2));
   }
-}), K = (t, g) => {
+}), K = (t, b) => {
   const e = t.__vccOpts || t;
-  for (const [f, n] of g)
+  for (const [f, n] of b)
     e[f] = n;
   return e;
-}, yl = /* @__PURE__ */ K(Ke, [["__scopeId", "data-v-c5861315"]]), Ue = ["type", "disabled", "aria-label"], Je = {
+}, ml = /* @__PURE__ */ K(Ke, [["__scopeId", "data-v-c5861315"]]), Ue = ["type", "disabled", "aria-label"], Je = {
   key: 0,
   class: "absolute top-0 right-0 inline-flex items-center justify-center px-1.5 py-0.5 text-xs font-bold leading-none text-white transform translate-x-1/2 -translate-y-1/2 bg-danger-600 rounded-full min-w-[1.25rem]"
-}, hl = /* @__PURE__ */ q({
+}, hl = /* @__PURE__ */ P({
   __name: "Button",
   props: {
     variant: { default: "primary" },
@@ -100,8 +100,8 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
     textColorHover: { default: void 0 }
   },
   emits: ["click"],
-  setup(t, { emit: g }) {
-    const e = t, f = g, n = r(() => e.variant === "icon"), u = r(() => e.badge > 99 ? "99+" : e.badge.toString()), v = r(() => {
+  setup(t, { emit: b }) {
+    const e = t, f = b, n = r(() => e.variant === "icon"), u = r(() => e.badge > 99 ? "99+" : e.badge.toString()), v = r(() => {
       const h = "inline-flex items-center justify-center font-semibold tracking-wide transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", i = {
         primary: "bg-primary-500 text-white hover:bg-primary-600 active:bg-primary-700 focus-visible:ring-primary-700",
         secondary: "bg-secondary-200 text-secondary-900 hover:bg-secondary-300 hover:text-secondary-800 focus-visible:ring-secondary-500",
@@ -114,7 +114,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
         sm: n.value ? "p-1.5" : "h-8 px-3 text-sm",
         md: n.value ? "p-2" : "h-10 px-4 text-base",
         lg: n.value ? "p-3" : "h-12 px-6 text-lg"
-      }, b = {
+      }, g = {
         full: "rounded-full",
         xl: "rounded-2xl",
         lg: "rounded-xl",
@@ -125,7 +125,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
         var O, j;
         return e.textColorHover ? e.textColorHover : (O = e.textColor) != null && O.includes("white") || (j = e.textColor) != null && j.includes("50") ? "hover:text-black" : "";
       });
-      return `${h} ${i[e.variant]} ${p[e.size]} ${b[e.radius]} ${T} ${B.value}`;
+      return `${h} ${i[e.variant]} ${p[e.size]} ${g[e.radius]} ${T} ${B.value}`;
     }), a = (h) => {
       e.disabled || f("click", h);
     };
@@ -137,10 +137,10 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
       "aria-label": t.ariaLabel
     }, [
       V(h.$slots, "default"),
-      n.value && t.badge && t.badge > 0 ? (s(), l("span", Je, x(u.value), 1)) : y("", !0)
+      n.value && t.badge && t.badge > 0 ? (s(), l("span", Je, x(u.value), 1)) : m("", !0)
     ], 10, Ue));
   }
-}), Ge = /* @__PURE__ */ q({
+}), Ge = /* @__PURE__ */ P({
   __name: "Icon",
   props: {
     name: {},
@@ -152,7 +152,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
     ariaLabel: {}
   },
   setup(t) {
-    const g = t, e = {
+    const b = t, e = {
       xs: "16px",
       sm: "18px",
       md: "20px",
@@ -175,21 +175,21 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
         default:
           return `material-symbols:${i}`;
       }
-    }, n = r(() => f(g.name, g.variant)), u = r(() => {
+    }, n = r(() => f(b.name, b.variant)), u = r(() => {
       const a = [
         "inline-flex items-center justify-center select-none",
         "transition-transform duration-200"
       ];
-      return g.color && (g.color.startsWith("text-") || g.color.startsWith("fill-")) && a.push(g.color), g.spin && a.push("animate-spin"), a.join(" ");
+      return b.color && (b.color.startsWith("text-") || b.color.startsWith("fill-")) && a.push(b.color), b.spin && a.push("animate-spin"), a.join(" ");
     }), v = r(() => {
       const a = {};
-      if (e[g.size] ? (a.fontSize = e[g.size], a.width = e[g.size], a.height = e[g.size]) : (a.fontSize = g.size, a.width = g.size, a.height = g.size), g.color && !g.color.startsWith("text-") && !g.color.startsWith("fill-") && (a.color = g.color), g.rotate !== 0) {
-        const h = `rotate(${g.rotate}deg)`;
+      if (e[b.size] ? (a.fontSize = e[b.size], a.width = e[b.size], a.height = e[b.size]) : (a.fontSize = b.size, a.width = b.size, a.height = b.size), b.color && !b.color.startsWith("text-") && !b.color.startsWith("fill-") && (a.color = b.color), b.rotate !== 0) {
+        const h = `rotate(${b.rotate}deg)`;
         a.transform = h;
       }
       return a;
     });
-    return (a, h) => (s(), ee(Ae(Pe), {
+    return (a, h) => (s(), ee(_e(Ee), {
       icon: n.value,
       class: c(u.value),
       style: Q(v.value),
@@ -215,14 +215,13 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
 }, ut = {
   key: 3,
   class: "mt-1 text-sm text-secondary-600"
-}, ct = { class: "flex items-center justify-between mb-4" }, ft = { class: "flex items-center space-x-2" }, vt = ["value"], pt = ["value"], bt = { class: "grid grid-cols-7 gap-1 mb-2" }, gt = { class: "grid grid-cols-7 gap-1" }, mt = ["disabled", "onClick"], yt = { class: "flex justify-end space-x-2 mt-4 pt-4 border-t border-secondary-100" }, ht = ["disabled"], xt = /* @__PURE__ */ q({
+}, ct = { class: "flex items-center justify-between mb-4" }, ft = { class: "flex items-center space-x-2" }, vt = ["value"], pt = ["value"], gt = { class: "grid grid-cols-7 gap-1 mb-2" }, bt = { class: "grid grid-cols-7 gap-1" }, yt = ["disabled", "onClick"], mt = { class: "flex justify-end space-x-2 mt-4 pt-4 border-t border-secondary-100" }, ht = ["disabled"], xt = /* @__PURE__ */ P({
   __name: "Calendar",
   props: {
     modelValue: {},
     mode: { default: "single" },
     label: {},
     showLabel: { type: Boolean, default: !0 },
-    labelColor: { default: "text-secondary-700" },
     placeholder: {},
     startPlaceholder: {},
     endPlaceholder: {},
@@ -233,9 +232,9 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
     required: { type: Boolean, default: !1 },
     error: {},
     helperText: {},
-    iconName: { default: "calendar" },
-    startIconName: { default: "calendar" },
-    endIconName: { default: "calendar" },
+    iconName: { default: "calendar_month" },
+    startIconName: { default: "calendar_month" },
+    endIconName: { default: "calendar_month" },
     minDate: {},
     maxDate: {},
     disabledDates: {},
@@ -243,8 +242,8 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
     bordered: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "date-select", "range-select"],
-  setup(t, { emit: g }) {
-    const e = t, f = g, n = L(!1), u = L(null), v = L((/* @__PURE__ */ new Date()).getMonth()), a = L((/* @__PURE__ */ new Date()).getFullYear()), h = L(`calendar-${Math.random().toString(36).substr(2, 9)}`), i = L(null), p = L(null), b = [
+  setup(t, { emit: b }) {
+    const e = t, f = b, n = L(!1), u = L(null), v = L((/* @__PURE__ */ new Date()).getMonth()), a = L((/* @__PURE__ */ new Date()).getFullYear()), h = L(`calendar-${Math.random().toString(36).substr(2, 9)}`), i = L(null), p = L(null), g = [
       "Enero",
       "Febrero",
       "Marzo",
@@ -258,28 +257,25 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
       "Noviembre",
       "Diciembre"
     ], T = ["Dom", "Lun", "Mar", "Mié", "Jue", "Vie", "Sáb"], B = r(() => ({ sm: "xs", md: "sm", lg: "md" })[e.size] || "sm"), O = r(() => {
-      const m = (/* @__PURE__ */ new Date()).getFullYear(), C = [];
-      for (let z = m - 100; z <= m + 10; z++)
-        C.push(z);
-      return C;
-    }), j = r(() => `block text-sm font-medium ${e.labelColor} mb-1`), S = r(() => e.bordered ? "border border-neutral-300" : ""), D = r(() => {
-      const m = "w-full rounded-md transition-colors focus:outline-none focus:ring-2 disabled:cursor-not-allowed disabled:opacity-50 cursor-pointer", C = {
+      const y = (/* @__PURE__ */ new Date()).getFullYear(), $ = [];
+      for (let z = y - 100; z <= y + 10; z++)
+        $.push(z);
+      return $;
+    }), j = r(() => "ds-label"), S = r(() => e.bordered ? "border border-neutral-300" : ""), D = r(() => {
+      const y = "w-full rounded-md transition-colors focus:outline-none focus:ring-2 disabled:cursor-not-allowed disabled:opacity-50 cursor-pointer", $ = {
         sm: "px-3 py-1.5 pr-10 text-sm",
         md: "px-4 py-2 pr-10 text-base",
         lg: "px-5 py-3 pr-12 text-lg"
       }, z = {
         primary: "focus:ring-primary-500",
         secondary: "focus:ring-secondary-500"
-      }, A = {
+      }, _ = {
         default: "bg-white",
         filled: "bg-secondary-100",
         outlined: "bg-transparent"
       }, U = e.error ? "border-danger-600 focus:ring-danger-500" : "";
-      return `${m} ${C[e.size]} ${A[e.variant]} ${z[e.color]} ${U}`;
-    }), k = r(() => `transition-colors ${{
-      primary: "text-primary-600 hover:text-primary-700",
-      secondary: "text-secondary-600 hover:text-secondary-700"
-    }[e.color]} ${e.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`), I = r(() => "min-w-80 max-w-sm"), Y = r(() => `p-2 rounded-md transition-colors ${{
+      return `${y} ${$[e.size]} ${_[e.variant]} ${z[e.color]} ${U}`;
+    }), k = r(() => `transition-colors text-[#565656] hover:text-[#565656] opacity-80 hover:opacity-100 ${e.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`), I = r(() => "min-w-80 max-w-sm"), Y = r(() => `p-2 rounded-md transition-colors ${{
       primary: "text-primary-600 hover:text-primary-700 hover:bg-primary-50",
       secondary: "text-secondary-600 hover:text-secondary-700 hover:bg-secondary-50"
     }[e.color]}`), N = r(() => `px-2 py-1 text-sm border border-secondary-300 rounded-md focus:outline-none focus:ring-1 ${{
@@ -291,25 +287,25 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
     }[e.color]}`), M = r(() => `px-3 py-1.5 text-sm border border-secondary-300 rounded-md transition-colors focus:outline-none ${{
       primary: "text-primary-600 hover:text-primary-700 hover:bg-primary-50",
       secondary: "text-secondary-600 hover:text-secondary-700 hover:bg-secondary-50"
-    }[e.color]}`), d = r(() => e.mode === "single" && e.modelValue && e.modelValue instanceof Date ? E(e.modelValue) : ""), w = r(() => e.mode === "range" && e.modelValue && typeof e.modelValue == "object" && "start" in e.modelValue && e.modelValue.start ? E(e.modelValue.start) : ""), $ = r(() => e.mode === "range" && e.modelValue && typeof e.modelValue == "object" && "end" in e.modelValue && e.modelValue.end ? E(e.modelValue.end) : ""), J = r(() => e.mode === "single" ? i.value !== null : i.value !== null && p.value !== null && p.value >= i.value);
+    }[e.color]}`), d = r(() => e.mode === "single" && e.modelValue && e.modelValue instanceof Date ? A(e.modelValue) : ""), w = r(() => e.mode === "range" && e.modelValue && typeof e.modelValue == "object" && "start" in e.modelValue && e.modelValue.start ? A(e.modelValue.start) : ""), C = r(() => e.mode === "range" && e.modelValue && typeof e.modelValue == "object" && "end" in e.modelValue && e.modelValue.end ? A(e.modelValue.end) : ""), J = r(() => e.mode === "single" ? i.value !== null : i.value !== null && p.value !== null && p.value >= i.value);
     r(() => e.mode === "range" && i.value && p.value ? p.value < i.value : !1);
     const F = r(() => {
-      const m = new Date(a.value, v.value, 1), C = new Date(a.value, v.value + 1, 0), z = m.getDay(), A = C.getDate(), U = [], X = new Date(a.value, v.value - 1, 0);
+      const y = new Date(a.value, v.value, 1), $ = new Date(a.value, v.value + 1, 0), z = y.getDay(), _ = $.getDate(), U = [], Z = new Date(a.value, v.value - 1, 0);
       for (let R = z - 1; R >= 0; R--) {
-        const Z = new Date(a.value, v.value - 1, X.getDate() - R);
+        const X = new Date(a.value, v.value - 1, Z.getDate() - R);
         U.push({
-          day: Z.getDate(),
-          date: Z,
+          day: X.getDate(),
+          date: X,
           isCurrentMonth: !1,
-          disabled: !0,
-          key: `prev-${Z.getDate()}`
+          disabled: !1,
+          key: `prev-${X.getDate()}`
         });
       }
-      for (let R = 1; R <= A; R++) {
-        const Z = new Date(a.value, v.value, R);
+      for (let R = 1; R <= _; R++) {
+        const X = new Date(a.value, v.value, R);
         U.push({
           day: R,
-          date: Z,
+          date: X,
           isCurrentMonth: !0,
           disabled: !1,
           key: `current-${R}`
@@ -317,79 +313,81 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
       }
       const Ye = 42 - U.length;
       for (let R = 1; R <= Ye; R++) {
-        const Z = new Date(a.value, v.value + 1, R);
+        const X = new Date(a.value, v.value + 1, R);
         U.push({
           day: R,
-          date: Z,
+          date: X,
           isCurrentMonth: !1,
-          disabled: !0,
+          disabled: !1,
           key: `next-${R}`
         });
       }
       return U;
-    }), E = (m) => {
-      const C = m.getDate().toString().padStart(2, "0"), z = (m.getMonth() + 1).toString().padStart(2, "0"), A = m.getFullYear();
+    }), A = (y) => {
+      const $ = y.getDate().toString().padStart(2, "0"), z = (y.getMonth() + 1).toString().padStart(2, "0"), _ = y.getFullYear();
       switch (e.dateFormat) {
         case "MM/DD/YYYY":
-          return `${z}/${C}/${A}`;
+          return `${z}/${$}/${_}`;
         case "YYYY-MM-DD":
-          return `${A}-${z}-${C}`;
+          return `${_}-${z}-${$}`;
         case "DD/MM/YYYY":
         default:
-          return `${C}/${z}/${A}`;
+          return `${$}/${z}/${_}`;
       }
-    }, be = (m) => {
+    }, ge = (y) => {
       var z;
-      const C = new Date(m.getFullYear(), m.getMonth(), m.getDate());
+      const $ = new Date(y.getFullYear(), y.getMonth(), y.getDate());
       if (e.minDate) {
-        const A = new Date(e.minDate.getFullYear(), e.minDate.getMonth(), e.minDate.getDate());
-        if (C < A) return !0;
+        const _ = new Date(e.minDate.getFullYear(), e.minDate.getMonth(), e.minDate.getDate());
+        if ($ < _) return !0;
       }
       if (e.maxDate) {
-        const A = new Date(e.maxDate.getFullYear(), e.maxDate.getMonth(), e.maxDate.getDate());
-        if (C > A) return !0;
+        const _ = new Date(e.maxDate.getFullYear(), e.maxDate.getMonth(), e.maxDate.getDate());
+        if ($ > _) return !0;
       }
       return !!((z = e.disabledDates) != null && z.some(
-        (A) => A.toDateString() === m.toDateString()
+        (_) => _.toDateString() === y.toDateString()
       ));
-    }, De = (m) => {
-      const C = "w-8 h-8 text-sm rounded-md transition-colors focus:outline-none";
-      if (!m.isCurrentMonth || m.disabled || be(m.date))
-        return `${C} text-secondary-400 cursor-not-allowed`;
-      const z = Be(m.date), A = ze(m.date), U = Ve(m.date), X = {
+    }, De = (y) => {
+      const $ = "w-8 h-8 text-sm rounded-md transition-colors focus:outline-none";
+      if (y.disabled || ge(y.date))
+        return `${$} text-secondary-400 cursor-not-allowed`;
+      const z = Be(y.date), _ = ze(y.date), U = Ve(y.date), Z = {
         primary: {
           selected: "bg-primary-600 text-white",
           inRange: "bg-primary-100 text-primary-900",
           today: "bg-primary-50 text-primary-700 border border-primary-300",
-          default: "text-secondary-700 hover:bg-primary-50 hover:text-primary-700"
+          default: "text-secondary-700 hover:bg-primary-50 hover:text-primary-700",
+          otherMonth: "text-secondary-400 hover:bg-primary-50 hover:text-primary-600"
         },
         secondary: {
           selected: "bg-secondary-600 text-white",
           inRange: "bg-secondary-100 text-secondary-900",
           today: "bg-secondary-50 text-secondary-700 border border-secondary-300",
-          default: "text-secondary-700 hover:bg-secondary-50 hover:text-secondary-700"
+          default: "text-secondary-700 hover:bg-secondary-50 hover:text-secondary-700",
+          otherMonth: "text-secondary-400 hover:bg-secondary-50 hover:text-secondary-600"
         }
       };
-      return z ? `${C} ${X[e.color].selected}` : A ? `${C} ${X[e.color].inRange}` : U ? `${C} ${X[e.color].today}` : `${C} ${X[e.color].default}`;
-    }, Be = (m) => e.mode === "single" ? i.value ? le(m, i.value) : !1 : !!(i.value && le(m, i.value)) || !!(p.value && le(m, p.value)), ze = (m) => {
+      return z ? `${$} ${Z[e.color].selected}` : _ ? `${$} ${Z[e.color].inRange}` : U ? `${$} ${Z[e.color].today}` : y.isCurrentMonth ? `${$} ${Z[e.color].default}` : `${$} ${Z[e.color].otherMonth}`;
+    }, Be = (y) => e.mode === "single" ? i.value ? le(y, i.value) : !1 : !!(i.value && le(y, i.value)) || !!(p.value && le(y, p.value)), ze = (y) => {
       if (e.mode !== "range" || !i.value || !p.value)
         return !1;
-      const C = i.value, z = p.value;
-      return m > C && m < z;
-    }, Ve = (m) => le(m, /* @__PURE__ */ new Date()), le = (m, C) => m.toDateString() === C.toDateString(), Te = () => {
+      const $ = i.value, z = p.value;
+      return y > $ && y < z;
+    }, Ve = (y) => le(y, /* @__PURE__ */ new Date()), le = (y, $) => y.toDateString() === $.toDateString(), Te = () => {
       e.disabled || n.value || oe();
     }, Se = () => {
       e.disabled || n.value || oe();
     }, Ie = () => {
       e.disabled || he();
-    }, ge = (m) => {
-      e.disabled || (ne(m), n.value || oe());
-    }, me = (m) => {
-      e.disabled || (ne(m), n.value || oe());
-    }, ye = (m) => {
-      e.disabled || (ne(m), he());
-    }, ne = (m) => {
-      u.value = m;
+    }, be = (y) => {
+      e.disabled || (ne(y), n.value || oe());
+    }, ye = (y) => {
+      e.disabled || (ne(y), n.value || oe());
+    }, me = (y) => {
+      e.disabled || (ne(y), he());
+    }, ne = (y) => {
+      u.value = y;
     }, he = () => {
       e.disabled || (n.value = !n.value, n.value && ie());
     }, oe = () => {
@@ -398,14 +396,14 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
       n.value = !1, u.value = null;
     }, ie = () => {
       e.mode === "single" ? (i.value = e.modelValue instanceof Date ? e.modelValue : null, p.value = null) : e.modelValue && typeof e.modelValue == "object" && "start" in e.modelValue ? (i.value = e.modelValue.start, p.value = e.modelValue.end) : (i.value = null, p.value = null);
-    }, je = (m) => {
-      e.mode === "single" ? (i.value = m, p.value = null) : u.value === "start" || !i.value ? (i.value = m, p.value = null, u.value = "end") : (u.value === "end" || !p.value) && (m < i.value ? (p.value = i.value, i.value = m) : p.value = m, u.value = null);
+    }, je = (y) => {
+      e.mode === "single" ? (i.value = y, p.value = null) : u.value === "start" || !i.value ? (i.value = y, p.value = null, u.value = "end") : (u.value === "end" || !p.value) && (y < i.value ? (p.value = i.value, i.value = y) : p.value = y, u.value = null);
     }, Le = () => {
       if (e.mode === "single")
         f("update:modelValue", i.value), i.value && f("date-select", i.value);
       else {
-        const m = { start: i.value, end: p.value };
-        f("update:modelValue", m), f("range-select", m);
+        const y = { start: i.value, end: p.value };
+        f("update:modelValue", y), f("range-select", y);
       }
       re();
     }, Oe = () => {
@@ -413,16 +411,16 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
     }, Fe = () => {
       v.value === 11 ? (v.value = 0, a.value++) : v.value++;
     }, xe = () => {
-    }, de = L(), we = (m) => {
-      de.value && !de.value.contains(m.target) && re();
+    }, de = L(), we = (y) => {
+      de.value && !de.value.contains(y.target) && re();
     };
     return $e(() => {
       document.addEventListener("click", we);
     }), Ce(() => {
       document.removeEventListener("click", we);
-    }), ve(() => e.modelValue, (m) => {
+    }), ve(() => e.modelValue, (y) => {
       n.value || ie();
-    }, { deep: !0 }), (m, C) => (s(), l("div", {
+    }, { deep: !0 }), (y, $) => (s(), l("div", {
       ref_key: "calendarWrapperRef",
       ref: de,
       class: "calendar-wrapper"
@@ -433,9 +431,9 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
           for: h.value,
           class: c(j.value)
         }, [
-          _(x(t.label) + " ", 1),
-          t.required ? (s(), l("span", Xe, "*")) : y("", !0)
-        ], 10, Ze)) : y("", !0),
+          q(x(t.label) + " ", 1),
+          t.required ? (s(), l("span", Xe, "*")) : m("", !0)
+        ], 10, Ze)) : m("", !0),
         o("div", {
           class: c(["relative rounded-md", S.value])
         }, [
@@ -468,9 +466,9 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
           key: 0,
           class: c(j.value)
         }, [
-          _(x(t.label) + " ", 1),
-          t.required ? (s(), l("span", lt, "*")) : y("", !0)
-        ], 2)) : y("", !0),
+          q(x(t.label) + " ", 1),
+          t.required ? (s(), l("span", lt, "*")) : m("", !0)
+        ], 2)) : m("", !0),
         o("div", ot, [
           o("div", {
             class: c(["relative rounded-md", S.value])
@@ -483,13 +481,13 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
               value: w.value,
               required: t.required,
               readonly: !0,
-              onClick: C[0] || (C[0] = () => ge("start")),
-              onFocus: C[1] || (C[1] = () => me("start"))
+              onClick: $[0] || ($[0] = () => be("start")),
+              onFocus: $[1] || ($[1] = () => ye("start"))
             }, null, 42, at),
             o("button", {
               type: "button",
               class: c(["absolute right-3 top-1/2 -translate-y-1/2", k.value]),
-              onClick: C[2] || (C[2] = H(() => ye("start"), ["stop"])),
+              onClick: $[2] || ($[2] = H(() => me("start"), ["stop"])),
               disabled: t.disabled
             }, [
               G(se, {
@@ -506,16 +504,16 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
               type: "text",
               disabled: t.disabled,
               placeholder: t.endPlaceholder || "Fecha hasta",
-              value: $.value,
+              value: C.value,
               required: t.required,
               readonly: !0,
-              onClick: C[3] || (C[3] = () => ge("end")),
-              onFocus: C[4] || (C[4] = () => me("end"))
+              onClick: $[3] || ($[3] = () => be("end")),
+              onFocus: $[4] || ($[4] = () => ye("end"))
             }, null, 42, rt),
             o("button", {
               type: "button",
               class: c(["absolute right-3 top-1/2 -translate-y-1/2", k.value]),
-              onClick: C[5] || (C[5] = H(() => ye("end"), ["stop"])),
+              onClick: $[5] || ($[5] = H(() => me("end"), ["stop"])),
               disabled: t.disabled
             }, [
               G(se, {
@@ -526,11 +524,11 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
           ], 2)
         ])
       ])),
-      t.error ? (s(), l("p", dt, x(t.error), 1)) : t.helperText ? (s(), l("p", ut, x(t.helperText), 1)) : y("", !0),
+      t.error ? (s(), l("p", dt, x(t.error), 1)) : t.helperText ? (s(), l("p", ut, x(t.helperText), 1)) : m("", !0),
       n.value ? (s(), l("div", {
         key: 4,
         class: c(["absolute top-full mt-1 left-0 bg-white rounded-lg shadow-lg border border-secondary-200 z-50 overflow-hidden p-4", I.value]),
-        onClick: C[8] || (C[8] = H(() => {
+        onClick: $[8] || ($[8] = H(() => {
         }, ["stop"]))
       }, [
         o("div", ct, [
@@ -546,23 +544,23 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
           ], 2),
           o("div", ft, [
             ue(o("select", {
-              "onUpdate:modelValue": C[6] || (C[6] = (z) => v.value = z),
+              "onUpdate:modelValue": $[6] || ($[6] = (z) => v.value = z),
               class: c(N.value),
               onChange: xe
             }, [
-              (s(), l(P, null, W(b, (z, A) => o("option", {
-                key: A,
-                value: A
+              (s(), l(E, null, W(g, (z, _) => o("option", {
+                key: _,
+                value: _
               }, x(z), 9, vt)), 64))
             ], 34), [
               [ke, v.value]
             ]),
             ue(o("select", {
-              "onUpdate:modelValue": C[7] || (C[7] = (z) => a.value = z),
+              "onUpdate:modelValue": $[7] || ($[7] = (z) => a.value = z),
               class: c(N.value),
               onChange: xe
             }, [
-              (s(!0), l(P, null, W(O.value, (z) => (s(), l("option", {
+              (s(!0), l(E, null, W(O.value, (z) => (s(), l("option", {
                 key: z,
                 value: z
               }, x(z), 9, pt))), 128))
@@ -581,22 +579,22 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
             })
           ], 2)
         ]),
-        o("div", bt, [
-          (s(), l(P, null, W(T, (z) => o("div", {
+        o("div", gt, [
+          (s(), l(E, null, W(T, (z) => o("div", {
             key: z,
             class: "text-center text-sm font-medium text-secondary-600 py-2"
           }, x(z), 1)), 64))
         ]),
-        o("div", gt, [
-          (s(!0), l(P, null, W(F.value, (z) => (s(), l("button", {
+        o("div", bt, [
+          (s(!0), l(E, null, W(F.value, (z) => (s(), l("button", {
             key: z.key,
             type: "button",
             class: c(De(z)),
-            disabled: z.disabled || be(z.date),
-            onClick: (A) => je(z.date)
-          }, x(z.day), 11, mt))), 128))
+            disabled: z.disabled || ge(z.date),
+            onClick: (_) => je(z.date)
+          }, x(z.day), 11, yt))), 128))
         ]),
-        o("div", yt, [
+        o("div", mt, [
           o("button", {
             type: "button",
             class: c(M.value),
@@ -609,16 +607,16 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
             disabled: !J.value
           }, " Confirmar ", 10, ht)
         ])
-      ], 2)) : y("", !0)
+      ], 2)) : m("", !0)
     ], 512));
   }
-}), xl = /* @__PURE__ */ K(xt, [["__scopeId", "data-v-38b6f181"]]), wt = {
+}), xl = /* @__PURE__ */ K(xt, [["__scopeId", "data-v-aac22628"]]), wt = {
   key: 0,
   class: "border-b border-gray-100 px-6 py-4"
 }, kt = { class: "px-6 py-4" }, $t = {
   key: 1,
   class: "border-t border-gray-100 px-6 py-4 bg-gray-50"
-}, wl = /* @__PURE__ */ q({
+}, wl = /* @__PURE__ */ P({
   __name: "Card",
   props: {
     shadow: { default: "md" },
@@ -626,7 +624,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
     bordered: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const g = t, e = {
+    const b = t, e = {
       none: "",
       sm: "shadow-sm",
       md: "shadow",
@@ -641,28 +639,28 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
       full: "rounded-full"
     }, n = r(() => [
       "w-full bg-white",
-      e[g.shadow],
-      f[g.rounded],
-      g.bordered ? "border border-gray-200" : ""
+      e[b.shadow],
+      f[b.rounded],
+      b.bordered ? "border border-gray-200" : ""
     ]);
     return (u, v) => (s(), l("div", {
       class: c(n.value)
     }, [
       u.$slots.header ? (s(), l("div", wt, [
         V(u.$slots, "header")
-      ])) : y("", !0),
+      ])) : m("", !0),
       o("div", kt, [
         V(u.$slots, "default")
       ]),
       u.$slots.footer ? (s(), l("div", $t, [
         V(u.$slots, "footer")
-      ])) : y("", !0)
+      ])) : m("", !0)
     ], 2));
   }
 }), Ct = { class: "flex items-center justify-between border-b border-gray-100/60 px-8 py-6" }, Mt = { class: "text-xl font-semibold text-gray-900" }, Dt = { class: "px-8 py-6" }, Bt = {
   key: 0,
   class: "border-t border-gray-100 px-8 py-6 bg-gray-50"
-}, zt = /* @__PURE__ */ q({
+}, zt = /* @__PURE__ */ P({
   __name: "Dialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -670,8 +668,8 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
     closeOnBackdrop: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "close"],
-  setup(t, { emit: g }) {
-    const e = t, f = g, n = r({
+  setup(t, { emit: b }) {
+    const e = t, f = b, n = r({
       get: () => e.modelValue,
       set: (a) => f("update:modelValue", a)
     }), u = () => {
@@ -695,7 +693,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
               o("div", Ct, [
                 o("h2", Mt, [
                   V(a.$slots, "title", {}, () => [
-                    _(x(t.title), 1)
+                    q(x(t.title), 1)
                   ], !0)
                 ]),
                 o("button", {
@@ -724,9 +722,9 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
               ]),
               a.$slots.footer ? (s(), l("div", Bt, [
                 V(a.$slots, "footer", {}, void 0, !0)
-              ])) : y("", !0)
+              ])) : m("", !0)
             ])
-          ])) : y("", !0)
+          ])) : m("", !0)
         ]),
         _: 3
       })
@@ -738,13 +736,13 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24"
-}, jt = { class: "text-center" }, Lt = { class: "text-base font-medium text-gray-700" }, Ot = { class: "text-primary-700" }, Ft = { class: "flex items-center gap-3 flex-1 min-w-0" }, Yt = { class: "flex-1 min-w-0" }, At = { class: "text-sm font-medium text-gray-900 truncate" }, Et = { class: "text-xs text-gray-500" }, Pt = {
+}, jt = { class: "text-center" }, Lt = { class: "text-base font-medium text-gray-700" }, Ot = { class: "text-primary-700" }, Ft = { class: "flex items-center gap-3 flex-1 min-w-0" }, Yt = { class: "flex-1 min-w-0" }, _t = { class: "text-sm font-medium text-gray-900 truncate" }, At = { class: "text-xs text-gray-500" }, Et = {
   key: 1,
   class: "text-xs text-gray-500 mt-2"
-}, qt = {
+}, Pt = {
   key: 2,
   class: "text-sm text-danger-500 mt-2"
-}, $l = /* @__PURE__ */ q({
+}, $l = /* @__PURE__ */ P({
   __name: "FileUpload",
   props: {
     modelValue: { default: null },
@@ -760,8 +758,8 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
     maxSize: { default: void 0 }
   },
   emits: ["update:modelValue", "change", "error"],
-  setup(t, { emit: g }) {
-    const e = t, f = g, n = L(null), u = L(!1), v = L(e.modelValue), a = L(""), h = r(() => ({
+  setup(t, { emit: b }) {
+    const e = t, f = b, n = L(null), u = L(!1), v = L(e.modelValue), a = L(""), h = r(() => ({
       sm: "w-20 h-20",
       md: "w-32 h-32",
       lg: "w-48 h-48",
@@ -771,7 +769,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
       (k = n.value) == null || k.click();
     }, p = () => {
       e.disabled || i();
-    }, b = (k) => {
+    }, g = (k) => {
       e.disabled || (u.value = !0);
     }, T = () => {
       u.value = !1;
@@ -803,7 +801,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
         t.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
       ]]),
       onClick: p,
-      onDragover: H(b, ["prevent"]),
+      onDragover: H(g, ["prevent"]),
       onDragleave: H(T, ["prevent"]),
       onDrop: H(j, ["prevent"])
     }, [
@@ -837,7 +835,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
         ], 2),
         o("div", jt, [
           o("p", Lt, [
-            _(x(t.mainText) + " ", 1),
+            q(x(t.mainText) + " ", 1),
             o("span", Ot, x(t.linkText), 1)
           ])
         ]),
@@ -862,11 +860,11 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
               })
             ], -1)),
             o("div", Yt, [
-              o("p", At, x(v.value.name), 1),
-              o("p", Et, x(D(v.value.size)), 1)
+              o("p", _t, x(v.value.name), 1),
+              o("p", At, x(D(v.value.size)), 1)
             ])
           ]),
-          t.disabled ? y("", !0) : (s(), l("button", {
+          t.disabled ? m("", !0) : (s(), l("button", {
             key: 0,
             onClick: H(S, ["stop"]),
             class: "ml-3 text-gray-400 hover:text-danger-500 transition-colors"
@@ -883,13 +881,13 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
               })
             ], -1)
           ])]))
-        ])) : y("", !0),
-        t.helperText ? (s(), l("p", Pt, x(t.helperText), 1)) : y("", !0),
-        a.value ? (s(), l("p", qt, x(a.value), 1)) : y("", !0)
+        ])) : m("", !0),
+        t.helperText ? (s(), l("p", Et, x(t.helperText), 1)) : m("", !0),
+        a.value ? (s(), l("p", Pt, x(a.value), 1)) : m("", !0)
       ])
     ], 34));
   }
-}), _t = { class: "input-wrapper" }, Rt = ["for"], Nt = {
+}), qt = { class: "input-wrapper" }, Rt = ["for"], Nt = {
   key: 0,
   class: "text-danger-600"
 }, Wt = { class: "relative" }, Ht = ["id", "type", "disabled", "placeholder", "value", "required", "readonly"], Kt = {
@@ -901,7 +899,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
 }, Jt = {
   key: 2,
   class: "mt-1 text-sm text-secondary-600"
-}, Gt = /* @__PURE__ */ q({
+}, Gt = /* @__PURE__ */ P({
   __name: "Input",
   props: {
     modelValue: { default: "" },
@@ -917,9 +915,9 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
     helperText: {}
   },
   emits: ["update:modelValue", "blur", "focus"],
-  setup(t, { emit: g }) {
-    const e = t, f = g, n = L(`input-${Math.random().toString(36).substr(2, 9)}`), u = r(() => "block text-sm font-medium text-secondary-700 mb-1"), v = r(() => {
-      const p = "w-full rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50", b = {
+  setup(t, { emit: b }) {
+    const e = t, f = b, n = L(`input-${Math.random().toString(36).substr(2, 9)}`), u = r(() => "ds-label"), v = r(() => {
+      const p = "w-full rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50", g = {
         sm: "h-8 px-3 text-sm",
         md: "h-10 px-4 text-base",
         lg: "h-12 px-5 text-lg"
@@ -928,24 +926,24 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
         filled: "border-0 bg-secondary-100 focus:bg-white focus:ring-primary-500",
         outlined: "border-2 border-secondary-300 bg-transparent focus:border-primary-500 focus:ring-primary-500"
       }, B = e.error ? "border-danger-500 focus:border-danger-500 focus:ring-danger-500 pr-10" : "";
-      return `${p} ${b[e.size]} ${T[e.variant]} ${B}`;
+      return `${p} ${g[e.size]} ${T[e.variant]} ${B}`;
     }), a = (p) => {
-      const b = p.target;
-      f("update:modelValue", b.value);
+      const g = p.target;
+      f("update:modelValue", g.value);
     }, h = (p) => {
       f("blur", p);
     }, i = (p) => {
       f("focus", p);
     };
-    return (p, b) => (s(), l("div", _t, [
+    return (p, g) => (s(), l("div", qt, [
       t.label ? (s(), l("label", {
         key: 0,
         for: n.value,
         class: c(u.value)
       }, [
-        _(x(t.label) + " ", 1),
-        t.required ? (s(), l("span", Nt, "*")) : y("", !0)
-      ], 10, Rt)) : y("", !0),
+        q(x(t.label) + " ", 1),
+        t.required ? (s(), l("span", Nt, "*")) : m("", !0)
+      ], 10, Rt)) : m("", !0),
       o("div", Wt, [
         o("input", {
           id: n.value,
@@ -960,7 +958,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
           onBlur: h,
           onFocus: i
         }, null, 42, Ht),
-        t.error ? (s(), l("span", Kt, [...b[0] || (b[0] = [
+        t.error ? (s(), l("span", Kt, [...g[0] || (g[0] = [
           o("svg", {
             xmlns: "http://www.w3.org/2000/svg",
             class: "h-5 w-5",
@@ -973,15 +971,15 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
               "clip-rule": "evenodd"
             })
           ], -1)
-        ])])) : y("", !0)
+        ])])) : m("", !0)
       ]),
-      t.error ? (s(), l("p", Ut, x(t.error), 1)) : t.helperText ? (s(), l("p", Jt, x(t.helperText), 1)) : y("", !0)
+      t.error ? (s(), l("p", Ut, x(t.error), 1)) : t.helperText ? (s(), l("p", Jt, x(t.helperText), 1)) : m("", !0)
     ]));
   }
-}), Cl = /* @__PURE__ */ K(Gt, [["__scopeId", "data-v-e3a37613"]]), Qt = ["stroke-width"], Zt = {
+}), Cl = /* @__PURE__ */ K(Gt, [["__scopeId", "data-v-fac43d65"]]), Qt = ["stroke-width"], Zt = {
   class: "w-full h-full rounded-lg overflow-hidden",
   style: { "background-color": "#f7f7f7" }
-}, Xt = /* @__PURE__ */ q({
+}, Xt = /* @__PURE__ */ P({
   __name: "Loader",
   props: {
     type: { default: "circular" },
@@ -992,7 +990,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
     progress: { default: void 0 }
   },
   setup(t) {
-    const g = t, e = {
+    const b = t, e = {
       primary: "text-primary-700",
       secondary: "text-secondary-500",
       success: "text-success-500",
@@ -1006,7 +1004,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
       warning: "bg-warning-500",
       danger: "bg-danger-500",
       info: "bg-info-500"
-    }, n = r(() => [e[g.color]]), u = r(() => [f[g.color]]);
+    }, n = r(() => [e[b.color]]), u = r(() => [f[b.color]]);
     return (v, a) => t.type === "circular" ? (s(), l("div", {
       key: 0,
       class: c(n.value)
@@ -1042,7 +1040,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
           style: Q({ width: t.progress !== void 0 ? `${Math.min(Math.max(t.progress, 0), 100)}%` : "100%" })
         }, null, 6)
       ])
-    ], 4)) : y("", !0);
+    ], 4)) : m("", !0);
   }
 }), Ml = /* @__PURE__ */ K(Xt, [["__scopeId", "data-v-f369fb46"]]), es = ["disabled", "aria-expanded"], ts = ["disabled", "onClick"], ss = {
   key: 0,
@@ -1059,7 +1057,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24"
-}, fs = /* @__PURE__ */ q({
+}, fs = /* @__PURE__ */ P({
   __name: "Menu",
   props: {
     items: { default: () => [] },
@@ -1078,8 +1076,8 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
     zIndex: { default: 50 }
   },
   emits: ["open", "close", "select"],
-  setup(t, { emit: g }) {
-    const e = t, f = g, n = L(!1), u = L(null), v = L(null), a = L({}), h = r(() => [
+  setup(t, { emit: b }) {
+    const e = t, f = b, n = L(!1), u = L(null), v = L(null), a = L({}), h = r(() => [
       "inline-flex items-center justify-center px-4 py-2 text-sm font-medium",
       "bg-white border border-secondary-300 rounded-md text-secondary-700",
       "hover:bg-secondary-100 hover:text-secondary-900 hover:border-secondary-400",
@@ -1090,19 +1088,19 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
       "fixed bg-white rounded-lg shadow-lg border border-secondary-200",
       "flex flex-col",
       "focus:outline-none"
-    ], `z-${e.zIndex}`].join(" ")), p = r(() => "px-4 py-3 border-b border-secondary-200 bg-secondary-50"), b = r(() => "px-4 py-3 border-t border-secondary-200 bg-secondary-50"), T = r(() => "py-1 overflow-y-auto flex-1 min-h-0"), B = r(() => "my-1 border-t border-secondary-200"), O = r(() => "px-4 py-2 text-xs font-semibold text-secondary-500 uppercase tracking-wider"), j = (d) => {
+    ], `z-${e.zIndex}`].join(" ")), p = r(() => "px-4 py-3 border-b border-secondary-200 bg-secondary-50"), g = r(() => "px-4 py-3 border-t border-secondary-200 bg-secondary-50"), T = r(() => "py-1 overflow-y-auto flex-1 min-h-0"), B = r(() => "my-1 border-t border-secondary-200"), O = r(() => "px-4 py-2 text-xs font-semibold text-secondary-500 uppercase tracking-wider"), j = (d) => {
       const w = [
         "w-full flex items-center gap-3 px-4 py-2.5 text-sm text-left",
         "transition-all duration-150 focus:outline-none cursor-pointer",
         "disabled:opacity-50 disabled:cursor-not-allowed"
-      ], $ = d.variant || "default", J = {
+      ], C = d.variant || "default", J = {
         default: "text-secondary-700 hover:bg-secondary-100 hover:text-secondary-900 focus:bg-secondary-100",
         danger: "text-danger-600 hover:bg-danger-100 hover:text-danger-700 focus:bg-danger-100",
         success: "text-success-600 hover:bg-success-100 hover:text-success-700 focus:bg-success-100",
         warning: "text-warning-600 hover:bg-warning-100 hover:text-warning-700 focus:bg-warning-100"
       };
       let F = "";
-      return d.color && (F = d.color, (d.color.includes("white") || d.color.includes("50")) && (F += " hover:text-black")), [...w, F || J[$]].join(" ");
+      return d.color && (F = d.color, (d.color.includes("white") || d.color.includes("50")) && (F += " hover:text-black")), [...w, F || J[C]].join(" ");
     }, S = () => {
       e.disabled || (n.value ? k() : D());
     }, D = () => {
@@ -1122,37 +1120,37 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
       (d.key === "Enter" || d.key === " ") && (d.preventDefault(), S());
     }, M = () => {
       if (!u.value || !v.value) return;
-      const d = u.value.getBoundingClientRect(), w = v.value.getBoundingClientRect(), $ = window.innerWidth, J = window.innerHeight;
-      let F = 0, E = 0;
+      const d = u.value.getBoundingClientRect(), w = v.value.getBoundingClientRect(), C = window.innerWidth, J = window.innerHeight;
+      let F = 0, A = 0;
       switch (e.position) {
         case "bottom-start":
-          F = d.bottom + e.offset.y, E = d.left + e.offset.x;
+          F = d.bottom + e.offset.y, A = d.left + e.offset.x;
           break;
         case "bottom-end":
-          F = d.bottom + e.offset.y, E = d.right - w.width + e.offset.x;
+          F = d.bottom + e.offset.y, A = d.right - w.width + e.offset.x;
           break;
         case "top-start":
-          F = d.top - w.height - e.offset.y, E = d.left + e.offset.x;
+          F = d.top - w.height - e.offset.y, A = d.left + e.offset.x;
           break;
         case "top-end":
-          F = d.top - w.height - e.offset.y, E = d.right - w.width + e.offset.x;
+          F = d.top - w.height - e.offset.y, A = d.right - w.width + e.offset.x;
           break;
         case "right-start":
-          F = d.top + e.offset.y, E = d.right + e.offset.x;
+          F = d.top + e.offset.y, A = d.right + e.offset.x;
           break;
         case "right-end":
-          F = d.bottom - w.height + e.offset.y, E = d.right + e.offset.x;
+          F = d.bottom - w.height + e.offset.y, A = d.right + e.offset.x;
           break;
         case "left-start":
-          F = d.top + e.offset.y, E = d.left - w.width - e.offset.x;
+          F = d.top + e.offset.y, A = d.left - w.width - e.offset.x;
           break;
         case "left-end":
-          F = d.bottom - w.height + e.offset.y, E = d.left - w.width - e.offset.x;
+          F = d.bottom - w.height + e.offset.y, A = d.left - w.width - e.offset.x;
           break;
       }
-      E + w.width > $ && (E = $ - w.width - 8), E < 8 && (E = 8), F + w.height > J && (F = J - w.height - 8), F < 8 && (F = 8), a.value = {
+      A + w.width > C && (A = C - w.width - 8), A < 8 && (A = 8), F + w.height > J && (F = J - w.height - 8), F < 8 && (F = 8), a.value = {
         top: `${F}px`,
-        left: `${E}px`,
+        left: `${A}px`,
         width: e.width === "auto" ? `${Math.max(d.width, 240)}px` : e.width,
         maxHeight: e.maxHeight,
         minWidth: "240px"
@@ -1187,7 +1185,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
             "aria-haspopup": !0
           }, [
             V(d.$slots, "trigger-content", {}, () => [
-              _(x(t.triggerText), 1)
+              q(x(t.triggerText), 1)
             ], !0),
             t.showChevron ? (s(), l("svg", {
               key: 0,
@@ -1202,7 +1200,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
                 "stroke-width": "2",
                 d: "M19 9l-7 7-7-7"
               }, null, -1)
-            ])], 2)) : y("", !0)
+            ])], 2)) : m("", !0)
           ], 42, es)
         ], !0)
       ], 512),
@@ -1221,7 +1219,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
             class: c(p.value)
           }, [
             V(d.$slots, "header", { close: k }, void 0, !0)
-          ], 2)) : y("", !0),
+          ], 2)) : m("", !0),
           o("div", {
             class: c(T.value)
           }, [
@@ -1229,91 +1227,91 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
               close: k,
               isOpen: n.value
             }, () => [
-              (s(!0), l(P, null, W(t.items, ($, J) => (s(), l(P, {
-                key: $.id || J
+              (s(!0), l(E, null, W(t.items, (C, J) => (s(), l(E, {
+                key: C.id || J
               }, [
-                $.type === "divider" ? (s(), l("div", {
+                C.type === "divider" ? (s(), l("div", {
                   key: 0,
                   class: c(B.value)
-                }, null, 2)) : $.type === "header" ? (s(), l("div", {
+                }, null, 2)) : C.type === "header" ? (s(), l("div", {
                   key: 1,
                   class: c(O.value)
-                }, x($.label), 3)) : (s(), l("button", {
+                }, x(C.label), 3)) : (s(), l("button", {
                   key: 2,
                   type: "button",
-                  class: c(j($)),
-                  disabled: $.disabled,
-                  onClick: (F) => I($)
+                  class: c(j(C)),
+                  disabled: C.disabled,
+                  onClick: (F) => I(C)
                 }, [
-                  $.icon || d.$slots[`icon-${$.id}`] ? (s(), l("span", ss, [
-                    V(d.$slots, `icon-${$.id}`, { item: $ }, () => [
-                      typeof $.icon != "string" ? (s(), ee(Me($.icon), {
+                  C.icon || d.$slots[`icon-${C.id}`] ? (s(), l("span", ss, [
+                    V(d.$slots, `icon-${C.id}`, { item: C }, () => [
+                      typeof C.icon != "string" ? (s(), ee(Me(C.icon), {
                         key: 0,
                         class: "w-5 h-5"
                       })) : (s(), l("span", {
                         key: 1,
-                        innerHTML: $.icon,
+                        innerHTML: C.icon,
                         class: "w-5 h-5 inline-block"
                       }, null, 8, ls))
                     ], !0)
-                  ])) : y("", !0),
+                  ])) : m("", !0),
                   o("div", os, [
-                    V(d.$slots, `item-${$.id}`, {
-                      item: $,
+                    V(d.$slots, `item-${C.id}`, {
+                      item: C,
                       close: k
                     }, () => [
                       o("div", as, [
                         o("span", {
                           class: "truncate w-full",
-                          title: $.label
-                        }, x($.label), 9, ns),
-                        $.description ? (s(), l("span", {
+                          title: C.label
+                        }, x(C.label), 9, ns),
+                        C.description ? (s(), l("span", {
                           key: 0,
                           class: "text-xs text-secondary-500 truncate w-full",
-                          title: $.description
-                        }, x($.description), 9, rs)) : y("", !0)
+                          title: C.description
+                        }, x(C.description), 9, rs)) : m("", !0)
                       ])
                     ], !0)
                   ]),
-                  $.suffix || $.shortcut || d.$slots[`suffix-${$.id}`] ? (s(), l("span", is, [
-                    V(d.$slots, `suffix-${$.id}`, { item: $ }, () => [
-                      $.shortcut ? (s(), l("span", ds, x($.shortcut), 1)) : $.suffix ? (s(), l("span", us, x($.suffix), 1)) : y("", !0)
+                  C.suffix || C.shortcut || d.$slots[`suffix-${C.id}`] ? (s(), l("span", is, [
+                    V(d.$slots, `suffix-${C.id}`, { item: C }, () => [
+                      C.shortcut ? (s(), l("span", ds, x(C.shortcut), 1)) : C.suffix ? (s(), l("span", us, x(C.suffix), 1)) : m("", !0)
                     ], !0)
-                  ])) : y("", !0),
-                  $.children && $.children.length > 0 ? (s(), l("svg", cs, [...w[2] || (w[2] = [
+                  ])) : m("", !0),
+                  C.children && C.children.length > 0 ? (s(), l("svg", cs, [...w[2] || (w[2] = [
                     o("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
                       "stroke-width": "2",
                       d: "M9 5l7 7-7 7"
                     }, null, -1)
-                  ])])) : y("", !0)
+                  ])])) : m("", !0)
                 ], 10, ts))
               ], 64))), 128))
             ], !0)
           ], 2),
           d.$slots.footer ? (s(), l("div", {
             key: 1,
-            class: c(b.value)
+            class: c(g.value)
           }, [
             V(d.$slots, "footer", { close: k }, void 0, !0)
-          ], 2)) : y("", !0)
-        ], 6)) : y("", !0),
+          ], 2)) : m("", !0)
+        ], 6)) : m("", !0),
         n.value && t.overlay ? (s(), l("div", {
           key: 1,
           class: "fixed inset-0 bg-black/20 z-40",
           onClick: k
-        })) : y("", !0)
+        })) : m("", !0)
       ]))
     ], 2));
   }
 }), Dl = /* @__PURE__ */ K(fs, [["__scopeId", "data-v-61176297"]]), vs = ["for"], ps = {
   key: 0,
   class: "text-danger-600"
-}, bs = ["id", "disabled", "aria-expanded"], gs = { class: "flex-1 text-left truncate" }, ms = {
+}, gs = ["id", "disabled", "aria-expanded"], bs = { class: "flex-1 text-left truncate" }, ys = {
   key: 0,
   class: "p-2 border-b border-secondary-200"
-}, ys = ["placeholder"], hs = { class: "max-h-64 overflow-y-auto" }, xs = {
+}, ms = ["placeholder"], hs = { class: "max-h-64 overflow-y-auto" }, xs = {
   key: 0,
   class: "px-4 py-3 text-sm text-secondary-500 text-center"
 }, ws = ["onClick"], ks = { class: "flex items-center justify-between w-full" }, $s = { class: "truncate" }, Cs = {
@@ -1332,7 +1330,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
 }, Vs = {
   key: 2,
   class: "mt-1 text-sm text-secondary-600"
-}, Ts = /* @__PURE__ */ q({
+}, Ts = /* @__PURE__ */ P({
   __name: "Select",
   props: {
     modelValue: { default: null },
@@ -1354,15 +1352,15 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
     bordered: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "change", "action"],
-  setup(t, { emit: g }) {
-    const e = t, f = g, n = L(!1), u = L(""), v = L(null), a = r(
+  setup(t, { emit: b }) {
+    const e = t, f = b, n = L(!1), u = L(""), v = L(null), a = r(
       () => `select-${Math.random().toString(36).substr(2, 9)}`
     ), h = r(() => e.options.find((M) => M.value === e.modelValue) || null), i = r(() => {
       if (!e.searchable || !u.value)
         return e.options;
       const M = u.value.toLowerCase();
       return e.options.filter((d) => d.label.toLowerCase().includes(M));
-    }), p = r(() => "block text-sm font-semibold text-secondary-700 mb-1"), b = r(() => e.bordered ? "border border-neutral-300 rounded-md" : "rounded-md"), T = r(() => {
+    }), p = r(() => "ds-label"), g = r(() => e.bordered ? "border border-neutral-300 rounded-md" : "rounded-md"), T = r(() => {
       const M = "w-full rounded-md flex items-center justify-between gap-2 transition-colors focus:outline-none focus:ring-2 focus:ring-primary-500 disabled:opacity-50 disabled:cursor-not-allowed", d = {
         sm: "px-3 py-1.5 text-sm",
         md: "px-4 py-2 text-base",
@@ -1371,12 +1369,12 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
         default: "bg-white",
         outline: "bg-transparent",
         filled: "bg-secondary-100"
-      }, $ = e.error ? "border-danger-600 focus:ring-danger-500" : "";
+      }, C = e.error ? "border-danger-600 focus:ring-danger-500" : "";
       return [
         M,
         d[e.size],
         w[e.variant],
-        $
+        C
       ].join(" ");
     }), B = r(() => `absolute ${e.menuPosition === "top" ? "bottom-full mb-1" : "top-full mt-1"} left-0 right-0 bg-white rounded-lg shadow-lg border border-secondary-200 z-50 overflow-hidden`), O = (M) => {
       const d = "w-full px-4 py-2 text-left hover:bg-primary-50 transition-colors focus:outline-none focus:bg-primary-50 disabled:opacity-50 disabled:cursor-not-allowed", w = S(M) ? "bg-primary-50" : "";
@@ -1413,11 +1411,11 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
         for: a.value,
         class: c(p.value)
       }, [
-        _(x(t.label) + " ", 1),
-        t.required ? (s(), l("span", ps, "*")) : y("", !0)
-      ], 10, vs)) : y("", !0),
+        q(x(t.label) + " ", 1),
+        t.required ? (s(), l("span", ps, "*")) : m("", !0)
+      ], 10, vs)) : m("", !0),
       o("div", {
-        class: c(["relative", b.value])
+        class: c(["relative", g.value])
       }, [
         o("button", {
           id: a.value,
@@ -1430,7 +1428,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
           onBlur: N,
           onKeydown: te
         }, [
-          o("span", gs, x(h.value ? h.value.label : t.placeholder), 1),
+          o("span", bs, x(h.value ? h.value.label : t.placeholder), 1),
           (s(), l("svg", {
             class: c(["w-5 h-5 flex-shrink-0 transition-transform text-secondary-600", n.value ? "rotate-180" : ""]),
             fill: "none",
@@ -1445,14 +1443,14 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
               d: "M19 9l-7 7-7-7"
             }, null, -1)
           ])], 2))
-        ], 42, bs),
+        ], 42, gs),
         n.value ? (s(), l("div", {
           key: 0,
           class: c(B.value),
           onClick: d[2] || (d[2] = H(() => {
           }, ["stop"]))
         }, [
-          t.searchable ? (s(), l("div", ms, [
+          t.searchable ? (s(), l("div", ys, [
             ue(o("input", {
               ref_key: "searchInput",
               ref: v,
@@ -1462,17 +1460,17 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
               placeholder: t.searchPlaceholder,
               onKeydown: d[1] || (d[1] = H(() => {
               }, ["stop"]))
-            }, null, 40, ys), [
-              [Ee, u.value]
+            }, null, 40, ms), [
+              [Ae, u.value]
             ])
-          ])) : y("", !0),
+          ])) : m("", !0),
           o("div", hs, [
-            i.value.length === 0 ? (s(), l("div", xs, x(t.emptyText), 1)) : (s(), l(P, { key: 1 }, [
-              (s(!0), l(P, null, W(i.value, (w) => (s(), l("button", {
+            i.value.length === 0 ? (s(), l("div", xs, x(t.emptyText), 1)) : (s(), l(E, { key: 1 }, [
+              (s(!0), l(E, null, W(i.value, (w) => (s(), l("button", {
                 key: w.value,
                 type: "button",
                 class: c(O(w)),
-                onClick: ($) => I(w)
+                onClick: (C) => I(w)
               }, [
                 o("div", ks, [
                   o("span", $s, x(w.label), 1),
@@ -1483,15 +1481,15 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
                       "stroke-width": "2",
                       d: "M5 13l4 4L19 7"
                     }, null, -1)
-                  ])])) : y("", !0)
+                  ])])) : m("", !0)
                 ])
               ], 10, ws))), 128)),
-              t.actionItems.length > 0 ? (s(), l("div", Ms)) : y("", !0),
-              (s(!0), l(P, null, W(t.actionItems, (w) => (s(), l("button", {
+              t.actionItems.length > 0 ? (s(), l("div", Ms)) : m("", !0),
+              (s(!0), l(E, null, W(t.actionItems, (w) => (s(), l("button", {
                 key: w.id,
                 type: "button",
                 class: c(j(w)),
-                onClick: ($) => Y(w)
+                onClick: (C) => Y(w)
               }, [
                 w.icon ? (s(), l("svg", {
                   key: 0,
@@ -1501,22 +1499,22 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
                   viewBox: "0 0 24 24",
                   xmlns: "http://www.w3.org/2000/svg",
                   innerHTML: w.icon
-                }, null, 8, Bs)) : y("", !0),
-                _(" " + x(w.label), 1)
+                }, null, 8, Bs)) : m("", !0),
+                q(" " + x(w.label), 1)
               ], 10, Ds))), 128))
             ], 64))
           ])
-        ], 2)) : y("", !0)
+        ], 2)) : m("", !0)
       ], 2),
-      t.error ? (s(), l("p", zs, x(t.error), 1)) : t.helperText ? (s(), l("p", Vs, x(t.helperText), 1)) : y("", !0),
+      t.error ? (s(), l("p", zs, x(t.error), 1)) : t.helperText ? (s(), l("p", Vs, x(t.helperText), 1)) : m("", !0),
       n.value ? (s(), l("div", {
         key: 3,
         onClick: k,
         class: "fixed inset-0 z-40"
-      })) : y("", !0)
+      })) : m("", !0)
     ], 2));
   }
-}), Bl = /* @__PURE__ */ K(Ts, [["__scopeId", "data-v-edef6efe"]]), Ss = /* @__PURE__ */ q({
+}), Bl = /* @__PURE__ */ K(Ts, [["__scopeId", "data-v-c22d5b94"]]), Ss = /* @__PURE__ */ P({
   __name: "Sidebar",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1531,8 +1529,8 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
     padding: { default: "md" }
   },
   emits: ["update:modelValue", "close", "open"],
-  setup(t, { emit: g }) {
-    const e = t, f = g, n = r({
+  setup(t, { emit: b }) {
+    const e = t, f = b, n = r({
       get: () => e.modelValue,
       set: (B) => f("update:modelValue", B)
     }), u = () => {
@@ -1552,7 +1550,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
       sm: "p-2",
       md: "p-4",
       lg: "p-6"
-    }, p = r(() => `flex items-center justify-between border-b border-gray-200 ${i[e.padding]}`), b = r(() => `flex-1 overflow-y-auto ${i[e.padding]}`), T = r(() => `border-t border-gray-200 ${i[e.padding]}`);
+    }, p = r(() => `flex items-center justify-between border-b border-gray-200 ${i[e.padding]}`), g = r(() => `flex-1 overflow-y-auto ${i[e.padding]}`), T = r(() => `border-t border-gray-200 ${i[e.padding]}`);
     return (B, O) => (s(), ee(pe, { to: "body" }, [
       G(ce, { name: "fade" }, {
         default: ae(() => [
@@ -1561,7 +1559,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
             onClick: u,
             class: "fixed inset-0 bg-black/50 z-40",
             style: Q({ top: t.overlayTop })
-          }, null, 4)) : y("", !0)
+          }, null, 4)) : m("", !0)
         ]),
         _: 1
       }),
@@ -1596,10 +1594,10 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
                     d: "M6 18L18 6M6 6l12 12"
                   })
                 ], -1)
-              ])])) : y("", !0)
-            ], 2)) : y("", !0),
+              ])])) : m("", !0)
+            ], 2)) : m("", !0),
             o("div", {
-              class: c(b.value)
+              class: c(g.value)
             }, [
               V(B.$slots, "default", {}, void 0, !0)
             ], 2),
@@ -1608,8 +1606,8 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
               class: c(T.value)
             }, [
               V(B.$slots, "footer", {}, void 0, !0)
-            ], 2)) : y("", !0)
-          ], 6)) : y("", !0)
+            ], 2)) : m("", !0)
+          ], 6)) : m("", !0)
         ]),
         _: 3
       }, 8, ["name"])
@@ -1618,7 +1616,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
 }), zl = /* @__PURE__ */ K(Ss, [["__scopeId", "data-v-b208234c"]]), Is = { class: "w-full space-y-4" }, js = { class: "flex flex-col gap-3 md:hidden" }, Ls = { class: "text-[11px] uppercase tracking-wide text-gray-400" }, Os = { class: "text-sm text-gray-700" }, Fs = {
   key: 0,
   class: "rounded-lg border border-dashed border-gray-200 bg-white p-4 text-gray-400 text-center"
-}, Ys = { class: "hidden md:block w-full overflow-x-auto" }, As = { class: "w-full border-collapse" }, Es = { class: "w-full" }, Ps = ["onClick"], qs = { class: "flex items-center gap-2" }, _s = {
+}, Ys = { class: "hidden md:block w-full overflow-x-auto" }, _s = { class: "w-full border-collapse" }, As = { class: "w-full" }, Es = ["onClick"], Ps = { class: "flex items-center gap-2" }, qs = {
   key: 0,
   class: "text-xs text-gray-400"
 }, Rs = { key: 0 }, Ns = { key: 1 }, Ws = { class: "w-full" }, Hs = {
@@ -1627,7 +1625,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
 }, Ks = {
   key: 0,
   class: "w-full px-6 py-4 bg-white"
-}, Us = /* @__PURE__ */ q({
+}, Us = /* @__PURE__ */ P({
   __name: "Table",
   props: {
     columns: {},
@@ -1638,92 +1636,92 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
     rowClass: { default: void 0 }
   },
   setup(t) {
-    const g = t, e = L(null), f = L("asc"), n = (a) => {
+    const b = t, e = L(null), f = L("asc"), n = (a) => {
       e.value === a ? f.value = f.value === "asc" ? "desc" : "asc" : (e.value = a, f.value = "asc");
     }, u = r(() => {
       if (!e.value)
-        return g.data;
-      const a = [...g.data];
+        return b.data;
+      const a = [...b.data];
       return a.sort((h, i) => {
-        const p = h[e.value], b = i[e.value];
-        return typeof p == "string" && typeof b == "string" ? f.value === "asc" ? p.localeCompare(b) : b.localeCompare(p) : typeof p == "number" && typeof b == "number" ? f.value === "asc" ? p - b : b - p : 0;
+        const p = h[e.value], g = i[e.value];
+        return typeof p == "string" && typeof g == "string" ? f.value === "asc" ? p.localeCompare(g) : g.localeCompare(p) : typeof p == "number" && typeof g == "number" ? f.value === "asc" ? p - g : g - p : 0;
       }), a;
-    }), v = r(() => g.columns.filter((a) => !a.hideOnMobile));
+    }), v = r(() => b.columns.filter((a) => !a.hideOnMobile));
     return (a, h) => (s(), l("div", Is, [
       o("div", js, [
-        (s(!0), l(P, null, W(u.value, (i, p) => (s(), l("div", {
+        (s(!0), l(E, null, W(u.value, (i, p) => (s(), l("div", {
           key: `card-${p}`,
           class: "rounded-lg border border-gray-200 bg-white p-4 shadow-sm"
         }, [
-          (s(!0), l(P, null, W(v.value, (b) => (s(), l("div", {
-            key: `card-${p}-${b.key}`,
+          (s(!0), l(E, null, W(v.value, (g) => (s(), l("div", {
+            key: `card-${p}-${g.key}`,
             class: "flex flex-col gap-1 py-1"
           }, [
-            o("span", Ls, x(b.label), 1),
+            o("span", Ls, x(g.label), 1),
             o("span", Os, [
-              V(a.$slots, `cell-${b.key}`, {
-                value: i[b.key],
+              V(a.$slots, `cell-${g.key}`, {
+                value: i[g.key],
                 row: i
               }, () => [
-                _(x(i[b.key]), 1)
+                q(x(i[g.key]), 1)
               ], !0)
             ])
           ]))), 128))
         ]))), 128)),
         u.value.length === 0 ? (s(), l("div", Fs, [
           V(a.$slots, "empty", {}, () => [
-            h[0] || (h[0] = _("No hay datos disponibles", -1))
+            h[0] || (h[0] = q("No hay datos disponibles", -1))
           ], !0)
-        ])) : y("", !0)
+        ])) : m("", !0)
       ]),
       o("div", Ys, [
-        o("table", As, [
-          o("thead", Es, [
+        o("table", _s, [
+          o("thead", As, [
             o("tr", {
               class: c([
                 "w-full",
-                g.headerClass || "bg-neutral-50 border-b border-gray-100"
+                b.headerClass || "bg-neutral-50 border-b border-gray-100"
               ])
             }, [
-              (s(!0), l(P, null, W(t.columns, (i) => (s(), l("th", {
+              (s(!0), l(E, null, W(t.columns, (i) => (s(), l("th", {
                 key: i.key,
                 style: Q(i.width ? { width: i.width } : {}),
                 class: c([
                   "px-4 py-3 text-left text-xs font-semibold text-gray-700 border-l border-gray-100 first:border-l-0",
                   i.sortable ? "cursor-pointer hover:text-primary-600 select-none transition-colors" : "",
-                  g.headerCellClass
+                  b.headerCellClass
                 ]),
                 onClick: (p) => i.sortable && n(i.key)
               }, [
-                o("div", qs, [
+                o("div", Ps, [
                   o("span", null, x(i.label), 1),
-                  i.sortable ? (s(), l("span", _s, [
+                  i.sortable ? (s(), l("span", qs, [
                     e.value !== i.key ? (s(), l("span", Rs, "⇅")) : (s(), l("span", Ns, x(f.value === "asc" ? "↑" : "↓"), 1))
-                  ])) : y("", !0)
+                  ])) : m("", !0)
                 ])
-              ], 14, Ps))), 128))
+              ], 14, Es))), 128))
             ], 2)
           ]),
           o("tbody", Ws, [
-            (s(!0), l(P, null, W(u.value, (i, p) => (s(), l("tr", {
+            (s(!0), l(E, null, W(u.value, (i, p) => (s(), l("tr", {
               key: p,
               class: c([
                 "w-full border-b border-gray-200 hover:bg-gray-50 transition-colors",
-                g.rowClass
+                b.rowClass
               ])
             }, [
-              (s(!0), l(P, null, W(t.columns, (b) => (s(), l("td", {
-                key: `${p}-${b.key}`,
+              (s(!0), l(E, null, W(t.columns, (g) => (s(), l("td", {
+                key: `${p}-${g.key}`,
                 class: c([
                   "px-4 py-3 text-xs text-gray-600 border-l border-gray-100 first:border-l-0",
-                  g.cellClass
+                  b.cellClass
                 ])
               }, [
-                V(a.$slots, `cell-${b.key}`, {
-                  value: i[b.key],
+                V(a.$slots, `cell-${g.key}`, {
+                  value: i[g.key],
                   row: i
                 }, () => [
-                  _(x(i[b.key]), 1)
+                  q(x(i[g.key]), 1)
                 ], !0)
               ], 2))), 128))
             ], 2))), 128))
@@ -1731,19 +1729,19 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
         ]),
         u.value.length === 0 ? (s(), l("div", Hs, [
           V(a.$slots, "empty", {}, () => [
-            h[1] || (h[1] = _("No hay datos disponibles", -1))
+            h[1] || (h[1] = q("No hay datos disponibles", -1))
           ], !0)
-        ])) : y("", !0)
+        ])) : m("", !0)
       ]),
       a.$slots.footer ? (s(), l("div", Ks, [
         V(a.$slots, "footer", {}, void 0, !0)
-      ])) : y("", !0)
+      ])) : m("", !0)
     ]));
   }
 }), Vl = /* @__PURE__ */ K(Us, [["__scopeId", "data-v-8e7ce66d"]]), Js = { class: "tabs-wrapper" }, Gs = {
   class: "tabs-container",
   role: "tablist"
-}, Qs = ["aria-selected", "onClick"], Zs = "relative w-full sm:w-auto text-left sm:text-center px-4 sm:px-6 py-3 text-base font-semibold tracking-wide transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary-500 border-b-2", Xs = "text-primary-600 border-primary-600", el = "hover:text-secondary-700 border-gray-100", tl = /* @__PURE__ */ q({
+}, Qs = ["aria-selected", "onClick"], Zs = "relative w-full sm:w-auto text-left sm:text-center px-4 sm:px-6 py-3 text-base tracking-wide transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary-500 border-b-3", Xs = "text-primary-600 border-primary-600 font-semibold", el = "hover:text-secondary-700 border-transparent font-normal", tl = /* @__PURE__ */ P({
   __name: "Tabs",
   props: {
     modelValue: {},
@@ -1752,8 +1750,8 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
     contentClass: {}
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: g }) {
-    const e = t, f = g, n = (h) => e.modelValue === h, u = (h) => {
+  setup(t, { emit: b }) {
+    const e = t, f = b, n = (h) => e.modelValue === h, u = (h) => {
       n(h) || f("update:modelValue", h);
     }, v = r(() => e.modelValue), a = r(
       () => e.tabs.find((h) => h.value === v.value)
@@ -1763,7 +1761,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
         class: c(["tabs-header", t.headerClass])
       }, [
         o("div", Gs, [
-          (s(!0), l(P, null, W(t.tabs, (p) => (s(), l("button", {
+          (s(!0), l(E, null, W(t.tabs, (p) => (s(), l("button", {
             key: p.value,
             type: "button",
             class: c([
@@ -1772,7 +1770,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
             ]),
             "aria-selected": n(p.value),
             role: "tab",
-            onClick: (b) => u(p.value)
+            onClick: (g) => u(p.value)
           }, x(p.label), 11, Qs))), 128))
         ])
       ], 2),
@@ -1787,7 +1785,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
       ], 2)
     ]));
   }
-}), Tl = /* @__PURE__ */ K(tl, [["__scopeId", "data-v-8cf75dcf"]]), sl = "font-sans", Sl = /* @__PURE__ */ q({
+}), Tl = /* @__PURE__ */ K(tl, [["__scopeId", "data-v-c7c56f28"]]), sl = "font-sans", Sl = /* @__PURE__ */ P({
   __name: "Text",
   props: {
     variant: { default: "body1" },
@@ -1799,7 +1797,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
     weight: {}
   },
   setup(t) {
-    const g = {
+    const b = {
       h1: "text-[40px] leading-[57px] tracking-[0px] font-extrabold",
       h2: "text-[40px] leading-[57px] tracking-[0px] font-bold",
       h3: "text-[28px] leading-[39px] tracking-[0px] font-extrabold",
@@ -1859,14 +1857,14 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
       semibold: "font-semibold",
       bold: "font-bold",
       extrabold: "font-extrabold"
-    }, v = t, a = r(() => v.variant), h = r(() => v.color), i = r(() => v.align), p = r(() => v.as || e[a.value] || "span"), b = r(() => v.weight ? u[v.weight] : "");
+    }, v = t, a = r(() => v.variant), h = r(() => v.color), i = r(() => v.align), p = r(() => v.as || e[a.value] || "span"), g = r(() => v.weight ? u[v.weight] : "");
     return (T, B) => (s(), ee(Me(p.value), {
       class: c([
         sl,
-        g[a.value],
+        b[a.value],
         n[h.value],
         f[i.value],
-        b.value,
+        g.value,
         {
           uppercase: t.uppercase || a.value === "overline",
           truncate: t.truncate
@@ -1889,7 +1887,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
 }, rl = ["disabled"], il = {
   key: 0,
   class: "h-8 min-w-8 px-2 inline-flex items-center justify-center text-secondary-500"
-}, dl = ["aria-label", "onClick"], ul = ["disabled"], cl = /* @__PURE__ */ q({
+}, dl = ["aria-label", "onClick"], ul = ["disabled"], cl = /* @__PURE__ */ P({
   __name: "Pagination",
   props: {
     modelValue: { default: 1 },
@@ -1902,41 +1900,41 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
     itemLabel: { default: "" }
   },
   emits: ["update:modelValue", "change"],
-  setup(t, { emit: g }) {
-    const e = t, f = g, n = r(() => {
-      const b = Math.ceil(e.totalItems / e.pageSize);
-      return b > 0 ? b : 1;
+  setup(t, { emit: b }) {
+    const e = t, f = b, n = r(() => {
+      const g = Math.ceil(e.totalItems / e.pageSize);
+      return g > 0 ? g : 1;
     }), u = r(() => {
-      const b = Number(e.modelValue || 1);
-      return b < 1 ? 1 : b > n.value ? n.value : b;
+      const g = Number(e.modelValue || 1);
+      return g < 1 ? 1 : g > n.value ? n.value : g;
     }), v = r(() => e.totalItems === 0 ? 0 : (u.value - 1) * e.pageSize + 1), a = r(() => Math.min(u.value * e.pageSize, e.totalItems)), h = r(() => `Mostrando ${v.value} a ${a.value} de ${e.totalItems}`), i = r(() => {
-      const b = n.value, T = Math.max(3, e.maxPages), B = u.value;
-      if (b <= T)
-        return Array.from({ length: b }, (k, I) => I + 1);
+      const g = n.value, T = Math.max(3, e.maxPages), B = u.value;
+      if (g <= T)
+        return Array.from({ length: g }, (k, I) => I + 1);
       const O = Math.floor(T / 2);
-      let j = Math.max(1, B - O), S = Math.min(b, j + T - 1);
+      let j = Math.max(1, B - O), S = Math.min(g, j + T - 1);
       j = Math.max(1, Math.min(j, S - T + 1));
       const D = [];
       j > 1 && (D.push(1), j > 2 && D.push("…"));
       for (let k = j; k <= S; k++)
         D.push(k);
-      return S < b && (S < b - 1 && D.push("…"), D.push(b)), D;
+      return S < g && (S < g - 1 && D.push("…"), D.push(g)), D;
     });
-    function p(b) {
-      const T = Math.max(1, Math.min(b, n.value));
+    function p(g) {
+      const T = Math.max(1, Math.min(g, n.value));
       T !== u.value && (f("update:modelValue", T), f("change", T));
     }
-    return (b, T) => (s(), l("div", ll, [
+    return (g, T) => (s(), l("div", ll, [
       t.showSummary ? (s(), l("div", ol, [
-        V(b.$slots, "summary", {
+        V(g.$slots, "summary", {
           start: v.value,
           end: a.value,
           total: t.totalItems
         }, () => [
-          _(x(h.value), 1),
-          t.itemLabel ? (s(), l("span", al, x(t.itemLabel), 1)) : y("", !0)
+          q(x(h.value), 1),
+          t.itemLabel ? (s(), l("span", al, x(t.itemLabel), 1)) : m("", !0)
         ], !0)
-      ])) : y("", !0),
+      ])) : m("", !0),
       o("nav", nl, [
         o("button", {
           type: "button",
@@ -1945,7 +1943,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
           onClick: T[0] || (T[0] = (B) => p(u.value - 1)),
           "aria-label": "Anterior"
         }, x(t.previousText), 9, rl),
-        (s(!0), l(P, null, W(i.value, (B, O) => (s(), l(P, {
+        (s(!0), l(E, null, W(i.value, (B, O) => (s(), l(E, {
           key: `page-${O}-${B}`
         }, [
           B === "…" ? (s(), l("span", il, " … ")) : (s(), l("button", {
@@ -1972,7 +1970,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
 }), Il = /* @__PURE__ */ K(cl, [["__scopeId", "data-v-87417cc4"]]), fl = ["data-node-id"], vl = { class: "shrink-0 size-12 rounded-full bg-[var(--neutrales/fondo-general-claro,#f7f7f7)] grid place-items-center" }, pl = {
   key: 1,
   class: "flex justify-end gap-1 px-6 pb-6 pt-4"
-}, jl = /* @__PURE__ */ q({
+}, jl = /* @__PURE__ */ P({
   __name: "Alert",
   props: {
     variant: {},
@@ -1985,8 +1983,8 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
     stackOn: {}
   },
   emits: ["close", "accept", "cancel"],
-  setup(t, { emit: g }) {
-    const e = g, f = t, n = r(() => f.variant ?? "info"), u = r(() => f.multiline ?? !1), v = r(() => f.actions ?? !1), a = r(() => f.nodeId ?? void 0), h = () => e("close"), i = r(() => {
+  setup(t, { emit: b }) {
+    const e = b, f = t, n = r(() => f.variant ?? "info"), u = r(() => f.multiline ?? !1), v = r(() => f.actions ?? !1), a = r(() => f.nodeId ?? void 0), h = () => e("close"), i = r(() => {
       if (f.title) return f.title;
       switch (n.value) {
         case "info":
@@ -1998,7 +1996,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
         case "error":
           return "Alerta de error";
       }
-    }), p = r(() => f.description ?? ""), b = r(() => {
+    }), p = r(() => f.description ?? ""), g = r(() => {
       switch (n.value) {
         case "info":
           return {
@@ -2037,8 +2035,8 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
     }), j = r(() => f.stackOn ? `self-start ${f.stackOn}:self-auto` : "self-start sm:self-auto");
     return (S, D) => (s(), l("div", {
       class: c(["relative w-full rounded-xl border", [
-        b.value.border,
-        b.value.bg
+        g.value.border,
+        g.value.bg
       ]]),
       role: "alert",
       "data-node-id": a.value
@@ -2074,7 +2072,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
             y2: "18"
           })
         ], -1)
-      ])])) : y("", !0),
+      ])])) : m("", !0),
       o("div", {
         class: c(["p-6", { "pb-0": v.value }])
       }, [
@@ -2089,7 +2087,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
               height: "24",
               viewBox: "0 0 24 24",
               fill: "none",
-              class: c(b.value.icon),
+              class: c(g.value.icon),
               stroke: "currentColor",
               "stroke-width": "2",
               "stroke-linecap": "round",
@@ -2119,7 +2117,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
               height: "24",
               viewBox: "0 0 24 24",
               fill: "none",
-              class: c(b.value.icon),
+              class: c(g.value.icon),
               stroke: "currentColor",
               "stroke-width": "2",
               "stroke-linecap": "round",
@@ -2145,7 +2143,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
               height: "24",
               viewBox: "0 0 24 24",
               fill: "none",
-              class: c(b.value.icon),
+              class: c(g.value.icon),
               stroke: "currentColor",
               "stroke-width": "2",
               "stroke-linecap": "round",
@@ -2160,7 +2158,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
               height: "24",
               viewBox: "0 0 24 24",
               fill: "none",
-              class: c(b.value.icon),
+              class: c(g.value.icon),
               stroke: "currentColor",
               "stroke-width": "2",
               "stroke-linecap": "round",
@@ -2191,7 +2189,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
               class: c(["flex-1 tracking-[0.25px] text-[color:var(--neutrales/texto-principal,#565656)]", { "overflow-hidden overflow-ellipsis": !u.value }])
             }, [
               V(S.$slots, "description", {}, () => [
-                _(x(p.value), 1)
+                q(x(p.value), 1)
               ])
             ], 2)
           ], 2)
@@ -2204,7 +2202,7 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
           onClick: D[0] || (D[0] = (k) => S.$emit("cancel"))
         }, [
           V(S.$slots, "cancel", {}, () => [
-            D[7] || (D[7] = _("Cancelar", -1))
+            D[7] || (D[7] = q("Cancelar", -1))
           ])
         ]),
         o("button", {
@@ -2213,16 +2211,16 @@ const qe = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, _e = {
           onClick: D[1] || (D[1] = (k) => S.$emit("accept"))
         }, [
           V(S.$slots, "accept", {}, () => [
-            D[8] || (D[8] = _("Aceptar", -1))
+            D[8] || (D[8] = q("Aceptar", -1))
           ])
         ], 2)
-      ])) : y("", !0)
+      ])) : m("", !0)
     ], 10, fl));
   }
 });
 export {
   jl as Alert,
-  yl as AppBar,
+  ml as AppBar,
   hl as Button,
   xl as Calendar,
   wl as Card,