welcome-ui 0.0.0-dev.1759392523253 → 0.0.0-dev.1760963883873

package/README.md

@@ -2,7 +2,7 @@
 
 ![Welcome UI Logo](https://github.com/user-attachments/assets/e7df47fd-e6c8-462a-ac09-d052d67555bc)
 
-Welcome to the _Welcome UI library_ created by [Welcome to the jungle](https://www.welcometothejungle.com), a customizable design system with react • typescript • styled-components • styled-system and ariakit.
+Welcome to the _Welcome UI library_ created by [Welcome to the jungle](https://www.welcometothejungle.com), a customizable design system with react, typescript, tailwindcss and ariakit.
 
 Here you'll find all the core components you need to create a delightful webapp.
 
@@ -10,59 +10,19 @@ Here you'll find all the core components you need to create a delightful webapp.
 
 ---
 
-[![License](https://img.shields.io/npm/l/welcome-ui.svg)](https://github.com/WTTJ/welcome-ui/tree/main/LICENSE) ![Code formating](https://img.shields.io/badge/code%20formating-prettier-blue.svg) ![Code style](https://img.shields.io/badge/code%20style-styled--components-ff69b4.svg) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-mediumspringgreen.svg)](https://github.com/WTTJ/welcome-ui/tree/main/CONTRIBUTING.mdx) [![Conventional Commits](https://img.shields.io/badge/Conventional%20Commits-1.0.0-yellow.svg)](https://conventionalcommits.org)
-
----
-
 ## Installation
 
 1 - Install the `welcome-ui` package and **peer dependencies** listed below:
 
 ```bash
-yarn add welcome-ui @xstyled/styled-components@^3.7.3 react@^18.0.0 styled-components@^5.3.9
+yarn add welcome-ui react@^18.0.0
 ```
 
 ## Import library & Theme
 
 Getting started
 
-```js
-import React from 'react'
-import { createTheme } from 'welcome-ui/theme'
-import { WuiProvider } from 'welcome-ui/WuiProvider'
-import { Button } from 'welcome-ui/Button'
-
-// Add theme options (if you want)
-const options = {
-  defaultFontFamily: 'Helvetica',
-  headingFontFamily: 'Georgia',
-  colors: {
-    primary: {
-      50: '#124C80',
-    },
-    green: {
-      50: '#32CD32',
-    },
-  },
-}
-
-// Create your theme
-const theme = createTheme(options)
-export default function Root() {
-  return (
-    // Wrap your components with <WuiProvider /> with your theme
-    <WuiProvider
-      theme={theme}
-      // Will inject a CSS reset with normalizer
-      hasGlobalStyle
-      // Will show the focus ring on keyboard navigation only
-      shouldHideFocusRingOnClick
-    >
-      <Button>Welcome!</Button>
-    </WuiProvider>
-  )
-}
-```
+TODO
 
 ## Develop on local
 

package/dist/2W3RN7C5-bkX-rIa3.js

@@ -0,0 +1,61 @@
+"use client";
+import { c as F, _ as p, O as d, A as I, L as q, u as _, d as x, p as Y, a as T, W as j, X as w, j as L, h as H, Y as V, Z as W, f as X, b as Z } from "./OE2EFRVA-C3721cM3.js";
+import { useRef as C, useState as D, useEffect as z } from "react";
+var G = "button";
+function M(s) {
+  if (!s.isTrusted) return !1;
+  const t = s.currentTarget;
+  return s.key === "Enter" ? d(t) || t.tagName === "SUMMARY" || t.tagName === "A" : s.key === " " ? d(t) || t.tagName === "SUMMARY" || t.tagName === "INPUT" || t.tagName === "SELECT" : !1;
+}
+var J = Symbol("command"), Q = F(
+  function(t) {
+    var i = t, { clickOnEnter: m = !0, clickOnSpace: u = !0 } = i, r = p(i, ["clickOnEnter", "clickOnSpace"]);
+    const c = C(null), [K, R] = D(!1);
+    z(() => {
+      c.current && R(d(c.current));
+    }, []);
+    const [U, k] = D(!1), f = C(!1), y = I(r), [E, A] = q(r, J, !0), P = r.onKeyDown, O = _((e) => {
+      P == null || P(e);
+      const a = e.currentTarget;
+      if (e.defaultPrevented || E || y || !L(e) || H(a) || a.isContentEditable) return;
+      const o = m && e.key === "Enter", n = u && e.key === " ", g = e.key === "Enter" && !m, l = e.key === " " && !u;
+      if (g || l) {
+        e.preventDefault();
+        return;
+      }
+      if (o || n) {
+        const v = M(e);
+        if (o) {
+          if (!v) {
+            e.preventDefault();
+            const S = e, { view: $ } = S, B = p(S, ["view"]), N = () => w(a, B);
+            V() ? W(a, "keyup", N) : queueMicrotask(N);
+          }
+        } else n && (f.current = !0, v || (e.preventDefault(), k(!0)));
+      }
+    }), b = r.onKeyUp, h = _((e) => {
+      if (b == null || b(e), e.defaultPrevented || E || y || e.metaKey) return;
+      const a = u && e.key === " ";
+      if (f.current && a && (f.current = !1, !M(e))) {
+        e.preventDefault(), k(!1);
+        const o = e.currentTarget, n = e, { view: g } = n, l = p(n, ["view"]);
+        queueMicrotask(() => w(o, l));
+      }
+    });
+    return r = x(T(T({
+      "data-active": U || void 0,
+      type: K ? "button" : void 0
+    }, A), r), {
+      ref: Y(c, r.ref),
+      onKeyDown: O,
+      onKeyUp: h
+    }), r = j(r), r;
+  }
+);
+X(function(t) {
+  const i = Q(t);
+  return Z(G, i);
+});
+export {
+  Q as u
+};

package/dist/{QYJ6MIDR-BWg_HLyh.js → 4I4MLMKD-BLxAidnq.js}

@@ -1,14 +1,14 @@
 "use client";
-import { u as _ } from "./AXB53BZF-ClCOTGI-.js";
-import { u as p, P as h } from "./MTZPJQMC-DgscjgO6.js";
-import { c as i, _ as v, b as l, j as D, d as n, f as P, a as m, i as E, u as b, v as x } from "./LVA2YJMS-C6Bdr5Em.js";
+import { u as p, P as _ } from "./Y67KZUMI-DFEgrUv2.js";
+import { c as i, _ as v, d as l, p as h, a as n, f as P, b as m, i as D, u as x, x as E } from "./OE2EFRVA-C3721cM3.js";
+import { u as b } from "./ZTXFEM5L-CkrIQCN1.js";
 import { jsx as g } from "react/jsx-runtime";
 var A = "div", d = i(
   function(s) {
     var e = s, { store: r } = e, o = v(e, ["store"]);
     const c = p();
     return r = r || c, o = l(n({}, o), {
-      ref: D(r == null ? void 0 : r.setAnchorElement, o.ref)
+      ref: h(r == null ? void 0 : r.setAnchorElement, o.ref)
     }), o;
   }
 );
@@ -19,20 +19,20 @@ P(function(s) {
 var C = "button", k = i(function(s) {
   var e = s, { store: r } = e, o = v(e, ["store"]);
   const c = p();
-  r = r || c, E(
+  r = r || c, D(
     r,
     process.env.NODE_ENV !== "production" && "PopoverDisclosure must receive a `store` prop or be wrapped in a PopoverProvider component."
   );
-  const u = o.onClick, f = b((t) => {
+  const u = o.onClick, f = x((t) => {
     r == null || r.setAnchorElement(t.currentTarget), u == null || u(t);
   });
-  return o = x(
+  return o = E(
     o,
-    (t) => /* @__PURE__ */ g(h, { value: r, children: t }),
+    (t) => /* @__PURE__ */ g(_, { value: r, children: t }),
     [r]
   ), o = l(n({}, o), {
     onClick: f
-  }), o = d(n({ store: r }, o)), o = _(n({ store: r }, o)), o;
+  }), o = d(n({ store: r }, o)), o = b(n({ store: r }, o)), o;
 }), w = P(function(s) {
   const e = k(s);
   return m(C, e);

package/dist/Accordion.js

@@ -1,13 +1,13 @@
 "use client";
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { D as d } from "./P4IRICAX-CvgWqpy0.js";
-import { d as a } from "./VGCJ63VH-Bdd6jzVW.js";
-import { e as k } from "./VGCJ63VH-Bdd6jzVW.js";
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { D as d } from "./NMGNQVTG-C6TqBngP.js";
+import { D as a } from "./T22PY7TE-C1N0q8Kn.js";
+import { u as k } from "./T22PY7TE-C1N0q8Kn.js";
 import { forwardRef as _ } from "react";
-import "./Icon-CvQNL_iy.js";
-import { R as u } from "./index-BYbxYLuX.js";
+import "./Icon-EG7O4YwD.js";
+import { R as u } from "./index-BtwrJ6N4.js";
 import { Text as f } from "./Text.js";
-import { c as h } from "./classNames-qiokGROM.js";
+import { c as h } from "./index-CdiHdiVB.js";
 const p = "_root_173le_2", v = "_icon_173le_11", x = "_disclosure_173le_23", N = {
   root: p,
   icon: v,
@@ -15,13 +15,13 @@ const p = "_root_173le_2", v = "_icon_173le_11", x = "_disclosure_173le_23", N =
   "disclosure-content": "_disclosure-content_173le_48",
   "content-child": "_content-child_173le_63"
 }, s = h(N), z = _(
-  ({ children: t, className: r, dataTestId: c, store: e, title: n, ...l }, m) => /* @__PURE__ */ i("div", { className: s("root", r), ref: m, ...l, children: [
-    /* @__PURE__ */ i(
+  ({ children: e, className: r, dataTestId: c, store: i, title: n, ...l }, m) => /* @__PURE__ */ t("div", { className: s("root", r), ref: m, ...l, children: [
+    /* @__PURE__ */ t(
       d,
       {
         className: s("disclosure"),
         "data-testid": c ? `${c}-title` : void 0,
-        store: e,
+        store: i,
         children: [
           /* @__PURE__ */ o(f, { variant: "h5", children: n }),
           /* @__PURE__ */ o("div", { className: s("icon"), children: /* @__PURE__ */ o(u, { size: "sm" }) })
@@ -33,8 +33,8 @@ const p = "_root_173le_2", v = "_icon_173le_11", x = "_disclosure_173le_23", N =
       {
         className: s("disclosure-content"),
         "data-testid": c ? `${c}-content` : void 0,
-        store: e,
-        children: /* @__PURE__ */ o("div", { className: s("content-child"), children: t })
+        store: i,
+        children: /* @__PURE__ */ o("div", { className: s("content-child"), children: e })
       }
     )
   ] })

package/dist/Alert.js

@@ -5,7 +5,7 @@ import { Button as y } from "./Button.js";
 import { CloseButton as I } from "./CloseButton.js";
 import { Text as b } from "./Text.js";
 import { VariantIcon as S } from "./VariantIcon.js";
-import { c as T } from "./classNames-qiokGROM.js";
+import { c as T } from "./index-CdiHdiVB.js";
 const V = "_root_1c0qe_2", $ = "_icon_1c0qe_55", E = "_content_1c0qe_58", R = "_title_1c0qe_88", O = {
   root: V,
   "size-sm": "_size-sm_1c0qe_16",

package/dist/AspectRatio.js

@@ -1,7 +1,8 @@
 "use client";
 import { jsx as i } from "react/jsx-runtime";
-import { c as e } from "./classNames-qiokGROM.js";
+import { c as e } from "./index-CdiHdiVB.js";
 import { f as _ } from "./forwardRefWithAs-8eP3ZN15.js";
+import "react";
 const c = "_root_1s56r_2", m = {
   root: c,
   "ratio-square": "_ratio-square_1s56r_8",

package/dist/Avatar.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as i } from "react";
-import { c as _ } from "./classNames-qiokGROM.js";
+import { c as _ } from "./index-CdiHdiVB.js";
 const l = "_root_zm5un_2", u = {
   root: l,
   "size-sm": "_size-sm_zm5un_24",

package/dist/{4CMBR7SL-DXQR7a9T.js → B7UTNDHN-BlIblHCu.js}

@@ -1,7 +1,16 @@
 "use client";
-import { t as Q, c as k, s as R, i as X, f as U, b as h, d as Z } from "./YV4JVR4I-BN6SUVuh.js";
-import { J as S, I as C, M as p, K as L, N as ee, O as te, L as ne } from "./LVA2YJMS-C6Bdr5Em.js";
+import { H as S, G as C, S as Q, I as L, s as X, g as Z, K as p } from "./OE2EFRVA-C3721cM3.js";
+import { t as ee, c as O, s as R, i as te, f as G, d as h, a as ne } from "./RTNCFSKZ-qpPg689E.js";
 function re(t) {
+  const i = [];
+  for (const e of t)
+    i.push(...e);
+  return i;
+}
+function U(t) {
+  return t.slice().reverse();
+}
+function ie(t) {
   var i;
   const e = t.find((a) => !!a.element), o = [...t].reverse().find((a) => !!a.element);
   let s = (i = e == null ? void 0 : e.element) == null ? void 0 : i.parentElement;
@@ -10,14 +19,14 @@ function re(t) {
       return s;
     s = s.parentElement;
   }
-  return te(s).body;
+  return Z(s).body;
 }
-function ie(t) {
+function se(t) {
   return t == null ? void 0 : t.__unstablePrivateStore;
 }
-function se(t = {}) {
+function oe(t = {}) {
   var i;
-  Q(t, t.store);
+  ee(t, t.store);
   const e = (i = t.store) == null ? void 0 : i.getState(), o = S(
     t.items,
     e == null ? void 0 : e.items,
@@ -26,16 +35,16 @@ function se(t = {}) {
   ), s = new Map(o.map((r) => [r.id, r])), a = {
     items: o,
     renderedItems: S(e == null ? void 0 : e.renderedItems, [])
-  }, d = ie(t.store), u = k(
+  }, d = se(t.store), u = O(
     { items: o, renderedItems: a.renderedItems },
     d
-  ), n = k(a, t.store), b = (r) => {
-    const l = ee(r, (c) => c.element);
+  ), n = O(a, t.store), b = (r) => {
+    const l = X(r, (c) => c.element);
     u.setState("renderedItems", l), n.setState("renderedItems", l);
   };
-  R(n, () => X(u)), R(u, () => U(u, ["items"], (r) => {
+  R(n, () => te(u)), R(u, () => G(u, ["items"], (r) => {
     n.setState("items", r.items);
-  })), R(u, () => U(u, ["renderedItems"], (r) => {
+  })), R(u, () => G(u, ["renderedItems"], (r) => {
     let l = !0, c = requestAnimationFrame(() => {
       const { renderedItems: m } = n.getState();
       r.renderedItems !== m && b(r.renderedItems);
@@ -48,7 +57,7 @@ function se(t = {}) {
         return;
       }
       cancelAnimationFrame(c), c = requestAnimationFrame(() => b(r.renderedItems));
-    }, F = re(r.renderedItems), f = new IntersectionObserver(g, { root: F });
+    }, F = ie(r.renderedItems), f = new IntersectionObserver(g, { root: F });
     for (const m of r.renderedItems)
       m.element && f.observe(m.element);
     return () => {
@@ -83,7 +92,7 @@ function se(t = {}) {
   );
   return C(L({}, n), {
     registerItem: P,
-    renderItem: (r) => p(
+    renderItem: (r) => Q(
       P(r),
       E(
         r,
@@ -103,17 +112,8 @@ function se(t = {}) {
     __unstablePrivateStore: u
   });
 }
-function oe(t, i, e) {
-  return ne(i, [e.store]), h(t, e, "items", "setItems"), t;
-}
-function le(t) {
-  const i = [];
-  for (const e of t)
-    i.push(...e);
-  return i;
-}
-function $(t) {
-  return t.slice().reverse();
+function le(t, i, e) {
+  return p(i, [e.store]), h(t, e, "items", "setItems"), t;
 }
 var ae = { id: null };
 function _(t, i) {
@@ -122,7 +122,7 @@ function _(t, i) {
 function de(t, i) {
   return t.filter((e) => i ? !e.disabled && e.id !== i : !e.disabled);
 }
-function G(t, i) {
+function $(t, i) {
   return t.filter((e) => e.rowId === i);
 }
 function ce(t, i, e = !1) {
@@ -133,7 +133,7 @@ function ce(t, i, e = !1) {
     ...t.slice(0, o)
   ];
 }
-function J(t) {
+function H(t) {
   const i = [];
   for (const e of t) {
     const o = i.find((s) => {
@@ -170,7 +170,7 @@ function fe(t, i, e) {
   return t;
 }
 function me(t) {
-  const i = J(t), e = K(i), o = [];
+  const i = H(t), e = K(i), o = [];
   for (let s = 0; s < e; s += 1)
     for (const a of i) {
       const d = a[s];
@@ -187,7 +187,7 @@ function me(t) {
 }
 function Se(t = {}) {
   var i;
-  const e = (i = t.store) == null ? void 0 : i.getState(), o = se(t), s = S(
+  const e = (i = t.store) == null ? void 0 : i.getState(), o = oe(t), s = S(
     t.activeId,
     e == null ? void 0 : e.activeId,
     t.defaultActiveId
@@ -219,10 +219,10 @@ function Se(t = {}) {
     focusLoop: S(t.focusLoop, e == null ? void 0 : e.focusLoop, !1),
     focusWrap: S(t.focusWrap, e == null ? void 0 : e.focusWrap, !1),
     focusShift: S(t.focusShift, e == null ? void 0 : e.focusShift, !1)
-  }), d = k(a, o, t.store);
+  }), d = O(a, o, t.store);
   R(
     d,
-    () => Z(d, ["renderedItems", "activeId"], (n) => {
+    () => ne(d, ["renderedItems", "activeId"], (n) => {
       d.setState("activeId", (b) => {
         var E;
         return b !== void 0 ? b : (E = _(n.renderedItems)) == null ? void 0 : E.id;
@@ -241,23 +241,23 @@ function Se(t = {}) {
       renderedItems: w = r.renderedItems,
       rtl: x = r.rtl
     } = b, y = n === "up" || n === "down", z = n === "next" || n === "down", Y = z ? x && !y : !x || y, j = g && !l;
-    let v = y ? le(
-      fe(J(w), c, j)
+    let v = y ? re(
+      fe(H(w), c, j)
     ) : w;
-    if (v = Y ? $(v) : v, v = y ? me(v) : v, c == null)
+    if (v = Y ? U(v) : v, v = y ? me(v) : v, c == null)
       return (E = _(v)) == null ? void 0 : E.id;
     const M = v.find((I) => I.id === c);
     if (!M)
       return (P = _(v)) == null ? void 0 : P.id;
-    const D = v.some((I) => I.rowId), H = v.indexOf(M), N = v.slice(H + 1), O = G(N, M.rowId);
+    const D = v.some((I) => I.rowId), J = v.indexOf(M), N = v.slice(J + 1), W = $(N, M.rowId);
     if (l) {
-      const I = de(O, c), B = I.slice(l)[0] || // If we can't find an item, just return the last one.
+      const I = de(W, c), B = I.slice(l)[0] || // If we can't find an item, just return the last one.
       I[I.length - 1];
       return B == null ? void 0 : B.id;
     }
     const T = F && (y ? F !== "horizontal" : F !== "vertical"), V = D && f && (y ? f !== "horizontal" : f !== "vertical"), A = z ? (!D || y) && T && m : y ? m : !1;
     if (T) {
-      const I = V && !A ? v : G(v, M.rowId), B = ce(I, c, A), q = _(B, c);
+      const I = V && !A ? v : $(v, M.rowId), B = ce(I, c, A), q = _(B, c);
       return q == null ? void 0 : q.id;
     }
     if (V) {
@@ -268,13 +268,13 @@ function Se(t = {}) {
         // the row. So moving next from the last item will focus on the
         // composite container. On grid composites, horizontal navigation never
         // focuses on the composite container, only vertical.
-        A ? O : N,
+        A ? W : N,
         c
       );
       return A ? (I == null ? void 0 : I.id) || null : I == null ? void 0 : I.id;
     }
-    const W = _(O, c);
-    return !W && A ? null : W == null ? void 0 : W.id;
+    const k = _(W, c);
+    return !k && A ? null : k == null ? void 0 : k.id;
   };
   return C(L(L({}, o), d), {
     setBaseElement: (n) => d.setState("baseElement", n),
@@ -288,7 +288,7 @@ function Se(t = {}) {
     },
     last: () => {
       var n;
-      return (n = _($(d.getState().renderedItems))) == null ? void 0 : n.id;
+      return (n = _(U(d.getState().renderedItems))) == null ? void 0 : n.id;
     },
     next: (n) => (n !== void 0 && typeof n == "number" && (n = { skip: n }), u("next", n)),
     previous: (n) => (n !== void 0 && typeof n == "number" && (n = { skip: n }), u("previous", n)),
@@ -297,12 +297,12 @@ function Se(t = {}) {
   });
 }
 function ge(t, i, e) {
-  return t = oe(t, i, e), h(t, e, "activeId", "setActiveId"), h(t, e, "includesBaseElement"), h(t, e, "virtualFocus"), h(t, e, "orientation"), h(t, e, "rtl"), h(t, e, "focusLoop"), h(t, e, "focusWrap"), h(t, e, "focusShift"), t;
+  return t = le(t, i, e), h(t, e, "activeId", "setActiveId"), h(t, e, "includesBaseElement"), h(t, e, "virtualFocus"), h(t, e, "orientation"), h(t, e, "rtl"), h(t, e, "focusLoop"), h(t, e, "focusWrap"), h(t, e, "focusShift"), t;
 }
 export {
-  se as a,
+  oe as a,
   Se as c,
-  le as f,
-  $ as r,
+  re as f,
+  U as r,
   ge as u
 };

package/dist/Badge.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as u } from "react";
-import { c } from "./classNames-qiokGROM.js";
+import { c } from "./index-CdiHdiVB.js";
 const b = "_root_nle8k_2", f = {
   root: b,
   "disabled-default": "_disabled-default_nle8k_18",

package/dist/Breadcrumb.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsxs as te, jsx as R } from "react/jsx-runtime";
 import { forwardRef as re, Children as pe, cloneElement as be, useRef as M, useState as H, useCallback as V, useMemo as ge, useEffect as X } from "react";
-import "./Icon-CvQNL_iy.js";
-import { R as me } from "./index-BYbxYLuX.js";
-import { c as ne } from "./classNames-qiokGROM.js";
+import "./Icon-EG7O4YwD.js";
+import { R as me } from "./index-BtwrJ6N4.js";
+import { c as ne } from "./index-CdiHdiVB.js";
 import { t as xe } from "./throttle-BDBzFeFj.js";
 var b = [], ze = function() {
   return b.some(function(e) {

package/dist/Button.js

@@ -1,10 +1,11 @@
 "use client";
 import { jsxs as l, jsx as a, Fragment as g } from "react/jsx-runtime";
-import { B as f } from "./X5NMLKT6-C7-nsL44.js";
+import { B as f } from "./XCKGTAUF-DkxWCbaW.js";
 import { useButtonGroup as z } from "./ButtonGroup.js";
 import { Loader as b } from "./Loader.js";
-import { c as x } from "./classNames-qiokGROM.js";
+import { c as x } from "./index-CdiHdiVB.js";
 import { f as B } from "./forwardRefWithAs-8eP3ZN15.js";
+import "react";
 const N = "_root_1q8jk_2", $ = "_shape_1q8jk_74", D = "_loader_1q8jk_235", S = {
   root: N,
   shape: $,
@@ -28,20 +29,20 @@ const N = "_root_1q8jk_2", $ = "_shape_1q8jk_74", D = "_loader_1q8jk_235", S = {
   "variant-tertiary-danger": "_variant-tertiary-danger_1q8jk_227",
   loader: D,
   "loader-children": "_loader-children_1q8jk_245"
-}, t = x(S), V = B(
+}, t = x(S), W = B(
   ({
     accessibleWhenDisabled: m = !0,
     as: e,
     children: i,
     className: c = "",
-    disabled: v = !1,
+    disabled: p = !1,
     isLoading: r = !1,
     shape: s = "default",
-    size: p = "md",
+    size: v = "md",
     variant: j = "primary",
     ...q
   }, k) => {
-    const { disabled: h, size: u, variant: y } = z(), _ = h || v || r, n = _ && "disabled" || y || j, o = u || p, d = e || "button";
+    const { disabled: h, size: u, variant: y } = z(), _ = h || p || r, n = _ && "disabled" || y || j, o = u || v, d = e || "button";
     return /* @__PURE__ */ l(
       f,
       {
@@ -70,5 +71,5 @@ const N = "_root_1q8jk_2", $ = "_shape_1q8jk_74", D = "_loader_1q8jk_235", S = {
   }
 );
 export {
-  V as Button
+  W as Button
 };

package/dist/ButtonGroup.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as e } from "react/jsx-runtime";
 import { createContext as f, useMemo as i, useContext as l } from "react";
-import { c as x } from "./classNames-qiokGROM.js";
+import { c as x } from "./index-CdiHdiVB.js";
 import { f as G } from "./forwardRefWithAs-8eP3ZN15.js";
 const d = "_root_kot0y_2", y = {
   root: d

package/dist/Card.js

@@ -1,14 +1,14 @@
 "use client";
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as c } from "react/jsx-runtime";
 import { forwardRef as n } from "react";
-import { c as d } from "./classNames-qiokGROM.js";
+import { c as d } from "./index-CdiHdiVB.js";
 const a = "_root_10ds1_2", m = "_body_10ds1_13", e = {
   root: a,
   body: m
 }, i = d(e), l = n(
-  ({ children: o, className: r, ...s }, c) => /* @__PURE__ */ t("div", { className: i("body", r), ref: c, ...s, children: o })
-), y = n(({ src: o, ...r }, s) => /* @__PURE__ */ t("div", { ref: s, ...r, children: /* @__PURE__ */ t("img", { src: o }) })), _ = d(e), b = n(
-  ({ children: o, className: r, ...s }, c) => /* @__PURE__ */ t("div", { className: _("root", r), ref: c, ...s, children: o })
+  ({ children: o, className: r, ...s }, t) => /* @__PURE__ */ c("div", { className: i("body", r), ref: t, ...s, children: o })
+), y = n(({ alt: o, src: r, ...s }, t) => /* @__PURE__ */ c("div", { ref: t, ...s, children: /* @__PURE__ */ c("img", { alt: o, src: r }) })), _ = d(e), b = n(
+  ({ children: o, className: r, ...s }, t) => /* @__PURE__ */ c("div", { className: _("root", r), ref: t, ...s, children: o })
 ), v = Object.assign(b, {
   Body: l,
   Cover: y

package/dist/Checkbox.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as _ } from "react/jsx-runtime";
-import { C as d } from "./ASMQKSDT-GE79MhKX.js";
+import { C as d } from "./KPUWHTQJ-D2TPji47.js";
 import { forwardRef as u } from "react";
 import { useField as l } from "./Field.js";
-import { c as v } from "./classNames-qiokGROM.js";
+import { c as v } from "./index-CdiHdiVB.js";
 const g = "_root_xf7ux_2", p = "_indeterminate_xf7ux_85", h = {
   root: g,
   "variant-danger": "_variant-danger_xf7ux_67",

package/dist/CloseButton.js

@@ -2,9 +2,9 @@
 import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as a } from "react";
 import { Button as n } from "./Button.js";
-import "./Icon-CvQNL_iy.js";
-import { C as c } from "./index-u9K1RU_H.js";
-import { c as m } from "./classNames-qiokGROM.js";
+import "./Icon-EG7O4YwD.js";
+import { C as c } from "./index-Bt79XJ8R.js";
+import { c as m } from "./index-CdiHdiVB.js";
 const i = "_root_rhe1o_2", l = "_fade_rhe1o_1", f = {
   root: i,
   "animate-presence": "_animate-presence_rhe1o_6",

package/dist/{SYRFVSLH-D5X1Ofws.js → DSAASPLT-BaaCUKsb.js}

@@ -1,13 +1,13 @@
 "use client";
-import { u as c } from "./X5NMLKT6-C7-nsL44.js";
-import { u as d } from "./VGCJ63VH-Bdd6jzVW.js";
-import { f as p, c as f, a as D, _ as x, u as g, b as k, d as v } from "./LVA2YJMS-C6Bdr5Em.js";
+import { a as c } from "./T22PY7TE-C1N0q8Kn.js";
+import { u as d } from "./XCKGTAUF-DkxWCbaW.js";
+import { f as p, c as f, b as D, _ as x, u as g, d as k, a as v } from "./OE2EFRVA-C3721cM3.js";
 import { useMemo as h } from "react";
 import { jsxs as _, jsx as a } from "react/jsx-runtime";
 var b = "button", y = f(
   function(i) {
     var s = i, { store: e } = s, o = x(s, ["store"]);
-    const l = d();
+    const l = c();
     e = e || l;
     const r = o.onClick, u = g((t) => {
       r == null || r(t), !t.defaultPrevented && (e == null || e.hide());
@@ -38,7 +38,7 @@ var b = "button", y = f(
       children: m
     }, o), {
       onClick: u
-    }), o = c(o), o;
+    }), o = d(o), o;
   }
 ), E = p(function(i) {
   const s = y(i);

package/dist/DatePicker.js

@@ -3,12 +3,12 @@ import { jsxs as U, jsx as o } from "react/jsx-runtime";
 import { useState as $, useMemo as F, useEffect as j, forwardRef as _, useRef as G } from "react";
 import { D as J, C as P } from "./CustomPopper-vwbOQq72.js";
 import { Button as L } from "./Button.js";
-import "./Icon-CvQNL_iy.js";
-import { L as Q } from "./index-CMBLAO6n.js";
-import { R as V } from "./index-BYbxYLuX.js";
+import "./Icon-EG7O4YwD.js";
+import { L as Q } from "./index-D5a8Oe6k.js";
+import { R as V } from "./index-BtwrJ6N4.js";
 import { Select as M } from "./Select.js";
-import { c as w } from "./classNames-qiokGROM.js";
-import { a as W, b as X, s as K, g as Z, D as q } from "./utils-DfTXitRb.js";
+import { c as w } from "./index-CdiHdiVB.js";
+import { g as W, a as X, s as K, b as Z, D as q } from "./utils-BpbIqM56.js";
 import { InputText as Y } from "./InputText.js";
 const g = w(K), h = ({
   changeMonth: b,