welcome-ui 9.0.0-alpha.4 → 9.0.1

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 "./ASMQKSDT-SH1qSiMi.js";
-import { forwardRef as u } from "react";
-import { useField as l } from "./Field.js";
-import { c as v } from "./index-PAaZGbyz.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-D2TPji47.js";
+import { forwardRef as v } from "react";
+import { useField as g } from "./Field.js";
+import { c as p } from "./index-CdiHdiVB.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-BisRi8B3.js";
-import { C as c } from "./index-BJLXLdM3.js";
-import { c as m } from "./index-PAaZGbyz.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-CHNUB1rW.js → DSAASPLT-BaaCUKsb.js}

@@ -1,15 +1,15 @@
 "use client";
-import { u as c } from "./X5NMLKT6-PeY306ft.js";
-import { a as d } from "./VGCJ63VH-CVhs4PYt.js";
-import { l as p, c as f, n as D, _ as g, b as x, e as k, g as v } from "./LVA2YJMS-NUHCRwFZ.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 = g(s, ["store"]);
-    const l = d();
+    var s = i, { store: e } = s, o = x(s, ["store"]);
+    const l = c();
     e = e || l;
-    const r = o.onClick, u = x((t) => {
+    const r = o.onClick, u = g((t) => {
       r == null || r(t), !t.defaultPrevented && (e == null || e.hide());
     }), m = h(
       () => /* @__PURE__ */ _(
@@ -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-BisRi8B3.js";
-import { L as Q } from "./index-CWVOLBDY.js";
-import { R as V } from "./index-Dcq5gh3E.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 "./index-PAaZGbyz.js";
-import { g as W, a as X, s as K, b as Z, D as q } from "./utils-BNMgUIHQ.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,

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-BNMgUIHQ.js";
-import { c as F } from "./index-PAaZGbyz.js";
+import { b as N, D as b, s as j } from "./utils-BpbIqM56.js";
+import { c as F } from "./index-CdiHdiVB.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}}

package/dist/Drawer.js

@@ -1,53 +1,53 @@
 "use client";
-import { jsx as t, jsxs as f, Fragment as y } from "react/jsx-runtime";
-import { D as A } from "./JC64G2H7-DPy9R0De.js";
-import { u as bt } from "./JC64G2H7-DPy9R0De.js";
-import { useCallback as b, forwardRef as h } from "react";
-import { c as n } from "./index-PAaZGbyz.js";
-import { f as x } from "./forwardRefWithAs-8eP3ZN15.js";
+import { jsx as e, jsxs as f, Fragment as y } from "react/jsx-runtime";
+import { D as A } from "./NI3IVY7K-Ztb3-XAv.js";
+import { u as ge } from "./NI3IVY7K-Ztb3-XAv.js";
+import { useCallback as g, forwardRef as u } from "react";
+import { c as n } from "./index-CdiHdiVB.js";
+import { f as b } from "./forwardRefWithAs-8eP3ZN15.js";
 import { Button as C } from "./Button.js";
-import "./Icon-BisRi8B3.js";
-import { A as O } from "./index-C8GsqBDe.js";
-import { Text as g } from "./Text.js";
-import { D as T } from "./SYRFVSLH-CHNUB1rW.js";
+import "./Icon-EG7O4YwD.js";
+import { A as O } from "./index-BeetbagJ.js";
+import { Text as x } from "./Text.js";
+import { D as T } from "./DSAASPLT-BaaCUKsb.js";
 import { CloseButton as j } from "./CloseButton.js";
-import { D as F } from "./AXB53BZF-BHeessqV.js";
-const I = "_content_xrztb_13", B = "_title_xrztb_67", w = {
-  "asset-drawer": "_asset-drawer_xrztb_3",
-  "content-wrapper": "_content-wrapper_xrztb_13",
-  "content-max-width": "_content-max-width_xrztb_24",
+import { D as F } from "./ZTXFEM5L-CkrIQCN1.js";
+const I = "_content_2lawg_13", B = "_title_2lawg_67", h = {
+  "asset-drawer": "_asset-drawer_2lawg_3",
+  "content-wrapper": "_content-wrapper_2lawg_13",
+  "content-max-width": "_content-max-width_2lawg_24",
   content: I,
-  "asset-drawer-header": "_asset-drawer-header_xrztb_39",
-  "back-button": "_back-button_xrztb_57",
+  "asset-drawer-header": "_asset-drawer-header_2lawg_39",
+  "back-button": "_back-button_2lawg_57",
   title: B,
-  "icon-block": "_icon-block_xrztb_72",
-  "size-md": "_size-md_xrztb_84",
-  "size-sm": "_size-sm_xrztb_87"
-}, d = n(w), E = x(
+  "icon-block": "_icon-block_2lawg_72",
+  "size-md": "_size-md_2lawg_84",
+  "size-sm": "_size-sm_2lawg_87"
+}, d = n(h), E = b(
   ({
-    children: e,
+    children: t,
     className: r,
     getPersistentElements: s,
     maxWidth: o,
-    store: a,
+    store: c,
     ...i
   }, m) => {
-    const l = b(
+    const l = g(
       () => Array.from(
         s ? s() : document.querySelectorAll("[data-wui-persistent]")
       ),
       [s]
-    ), p = b(
-      ($) => {
-        const k = $.target;
+    ), p = g(
+      (k) => {
+        const D = k.target;
         return !l().some(
-          (D) => D.contains(k)
+          (z) => z.contains(D)
         );
       },
       [l]
-    ), u = typeof o == "number" ? `${o}px` : o;
-    return /* @__PURE__ */ t(
-      et,
+    ), w = typeof o == "number" ? `${o}px` : o;
+    return /* @__PURE__ */ e(
+      te,
       {
         autoFocusOnShow: !1,
         className: d("asset-drawer", r),
@@ -55,38 +55,38 @@ const I = "_content_xrztb_13", B = "_title_xrztb_67", w = {
         hideOnInteractOutside: p,
         placement: "bottom",
         ref: m,
-        store: a,
+        store: c,
         withBackdrop: !0,
         ...i,
-        children: /* @__PURE__ */ t("div", { className: d("content-wrapper"), children: /* @__PURE__ */ t(
+        children: /* @__PURE__ */ e("div", { className: d("content-wrapper"), children: /* @__PURE__ */ e(
           "div",
           {
             className: d("content-max-width"),
-            style: { "--asset-drawer-content-max-width": u },
-            children: /* @__PURE__ */ t("div", { className: d("content"), children: e })
+            style: { "--asset-drawer-content-max-width": w },
+            children: /* @__PURE__ */ e("div", { className: d("content"), children: t })
           }
         ) })
       }
     );
   }
-), P = n(w), R = ({ icon: e, size: r = "md" }) => /* @__PURE__ */ t("div", { className: P("icon-block", `size-${r}`), children: /* @__PURE__ */ t(e, { className: "text-neutral-90", size: r }) }), _ = n(w), S = ({
-  action: e,
+), P = n(h), R = ({ icon: t, size: r = "md" }) => /* @__PURE__ */ e("div", { className: P("icon-block", `size-${r}`), children: /* @__PURE__ */ e(t, { className: "text-neutral-90", size: r }) }), _ = n(h), S = ({
+  action: t,
   className: r,
   icon: s,
   onBackButtonClick: o,
-  subtitle: a,
+  subtitle: c,
   title: i
 }) => /* @__PURE__ */ f("div", { className: _("asset-drawer-header", r), children: [
   /* @__PURE__ */ f("div", { className: _("back-button"), children: [
-    !!o && /* @__PURE__ */ t(C, { onClick: o, shape: "circle", size: "lg", variant: "ghost", children: /* @__PURE__ */ t(O, {}) }),
-    !!s && /* @__PURE__ */ t(R, { icon: s }),
+    !!o && /* @__PURE__ */ e(C, { onClick: o, shape: "circle", size: "lg", variant: "ghost", children: /* @__PURE__ */ e(O, {}) }),
+    !!s && /* @__PURE__ */ e(R, { icon: s }),
     /* @__PURE__ */ f("div", { className: _("title"), children: [
-      /* @__PURE__ */ t(g, { className: "pr-xl", variant: "h3", children: i }),
-      a
+      /* @__PURE__ */ e(x, { className: "pr-xl", variant: "h3", children: i }),
+      c
     ] })
   ] }),
-  e ? /* @__PURE__ */ t("div", { className: _("actions"), children: e }) : null
-] }), W = "_root_11f0r_3", q = "_backdrop_11f0r_68", H = "_content_11f0r_85", L = "_footer_11f0r_94", M = "_title_11f0r_108", c = {
+  t ? /* @__PURE__ */ e("div", { className: _("actions"), children: t }) : null
+] }), W = "_root_11f0r_3", q = "_backdrop_11f0r_68", H = "_content_11f0r_85", L = "_footer_11f0r_94", M = "_title_11f0r_108", a = {
   root: W,
   "placement-bottom": "_placement-bottom_11f0r_30",
   "placement-left": "_placement-left_11f0r_34",
@@ -101,56 +101,56 @@ const I = "_content_xrztb_13", B = "_title_xrztb_67", w = {
   footer: L,
   title: M,
   "drawer-close": "_drawer-close_11f0r_120"
-}, J = n(c), z = ({ hideOnInteractOutside: e = !0, ...r }) => /* @__PURE__ */ t(
+}, J = n(a), N = ({ hideOnInteractOutside: t = !0, ...r }) => /* @__PURE__ */ e(
   "div",
   {
-    className: J("backdrop", e && "drawer-hide-on-interact-outside"),
+    className: J("backdrop", t && "drawer-hide-on-interact-outside"),
     ...r
   }
-), K = n(c), N = ({ className: e }) => /* @__PURE__ */ t(
+), K = n(a), v = ({ className: t }) => /* @__PURE__ */ e(
   T,
   {
-    render: (r) => /* @__PURE__ */ t(j, { className: K("drawer-close", e), ...r })
+    render: (r) => /* @__PURE__ */ e(j, { className: K("drawer-close", t), ...r })
   }
-), Q = n(c), U = h(({ className: e, ...r }, s) => /* @__PURE__ */ t("div", { className: Q("content", e), ref: s, ...r })), V = n(c), X = h(({ className: e, ...r }, s) => /* @__PURE__ */ t("div", { className: V("footer", e), ref: s, ...r })), Y = n(c), Z = ({ children: e, className: r, ...s }) => /* @__PURE__ */ t("div", { className: Y("title", r), ...s, children: /* @__PURE__ */ t(g, { className: "w-full", variant: "h3", children: e }) }), v = x(
-  ({ as: e, store: r, ...s }, o) => /* @__PURE__ */ t(F, { ref: o, render: e ? /* @__PURE__ */ t(e, {}) : void 0, store: r, ...s })
-), G = n(c), tt = h(
+), Q = n(a), U = u(({ className: t, ...r }, s) => /* @__PURE__ */ e("div", { className: Q("content", t), ref: s, ...r })), V = n(a), X = u(({ className: t, ...r }, s) => /* @__PURE__ */ e("div", { className: V("footer", t), ref: s, ...r })), Y = n(a), Z = ({ children: t, className: r, ...s }) => /* @__PURE__ */ e("div", { className: Y("title", r), ...s, children: /* @__PURE__ */ e(x, { className: "w-full", variant: "h3", children: t }) }), $ = b(
+  ({ as: t, store: r, ...s }, o) => /* @__PURE__ */ e(F, { ref: o, render: t ? /* @__PURE__ */ e(t, {}) : void 0, store: r, ...s })
+), G = n(a), ee = u(
   ({
-    children: e,
+    children: t,
     className: r,
     hideOnInteractOutside: s = !0,
     placement: o = "right",
-    size: a = "lg",
+    size: c = "lg",
     store: i,
     withBackdrop: m = !1,
     withCloseButton: l = !0,
     ...p
-  }, u) => /* @__PURE__ */ t(
+  }, w) => /* @__PURE__ */ e(
     A,
     {
-      backdrop: m ? /* @__PURE__ */ t(z, { hideOnInteractOutside: s }) : !1,
+      backdrop: m ? /* @__PURE__ */ e(N, { hideOnInteractOutside: s }) : !1,
       hideOnInteractOutside: s,
       modal: m,
-      ref: u,
-      render: /* @__PURE__ */ t("div", { className: G("root", `placement-${o}`, `size-${a}`, r) }),
+      ref: w,
+      render: /* @__PURE__ */ e("div", { className: G("root", `placement-${o}`, `size-${c}`, r) }),
       store: i,
       ...p,
       children: /* @__PURE__ */ f(y, { children: [
-        l ? /* @__PURE__ */ t(N, {}) : null,
-        e
+        l ? /* @__PURE__ */ e(v, {}) : null,
+        t
       ] })
     }
   )
-), et = Object.assign(tt, {
-  Backdrop: z,
-  Close: N,
+), te = Object.assign(ee, {
+  Backdrop: N,
+  Close: v,
   Content: U,
   Footer: X,
   Title: Z,
-  Trigger: v
-}), ut = Object.assign(E, { Header: S, Trigger: v });
+  Trigger: $
+}), we = Object.assign(E, { Header: S, Trigger: $ });
 export {
-  ut as AssetDrawer,
-  et as Drawer,
-  bt as useDrawer
+  we as AssetDrawer,
+  te as Drawer,
+  ge as useDrawer
 };