welcome-ui 9.0.0-alpha.4 → 9.0.1

package/README.md

@@ -15,14 +15,58 @@ Here you'll find all the core components you need to create a delightful webapp.
 1 - Install the `welcome-ui` package and **peer dependencies** listed below:
 
 ```bash
-yarn add welcome-ui react@^18.0.0
+yarn add welcome-ui tailwindcss react@^19.0.0
+```
+
+```bash
+yarn add postcss --dev
+```
+
+2 - Add dependencies for vite project
+
+```bash
+yarn add @tailwindcss/vite --dev
+```
+
+3 - Add on your vite config tailwindcss plugin
+
+```bash
+import { defineConfig } from 'vite'
+import tailwindcss from '@tailwindcss/vite'
+
+export default defineConfig({
+  plugins: [
+    tailwindcss(),
+  ],
+})
 ```
 
 ## Import library & Theme
 
-Getting started
+On your theme or global css import:
+
+- TailwindCSS
+- Welcome UI Theme
+- Welcome UI components style
+
+```css
+@import 'tailwindcss';
 
-TODO
+@import 'welcome-ui/theme.css';
+
+@import 'welcome-ui/Accordion.css';
+@import 'welcome-ui/Alert.css';
+@import 'welcome-ui-new/***other-components-you-need***.css';
+...
+```
+
+## Enjoy! 🌞
+
+```jsx
+import { Button } from 'welcome-ui/Button'
+
+return <Button>Ok let's go</Button>
+```
 
 ## 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/4I4MLMKD-BLxAidnq.js

@@ -0,0 +1,43 @@
+"use client";
+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: h(r == null ? void 0 : r.setAnchorElement, o.ref)
+    }), o;
+  }
+);
+P(function(s) {
+  const e = d(s);
+  return m(A, e);
+});
+var C = "button", k = i(function(s) {
+  var e = s, { store: r } = e, o = v(e, ["store"]);
+  const c = p();
+  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 = x((t) => {
+    r == null || r.setAnchorElement(t.currentTarget), u == null || u(t);
+  });
+  return o = E(
+    o,
+    (t) => /* @__PURE__ */ g(_, { value: r, children: t }),
+    [r]
+  ), o = l(n({}, o), {
+    onClick: f
+  }), 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);
+});
+export {
+  w as P,
+  k as u
+};

package/dist/Accordion.js

@@ -1,13 +1,13 @@
 "use client";
 import { jsxs as t, jsx as o } from "react/jsx-runtime";
-import { D as d } from "./P4IRICAX-7kH4HzWI.js";
-import { D as a } from "./VGCJ63VH-CVhs4PYt.js";
-import { u as k } from "./VGCJ63VH-CVhs4PYt.js";
+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-BisRi8B3.js";
-import { R as u } from "./index-Dcq5gh3E.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 "./index-PAaZGbyz.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,

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 "./index-PAaZGbyz.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,6 +1,6 @@
 "use client";
 import { jsx as i } from "react/jsx-runtime";
-import { c as e } from "./index-PAaZGbyz.js";
+import { c as e } from "./index-CdiHdiVB.js";
 import { f as _ } from "./forwardRefWithAs-8eP3ZN15.js";
 import "react";
 const c = "_root_1s56r_2", m = {

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 "./index-PAaZGbyz.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-Dhp8uJop.js → B7UTNDHN-BlIblHCu.js}

@@ -1,7 +1,16 @@
 "use client";
-import { t as Q, c as z, s as R, i as X, f as U, b as h, a as Z } from "./YV4JVR4I-CVFstk2K.js";
-import { y as S, x as C, S as p, z as L, s as ee, o as te, B as ne } from "./LVA2YJMS-NUHCRwFZ.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,29 +35,29 @@ 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 = z(
+  }, d = se(t.store), u = O(
     { items: o, renderedItems: a.renderedItems },
     d
-  ), n = z(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);
     });
     if (typeof IntersectionObserver != "function")
       return () => cancelAnimationFrame(c);
