welcome-ui 9.0.1 → 10.0.0-alpha.1

package/dist/DatePicker.js

@@ -1,139 +1,135 @@
 "use client";
-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 { 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 { InputText as Y } from "./InputText.js";
-const g = w(K), h = ({
-  changeMonth: b,
-  changeYear: R,
+import { jsxs as q, jsx as o } from "react/jsx-runtime";
+import { useState as $, useMemo as F, useEffect as j, forwardRef as G, useRef as J } from "react";
+import { D as P, C as Q } from "./CustomPopper-vwbOQq72.js";
+import { Button as M } from "./Button.js";
+import { Icon as w } from "./Icon.js";
+import { Select as K } from "./Select.js";
+import { c as v } from "./index-CdiHdiVB.js";
+import { g as V, a as W, s as B, b as X, D as k } from "./utils-DileZjMm.js";
+import { InputText as Z } from "./InputText.js";
+const Y = v(B), g = ({
+  changeMonth: x,
+  changeYear: z,
   date: f,
   decreaseMonth: I,
-  decreaseYear: z,
+  decreaseYear: N,
   endYear: m,
-  increaseMonth: N,
+  increaseMonth: R,
   increaseYear: y,
   isMonthYearPicker: t,
   locale: D,
   startYear: u
 }) => {
-  const [a, T] = $(null), [l, E] = $(null), i = F(() => W(D), [D]), r = F(() => X(u, m), [u, m]), c = (t || a === i[0].label) && l === u, A = (t || a === i[i.length - 1].label) && l === m;
+  const [a, T] = $(null), [i, E] = $(null), l = F(() => V(D), [D]), r = F(() => W(u, m), [u, m]), c = (t || a === l[0].label) && i === u, A = (t || a === l[l.length - 1].label) && i === m;
   return j(() => {
-    const x = new Date(f), p = i[x.getMonth()].label, H = x.getFullYear();
-    T(p), E(H);
-  }, [f, i]), /* @__PURE__ */ U("div", { className: g("custom-header"), children: [
+    const b = new Date(f), n = l[b.getMonth()].label, H = b.getFullYear();
+    T(n), E(H);
+  }, [f, l]), /* @__PURE__ */ q("div", { className: Y("custom-header"), children: [
     /* @__PURE__ */ o(
-      L,
+      M,
       {
         disabled: c,
-        onClick: t ? z : I,
-        shape: "square",
-        size: "xs",
+        onClick: t ? N : I,
+        size: "sm",
         title: `Previous ${t ? "year" : "month"}`,
         variant: "tertiary",
-        children: /* @__PURE__ */ o(Q, { size: "xs" })
+        children: /* @__PURE__ */ o(w, { name: "angle-left-b", size: "xs" })
       }
     ),
     !t && /* @__PURE__ */ o(
-      M,
+      K,
       {
         id: "month",
         name: "month",
-        onChange: b,
-        options: i,
-        size: "sm",
+        onChange: x,
+        options: l,
+        size: "md",
         value: a
       }
     ),
-    /* @__PURE__ */ o(M, { id: "year", name: "year", onChange: R, options: r, size: "sm", value: l }),
+    /* @__PURE__ */ o(K, { id: "year", name: "year", onChange: z, options: r, size: "md", value: i }),
     /* @__PURE__ */ o(
-      L,
+      M,
       {
         disabled: A,
-        onClick: t ? y : N,
-        shape: "square",
-        size: "xs",
+        onClick: t ? y : R,
+        size: "sm",
         title: `Next ${t ? "year" : "month"}`,
         variant: "tertiary",
-        children: /* @__PURE__ */ o(V, { size: "xs" })
+        children: /* @__PURE__ */ o(w, { name: "angle-right-b", size: "xs" })
       }
     )
   ] });
-}, C = w(K), pt = _(
+}, h = v(B), mt = G(
   ({
-    autoFocus: b,
-    className: R,
+    autoFocus: x,
+    className: z,
     dateFormat: f = "dd/MM/yyyy",
     disabled: I,
-    endYear: z = q.getFullYear(),
+    endYear: N = k.getFullYear(),
     icon: m,
-    iconPlacement: N = "left",
+    iconPlacement: R = "left",
     locale: y,
     onChange: t,
     placeholder: D,
     preventVirtualKeyboard: u = !1,
     showMonthYearPicker: a,
     size: T = "md",
-    startYear: l = 1900,
+    startYear: i = 1900,
     transparent: E,
-    useWeekdaysShort: i = !0,
-    value: r = q,
+    useWeekdaysShort: l = !0,
+    value: r = k,
     ...c
   }, A) => {
-    const x = c == null ? void 0 : c.timeIntervals, p = (e) => Z(e, x), [H, n] = $(p(r)), k = G(), S = A || k;
+    const b = c == null ? void 0 : c.timeIntervals, n = (e) => X(e, b), [H, d] = $(n(r)), L = J(), S = A || L;
     j(() => {
-      t == null || t(p(r));
+      t == null || t(n(r));
     }, []), j(() => {
-      var d;
-      const e = p(r), s = typeof r == "object" ? r == null ? void 0 : r.toISOString() : r;
-      ((d = new Date(Date.parse(s))) == null ? void 0 : d.getTime()) - (e == null ? void 0 : e.getTime()) !== 0 && (t == null || t(e)), n(e);
+      var p;
+      const e = n(r), s = typeof r == "object" ? r == null ? void 0 : r.toISOString() : r;
+      ((p = new Date(Date.parse(s))) == null ? void 0 : p.getTime()) - (e == null ? void 0 : e.getTime()) !== 0 && (t == null || t(e)), d(e);
     }, [r]);
-    const v = (e) => {
+    const O = (e) => {
       var s;
       ["Enter", "Escape"].includes(e.key) && ((s = S.current) == null || s.blur());
-    }, B = (e) => {
+    }, U = (e) => {
       var s;
-      e.preventDefault(), (s = S.current) == null || s.blur(), n(null), t == null || t(null);
-    }, O = (e) => {
+      e.preventDefault(), (s = S.current) == null || s.blur(), d(null), t == null || t(null);
+    }, _ = (e) => {
       if (!e) {
-        n(null), t == null || t(null);
+        d(null), t == null || t(null);
         return;
       }
       const s = Array.isArray(e) ? e[0] : e;
       if (!s) {
-        n(null), t == null || t(null);
+        d(null), t == null || t(null);
         return;
       }
-      const d = p(s);
-      s.setHours(d.getHours(), d.getMinutes()), n(s), t == null || t(new Date(s));
+      const p = n(s);
+      s.setHours(p.getHours(), p.getMinutes()), d(s), t == null || t(new Date(s));
     };
     return (
       // type issue in react-datepicker (https://github.com/Hacker0x01/react-datepicker/issues/5391)
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-expect-error
       /* @__PURE__ */ o(
-        J,
+        P,
         {
           autoComplete: "off",
           calendarClassName: "date-picker-popper",
           customInput: /* @__PURE__ */ o(
-            Y,
+            Z,
             {
-              autoFocus: b,
-              className: C("date-picker", R),
+              autoFocus: x,
+              className: h("date-picker", z),
               "data-testid": c["data-testid"],
               disabled: I,
               icon: m,
-              iconPlacement: N,
+              iconPlacement: R,
               inputMode: u ? "none" : "text",
               isClearable: !0,
-              onReset: B,
+              onReset: U,
               placeholder: D,
               ref: S,
               size: T,
@@ -142,22 +138,22 @@ const g = w(K), h = ({
           ),
           dateFormat: f,
           locale: y,
-          onChange: O,
-          onKeyDown: v,
-          popperContainer: P,
+          onChange: _,
+          onKeyDown: O,
+          popperContainer: Q,
           renderCustomHeader: (e) => /* @__PURE__ */ o(
-            h,
+            g,
             {
-              endYear: z,
+              endYear: N,
               isMonthYearPicker: a,
               locale: y,
-              startYear: l,
+              startYear: i,
               ...e
             }
           ),
           selected: H,
           showMonthYearPicker: a,
-          useWeekdaysShort: i,
+          useWeekdaysShort: l,
           ...c
         }
       )
@@ -165,5 +161,5 @@ const g = w(K), h = ({
   }
 );
 export {
-  pt as DatePicker
+  mt as DatePicker
 };

package/dist/DateTimePicker.js

@@ -1,7 +1,7 @@
 "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 { b as N, D as b, s as j } from "./utils-DileZjMm.js";
 import { c as F } from "./index-CdiHdiVB.js";
 const L = F(j), q = E(
   ({

package/dist/Drawer.css

@@ -1 +1 @@
-@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}}
+@layer components{._asset-drawer_1mhgf_3{overflow:hidden;border-top-left-radius:var(--border-radius-2xl);border-top-right-radius:var(--border-radius-2xl)}._asset-drawer_1mhgf_3[class*=root]{height:calc(100% - 3rem)}._content-wrapper_1mhgf_13{height:100%;margin-top:var(--border-radius-2xl);overflow-y:auto;width:100%}@media screen and (min-width: 736px){._content-wrapper_1mhgf_13{margin-top:var(--size-icon-2xl)}}._content-max-width_1mhgf_24{flex:1;margin:0 auto;width:100%;max-width:var(--assetDrawerContentMaxWidth, 51.25rem)}._content_1mhgf_13{--assetDrawerContentPadding: 0 var(--border-radius-lg) var(--border-radius-2xl);padding:var(--assetDrawerContentPadding)}@media screen and (min-width: 736px){._content_1mhgf_13{--assetDrawerContentPadding: 0 var(--border-radius-2xl) var(--size-icon-2xl)}}._asset-drawer-header_1mhgf_39{display:flex;flex-direction:column;gap:var(--border-radius-2xl);justify-content:space-between;background-color:var(--color-background-neutral-inverse-fixed);margin-bottom:var(--border-radius-2xl);padding-bottom:var(--border-radius-lg);position:sticky;top:0;z-index:1}@media screen and (min-width: 736px){._asset-drawer-header_1mhgf_39{align-items:center;flex-direction:row}}._back-button_1mhgf_57{align-items:center;display:flex;gap:var(--border-radius-lg)}@media screen and (min-width: 736px){._back-button_1mhgf_57{gap:var(--border-radius-2xl)}}._title_1mhgf_67{display:flex;flex-direction:column;gap:var(--border-radius-xs)}._icon-block_1mhgf_72{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--border-radius-sm);background-color:var(--color-background-warm-primary);transition:background-color var(--duration-medium);--iconBlockSize: var(--size-icon-2xl);width:var(--iconBlockSize);height:var(--iconBlockSize)}._icon-block_1mhgf_72._size-md_1mhgf_84{--iconBlockSize: var(--size-icon-2xl)}._icon-block_1mhgf_72._size-sm_1mhgf_87{--iconBlockSize: var(--size-icon-xl)}}@layer components{._root_iksk1_3{background-color:var(--color-background-neutral-inverse-fixed);border:var(--border-width-xs) solid var(--color-background-neutral-subtlest);z-index:999;position:fixed;display:flex;flex-direction:column;overflow:auto;opacity:0;transition:var(--duration-medium);max-width:100%;--drawerLeft: 0;--drawerRight: 0;--drawerTop: 0;--drawerBottom: 0;--drawerHeight: 100%;--drawerWidth: 100%;--drawerTransform: translateY(0, 0);left:var(--drawerLeft);right:var(--drawerRight);top:var(--drawerTop);bottom:var(--drawerBottom);width:var(--drawerWidth);height:var(--drawerHeight);transform:var(--drawerTransform)}._root_iksk1_3._placement-bottom_iksk1_30{--drawerTop: auto;--drawerTransform: translateY(100%)}._root_iksk1_3._placement-left_iksk1_34{--drawerRight: auto;--drawerTransform: translateX(-100%)}._root_iksk1_3._placement-right_iksk1_38{--drawerLeft: auto;--drawerTransform: translateX(100%)}._root_iksk1_3._placement-top_iksk1_42{--drawerBottom: auto;--drawerTransform: translateY(-100%)}._root_iksk1_3._placement-top_iksk1_42._size-sm_iksk1_46,._root_iksk1_3._placement-bottom_iksk1_30._size-sm_iksk1_46{--drawerHeight: 25rem}._root_iksk1_3._placement-top_iksk1_42._size-md_iksk1_49,._root_iksk1_3._placement-bottom_iksk1_30._size-md_iksk1_49{--drawerHeight: 34.375rem}._root_iksk1_3._placement-top_iksk1_42._size-lg_iksk1_52,._root_iksk1_3._placement-bottom_iksk1_30._size-lg_iksk1_52{--drawerHeight: 42.5rem}._root_iksk1_3._placement-left_iksk1_34._size-sm_iksk1_46,._root_iksk1_3._placement-right_iksk1_38._size-sm_iksk1_46{--drawerWidth: 25rem}._root_iksk1_3._placement-left_iksk1_34._size-md_iksk1_49,._root_iksk1_3._placement-right_iksk1_38._size-md_iksk1_49{--drawerWidth: 34.375rem}._root_iksk1_3._placement-left_iksk1_34._size-lg_iksk1_52,._root_iksk1_3._placement-right_iksk1_38._size-lg_iksk1_52{--drawerWidth: 42.5rem}._root_iksk1_3[data-enter]{opacity:1;--drawerTransform: translateX(0, 0)}._backdrop_iksk1_68{background-color:var(--color-overlay-strong);z-index:999;position:fixed;top:0;right:0;left:0;bottom:0;opacity:0;transition:opacity .15s ease-in-out}._backdrop_iksk1_68._drawer-hide-on-interact-outside_iksk1_79{cursor:pointer}._backdrop_iksk1_68[data-enter]{opacity:1}._content_iksk1_85{flex:1;padding:var(--border-radius-2xl)}@media screen and (min-width: 736px){._content_iksk1_85{overflow-y:auto}}._footer_iksk1_94{bottom:0;position:sticky;z-index:1;width:100%;background-color:var(--color-background-warm-strong);padding:var(--border-radius-2xl)}@media screen and (min-width: 736px){._footer_iksk1_94{bottom:auto;position:static}}._title_iksk1_108{display:flex;align-items:center;justify-content:space-between;position:sticky;z-index:1;top:0;width:100%;background-color:var(--color-background-neutral-inverse-fixed);margin:0;padding:var(--border-radius-2xl) var(--spacing-96) var(--border-radius-2xl) var(--border-radius-2xl)}._drawer-close_iksk1_120{position:absolute;right:var(--border-radius-xl);top:var(--border-radius-xl);z-index:10}}

package/dist/Drawer.js

@@ -1,58 +1,57 @@
 "use client";
-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 { jsx as e, jsxs as h, Fragment as C } from "react/jsx-runtime";
+import { D as O } from "./NI3IVY7K-Ztb3-XAv.js";
+import { u as ue } from "./NI3IVY7K-Ztb3-XAv.js";
+import { useCallback as g, forwardRef as f } 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-EG7O4YwD.js";
-import { A as O } from "./index-BeetbagJ.js";
+import { f as w } from "./forwardRefWithAs-8eP3ZN15.js";
+import { Button as T } from "./Button.js";
+import { Icon as b } from "./Icon.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 j } from "./DSAASPLT-BaaCUKsb.js";
+import { CloseButton as A } from "./CloseButton.js";
 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",
+const I = "_content_1mhgf_13", W = "_title_1mhgf_67", u = {
+  "asset-drawer": "_asset-drawer_1mhgf_3",
+  "content-wrapper": "_content-wrapper_1mhgf_13",
+  "content-max-width": "_content-max-width_1mhgf_24",
   content: I,
-  "asset-drawer-header": "_asset-drawer-header_2lawg_39",
-  "back-button": "_back-button_2lawg_57",
-  title: B,
-  "icon-block": "_icon-block_2lawg_72",
-  "size-md": "_size-md_2lawg_84",
-  "size-sm": "_size-sm_2lawg_87"
-}, d = n(h), E = b(
+  "asset-drawer-header": "_asset-drawer-header_1mhgf_39",
+  "back-button": "_back-button_1mhgf_57",
+  title: W,
+  "icon-block": "_icon-block_1mhgf_72",
+  "size-md": "_size-md_1mhgf_84",
+  "size-sm": "_size-sm_1mhgf_87"
+}, d = n(u), B = w(
   ({
     children: t,
-    className: r,
-    getPersistentElements: s,
+    className: s,
+    getPersistentElements: r,
     maxWidth: o,
     store: c,
     ...i
   }, m) => {
     const l = g(
       () => Array.from(
-        s ? s() : document.querySelectorAll("[data-wui-persistent]")
+        r ? r() : document.querySelectorAll("[data-wui-persistent]")
       ),
-      [s]
-    ), p = g(
-      (k) => {
-        const D = k.target;
+      [r]
+    ), k = g(
+      (D) => {
+        const z = D.target;
         return !l().some(
-          (z) => z.contains(D)
+          (y) => y.contains(z)
         );
       },
       [l]
-    ), w = typeof o == "number" ? `${o}px` : o;
+    ), p = typeof o == "number" ? `${o}px` : o;
     return /* @__PURE__ */ e(
       te,
       {
         autoFocusOnShow: !1,
-        className: d("asset-drawer", r),
+        className: d("asset-drawer", s),
         getPersistentElements: l,
-        hideOnInteractOutside: p,
+        hideOnInteractOutside: k,
         placement: "bottom",
         ref: m,
         store: c,
@@ -62,80 +61,80 @@ const I = "_content_2lawg_13", B = "_title_2lawg_67", h = {
           "div",
           {
             className: d("content-max-width"),
-            style: { "--asset-drawer-content-max-width": w },
+            style: { "--assetDrawerContentMaxWidth": p },
             children: /* @__PURE__ */ e("div", { className: d("content"), children: t })
           }
         ) })
       }
     );
   }
-), 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 = ({
+), E = n(u), M = ({ iconName: t, size: s = "md" }) => /* @__PURE__ */ e("div", { className: E("icon-block", `size-${s}`), children: /* @__PURE__ */ e(b, { className: "text-neutral-90", name: t, size: s }) }), _ = n(u), P = ({
   action: t,
-  className: r,
-  icon: s,
+  className: s,
+  iconName: r,
   onBackButtonClick: o,
   subtitle: c,
   title: i
-}) => /* @__PURE__ */ f("div", { className: _("asset-drawer-header", r), children: [
-  /* @__PURE__ */ f("div", { className: _("back-button"), children: [
-    !!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__ */ e(x, { className: "pr-xl", variant: "h3", children: i }),
+}) => /* @__PURE__ */ h("div", { className: _("asset-drawer-header", s), children: [
+  /* @__PURE__ */ h("div", { className: _("back-button"), children: [
+    !!o && /* @__PURE__ */ e(T, { onClick: o, variant: "tertiary", children: /* @__PURE__ */ e(b, { name: "arrow-left" }) }),
+    !!r && /* @__PURE__ */ e(M, { iconName: r }),
+    /* @__PURE__ */ h("div", { className: _("title"), children: [
+      /* @__PURE__ */ e(x, { as: "h3", className: "pr-xl", variant: "heading-lg", children: i }),
       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",
-  "placement-right": "_placement-right_11f0r_38",
-  "placement-top": "_placement-top_11f0r_42",
-  "size-sm": "_size-sm_11f0r_46",
-  "size-md": "_size-md_11f0r_49",
-  "size-lg": "_size-lg_11f0r_52",
-  backdrop: q,
-  "drawer-hide-on-interact-outside": "_drawer-hide-on-interact-outside_11f0r_79",
-  content: H,
-  footer: L,
-  title: M,
-  "drawer-close": "_drawer-close_11f0r_120"
-}, J = n(a), N = ({ hideOnInteractOutside: t = !0, ...r }) => /* @__PURE__ */ e(
+] }), R = "_root_iksk1_3", S = "_backdrop_iksk1_68", q = "_content_iksk1_85", H = "_footer_iksk1_94", J = "_title_iksk1_108", a = {
+  root: R,
+  "placement-bottom": "_placement-bottom_iksk1_30",
+  "placement-left": "_placement-left_iksk1_34",
+  "placement-right": "_placement-right_iksk1_38",
+  "placement-top": "_placement-top_iksk1_42",
+  "size-sm": "_size-sm_iksk1_46",
+  "size-md": "_size-md_iksk1_49",
+  "size-lg": "_size-lg_iksk1_52",
+  backdrop: S,
+  "drawer-hide-on-interact-outside": "_drawer-hide-on-interact-outside_iksk1_79",
+  content: q,
+  footer: H,
+  title: J,
+  "drawer-close": "_drawer-close_iksk1_120"
+}, K = n(a), N = ({ hideOnInteractOutside: t = !0, ...s }) => /* @__PURE__ */ e(
   "div",
   {
-    className: J("backdrop", t && "drawer-hide-on-interact-outside"),
-    ...r
+    className: K("backdrop", t && "drawer-hide-on-interact-outside"),
+    ...s
   }
-), K = n(a), v = ({ className: t }) => /* @__PURE__ */ e(
-  T,
+), L = n(a), v = ({ className: t }) => /* @__PURE__ */ e(
+  j,
   {
-    render: (r) => /* @__PURE__ */ e(j, { className: K("drawer-close", t), ...r })
+    render: (s) => /* @__PURE__ */ e(A, { className: L("drawer-close", t), ...s })
   }
-), 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(
+), Q = n(a), U = f(({ className: t, ...s }, r) => /* @__PURE__ */ e("div", { className: Q("content", t), ref: r, ...s })), V = n(a), X = f(({ className: t, ...s }, r) => /* @__PURE__ */ e("div", { className: V("footer", t), ref: r, ...s })), Y = n(a), Z = ({ children: t, className: s, ...r }) => /* @__PURE__ */ e("div", { className: Y("title", s), ...r, children: /* @__PURE__ */ e(x, { as: "h3", className: "w-full", variant: "heading-lg", children: t }) }), $ = w(
+  ({ as: t, store: s, ...r }, o) => /* @__PURE__ */ e(F, { ref: o, render: t ? /* @__PURE__ */ e(t, {}) : void 0, store: s, ...r })
+), G = n(a), ee = f(
   ({
     children: t,
-    className: r,
-    hideOnInteractOutside: s = !0,
+    className: s,
+    hideOnInteractOutside: r = !0,
     placement: o = "right",
     size: c = "lg",
     store: i,
     withBackdrop: m = !1,
     withCloseButton: l = !0,
-    ...p
-  }, w) => /* @__PURE__ */ e(
-    A,
+    ...k
+  }, p) => /* @__PURE__ */ e(
+    O,
     {
-      backdrop: m ? /* @__PURE__ */ e(N, { hideOnInteractOutside: s }) : !1,
-      hideOnInteractOutside: s,
+      backdrop: m ? /* @__PURE__ */ e(N, { hideOnInteractOutside: r }) : !1,
+      hideOnInteractOutside: r,
       modal: m,
-      ref: w,
-      render: /* @__PURE__ */ e("div", { className: G("root", `placement-${o}`, `size-${c}`, r) }),
+      ref: p,
+      render: /* @__PURE__ */ e("div", { className: G("root", `placement-${o}`, `size-${c}`, s) }),
       store: i,
-      ...p,
-      children: /* @__PURE__ */ f(y, { children: [
+      ...k,
+      children: /* @__PURE__ */ h(C, { children: [
         l ? /* @__PURE__ */ e(v, {}) : null,
         t
       ] })
@@ -148,9 +147,9 @@ const I = "_content_2lawg_13", B = "_title_2lawg_67", h = {
   Footer: X,
   Title: Z,
   Trigger: $
-}), we = Object.assign(E, { Header: S, Trigger: $ });
+}), ke = Object.assign(B, { Header: P, Trigger: $ });
 export {
-  we as AssetDrawer,
+  ke as AssetDrawer,
   te as Drawer,
-  ge as useDrawer
+  ue as useDrawer
 };

package/dist/DropdownMenu.css

@@ -1 +1 @@
-@layer components{._inner_1nesm_2{background-color:var(--color-neutral-10);border-color:var(--color-neutral-30);border-style:solid;border-width:var(--border-width-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm);min-width:8.125rem;z-index:1;opacity:0;transition:opacity var(--duration-fast) ease-in-out}._inner_1nesm_2[data-enter]{opacity:1}._arrow_1nesm_17{display:flex;z-index:2;color:var(--color-neutral-70);stroke-width:0!important}._arrow_1nesm_17 #_stroke_1nesm_1{color:var(--color-neutral-70)}._arrow-item_1nesm_26{height:var(--height-30);width:var(--height-30);transform:var(--dropdown-menu-transform)}._arrow-placement-bottom_1nesm_31{--dropdown-menu-transform: rotateZ(360deg)}._arrow-placement-left_1nesm_34{--dropdown-menu-transform: rotateZ(90deg)}._arrow-placement-right_1nesm_37{--dropdown-menu-transform: rotateZ(-90deg)}._arrow-placement-top_1nesm_40{--dropdown-menu-transform: rotateZ(180deg)}._item_1nesm_43{display:flex;align-items:center;width:100%;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;text-decoration:none;transition:var(--duration-medium);padding:var(--spacing-md);background-color:var(--backgroundColor, transparent);color:var(--color, --color-beige-70)}._item_1nesm_43:focus{outline:none!important;--backgroundColor: var(--color-beige-30);--color: var(--color-neutral-90)}._item_1nesm_43:hover{--backgroundColor: var(--color-beige-30);--color: var(--color-neutral-90)}._item_1nesm_43[disabled]{--backgroundColor: transparent;--color: var(--color-beige-40);cursor:not-allowed}._separator_1nesm_70{background-color:var(--color-beige-30);border:0;height:var(--border-width-sm);margin:0}}
+@layer components{._inner_glxpl_2{background-color:var(--color-background-neutral-inverse-fixed);border-color:var(--color-background-neutral-subtlest);border-style:solid;border-width:var(--border-width-xs);border-radius:var(--border-radius-sm);font-size:var(--font-size-14);min-width:8.125rem;z-index:1;opacity:0;transition:opacity var(--duration-fast) ease-in-out}._inner_glxpl_2[data-enter]{opacity:1}._arrow_glxpl_17{display:flex;z-index:2;color:var(--color-background-neutral-tertiary);stroke-width:0!important}._arrow_glxpl_17 #_stroke_glxpl_1{color:var(--color-background-neutral-tertiary)}._arrow-item_glxpl_26{height:var(--height-32);width:var(--height-32);transform:var(--dropdownMenuTransform)}._arrow-placement-bottom_glxpl_31{--dropdownMenuTransform: rotateZ(360deg)}._arrow-placement-left_glxpl_34{--dropdownMenuTransform: rotateZ(90deg)}._arrow-placement-right_glxpl_37{--dropdownMenuTransform: rotateZ(-90deg)}._arrow-placement-top_glxpl_40{--dropdownMenuTransform: rotateZ(180deg)}._item_glxpl_43{display:flex;align-items:center;width:100%;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;text-decoration:none;transition:var(--duration-medium);padding:var(--border-radius-lg);background-color:var(--backgroundColor, transparent);color:var(--color, --color-beige-70)}._item_glxpl_43:focus{outline:none!important;--backgroundColor: var(--color-background-warm-strong);--color: var(--color-background-neutral-primary-fixed)}._item_glxpl_43:hover{--backgroundColor: var(--color-background-warm-strong);--color: var(--color-background-neutral-primary-fixed)}._item_glxpl_43[disabled]{--backgroundColor: transparent;--color: var(--color-background-warm-stronger);cursor:not-allowed}._separator_glxpl_70{background-color:var(--color-background-warm-strong);border:0;height:var(--border-width-xs);margin:0}}