welcome-ui 10.0.0-alpha.1 → 10.0.0-alpha.11

package/dist/DatePicker.js

@@ -1,102 +1,105 @@
 "use client";
-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 = ({
+import './DatePicker.css';
+import { jsxs as G, jsx as l } from "react/jsx-runtime";
+import { useState as A, useMemo as $, useEffect as S, forwardRef as J, useRef as Q } from "react";
+import { D as V, C as W } from "./CustomPopper-C1wIDHbM.js";
+import { Button as j } from "./Button.js";
+import { Icon as F } from "./Icon.js";
+import { Select as M } from "./Select.js";
+import { c as v } from "./index-PAaZGbyz.js";
+import { g as X, a as Z, s as B, b as Y, D as K } from "./utils-BD597oo6.js";
+import { InputText as g } from "./InputText.js";
+const C = v(B), L = ({
   changeMonth: x,
-  changeYear: z,
+  changeYear: N,
   date: f,
-  decreaseMonth: I,
-  decreaseYear: N,
-  endYear: m,
-  increaseMonth: R,
+  decreaseMonth: T,
+  decreaseYear: z,
+  endYear: c,
+  increaseMonth: I,
   increaseYear: y,
   isMonthYearPicker: t,
   locale: D,
-  startYear: u
+  startYear: a
 }) => {
-  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 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(
-      M,
+  const [p, R] = A(null), [m, w] = A(null), i = $(() => X(D), [D]), r = $(() => Z(a, c), [a, c]), o = (t || p === i[0].label) && m === a, E = (t || p === i[i.length - 1].label) && m === c;
+  return S(() => {
+    const b = new Date(f), u = i[b.getMonth()].label, H = b.getFullYear();
+    R(u), w(H);
+  }, [f, i]), /* @__PURE__ */ G("div", { className: C("custom-header"), children: [
+    /* @__PURE__ */ l(
+      j,
       {
-        disabled: c,
-        onClick: t ? N : I,
+        disabled: o,
+        onClick: t ? z : T,
         size: "sm",
         title: `Previous ${t ? "year" : "month"}`,
         variant: "tertiary",
-        children: /* @__PURE__ */ o(w, { name: "angle-left-b", size: "xs" })
+        children: /* @__PURE__ */ l(F, { name: "angle-left-b", size: "xs" })
       }
     ),
-    !t && /* @__PURE__ */ o(
-      K,
+    !t && /* @__PURE__ */ l(
+      M,
       {
         id: "month",
         name: "month",
         onChange: x,
-        options: l,
+        options: i,
         size: "md",
-        value: a
+        value: p
       }
     ),
-    /* @__PURE__ */ o(K, { id: "year", name: "year", onChange: z, options: r, size: "md", value: i }),
-    /* @__PURE__ */ o(
-      M,
+    /* @__PURE__ */ l(M, { id: "year", name: "year", onChange: N, options: r, size: "md", value: m }),
+    /* @__PURE__ */ l(
+      j,
       {
-        disabled: A,
-        onClick: t ? y : R,
+        disabled: E,
+        onClick: t ? y : I,
         size: "sm",
         title: `Next ${t ? "year" : "month"}`,
         variant: "tertiary",
-        children: /* @__PURE__ */ o(w, { name: "angle-right-b", size: "xs" })
+        children: /* @__PURE__ */ l(F, { name: "angle-right-b", size: "xs" })
       }
     )
   ] });
-}, h = v(B), mt = G(
+};
+L.displayName = "DateTimePicker.CustomHeader";
+const P = v(B), h = J(
   ({
     autoFocus: x,
-    className: z,
+    className: N,
     dateFormat: f = "dd/MM/yyyy",
-    disabled: I,
-    endYear: N = k.getFullYear(),
-    icon: m,
-    iconPlacement: R = "left",
+    disabled: T,
+    endYear: z = K.getFullYear(),
+    icon: c,
+    iconPlacement: I = "left",
     locale: y,
     onChange: t,
     placeholder: D,
-    preventVirtualKeyboard: u = !1,
-    showMonthYearPicker: a,
-    size: T = "md",
-    startYear: i = 1900,
-    transparent: E,
-    useWeekdaysShort: l = !0,
-    value: r = k,
-    ...c
-  }, A) => {
-    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(n(r));
-    }, []), j(() => {
-      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);
+    preventVirtualKeyboard: a = !1,
+    showMonthYearPicker: p,
+    size: R = "md",
+    startYear: m = 1900,
+    transparent: w,
+    useWeekdaysShort: i = !0,
+    value: r = K,
+    ...o
+  }, E) => {
+    const b = o == null ? void 0 : o.timeIntervals, u = (e) => Y(e, b), [H, d] = A(u(r)), O = Q(), k = E || O;
+    S(() => {
+      t == null || t(u(r));
+    }, []), S(() => {
+      var n;
+      const e = u(r), s = typeof r == "object" ? r == null ? void 0 : r.toISOString() : r;
+      ((n = new Date(Date.parse(s))) == null ? void 0 : n.getTime()) - (e == null ? void 0 : e.getTime()) !== 0 && (t == null || t(e)), d(e);
     }, [r]);
-    const O = (e) => {
+    const U = (e) => {
       var s;
-      ["Enter", "Escape"].includes(e.key) && ((s = S.current) == null || s.blur());
-    }, U = (e) => {
-      var s;
-      e.preventDefault(), (s = S.current) == null || s.blur(), d(null), t == null || t(null);
+      ["Enter", "Escape"].includes(e.key) && ((s = k.current) == null || s.blur());
     }, _ = (e) => {
+      var s;
+      e.preventDefault(), (s = k.current) == null || s.blur(), d(null), t == null || t(null);
+    }, q = (e) => {
       if (!e) {
         d(null), t == null || t(null);
         return;
@@ -106,60 +109,62 @@ const Y = v(B), g = ({
         d(null), t == null || t(null);
         return;
       }
-      const p = n(s);
-      s.setHours(p.getHours(), p.getMinutes()), d(s), t == null || t(new Date(s));
+      const n = u(s);
+      s.setHours(n.getHours(), n.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(
-        P,
+      /* @__PURE__ */ l(
+        V,
         {
           autoComplete: "off",
           calendarClassName: "date-picker-popper",
-          customInput: /* @__PURE__ */ o(
-            Z,
+          customInput: /* @__PURE__ */ l(
+            g,
             {
               autoFocus: x,
-              className: h("date-picker", z),
-              "data-testid": c["data-testid"],
-              disabled: I,
-              icon: m,
-              iconPlacement: R,
-              inputMode: u ? "none" : "text",
+              className: P("date-picker", N),
+              "data-testid": o["data-testid"],
+              disabled: T,
+              icon: c,
+              iconPlacement: I,
+              inputMode: a ? "none" : "text",
               isClearable: !0,
-              onReset: U,
+              onReset: _,
               placeholder: D,
-              ref: S,
-              size: T,
-              transparent: E
+              ref: k,
+              size: R,
+              transparent: w
             }
           ),
           dateFormat: f,
           locale: y,
-          onChange: _,
-          onKeyDown: O,
-          popperContainer: Q,
-          renderCustomHeader: (e) => /* @__PURE__ */ o(
-            g,
+          onChange: q,
+          onKeyDown: U,
+          popperContainer: W,
+          renderCustomHeader: (e) => /* @__PURE__ */ l(
+            L,
             {
-              endYear: N,
-              isMonthYearPicker: a,
+              endYear: z,
+              isMonthYearPicker: p,
               locale: y,
-              startYear: i,
+              startYear: m,
               ...e
             }
           ),
           selected: H,
-          showMonthYearPicker: a,
-          useWeekdaysShort: l,
-          ...c
+          showMonthYearPicker: p,
+          useWeekdaysShort: i,
+          ...o,
+          wrapperClassName: P(o.wrapperClassName, "date-picker-wrapper", "field-input")
         }
       )
     );
   }
 );
+h.displayName = "DatePicker";
 export {
-  mt as DatePicker
+  h as DatePicker
 };

package/dist/DateTimePicker.js

@@ -1,41 +1,41 @@
 "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-DileZjMm.js";
-import { c as F } from "./index-CdiHdiVB.js";
-const L = F(j), q = E(
+import { forwardRef as E, useState as P, useRef as x, useEffect as a, Children as N, cloneElement as H } from "react";
+import { b as I, D as b, s as j } from "./utils-BD597oo6.js";
+import { c as F } from "./index-PAaZGbyz.js";
+const L = F(j), M = E(
   ({
-    children: a,
+    children: o,
     disabled: d,
     locale: p,
     onChange: s,
     size: D = "md",
     transparent: n,
-    value: r = b,
+    value: i = b,
     ...l
   }, k) => {
-    const u = l == null ? void 0 : l.timeIntervals, c = (t) => N(t, u), [R, i] = x(c(r)), T = P(), y = k || T, m = (t) => {
+    const u = l == null ? void 0 : l.timeIntervals, r = (t) => I(t, u), [T, c] = P(r(i)), y = x(), R = k || y, m = (t) => {
       if (!t) {
-        i(null), s == null || s(null);
+        c(null), s == null || s(null);
         return;
       }
       const e = Array.isArray(t) ? t[0] : t;
       if (!e) {
-        i(null), s == null || s(null);
+        c(null), s == null || s(null);
         return;
       }
-      const f = c(e);
-      e.setHours(f.getHours(), f.getMinutes()), i(e), s == null || s(new Date(e));
+      const f = r(e);
+      e.setHours(f.getHours(), f.getMinutes()), c(e), s == null || s(new Date(e));
     };
-    return o(() => {
-      m(c(r));
-    }, []), o(() => {
+    return a(() => {
+      m(r(i));
+    }, []), a(() => {
       var e;
-      const t = c(r);
-      ((e = new Date(r)) == null ? void 0 : e.getTime()) - (t == null ? void 0 : t.getTime()) !== 0 && m(t), i(t);
-    }, [r]), /* @__PURE__ */ A("div", { className: L("date-time-picker"), children: H.map(a, (t, e) => I(t, {
+      const t = r(i);
+      ((e = new Date(i)) == null ? void 0 : e.getTime()) - (t == null ? void 0 : t.getTime()) !== 0 && m(t), c(t);
+    }, [i]), /* @__PURE__ */ A("div", { className: L("date-time-picker", "field-input"), children: N.map(o, (t, e) => H(t, {
       disabled: d,
-      inputRef: e === 0 ? y : null,
+      inputRef: e === 0 ? R : null,
       // give ref only to the DatePicker
       key: e,
       locale: p,
@@ -43,10 +43,11 @@ const L = F(j), q = E(
       size: D,
       timeIntervals: u,
       transparent: n,
-      value: R
+      value: T
     })) });
   }
 );
+M.displayName = "DateTimePicker";
 export {
-  q as DateTimePicker
+  M as DateTimePicker
 };

package/dist/Drawer.js

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