-    const x = () => {
+    const g = () => {
       if (l) {
         l = !1;
         return;
       }
       cancelAnimationFrame(c), c = requestAnimationFrame(() => b(r.renderedItems));
-    }, F = re(r.renderedItems), f = new IntersectionObserver(x, { 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 () => {
@@ -56,24 +65,24 @@ function se(t = {}) {
     };
   }));
   const E = (r, l, c = !1) => {
-    let x;
+    let g;
     return l((f) => {
-      const m = f.findIndex(({ id: g }) => g === r.id), w = f.slice();
+      const m = f.findIndex(({ id: x }) => x === r.id), w = f.slice();
       if (m !== -1) {
-        x = f[m];
-        const g = L(L({}, x), r);
-        w[m] = g, s.set(r.id, g);
+        g = f[m];
+        const x = L(L({}, g), r);
+        w[m] = x, s.set(r.id, x);
       } else
         w.push(r), s.set(r.id, r);
       return w;
     }), () => {
       l((f) => {
-        if (!x)
-          return c && s.delete(r.id), f.filter(({ id: g }) => g !== r.id);
-        const m = f.findIndex(({ id: g }) => g === r.id);
+        if (!g)
+          return c && s.delete(r.id), f.filter(({ id: x }) => x !== r.id);
+        const m = f.findIndex(({ id: x }) => x === r.id);
         if (m === -1) return f;
         const w = f.slice();
-        return w[m] = x, s.set(r.id, x), w;
+        return w[m] = g, s.set(r.id, g), w;
       });
     };
   }, P = (r) => E(
@@ -83,7 +92,7 @@ function se(t = {}) {
   );
   return C(L({}, n), {
     registerItem: P,
-    renderItem: (r) => p(
+    renderItem: (r) => Q(
       P(r),
       E(
         r,
@@ -95,7 +104,7 @@ function se(t = {}) {
       let l = s.get(r);
       if (!l) {
         const { items: c } = u.getState();
-        l = c.find((x) => x.id === r), l && s.set(r, l);
+        l = c.find((g) => g.id === r), l && s.set(r, l);
       }
       return l || null;
     },
@@ -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 Y(t) {
+function H(t) {
   const i = [];
   for (const e of t) {
     const o = i.find((s) => {
@@ -144,7 +144,7 @@ function Y(t) {
   }
   return i;
 }
-function j(t) {
+function K(t) {
   let i = 0;
   for (const { length: e } of t)
     e > i && (i = e);
@@ -158,7 +158,7 @@ function ue(t) {
   };
 }
 function fe(t, i, e) {
-  const o = j(t);
+  const o = K(t);
   for (const s of t)
     for (let a = 0; a < o; a += 1) {
       const d = s[a];
@@ -170,7 +170,7 @@ function fe(t, i, e) {
   return t;
 }
 function me(t) {
-  const i = Y(t), e = j(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 = z(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;
@@ -234,30 +234,30 @@ function Se(t = {}) {
     const r = d.getState(), {
       skip: l = 0,
       activeId: c = r.activeId,
-      focusShift: x = r.focusShift,
+      focusShift: g = r.focusShift,
       focusLoop: F = r.focusLoop,
       focusWrap: f = r.focusWrap,
       includesBaseElement: m = r.includesBaseElement,
       renderedItems: w = r.renderedItems,
-      rtl: g = r.rtl
-    } = b, y = n === "up" || n === "down", O = n === "next" || n === "down", H = O ? g && !y : !g || y, J = x && !l;
-    let v = y ? le(
-      fe(Y(w), c, J)
+      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 ? re(
+      fe(H(w), c, j)
     ) : w;
-    if (v = H ? $(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), K = v.indexOf(M), N = v.slice(K + 1), W = 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(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 = O ? (!D || y) && T && m : y ? m : !1;
+    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) {
@@ -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)),
@@ -296,13 +296,13 @@ function Se(t = {}) {
     up: (n) => (n !== void 0 && typeof n == "number" && (n = { skip: n }), u("up", n))
   });
 }
-function xe(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;
+function ge(t, i, e) {
+  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,
-  xe as u
+  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 "./index-PAaZGbyz.js";
+import { c } from "./index-CdiHdiVB.js";
 const b = "_root_nle8k_2", f = {
   root: b,
   "disabled-default": "_disabled-default_nle8k_18",

package/dist/Breadcrumb.css

@@ -1 +1 @@
-@layer components{._root_9vqpr_2{height:100%;position:relative;overflow-x:hidden;padding:var(--spacing-sm) 0;font-size:var(--font-size-subtitle-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-subtitle-sm);line-height:var(--line-height-subtitle-sm);text-transform:uppercase;font-family:var(--font-family-headings)}._list_9vqpr_14{display:inline-flex;align-items:center;max-width:100%;overflow-x:auto;margin:0;padding:0;list-style:none;white-space:nowrap}._start-gradient_9vqpr_24{left:0;transform-origin:left}._end-gradient_9vqpr_28{right:0;transform-origin:right}._start-gradient_9vqpr_24,._end-gradient_9vqpr_28{position:absolute;bottom:0;top:0;width:var(--spacing-xxl)}._item-wrapper_9vqpr_39{display:inline-flex;flex:0 0 auto;line-height:normal}._item-content_9vqpr_44{color:var(--breadcrumbItemColor, var(--color-neutral-50));text-decoration:none;align-items:center;transition:medium;direction:initial}._item-content_9vqpr_44:hover,._item-content_9vqpr_44[aria-current=page]{--breadcrumbItemColor: var(--color-neutral-70)}._item-content_9vqpr_44[aria-disabled=true]{pointer-events:none;cursor:default}._item-separator_9vqpr_58{color:var(--color-neutral-50);padding:0 var(--spacing-xs);display:flex;align-items:center}}
+@layer components{._root_ce14e_2{height:100%;position:relative;overflow-x:hidden;padding:var(--spacing-sm) 0;font-size:var(--font-size-subtitle-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-subtitle-sm);line-height:var(--line-height-subtitle-sm);text-transform:uppercase;font-family:var(--font-family-headings)}._list_ce14e_14{display:inline-flex;align-items:center;max-width:100%;overflow-x:auto;margin:0;padding:0;list-style:none;white-space:nowrap}._start-gradient_ce14e_24{left:0;transform-origin:left}._end-gradient_ce14e_28{right:0;transform-origin:right}._start-gradient_ce14e_24,._end-gradient_ce14e_28{position:absolute;bottom:0;top:0;width:var(--spacing-xxl)}._item-wrapper_ce14e_39{display:inline-flex;flex:0 0 auto;line-height:normal}._item-content_ce14e_44{color:var(--breadcrumbItemColor, var(--color-neutral-50));text-decoration:none;align-items:center;transition:var(--duration-medium);direction:initial}._item-content_ce14e_44:hover,._item-content_ce14e_44[aria-current=page]{--breadcrumbItemColor: var(--color-neutral-70)}._item-content_ce14e_44[aria-disabled=true]{pointer-events:none;cursor:default}._item-separator_ce14e_58{color:var(--color-neutral-50);padding:0 var(--spacing-xs);display:flex;align-items:center}}

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-BisRi8B3.js";
-import { R as me } from "./index-Dcq5gh3E.js";
-import { c as ne } from "./index-PAaZGbyz.js";
+import { forwardRef as re, Children as pe, cloneElement as be, useRef as M, useState as V, useCallback as X, useMemo as ge, useEffect as q } from "react";
+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) {
@@ -83,13 +83,13 @@ var g = function(e) {
     return S.get(e);
   if (oe(e))
     return S.set(e, Y), Y;
-  var r = getComputedStyle(e), n = P(e) && e.ownerSVGElement && e.getBBox(), i = !Te && r.boxSizing === "border-box", o = ye.test(r.writingMode || ""), s = !n && U.test(r.overflowY || ""), l = !n && U.test(r.overflowX || ""), c = n ? 0 : d(r.paddingTop), v = n ? 0 : d(r.paddingRight), h = n ? 0 : d(r.paddingBottom), f = n ? 0 : d(r.paddingLeft), w = n ? 0 : d(r.borderTopWidth), a = n ? 0 : d(r.borderRightWidth), u = n ? 0 : d(r.borderBottomWidth), m = n ? 0 : d(r.borderLeftWidth), p = f + v, x = c + h, O = m + a, D = w + u, q = l ? e.offsetHeight - D - e.clientHeight : 0, G = s ? e.offsetWidth - O - e.clientWidth : 0, le = i ? p + O : 0, de = i ? x + D : 0, T = n ? n.width : d(r.width) - le - G, B = n ? n.height : d(r.height) - de - q, fe = T + p + G + O, he = B + x + q + D, F = g({
+  var r = getComputedStyle(e), n = P(e) && e.ownerSVGElement && e.getBBox(), i = !Te && r.boxSizing === "border-box", o = ye.test(r.writingMode || ""), s = !n && U.test(r.overflowY || ""), l = !n && U.test(r.overflowX || ""), c = n ? 0 : d(r.paddingTop), v = n ? 0 : d(r.paddingRight), h = n ? 0 : d(r.paddingBottom), f = n ? 0 : d(r.paddingLeft), w = n ? 0 : d(r.borderTopWidth), a = n ? 0 : d(r.borderRightWidth), u = n ? 0 : d(r.borderBottomWidth), m = n ? 0 : d(r.borderLeftWidth), p = f + v, x = c + h, O = m + a, D = w + u, G = l ? e.offsetHeight - D - e.clientHeight : 0, F = s ? e.offsetWidth - O - e.clientWidth : 0, le = i ? p + O : 0, de = i ? x + D : 0, T = n ? n.width : d(r.width) - le - F, B = n ? n.height : d(r.height) - de - G, fe = T + p + F + O, he = B + x + G + D, H = g({
     devicePixelContentBoxSize: z(Math.round(T * devicePixelRatio), Math.round(B * devicePixelRatio), o),
     borderBoxSize: z(fe, he, o),
     contentBoxSize: z(T, B, o),
     contentRect: new ie(f, c, T, B)
   });
-  return S.set(e, F), F;
+  return S.set(e, H), H;
 }, ae = function(e, t, r) {
   var n = se(e, r), i = n.borderBoxSize, o = n.contentBoxSize, s = n.devicePixelContentBoxSize;
   switch (t) {
@@ -262,7 +262,7 @@ var g = function(e) {
       return r.unobserve(t, i.target);
     }), n.activeTargets.splice(0, n.activeTargets.length);
   }, e;
-}(), qe = function() {
+}(), Ge = function() {
   function e(t) {
     if (arguments.length === 0)
       throw new TypeError("Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.");
@@ -288,15 +288,15 @@ var g = function(e) {
     return "function ResizeObserver () { [polyfill code] }";
   }, e;
 }();
-const Ge = (e, t, r) => Math.min(Math.max(e, t), r), Fe = "_root_9vqpr_2", He = "_list_9vqpr_14", ue = {
-  root: Fe,
-  list: He,
-  "start-gradient": "_start-gradient_9vqpr_24",
-  "end-gradient": "_end-gradient_9vqpr_28",
-  "item-wrapper": "_item-wrapper_9vqpr_39",
-  "item-content": "_item-content_9vqpr_44",
-  "item-separator": "_item-separator_9vqpr_58"
-}, L = ne(ue), Ve = re(
+const Fe = (e, t, r) => Math.min(Math.max(e, t), r), He = "_root_ce14e_2", Ve = "_list_ce14e_14", ue = {
+  root: He,
+  list: Ve,
+  "start-gradient": "_start-gradient_ce14e_24",
+  "end-gradient": "_end-gradient_ce14e_28",
+  "item-wrapper": "_item-wrapper_ce14e_39",
+  "item-content": "_item-content_ce14e_44",
+  "item-separator": "_item-separator_ce14e_58"
+}, L = ne(ue), Xe = re(
   ({ children: e, "data-testid": t, isActive: r, separator: n, ...i }, o) => {
     const s = i.href || i.to;
     return /* @__PURE__ */ te("li", { "aria-label": "breadcrumb", className: L("item-wrapper"), "data-testid": t, children: [
@@ -314,7 +314,7 @@ const Ge = (e, t, r) => Math.min(Math.max(e, t), r), Fe = "_root_9vqpr_2", He =
       )
     ] });
   }
-), k = ne(ue), Xe = re(
+), k = ne(ue), qe = re(
   ({ children: e, lastChildNotClickable: t = !0, separator: r = /* @__PURE__ */ R(me, { size: "xs" }), ...n }, i) => {
     const o = pe.toArray(e).filter(Boolean), s = o.length, l = o.map((w, a) => {
       const u = s === 1 || s === a + 1;
@@ -331,18 +331,18 @@ const Ge = (e, t, r) => Math.min(Math.max(e, t), r), Fe = "_root_9vqpr_2", He =
       c
     ] });
   }
-), Ze = Object.assign(Xe, {
-  Item: Ve
+), Ze = Object.assign(qe, {
+  Item: Xe
 }), $e = () => {
-  const e = M(null), t = M(), r = M(), [n, i] = H(!1), [o, s] = H(0), l = (a, u) => {
+  const e = M(null), t = M(), r = M(), [n, i] = V(!1), [o, s] = V(0), l = (a, u) => {
     a && (a.style.transform = `scale3d(${u}, 1, 1)`);
-  }, c = V((a) => {
+  }, c = X((a) => {
     const u = 1 - a;
     l(t.current, u), l(r.current, a);
-  }, []), v = V(() => {
+  }, []), v = X(() => {
     const {
       current: { offsetWidth: a, scrollLeft: u, scrollWidth: m }
-    } = e, p = m - a, O = Ge(Math.abs(u - o), 0, p) / p;
+    } = e, p = m - a, O = Fe(Math.abs(u - o), 0, p) / p;
     c(O);
   }, [o, c]), h = ge(
     () => xe(
@@ -362,10 +362,10 @@ const Ge = (e, t, r) => Math.min(Math.max(e, t), r), Fe = "_root_9vqpr_2", He =
     ),
     [o]
   );
-  X(() => {
-    const a = new qe(h);
+  q(() => {
+    const a = new Ge(h);
     return a.observe(e.current), () => a.disconnect();
-  }, []), X(() => {
+  }, []), q(() => {
     t.current && r.current && c(0);
   }, [n, c]);
   const f = n ? /* @__PURE__ */ R(
@@ -385,5 +385,5 @@ const Ge = (e, t, r) => Math.min(Math.max(e, t), r), Fe = "_root_9vqpr_2", He =
 };
 export {
   Ze as Breadcrumb,
-  Xe as BreadcrumbComponent
+  qe as BreadcrumbComponent
 };

package/dist/Button.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsxs as l, jsx as a, Fragment as g } from "react/jsx-runtime";
-import { B as f } from "./X5NMLKT6-PeY306ft.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 "./index-PAaZGbyz.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 = {

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 "./index-PAaZGbyz.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,7 +1,7 @@
 "use client";
 import { jsx as c } from "react/jsx-runtime";
 import { forwardRef as n } from "react";
-import { c as d } from "./index-PAaZGbyz.js";
+import { c as d } from "./index-CdiHdiVB.js";
 const a = "_root_10ds1_2", m = "_body_10ds1_13", e = {
   root: a,
   body: m