@acyui/components 0.1.3 → 0.1.4

package/dist/acyui.es.js

@@ -165,7 +165,9 @@ const J = ({
   className: U,
   style: Q,
   as: n,
-  ...t
+  width: t,
+  height: a,
+  ...c
 }) => /* @__PURE__ */ o(
   n || "div",
   {
@@ -178,8 +180,12 @@ const J = ({
       `flex-gap--${K}`,
       U
     ),
-    style: Q,
-    ...t,
+    style: {
+      width: typeof t == "number" ? `${t}px` : t,
+      height: typeof a == "number" ? `${a}px` : a,
+      ...Q
+    },
+    ...c,
     children: A
   }
 ), Z = ({
@@ -1598,23 +1604,23 @@ function e(A) {
     return /* @__PURE__ */ o(N, { name: A, ...C });
   };
 }
-const Bg = e("activity"), Fg = e("alert-circle"), Kg = e("alert-triangle"), Qg = e("align-horizontal"), Ug = e("align-justify"), eg = e("app-window"), tg = e("arrow-down"), ng = e("arrow-left"), rg = e("arrow-right"), ag = e("arrow-up"), ig = e("badge"), sg = e("battery"), lg = e("bell"), cg = e("bluetooth"), dg = e("book"), ug = e("box"), fg = e("calendar"), hg = e("camera"), pg = e("check-square"), vg = e("check"), mg = e("chevron-down"), kg = e("chevron-left"), bg = e("chevron-right"), wg = e("chevron-up"), xg = e("chevron"), Lg = e("circle-dot"), yg = e("clock"), Pg = e("close"), Ng = e("cloud"), jg = e("code"), zg = e("component"), Hg = e("copy"), Dg = e("credit-card"), Mg = e("database"), Xg = e("download"), Sg = e("edit"), Wg = e("external-link"), Ig = e("eye-off"), Tg = e("eye"), Gg = e("file-text"), Jg = e("file"), Vg = e("filter"), Eg = e("folder"), Og = e("form-input"), Rg = e("ghost"), Zg = e("gift"), qg = e("git-commit"), Yg = e("github"), _g = e("grid"), $g = e("grip"), AC = e("hash"), oC = e("heading1"), gC = e("heart"), CC = e("help-circle"), BC = e("history"), FC = e("home"), KC = e("image"), QC = e("info"), UC = e("lab"), eC = e("laptop"), tC = e("layout-template"), nC = e("layout"), rC = e("link"), aC = e("linkedin"), iC = e("list-checks"), sC = e("list-collapse"), lC = e("list-filter"), cC = e("list"), dC = e("loader2"), uC = e("lock"), fC = e("log-in"), hC = e("log-out"), pC = e("mail"), vC = e("map-pin"), mC = e("menu"), kC = e("message-circle"), bC = e("message-square"), wC = e("mic"), xC = e("milestone"), LC = e("minus"), yC = e("monitor"), PC = e("moon"), NC = e("more-horizontal"), jC = e("mouse-pointer"), zC = e("music"), HC = e("panel-left"), DC = e("panel-top"), MC = e("panel"), XC = e("phone"), SC = e("plus"), WC = e("rectangle-horizontal"), IC = e("refresh"), TC = e("rocket"), GC = e("ruler"), JC = e("search"), VC = e("server"), EC = e("settings"), OC = e("share"), RC = e("shield"), ZC = e("shopping-cart"), qC = e("sliders-horizontal"), YC = e("smartphone"), _C = e("spark"), $C = e("sparkles"), AB = e("spinner"), oB = e("square"), gB = e("star"), CB = e("sun"), BB = e("table"), FB = e("tablet"), KB = e("tag"), QB = e("text-cursor"), UB = e("theme-dark"), eB = e("theme-light"), tB = e("toggle-right"), nB = e("trash"), rB = e("type"), aB = e("unlock"), iB = e("upload-cloud"), sB = e("upload"), lB = e("user-circle"), cB = e("user"), dB = e("video"), uB = e("warning"), fB = e("wifi"), hB = e("x"), pB = e("zap"), lA = w.forwardRef(
+const Bg = e("activity"), Fg = e("alert-circle"), Kg = e("alert-triangle"), Qg = e("align-horizontal"), Ug = e("align-justify"), eg = e("app-window"), tg = e("arrow-down"), ng = e("arrow-left"), rg = e("arrow-right"), ag = e("arrow-up"), ig = e("badge"), sg = e("battery"), lg = e("bell"), cg = e("bluetooth"), dg = e("book"), ug = e("box"), fg = e("calendar"), hg = e("camera"), pg = e("check-square"), vg = e("check"), mg = e("chevron-down"), kg = e("chevron-left"), bg = e("chevron-right"), wg = e("chevron-up"), xg = e("chevron"), yg = e("circle-dot"), Lg = e("clock"), Pg = e("close"), Ng = e("cloud"), jg = e("code"), zg = e("component"), Hg = e("copy"), Dg = e("credit-card"), Mg = e("database"), Xg = e("download"), Sg = e("edit"), Wg = e("external-link"), Ig = e("eye-off"), Tg = e("eye"), Gg = e("file-text"), Jg = e("file"), Vg = e("filter"), Eg = e("folder"), Og = e("form-input"), Rg = e("ghost"), Zg = e("gift"), qg = e("git-commit"), Yg = e("github"), _g = e("grid"), $g = e("grip"), AC = e("hash"), oC = e("heading1"), gC = e("heart"), CC = e("help-circle"), BC = e("history"), FC = e("home"), KC = e("image"), QC = e("info"), UC = e("lab"), eC = e("laptop"), tC = e("layout-template"), nC = e("layout"), rC = e("link"), aC = e("linkedin"), iC = e("list-checks"), sC = e("list-collapse"), lC = e("list-filter"), cC = e("list"), dC = e("loader2"), uC = e("lock"), fC = e("log-in"), hC = e("log-out"), pC = e("mail"), vC = e("map-pin"), mC = e("menu"), kC = e("message-circle"), bC = e("message-square"), wC = e("mic"), xC = e("milestone"), yC = e("minus"), LC = e("monitor"), PC = e("moon"), NC = e("more-horizontal"), jC = e("mouse-pointer"), zC = e("music"), HC = e("panel-left"), DC = e("panel-top"), MC = e("panel"), XC = e("phone"), SC = e("plus"), WC = e("rectangle-horizontal"), IC = e("refresh"), TC = e("rocket"), GC = e("ruler"), JC = e("search"), VC = e("server"), EC = e("settings"), OC = e("share"), RC = e("shield"), ZC = e("shopping-cart"), qC = e("sliders-horizontal"), YC = e("smartphone"), _C = e("spark"), $C = e("sparkles"), AB = e("spinner"), oB = e("square"), gB = e("star"), CB = e("sun"), BB = e("table"), FB = e("tablet"), KB = e("tag"), QB = e("text-cursor"), UB = e("theme-dark"), eB = e("theme-light"), tB = e("toggle-right"), nB = e("trash"), rB = e("type"), aB = e("unlock"), iB = e("upload-cloud"), sB = e("upload"), lB = e("user-circle"), cB = e("user"), dB = e("video"), uB = e("warning"), fB = e("wifi"), hB = e("x"), pB = e("zap"), lA = w.forwardRef(
   ({ label: A, error: g, hint: C, prefix: B, suffix: F, clearable: K = !1, size: U = "medium", full: Q = !1, className: n, id: t, ...a }, c) => {
     const d = t ?? (A ? `input-${rA(A)}` : void 0), h = w.useRef(null), k = a.value !== void 0, [l, u] = w.useState(
       !!(a.defaultValue ?? "")
-    ), f = k ? String(a.value ?? "").length > 0 : l, j = (L) => {
-      if (h.current = L, typeof c == "function") {
-        c(L);
+    ), f = k ? String(a.value ?? "").length > 0 : l, j = (y) => {
+      if (h.current = y, typeof c == "function") {
+        c(y);
         return;
       }
-      c && (c.current = L);
+      c && (c.current = y);
     }, z = () => {
-      const L = h.current;
-      if (!L || a.disabled || a.readOnly)
+      const y = h.current;
+      if (!y || a.disabled || a.readOnly)
         return;
-      Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set?.call(L, ""), L.dispatchEvent(new Event("input", { bubbles: !0 })), L.dispatchEvent(new Event("change", { bubbles: !0 })), k || u(!1), L.focus();
-    }, m = (L) => {
-      a.onInput?.(L), k || u(L.target.value.length > 0);
+      Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set?.call(y, ""), y.dispatchEvent(new Event("input", { bubbles: !0 })), y.dispatchEvent(new Event("change", { bubbles: !0 })), k || u(!1), y.focus();
+    }, m = (y) => {
+      a.onInput?.(y), k || u(y.target.value.length > 0);
     }, P = K && f ? /* @__PURE__ */ o(
       AA,
       {
@@ -1724,7 +1730,7 @@ function Bo(A) {
 }
 const Fo = w.forwardRef(
   ({ label: A, error: g, hint: C, full: B = !1, className: F, id: K, value: U, defaultValue: Q, onChange: n, placeholder: t = "dd/mm/aaaa", disabled: a, size: c, prefix: d, suffix: h, clearable: k, ...l }, u) => {
-    const f = K ?? (A ? `datepicker-${rA(A)}` : void 0), j = w.useRef(null), z = w.useMemo(() => pA(/* @__PURE__ */ new Date()), []), m = w.useMemo(() => aA(U ?? Q ?? z), [Q, z, U]), [P, L] = w.useState(Q ?? z), [X, M] = w.useState(!1), y = aA(U ?? P), [D, S] = w.useState(m ?? /* @__PURE__ */ new Date()), V = U !== void 0;
+    const f = K ?? (A ? `datepicker-${rA(A)}` : void 0), j = w.useRef(null), z = w.useMemo(() => pA(/* @__PURE__ */ new Date()), []), m = w.useMemo(() => aA(U ?? Q ?? z), [Q, z, U]), [P, y] = w.useState(Q ?? z), [X, M] = w.useState(!1), L = aA(U ?? P), [D, S] = w.useState(m ?? /* @__PURE__ */ new Date()), V = U !== void 0;
     w.useEffect(() => {
       const r = aA(U ?? P);
       r && S(r);
@@ -1736,7 +1742,7 @@ const Fo = w.forwardRef(
       return document.addEventListener("mousedown", r), () => document.removeEventListener("mousedown", r);
     }, [X]);
     const v = (r) => {
-      V || L(r);
+      V || y(r);
       const b = {
         target: { value: r, id: f, name: l.name },
         currentTarget: { value: r, id: f, name: l.name }
@@ -1771,7 +1777,7 @@ const Fo = w.forwardRef(
                 ref: u,
                 id: f,
                 type: "text",
-                value: go(y),
+                value: go(L),
                 placeholder: t,
                 readOnly: !0,
                 disabled: a,
@@ -1819,7 +1825,7 @@ const Fo = w.forwardRef(
         ] }),
         /* @__PURE__ */ o("div", { className: "date-picker__weekdays", children: oo.map((r) => /* @__PURE__ */ o("span", { className: "date-picker__weekday", children: r }, r)) }),
         /* @__PURE__ */ o("div", { className: "date-picker__grid", children: q.map(({ date: r, outside: b }) => {
-          const W = Co(r, y);
+          const W = Co(r, L);
           return /* @__PURE__ */ o(
             "button",
             {
@@ -1862,7 +1868,7 @@ const Ko = w.forwardRef(
     className: h,
     ...k
   }, l) => {
-    const u = nA(), f = E(null), j = E(null), z = E(null), [m, P] = H(!1), [L, X] = H(""), [M, y] = H(C ?? ""), [D, S] = H(-1), V = g ?? M;
+    const u = nA(), f = E(null), j = E(null), z = E(null), [m, P] = H(!1), [y, X] = H(""), [M, L] = H(C ?? ""), [D, S] = H(-1), V = g ?? M;
     T(() => {
       if (!m) {
         X(""), S(-1);
@@ -1872,7 +1878,7 @@ const Ko = w.forwardRef(
       S(r >= 0 ? r : 0), c && z.current?.focus();
     }, [m]), T(() => {
       m && S(0);
-    }, [L]), T(() => {
+    }, [y]), T(() => {
       if (!m || D < 0) return;
       const r = j.current;
       r && r.children[D]?.scrollIntoView({ block: "nearest" });
@@ -1882,14 +1888,14 @@ const Ko = w.forwardRef(
       };
       return document.addEventListener("mousedown", r), () => document.removeEventListener("mousedown", r);
     }, []);
-    const v = A.find((r) => r.value === V), p = $(() => !c || !L ? A : A.filter((r) => (r.searchValue ?? (typeof r.label == "string" ? r.label : r.value)).toLowerCase().includes(L.toLowerCase())), [A, c, L]), x = (r, b) => {
+    const v = A.find((r) => r.value === V), p = $(() => !c || !y ? A : A.filter((r) => (r.searchValue ?? (typeof r.label == "string" ? r.label : r.value)).toLowerCase().includes(y.toLowerCase())), [A, c, y]), x = (r, b) => {
       const W = p.length;
       let G = r;
       for (let _ = 0; _ < W; _++)
         if (G = (G + b + W) % W, !p[G]?.disabled) return G;
       return r;
     }, I = (r, b) => {
-      b || (g === void 0 && y(r), B?.(r), P(!1));
+      b || (g === void 0 && L(r), B?.(r), P(!1));
     }, O = (r) => {
       if (!a) {
         if ((r.key === "Enter" || r.key === " ") && (r.preventDefault(), m && D >= 0 && p[D] ? I(p[D].value, p[D].disabled) : P((b) => !b)), r.key === "Escape" && (r.preventDefault(), P(!1)), r.key === "ArrowDown" && (r.preventDefault(), m ? S((b) => x(b < 0 ? -1 : b, 1)) : P(!0)), r.key === "ArrowUp" && (r.preventDefault(), m && S((b) => x(b < 0 ? p.length : b, -1))), r.key === "Home" && m) {
@@ -1940,7 +1946,7 @@ const Ko = w.forwardRef(
             {
               ref: z,
               className: "select__search-input",
-              value: L,
+              value: y,
               placeholder: d,
               onChange: (r) => X(r.target.value)
             }
@@ -1990,7 +1996,7 @@ const Qo = w.forwardRef(
     className: a,
     ...c
   }, d) => {
-    const h = nA(), k = E(null), l = E(null), [u, f] = H(!1), [j, z] = H(C), [m, P] = H(-1), L = g ?? j;
+    const h = nA(), k = E(null), l = E(null), [u, f] = H(!1), [j, z] = H(C), [m, P] = H(-1), y = g ?? j;
     T(() => {
       if (!u) {
         P(-1);
@@ -2008,11 +2014,11 @@ const Qo = w.forwardRef(
       return document.addEventListener("mousedown", v), () => document.removeEventListener("mousedown", v);
     }, []);
     const X = $(
-      () => A.filter((v) => L.includes(v.value)),
-      [A, L]
+      () => A.filter((v) => y.includes(v.value)),
+      [A, y]
     ), M = (v) => {
       g === void 0 && z(v), B?.(v);
-    }, y = (v, p) => {
+    }, L = (v, p) => {
       const x = A.length;
       let I = v;
       for (let O = 0; O < x; O++)
@@ -2020,15 +2026,15 @@ const Qo = w.forwardRef(
       return v;
     }, D = (v, p) => {
       if (!p) {
-        if (L.includes(v)) {
-          M(L.filter((x) => x !== v));
+        if (y.includes(v)) {
+          M(y.filter((x) => x !== v));
           return;
         }
-        M([...L, v]);
+        M([...y, v]);
       }
     }, S = (v) => {
       if (!t) {
-        if ((v.key === "Enter" || v.key === " ") && (v.preventDefault(), u && m >= 0 && A[m] ? D(A[m].value, A[m].disabled) : f((p) => !p)), v.key === "Escape" && (v.preventDefault(), f(!1)), v.key === "ArrowDown" && (v.preventDefault(), u ? P((p) => y(p < 0 ? -1 : p, 1)) : f(!0)), v.key === "ArrowUp" && (v.preventDefault(), u && P((p) => y(p < 0 ? A.length : p, -1))), v.key === "Home" && u) {
+        if ((v.key === "Enter" || v.key === " ") && (v.preventDefault(), u && m >= 0 && A[m] ? D(A[m].value, A[m].disabled) : f((p) => !p)), v.key === "Escape" && (v.preventDefault(), f(!1)), v.key === "ArrowDown" && (v.preventDefault(), u ? P((p) => L(p < 0 ? -1 : p, 1)) : f(!0)), v.key === "ArrowUp" && (v.preventDefault(), u && P((p) => L(p < 0 ? A.length : p, -1))), v.key === "Home" && u) {
           v.preventDefault();
           const p = A.findIndex((x) => !x.disabled);
           p >= 0 && P(p);
@@ -2082,7 +2088,7 @@ const Qo = w.forwardRef(
         }
       ),
       u && /* @__PURE__ */ o("ul", { ref: l, id: `${h}-listbox`, className: "multiselect__menu", role: "listbox", "aria-multiselectable": "true", children: A.length > 0 ? A.map((v, p) => {
-        const x = L.includes(v.value), I = m === p;
+        const x = y.includes(v.value), I = m === p;
         return /* @__PURE__ */ s(
           "li",
           {
@@ -2145,44 +2151,44 @@ function to({
   const d = nA(), h = E(null), k = E(null), [l, u] = H(B), [f, j] = H({
     top: 0,
     left: 0
-  }), z = C ?? l, m = R((y) => {
-    C === void 0 && u(y), F?.(y);
-  }, [F, C]), P = R(() => m(!1), [m]), L = R(() => {
+  }), z = C ?? l, m = R((L) => {
+    C === void 0 && u(L), F?.(L);
+  }, [F, C]), P = R(() => m(!1), [m]), y = R(() => {
     if (!h.current) return;
-    const y = h.current.getBoundingClientRect();
-    j(eo(y, K, U, n));
+    const L = h.current.getBoundingClientRect();
+    j(eo(L, K, U, n));
   }, [n, U, K]);
   T(() => {
     if (!z) return;
-    L();
-    const y = () => L();
-    return window.addEventListener("resize", y), window.addEventListener("scroll", y, !0), () => {
-      window.removeEventListener("resize", y), window.removeEventListener("scroll", y, !0);
+    y();
+    const L = () => y();
+    return window.addEventListener("resize", L), window.addEventListener("scroll", L, !0), () => {
+      window.removeEventListener("resize", L), window.removeEventListener("scroll", L, !0);
     };
-  }, [z, L]), T(() => {
+  }, [z, y]), T(() => {
     if (!z) return;
-    const y = (S) => {
+    const L = (S) => {
       const V = S.target;
       h.current?.contains(V) || k.current?.contains(V) || t && P();
     }, D = (S) => {
       S.key === "Escape" && (P(), h.current?.focus());
     };
-    return document.addEventListener("mousedown", y), document.addEventListener("keydown", D), () => {
-      document.removeEventListener("mousedown", y), document.removeEventListener("keydown", D);
+    return document.addEventListener("mousedown", L), document.addEventListener("keydown", D), () => {
+      document.removeEventListener("mousedown", L), document.removeEventListener("keydown", D);
     };
   }, [P, t, z]);
   const X = $(() => ({ close: P }), [P]), M = w.cloneElement(A, {
-    ref: (y) => {
-      h.current = y, Uo(A.ref, y);
+    ref: (L) => {
+      h.current = L, Uo(A.ref, L);
     },
     "aria-expanded": z,
     "aria-haspopup": "menu",
     "aria-controls": z ? d : void 0,
-    onClick: (y) => {
-      A.props.onClick?.(y), !y.defaultPrevented && !Q && m(!z);
+    onClick: (L) => {
+      A.props.onClick?.(L), !L.defaultPrevented && !Q && m(!z);
     },
-    onKeyDown: (y) => {
-      A.props.onKeyDown?.(y), !(Q || y.defaultPrevented) && ((y.key === "Enter" || y.key === " ") && (y.preventDefault(), m(!z)), y.key === "ArrowDown" && (y.preventDefault(), m(!0)));
+    onKeyDown: (L) => {
+      A.props.onKeyDown?.(L), !(Q || L.defaultPrevented) && ((L.key === "Enter" || L.key === " ") && (L.preventDefault(), m(!z)), L.key === "ArrowDown" && (L.preventDefault(), m(!0)));
     }
   });
   return /* @__PURE__ */ s(FA, { children: [
@@ -2373,22 +2379,22 @@ const lo = w.forwardRef(
     id: l,
     ...u
   }, f) => {
-    const j = w.useId(), z = l ?? (a ? `number-input-${j}` : void 0), m = A !== void 0, [P, L] = w.useState(g), [X, M] = w.useState(
+    const j = w.useId(), z = l ?? (a ? `number-input-${j}` : void 0), m = A !== void 0, [P, y] = w.useState(g), [X, M] = w.useState(
       String(m ? A ?? "" : g ?? "")
-    ), y = m ? A : P;
+    ), L = m ? A : P;
     w.useEffect(() => {
       m && M(A !== void 0 ? String(A) : "");
     }, [m, A]);
     const D = (r) => {
       const b = vA(r).trim();
       if (b === "" || b === "-" || b === "." || b === "-.") {
-        M(""), m || L(void 0), C?.(void 0);
+        M(""), m || y(void 0), C?.(void 0);
         return;
       }
       const W = Number(b);
       if (!Number.isFinite(W)) return;
       const G = iA(W, B, F);
-      M(String(G)), m || L(G), C?.(G);
+      M(String(G)), m || y(G), C?.(G);
     }, S = (r) => {
       const b = vA(r.target.value);
       M(b);
@@ -2434,12 +2440,12 @@ const lo = w.forwardRef(
       }
       r.preventDefault(), u.onKeyDown?.(r);
     }, p = () => {
-      const b = iA((y ?? B ?? 0) + K, B, F);
-      M(String(b)), m || L(b), C?.(b);
+      const b = iA((L ?? B ?? 0) + K, B, F);
+      M(String(b)), m || y(b), C?.(b);
     }, x = () => {
-      const b = iA((y ?? B ?? 0) - K, B, F);
-      M(String(b)), m || L(b), C?.(b);
-    }, I = B !== void 0 && (y ?? -1 / 0) <= B, O = F !== void 0 && (y ?? 1 / 0) >= F, q = d ?? (n ? " " : void 0);
+      const b = iA((L ?? B ?? 0) - K, B, F);
+      M(String(b)), m || y(b), C?.(b);
+    }, I = B !== void 0 && (L ?? -1 / 0) <= B, O = F !== void 0 && (L ?? 1 / 0) >= F, q = d ?? (n ? " " : void 0);
     return /* @__PURE__ */ o(
       Z,
       {
@@ -2480,7 +2486,7 @@ const lo = w.forwardRef(
                   type: "text",
                   inputMode: "decimal",
                   role: "spinbutton",
-                  "aria-valuenow": y,
+                  "aria-valuenow": L,
                   "aria-valuemin": B,
                   "aria-valuemax": F,
                   "aria-invalid": n || !!d,
@@ -2567,13 +2573,13 @@ const co = ({
   const P = (p) => {
     const x = Q ? (p % h + h) % h : Math.min(Math.max(p, 0), k);
     x !== d && (t || c(x), B?.(x));
-  }, L = () => P(d - 1), X = () => P(d + 1), M = !Q && d === 0, y = !Q && d >= k, D = (p) => {
-    p.key === "ArrowLeft" && (p.preventDefault(), L()), p.key === "ArrowRight" && (p.preventDefault(), X());
+  }, y = () => P(d - 1), X = () => P(d + 1), M = !Q && d === 0, L = !Q && d >= k, D = (p) => {
+    p.key === "ArrowLeft" && (p.preventDefault(), y()), p.key === "ArrowRight" && (p.preventDefault(), X());
   }, S = (p) => {
     u.current = p.touches[0].clientX;
   }, V = (p) => {
     const x = u.current - p.changedTouches[0].clientX;
-    Math.abs(x) > 40 && (x > 0 ? X() : L());
+    Math.abs(x) > 40 && (x > 0 ? X() : y());
   }, v = `calc((100% - (var(--carousel-gap) * ${Math.max(F - 1, 0)})) / ${F})`;
   return /* @__PURE__ */ s(
     "div",
@@ -2590,7 +2596,7 @@ const co = ({
             {
               type: "button",
               className: "carousel__arrow",
-              onClick: L,
+              onClick: y,
               disabled: M,
               "aria-label": "Slide anterior",
               children: /* @__PURE__ */ o(N, { name: "chevron-left", size: 16 })
@@ -2633,7 +2639,7 @@ const co = ({
               type: "button",
               className: "carousel__arrow",
               onClick: X,
-              disabled: y,
+              disabled: L,
               "aria-label": "Próximo slide",
               children: /* @__PURE__ */ o(N, { name: "chevron-right", size: 16 })
             }
@@ -2782,9 +2788,9 @@ function xB({ title: A, description: g, icon: C, action: B, children: F, classNa
     B && /* @__PURE__ */ o("div", { className: "card-header__action", children: B })
   ] });
 }
-const LB = w.memo(function({ children: g, className: C, ...B }) {
+const yB = w.memo(function({ children: g, className: C, ...B }) {
   return /* @__PURE__ */ o("div", { className: i("card-body", C), ...B, children: g });
-}), yB = w.memo(function({ children: g, className: C, ...B }) {
+}), LB = w.memo(function({ children: g, className: C, ...B }) {
   return /* @__PURE__ */ o("div", { className: i("card-footer", C), ...B, children: g });
 }), PB = w.forwardRef(function({
   as: g,
@@ -2838,13 +2844,14 @@ const LB = w.memo(function({ children: g, className: C, ...B }) {
 ), jB = ({
   children: A,
   size: g = "large",
-  className: C,
-  style: B
+  center: C,
+  className: B,
+  style: F
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: i("container", `container--${g}`, C),
-    style: B,
+    className: i("container", `container--${g}`, B),
+    style: { ...C && { margin: "0 auto" }, ...F },
     children: A
   }
 ), zB = ({ size: A = "1rem", axis: g = "vertical", style: C }) => {
@@ -2908,7 +2915,7 @@ const vo = Object.assign(ho, {
   Item: po
 });
 vo.displayName = "List";
-const LA = CA(null);
+const yA = CA(null);
 function mo(A, g) {
   const C = Array.isArray(g) ? g : g ? [g] : [], [B, F] = H(C), K = R((U) => {
     F((Q) => {
@@ -2918,7 +2925,7 @@ function mo(A, g) {
   }, [A]);
   return { openItems: B, toggle: K };
 }
-const yA = w.memo(({
+const LA = w.memo(({
   title: A,
   children: g,
   isOpen: C = !1,
@@ -2927,7 +2934,7 @@ const yA = w.memo(({
   className: K,
   ...U
 }) => {
-  const Q = gA(LA), n = Q ? Q.openItems.includes(F) : C, t = Q?.toggle, a = R(() => {
+  const Q = gA(yA), n = Q ? Q.openItems.includes(F) : C, t = Q?.toggle, a = R(() => {
     t ? t(F) : B?.();
   }, [t, F, B]);
   return /* @__PURE__ */ s("div", { className: i("accordion-item", n && "accordion-item--open", K), ...U, children: [
@@ -2959,7 +2966,7 @@ const yA = w.memo(({
     )
   ] });
 });
-yA.displayName = "AccordionItem";
+LA.displayName = "AccordionItem";
 const ko = ({
   children: A,
   type: g = "single",
@@ -2968,9 +2975,9 @@ const ko = ({
   ...F
 }) => {
   const { openItems: K, toggle: U } = mo(g, C), Q = $(() => ({ toggle: U, openItems: K }), [U, K]);
-  return /* @__PURE__ */ o(LA.Provider, { value: Q, children: /* @__PURE__ */ o("div", { className: i("accordion", B), ...F, children: A }) });
+  return /* @__PURE__ */ o(yA.Provider, { value: Q, children: /* @__PURE__ */ o("div", { className: i("accordion", B), ...F, children: A }) });
 };
-ko.Item = yA;
+ko.Item = LA;
 const bo = ({
   size: A = "small",
   weight: g = "medium",
@@ -3148,16 +3155,16 @@ const xo = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEA2ADYAAD/2wBDAAEBAQEBAQEBA
 }) => {
   const [a, c] = H(!1), [d, h] = H(!1);
   if (d && U) return /* @__PURE__ */ o(FA, { children: U });
-  const k = A || xo;
+  const k = A || xo, l = typeof Q == "number" ? `${Q}px` : Q, u = typeof n == "number" ? `${n}px` : n;
   return /* @__PURE__ */ s("div", { className: i("image-wrapper", F), style: K, children: [
-    !a && !d && /* @__PURE__ */ o("div", { className: i("image-skeleton", `image-radius--${B}`), children: /* @__PURE__ */ o(NA, { width: Q, height: n }) }),
+    !a && !d && /* @__PURE__ */ o("div", { className: i("image-skeleton", `image-radius--${B}`), children: /* @__PURE__ */ o(NA, { width: l, height: u }) }),
     /* @__PURE__ */ o(
       "img",
       {
         src: k,
         alt: g,
-        width: Q,
-        height: n,
+        width: l,
+        height: u,
         className: i("image", `image-fit--${C}`, `image-radius--${B}`, a && "image--loaded"),
         onLoad: () => c(!0),
         onError: () => h(!0),
@@ -3165,7 +3172,7 @@ const xo = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEA2ADYAAD/2wBDAAEBAQEBAQEBA
       }
     )
   ] });
-}, Lo = w.forwardRef(
+}, yo = w.forwardRef(
   ({ label: A, size: g = "medium", className: C, disabled: B, ...F }, K) => /* @__PURE__ */ s("label", { className: i(
     "switch-wrapper",
     `switch--${g}`,
@@ -3186,8 +3193,8 @@ const xo = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEA2ADYAAD/2wBDAAEBAQEBAQEBA
     A && /* @__PURE__ */ o("span", { className: "switch-label", children: A })
   ] })
 );
-Lo.displayName = "Switch";
-const yo = ({
+yo.displayName = "Switch";
+const Lo = ({
   currentPage: A,
   totalPages: g,
   onPageChange: C,
@@ -3243,7 +3250,7 @@ const yo = ({
     )
   ] });
 };
-yo.displayName = "Pagination";
+Lo.displayName = "Pagination";
 const SB = ({
   icon: A,
   title: g,
@@ -3715,10 +3722,10 @@ function Vo({
   const { collapsed: t, searchTerm: a } = dA(), [c, d] = H(C), h = B !== void 0, k = h ? B : c, l = a.trim().toLocaleLowerCase(), u = tA(Q).toLocaleLowerCase(), f = !l || u.includes(l), j = !!(l && f), z = t ? !1 : j || k, m = MA(Q);
   if (!f)
     return null;
-  const P = (L) => {
+  const P = (y) => {
     if (t) {
       const M = m?.props?.onClick;
-      typeof M == "function" && M(L);
+      typeof M == "function" && M(y);
       return;
     }
     if (!K || j)
@@ -4035,7 +4042,7 @@ $o.displayName = "Timeline";
 _o.displayName = "TimelineItem";
 export {
   ko as Accordion,
-  yA as AccordionItem,
+  LA as AccordionItem,
   Bg as ActivityIcon,
   DB as Alert,
   Fg as AlertCircleIcon,
@@ -4061,8 +4068,8 @@ export {
   fg as CalendarIcon,
   hg as CameraIcon,
   wB as Card,
-  LB as CardBody,
-  yB as CardFooter,
+  yB as CardBody,
+  LB as CardFooter,
   xB as CardHeader,
   co as Carousel,
   vg as CheckIcon,
@@ -4073,8 +4080,8 @@ export {
   kg as ChevronLeftIcon,
   bg as ChevronRightIcon,
   wg as ChevronUpIcon,
-  Lg as CircleDotIcon,
-  yg as ClockIcon,
+  yg as CircleDotIcon,
+  Lg as ClockIcon,
   Pg as CloseIcon,
   Ng as CloudIcon,
   bo as Code,
@@ -4152,9 +4159,9 @@ export {
   bC as MessageSquareIcon,
   wC as MicIcon,
   xC as MilestoneIcon,
-  LC as MinusIcon,
+  yC as MinusIcon,
   jo as Modal,
-  yC as MonitorIcon,
+  LC as MonitorIcon,
   PC as MoonIcon,
   NC as MoreHorizontalIcon,
   jC as MousePointerIcon,
@@ -4162,7 +4169,7 @@ export {
   zC as MusicIcon,
   lo as NumberInput,
   GB as PageHeader,
-  yo as Pagination,
+  Lo as Pagination,
   MC as PanelIcon,
   HC as PanelLeftIcon,
   DC as PanelTopIcon,
@@ -4194,7 +4201,7 @@ export {
   oB as SquareIcon,
   gB as StarIcon,
   CB as SunIcon,
-  Lo as Switch,
+  yo as Switch,
   Mo as Table,
   BB as TableIcon,
   FB as TabletIcon,