welcome-ui 0.0.0-dev.1761054451082 → 0.0.0-dev.1761316648080

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 sass-embedded --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/{4I4MLMKD-BLxAidnq.js → 4I4MLMKD-DgPx2VDC.js}

@@ -1,7 +1,7 @@
 "use client";
-import { u as p, P as _ } from "./Y67KZUMI-DFEgrUv2.js";
+import { u as p, P as _ } from "./Y67KZUMI-CtXJ_hZt.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 { u as b } from "./ZTXFEM5L-BEA_1pIo.js";
 import { jsx as g } from "react/jsx-runtime";
 var A = "div", d = i(
   function(s) {

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 "./NMGNQVTG-C6TqBngP.js";
-import { D as a } from "./T22PY7TE-C1N0q8Kn.js";
-import { u as k } from "./T22PY7TE-C1N0q8Kn.js";
+import { D as d } from "./NMGNQVTG-a9HpYqEe.js";
+import { D as a } from "./T22PY7TE-BxbmImwX.js";
+import { u as k } from "./T22PY7TE-BxbmImwX.js";
 import { forwardRef as _ } from "react";
-import "./Icon-EG7O4YwD.js";
-import { R as u } from "./index-BtwrJ6N4.js";
+import "./Icon-BisRi8B3.js";
+import { R as u } from "./index-Dcq5gh3E.js";
 import { Text as f } from "./Text.js";
-import { c as h } from "./index-CdiHdiVB.js";
+import { c as h } from "./index-PAaZGbyz.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-CdiHdiVB.js";
+import { c as T } from "./index-PAaZGbyz.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-CdiHdiVB.js";
+import { c as e } from "./index-PAaZGbyz.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-CdiHdiVB.js";
+import { c as _ } from "./index-PAaZGbyz.js";
 const l = "_root_zm5un_2", u = {
   root: l,
   "size-sm": "_size-sm_zm5un_24",

package/dist/{B7UTNDHN-BlIblHCu.js → B7UTNDHN-C-gORHYH.js}

@@ -1,6 +1,6 @@
 "use client";
 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";
+import { t as ee, c as O, s as R, i as te, f as G, d as h, a as ne } from "./RTNCFSKZ-P4icqVD0.js";
 function re(t) {
   const i = [];
   for (const e of t)

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-CdiHdiVB.js";
+import { c } from "./index-PAaZGbyz.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-EG7O4YwD.js";
-import { R as me } from "./index-BtwrJ6N4.js";
-import { c as ne } from "./index-CdiHdiVB.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-BisRi8B3.js";
+import { R as me } from "./index-Dcq5gh3E.js";
+import { c as ne } from "./index-PAaZGbyz.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

@@ -3,7 +3,7 @@ import { jsxs as l, jsx as a, Fragment as g } from "react/jsx-runtime";
 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-CdiHdiVB.js";
+import { c as x } from "./index-PAaZGbyz.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-CdiHdiVB.js";
+import { c as x } from "./index-PAaZGbyz.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-CdiHdiVB.js";
+import { c as d } from "./index-PAaZGbyz.js";
 const a = "_root_10ds1_2", m = "_body_10ds1_13", e = {
   root: a,
   body: m

package/dist/Checkbox.css

@@ -1 +1 @@
-@layer components{._root_xf7ux_2{position:relative;padding:0;cursor:pointer;transition:medium;overflow:hidden;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:1rem;outline:transparent solid var(--border-width-md);border-radius:var(--radius-sm);border-style:solid;border-width:var(--border-width-sm);flex-shrink:0;height:1rem;width:1rem;color:var(--color-neutral-90);background-color:var(--backgroundColor, var(--color-neutral-10));border-color:var(--borderColor, var(--color-neutral-30))}._root_xf7ux_2:after{background-color:var(--afterBackgroundColor);content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;-webkit-mask-size:contain;mask-size:contain;width:10px}._root_xf7ux_2:disabled,._root_xf7ux_2[aria-disabled]{--backgroundColor: var(--color-beige-40);--borderColor: var(--color-beige-50);cursor:not-allowed}._root_xf7ux_2:not([disabled]):hover{--borderColor: var(--borderColorHover, var(--color-neutral-40))}._root_xf7ux_2[data-focus-visible],._root_xf7ux_2:focus-visible{--borderColor: var(--borderColorFocused, var(--color-brand-40));outline-color:var(--outlineColorFocus, var(--color-brand-20))}._root_xf7ux_2::placeholder{--color: var(--color-neutral-60)}._root_xf7ux_2[aria-checked=true]:not(:disabled){--backgroundColor: var(--color-brand-40);--borderColor: var(--color-brand-40);--color: var(--color-neutral-90)}._root_xf7ux_2[aria-checked=true]:not(:disabled):after{--afterBackgroundColor: var(--color-beige-90)}._root_xf7ux_2[aria-checked=true]:not(:disabled):hover{--backgroundColor: var(--color-brand-30);--borderColor: var(--backgroundColor)}._root_xf7ux_2[aria-checked=true]:after{--afterBackgroundColor: var(--color-beige-50);height:8px;mask:url('data:image/svg+xml; utf8, <svg viewBox="0 0 10 8" xmlns="http://www.w3.org/2000/svg"><path fill="000000" d="M7.96171 0.596898C8.24912 0.27893 8.74024 0.25262 9.06024 0.537743C9.37208 0.815607 9.40671 1.28712 9.14514 1.60662L9.11975 1.63611L3.90331 7.40311C3.75365 7.5687 3.54304 7.66003 3.32401 7.66003C3.15017 7.66003 2.98077 7.60235 2.84241 7.49383L2.80848 7.46564L0.943652 5.82577C0.620151 5.54147 0.590221 5.04928 0.877091 4.72749C1.15398 4.41772 1.62383 4.38076 1.94536 4.6368L1.97506 4.66166L3.26156 5.79276L7.96171 0.596898Z" /></svg>')}._variant-danger_xf7ux_67{--borderColor: var(--color-red-70);--borderColorHover: var(--color-red-70);--borderColorFocused: var(--color-red-70);--outlineColorFocus: var(--color-red-30)}._variant-warning_xf7ux_73{--borderColor: var(--color-orange-60);--borderColorHover: var(--color-orange-60);--borderColorFocused: var(--color-orange-60);--outlineColorFocus: var(--color-orange-30)}._variant-success_xf7ux_79{--borderColor: var(--color-green-60);--borderColorHover: var(--color-green-60);--borderColorFocused: var(--color-green-60);--outlineColorFocus: var(--color-green-30)}._indeterminate_xf7ux_85:not(:disabled){--backgroundColor: var(--color-brand-40);--borderColor: var(--color-brand-40);--color: var(--color-neutral-90)}._indeterminate_xf7ux_85:not(:disabled):after{--afterBackgroundColor: var(--color-beige-90)}._indeterminate_xf7ux_85:not(:disabled):hover{--backgroundColor: var(--color-brand-30);--borderColor: var(--backgroundColor)}._indeterminate_xf7ux_85:after{--afterBackgroundColor: var(--color-beige-50);height:4px;mask:url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 10 4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.3973 1.76919C0.953776 1.81988 0.634816 2.04775 0.685235 2.49156C0.732149 2.90436 1.08212 3.03624 1.48789 3.03624L8.6029 2.23086C9.04669 2.18017 9.36538 1.9523 9.31469 1.50849C9.26427 1.06468 8.86389 0.917163 8.41956 0.969201C4.90971 1.38026 4.90828 1.36792 1.3973 1.76919Z' fill='000000'/%3E%3C/svg%3E")}}
+@layer components{._root_nra3d_2{position:relative;padding:0;cursor:pointer;transition:var(--duration-medium);overflow:hidden;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:1rem;outline:transparent solid var(--border-width-md);border-radius:var(--radius-sm);border-style:solid;border-width:var(--border-width-sm);flex-shrink:0;height:1rem;width:1rem;color:var(--color-neutral-90);background-color:var(--backgroundColor, var(--color-neutral-10));border-color:var(--borderColor, var(--color-neutral-30))}._root_nra3d_2:after{background-color:var(--afterBackgroundColor);content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;-webkit-mask-size:contain;mask-size:contain;width:10px}._root_nra3d_2:disabled,._root_nra3d_2[aria-disabled]{--backgroundColor: var(--color-beige-40);--borderColor: var(--color-beige-50);cursor:not-allowed}._root_nra3d_2:not([disabled]):hover{--borderColor: var(--borderColorHover, var(--color-neutral-40))}._root_nra3d_2[data-focus-visible],._root_nra3d_2:focus-visible{--borderColor: var(--borderColorFocused, var(--color-brand-40));outline-color:var(--outlineColorFocus, var(--color-brand-20))}._root_nra3d_2::placeholder{--color: var(--color-neutral-60)}._root_nra3d_2[aria-checked=true]:not(:disabled){--backgroundColor: var(--color-brand-40);--borderColor: var(--color-brand-40);--color: var(--color-neutral-90)}._root_nra3d_2[aria-checked=true]:not(:disabled):after{--afterBackgroundColor: var(--color-beige-90)}._root_nra3d_2[aria-checked=true]:not(:disabled):hover{--backgroundColor: var(--color-brand-30);--borderColor: var(--backgroundColor)}._root_nra3d_2[aria-checked=true]:after{--afterBackgroundColor: var(--color-beige-50);height:8px;mask:url('data:image/svg+xml; utf8, <svg viewBox="0 0 10 8" xmlns="http://www.w3.org/2000/svg"><path fill="000000" d="M7.96171 0.596898C8.24912 0.27893 8.74024 0.25262 9.06024 0.537743C9.37208 0.815607 9.40671 1.28712 9.14514 1.60662L9.11975 1.63611L3.90331 7.40311C3.75365 7.5687 3.54304 7.66003 3.32401 7.66003C3.15017 7.66003 2.98077 7.60235 2.84241 7.49383L2.80848 7.46564L0.943652 5.82577C0.620151 5.54147 0.590221 5.04928 0.877091 4.72749C1.15398 4.41772 1.62383 4.38076 1.94536 4.6368L1.97506 4.66166L3.26156 5.79276L7.96171 0.596898Z" /></svg>')}._variant-danger_nra3d_67{--borderColor: var(--color-red-70);--borderColorHover: var(--color-red-70);--borderColorFocused: var(--color-red-70);--outlineColorFocus: var(--color-red-30)}._variant-warning_nra3d_73{--borderColor: var(--color-orange-60);--borderColorHover: var(--color-orange-60);--borderColorFocused: var(--color-orange-60);--outlineColorFocus: var(--color-orange-30)}._variant-success_nra3d_79{--borderColor: var(--color-green-60);--borderColorHover: var(--color-green-60);--borderColorFocused: var(--color-green-60);--outlineColorFocus: var(--color-green-30)}._indeterminate_nra3d_85:not(:disabled){--backgroundColor: var(--color-brand-40);--borderColor: var(--color-brand-40);--color: var(--color-neutral-90)}._indeterminate_nra3d_85:not(:disabled):after{--afterBackgroundColor: var(--color-beige-90)}._indeterminate_nra3d_85:not(:disabled):hover{--backgroundColor: var(--color-brand-30);--borderColor: var(--backgroundColor)}._indeterminate_nra3d_85:after{--afterBackgroundColor: var(--color-beige-50);height:4px;mask:url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 10 4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.3973 1.76919C0.953776 1.81988 0.634816 2.04775 0.685235 2.49156C0.732149 2.90436 1.08212 3.03624 1.48789 3.03624L8.6029 2.23086C9.04669 2.18017 9.36538 1.9523 9.31469 1.50849C9.26427 1.06468 8.86389 0.917163 8.41956 0.969201C4.90971 1.38026 4.90828 1.36792 1.3973 1.76919Z' fill='000000'/%3E%3C/svg%3E")}}

package/dist/Checkbox.js

@@ -1,32 +1,32 @@
 "use client";
-import { jsx as _ } from "react/jsx-runtime";
-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 "./index-CdiHdiVB.js";
-const g = "_root_xf7ux_2", p = "_indeterminate_xf7ux_85", h = {
-  root: g,
-  "variant-danger": "_variant-danger_xf7ux_67",
-  "variant-warning": "_variant-warning_xf7ux_73",
-  "variant-success": "_variant-success_xf7ux_79",
-  indeterminate: p
-}, k = v(h), j = u(
-  ({ checked: e = !1, className: n, indeterminate: o = !1, onChange: a, variant: i, ...s }, c) => {
-    const { getInputProps: f, variant: m } = l(), r = m || i, x = (t) => {
-      t.target.checked = !t.target.checked, a && a(t);
+import { jsx as f } from "react/jsx-runtime";
+import { C as l } from "./KPUWHTQJ-CKDqSAor.js";
+import { forwardRef as v } from "react";
+import { useField as g } from "./Field.js";
+import { c as p } from "./index-PAaZGbyz.js";
+const h = "_root_nra3d_2", u = "_indeterminate_nra3d_85", x = {
+  root: h,
+  "variant-danger": "_variant-danger_nra3d_67",
+  "variant-warning": "_variant-warning_nra3d_73",
+  "variant-success": "_variant-success_nra3d_79",
+  indeterminate: u
+}, k = p(x), j = v(
+  ({ checked: n = !1, className: e, indeterminate: o = !1, onChange: r, variant: i, ...s }, c) => {
+    const { getInputProps: d, variant: m } = g(), t = m || i, _ = (a) => {
+      a.target.checked = !a.target.checked, r && r(a);
     };
-    return /* @__PURE__ */ _(
-      d,
+    return /* @__PURE__ */ f(
+      l,
       {
-        ...f(s),
-        checked: e,
+        ...d(s),
+        checked: n,
         className: k(
           "root",
-          r && `variant-${r}`,
+          t && `variant-${t}`,
           o && "indeterminate",
-          n
+          e
         ),
-        onChange: x,
+        onChange: _,
         ref: c
       }
     );

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-EG7O4YwD.js";
-import { C as c } from "./index-Bt79XJ8R.js";
-import { c as m } from "./index-CdiHdiVB.js";
+import "./Icon-BisRi8B3.js";
+import { C as c } from "./index-BJLXLdM3.js";
+import { c as m } from "./index-PAaZGbyz.js";
 const i = "_root_rhe1o_2", l = "_fade_rhe1o_1", f = {
   root: i,
   "animate-presence": "_animate-presence_rhe1o_6",

package/dist/{DSAASPLT-BaaCUKsb.js → DSAASPLT-COUlh0RL.js}

@@ -1,5 +1,5 @@
 "use client";
-import { a as c } from "./T22PY7TE-C1N0q8Kn.js";
+import { a as c } from "./T22PY7TE-BxbmImwX.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";

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-EG7O4YwD.js";
-import { L as Q } from "./index-D5a8Oe6k.js";
-import { R as V } from "./index-BtwrJ6N4.js";
+import "./Icon-BisRi8B3.js";
+import { L as Q } from "./index-CWVOLBDY.js";
+import { R as V } from "./index-Dcq5gh3E.js";
 import { Select as M } from "./Select.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 { c as w } from "./index-PAaZGbyz.js";
+import { g as W, a as X, s as K, b as Z, D as q } from "./utils-BNMgUIHQ.js";
 import { InputText as Y } from "./InputText.js";
 const g = w(K), h = ({
   changeMonth: b,

package/dist/DateTimePicker.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as A } from "react/jsx-runtime";
 import { forwardRef as E, useState as x, useRef as P, useEffect as o, Children as H, cloneElement as I } from "react";
-import { b as N, D as b, s as j } from "./utils-BpbIqM56.js";
-import { c as F } from "./index-CdiHdiVB.js";
+import { b as N, D as b, s as j } from "./utils-BNMgUIHQ.js";
+import { c as F } from "./index-PAaZGbyz.js";
 const L = F(j), q = E(
   ({
     children: a,

package/dist/Drawer.css

@@ -1 +1 @@
-@layer components{._asset-drawer_xrztb_3{overflow:hidden;border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}._asset-drawer_xrztb_3[class*=root]{height:calc(100% - 3rem)}._content-wrapper_xrztb_13{height:100%;margin-top:var(--spacing-xl);overflow-y:auto;width:100%}@media screen and (min-width: 736px){._content-wrapper_xrztb_13{margin-top:var(--spacing-3xl)}}._content-max-width_xrztb_24{flex:1;margin:0 auto;width:100%;max-width:var(--asset-drawer-content-max-width, 51.25rem)}._content_xrztb_13{--asset-drawer-content-padding: 0 var(--spacing-md) var(--spacing-xl);padding:var(--asset-drawer-content-padding)}@media screen and (min-width: 736px){._content_xrztb_13{--asset-drawer-content-padding: 0 var(--spacing-xl) var(--spacing-3xl)}}._asset-drawer-header_xrztb_39{display:flex;flex-direction:column;gap:var(--spacing-xl);justify-content:space-between;background-color:var(--color-neutral-10);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);position:sticky;top:0;z-index:1}@media screen and (min-width: 736px){._asset-drawer-header_xrztb_39{align-items:center;flex-direction:row}}._back-button_xrztb_57{align-items:center;display:flex;gap:var(--spacing-md)}@media screen and (min-width: 736px){._back-button_xrztb_57{gap:var(--spacing-xl)}}._title_xrztb_67{display:flex;flex-direction:column;gap:var(--spacing-xxs)}._icon-block_xrztb_72{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-md);background-color:var(--color-beige-20);transition:background-color var(--timing-primary);--icon-block-size: var(--spacing-3xl);width:var(--icon-block-size);height:var(--icon-block-size)}._icon-block_xrztb_72._size-md_xrztb_84{--icon-block-size: var(--spacing-3xl)}._icon-block_xrztb_72._size-sm_xrztb_87{--icon-block-size: var(--spacing-xxl)}}@layer components{._root_11f0r_3{background-color:var(--color-neutral-10);border:var(--border-width-sm) solid var(--color-neutral-30);z-index:999;position:fixed;display:flex;flex-direction:column;overflow:auto;opacity:0;transition:var(--duration-medium);max-width:100%;--drawer-left: 0;--drawer-right: 0;--drawer-top: 0;--drawer-bottom: 0;--drawer-height: 100%;--drawer-width: 100%;--drawer-transform: translateY(0, 0);left:var(--drawer-left);right:var(--drawer-right);top:var(--drawer-top);bottom:var(--drawer-bottom);width:var(--drawer-width);height:var(--drawer-height);transform:var(--drawer-transform)}._root_11f0r_3._placement-bottom_11f0r_30{--drawer-top: auto;--drawer-transform: translateY(100%)}._root_11f0r_3._placement-left_11f0r_34{--drawer-right: auto;--drawer-transform: translateX(-100%)}._root_11f0r_3._placement-right_11f0r_38{--drawer-left: auto;--drawer-transform: translateX(100%)}._root_11f0r_3._placement-top_11f0r_42{--drawer-bottom: auto;--drawer-transform: translateY(-100%)}._root_11f0r_3._placement-top_11f0r_42._size-sm_11f0r_46,._root_11f0r_3._placement-bottom_11f0r_30._size-sm_11f0r_46{--drawer-height: 25rem}._root_11f0r_3._placement-top_11f0r_42._size-md_11f0r_49,._root_11f0r_3._placement-bottom_11f0r_30._size-md_11f0r_49{--drawer-height: 34.375rem}._root_11f0r_3._placement-top_11f0r_42._size-lg_11f0r_52,._root_11f0r_3._placement-bottom_11f0r_30._size-lg_11f0r_52{--drawer-height: 42.5rem}._root_11f0r_3._placement-left_11f0r_34._size-sm_11f0r_46,._root_11f0r_3._placement-right_11f0r_38._size-sm_11f0r_46{--drawer-width: 25rem}._root_11f0r_3._placement-left_11f0r_34._size-md_11f0r_49,._root_11f0r_3._placement-right_11f0r_38._size-md_11f0r_49{--drawer-width: 34.375rem}._root_11f0r_3._placement-left_11f0r_34._size-lg_11f0r_52,._root_11f0r_3._placement-right_11f0r_38._size-lg_11f0r_52{--drawer-width: 42.5rem}._root_11f0r_3[data-enter]{opacity:1;--drawer-transform: translateX(0, 0)}._backdrop_11f0r_68{background-color:var(--color-overlay);z-index:999;position:fixed;top:0;right:0;left:0;bottom:0;opacity:0;transition:opacity .15s ease-in-out}._backdrop_11f0r_68._drawer-hide-on-interact-outside_11f0r_79{cursor:pointer}._backdrop_11f0r_68[data-enter]{opacity:1}._content_11f0r_85{flex:1;padding:var(--spacing-xl)}@media screen and (min-width: 736px){._content_11f0r_85{overflow-y:auto}}._footer_11f0r_94{bottom:0;position:sticky;z-index:1;width:100%;background-color:var(--color-neutral-0);padding:var(--spacing-xl)}@media screen and (min-width: 736px){._footer_11f0r_94{bottom:auto;position:static}}._title_11f0r_108{display:flex;align-items:center;justify-content:space-between;position:sticky;z-index:1;top:0;width:100%;background-color:var(--color-neutral-10);margin:0;padding:var(--spacing-xl) var(--spacing-5xl) var(--spacing-xl) var(--spacing-xl)}._drawer-close_11f0r_120{position:absolute;right:var(--spacing-lg);top:var(--spacing-lg);z-index:10}}
+@layer components{._asset-drawer_2lawg_3{overflow:hidden;border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}._asset-drawer_2lawg_3[class*=root]{height:calc(100% - 3rem)}._content-wrapper_2lawg_13{height:100%;margin-top:var(--spacing-xl);overflow-y:auto;width:100%}@media screen and (min-width: 736px){._content-wrapper_2lawg_13{margin-top:var(--spacing-3xl)}}._content-max-width_2lawg_24{flex:1;margin:0 auto;width:100%;max-width:var(--asset-drawer-content-max-width, 51.25rem)}._content_2lawg_13{--asset-drawer-content-padding: 0 var(--spacing-md) var(--spacing-xl);padding:var(--asset-drawer-content-padding)}@media screen and (min-width: 736px){._content_2lawg_13{--asset-drawer-content-padding: 0 var(--spacing-xl) var(--spacing-3xl)}}._asset-drawer-header_2lawg_39{display:flex;flex-direction:column;gap:var(--spacing-xl);justify-content:space-between;background-color:var(--color-neutral-10);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);position:sticky;top:0;z-index:1}@media screen and (min-width: 736px){._asset-drawer-header_2lawg_39{align-items:center;flex-direction:row}}._back-button_2lawg_57{align-items:center;display:flex;gap:var(--spacing-md)}@media screen and (min-width: 736px){._back-button_2lawg_57{gap:var(--spacing-xl)}}._title_2lawg_67{display:flex;flex-direction:column;gap:var(--spacing-xxs)}._icon-block_2lawg_72{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-md);background-color:var(--color-beige-20);transition:background-color var(--duration-medium);--icon-block-size: var(--spacing-3xl);width:var(--icon-block-size);height:var(--icon-block-size)}._icon-block_2lawg_72._size-md_2lawg_84{--icon-block-size: var(--spacing-3xl)}._icon-block_2lawg_72._size-sm_2lawg_87{--icon-block-size: var(--spacing-xxl)}}@layer components{._root_11f0r_3{background-color:var(--color-neutral-10);border:var(--border-width-sm) solid var(--color-neutral-30);z-index:999;position:fixed;display:flex;flex-direction:column;overflow:auto;opacity:0;transition:var(--duration-medium);max-width:100%;--drawer-left: 0;--drawer-right: 0;--drawer-top: 0;--drawer-bottom: 0;--drawer-height: 100%;--drawer-width: 100%;--drawer-transform: translateY(0, 0);left:var(--drawer-left);right:var(--drawer-right);top:var(--drawer-top);bottom:var(--drawer-bottom);width:var(--drawer-width);height:var(--drawer-height);transform:var(--drawer-transform)}._root_11f0r_3._placement-bottom_11f0r_30{--drawer-top: auto;--drawer-transform: translateY(100%)}._root_11f0r_3._placement-left_11f0r_34{--drawer-right: auto;--drawer-transform: translateX(-100%)}._root_11f0r_3._placement-right_11f0r_38{--drawer-left: auto;--drawer-transform: translateX(100%)}._root_11f0r_3._placement-top_11f0r_42{--drawer-bottom: auto;--drawer-transform: translateY(-100%)}._root_11f0r_3._placement-top_11f0r_42._size-sm_11f0r_46,._root_11f0r_3._placement-bottom_11f0r_30._size-sm_11f0r_46{--drawer-height: 25rem}._root_11f0r_3._placement-top_11f0r_42._size-md_11f0r_49,._root_11f0r_3._placement-bottom_11f0r_30._size-md_11f0r_49{--drawer-height: 34.375rem}._root_11f0r_3._placement-top_11f0r_42._size-lg_11f0r_52,._root_11f0r_3._placement-bottom_11f0r_30._size-lg_11f0r_52{--drawer-height: 42.5rem}._root_11f0r_3._placement-left_11f0r_34._size-sm_11f0r_46,._root_11f0r_3._placement-right_11f0r_38._size-sm_11f0r_46{--drawer-width: 25rem}._root_11f0r_3._placement-left_11f0r_34._size-md_11f0r_49,._root_11f0r_3._placement-right_11f0r_38._size-md_11f0r_49{--drawer-width: 34.375rem}._root_11f0r_3._placement-left_11f0r_34._size-lg_11f0r_52,._root_11f0r_3._placement-right_11f0r_38._size-lg_11f0r_52{--drawer-width: 42.5rem}._root_11f0r_3[data-enter]{opacity:1;--drawer-transform: translateX(0, 0)}._backdrop_11f0r_68{background-color:var(--color-overlay);z-index:999;position:fixed;top:0;right:0;left:0;bottom:0;opacity:0;transition:opacity .15s ease-in-out}._backdrop_11f0r_68._drawer-hide-on-interact-outside_11f0r_79{cursor:pointer}._backdrop_11f0r_68[data-enter]{opacity:1}._content_11f0r_85{flex:1;padding:var(--spacing-xl)}@media screen and (min-width: 736px){._content_11f0r_85{overflow-y:auto}}._footer_11f0r_94{bottom:0;position:sticky;z-index:1;width:100%;background-color:var(--color-neutral-0);padding:var(--spacing-xl)}@media screen and (min-width: 736px){._footer_11f0r_94{bottom:auto;position:static}}._title_11f0r_108{display:flex;align-items:center;justify-content:space-between;position:sticky;z-index:1;top:0;width:100%;background-color:var(--color-neutral-10);margin:0;padding:var(--spacing-xl) var(--spacing-5xl) var(--spacing-xl) var(--spacing-xl)}._drawer-close_11f0r_120{position:absolute;right:var(--spacing-lg);top:var(--spacing-lg);z-index:10}}