@lazar-ui/kit 0.5.1 → 0.5.2

package/CHANGELOG.md

@@ -1,10 +1,16 @@
 # Changelog
 
+## [0.5.2] - 2026-06-09
+
+### Bug Fixes
+
+- **Build**: actually commit the rollup externalize fix — was missing from v0.5.1 commit
+
 ## [0.5.1] - 2026-06-09
 
 ### Bug Fixes
 
-- **Build**: fix lucide-react icons leaking into dist — externalize deep imports (`lucide-react/dynamic`) plus all peerDeps in rollup config ([c64e4f2](https://github.com/lazar-ui/lazar-ui/commit/c64e4f2))
+- **Build**: fix lucide-react icons leaking into dist — externalize deep imports (`lucide-react/dynamic`) plus all peerDeps in rollup config (lost from tag, fixed in 0.5.2)
 
 ## [0.5.0] - 2026-06-08
 

package/dist/{Button-BYnrV9av.mjs → Button-jq8mFP6t.mjs}

@@ -1,7 +1,7 @@
 import { jsxs as z, jsx as s } from "react/jsx-runtime";
 import v from "clsx";
-import { I as y } from "./Icon-DsTlU3j3.mjs";
-import { g as o } from "./getVariantClassName-D7Nhpuec.mjs";
+import { I as y } from "./Icon-DUCBChX2.mjs";
+import { g as o } from "./getVariantClassName-DoCNtwBw.mjs";
 import './Button.css';const g = "Button", h = "_root_1lm86_21", x = "_modeFilled_1lm86_32", S = "_variantPrimary_1lm86_32", b = "_pressed_1lm86_36", N = "_variantSecondary_1lm86_42", W = "_variantDanger_1lm86_52", C = "_disabled_1lm86_62", D = "_modeOutlined_1lm86_69", L = "_modeText_1lm86_94", M = "_fullWidth_1lm86_118", P = "_sizeSm_1lm86_121", B = "_sizeMd_1lm86_128", F = "_sizeLg_1lm86_135", I = "_icon_1lm86_143", e = {
   root: h,
   modeFilled: x,

package/dist/{Chip-DLfYGIQG.mjs → Chip-CmsNZTlz.mjs}

@@ -1,9 +1,9 @@
 import { jsxs as m, jsx as s } from "react/jsx-runtime";
 import _ from "clsx";
-import { I as p } from "./Icon-DsTlU3j3.mjs";
+import { I as p } from "./Icon-DUCBChX2.mjs";
 import { u as g } from "./useLocale-CJh-krrY.mjs";
 import "react";
-import { g as u } from "./getVariantClassName-D7Nhpuec.mjs";
+import { g as u } from "./getVariantClassName-DoCNtwBw.mjs";
 import './Chip.css';const b = "Chip", h = "_root_1nzgz_6", f = "_disabled_1nzgz_20", C = "_content_1nzgz_25", N = "_deleteButton_1nzgz_30", x = "_sizeLg_1nzgz_56", y = "_sizeMd_1nzgz_62", L = "_sizeSm_1nzgz_68", e = {
   root: h,
   disabled: f,

package/dist/Icon-DUCBChX2.mjs

@@ -0,0 +1,24 @@
+import { jsx as a } from "react/jsx-runtime";
+import n from "clsx";
+import { DynamicIcon as l } from "lucide-react/dynamic";
+import './Icon.css';const e = "Icon", i = "_root_9ug8m_1", p = {
+  root: i
+}, I = ({ name: o, size: r = 16, color: t = "currentColor", strokeWidth: s = 2, ariaLabel: c }) => {
+  const m = n(p.root);
+  return /* @__PURE__ */ a(
+    l,
+    {
+      name: o,
+      size: r,
+      color: t,
+      strokeWidth: s,
+      className: m,
+      role: "img",
+      "aria-label": c ?? o
+    }
+  );
+};
+I.displayName = e;
+export {
+  I
+};

package/dist/accordion.js

@@ -1,14 +1,14 @@
 import { jsx as a, jsxs as h } from "react/jsx-runtime";
-import T, { createContext as O, useContext as E, useState as g, useCallback as v } from "react";
+import O, { createContext as T, useContext as E, useState as g, useCallback as v } from "react";
 import { i as y } from "./isValidReactNode-CmYwTWCE.mjs";
-import $ from "clsx";
-import { I as M } from "./Icon-DsTlU3j3.mjs";
-import './accordion.css';const f = O(null), P = () => E(f), N = "Accordion";
-var I = /* @__PURE__ */ ((c) => (c.ITEM = "Accordion.Item", c))(I || {});
-const S = "_root_grshw_5", b = {
-  root: S
-}, k = [I.ITEM], x = (c) => {
-  const { children: m, defaultValue: u = null, onValueChange: s, value: o } = c, d = o !== void 0, [t, l] = g(u);
+import M from "clsx";
+import { I as P } from "./Icon-DUCBChX2.mjs";
+import './accordion.css';const f = T(null), S = () => E(f), N = "Accordion";
+var I = /* @__PURE__ */ ((r) => (r.ITEM = "Accordion.Item", r))(I || {});
+const b = "_root_grshw_5", $ = {
+  root: b
+}, j = [I.ITEM], x = (r) => {
+  const { children: m, defaultValue: u = null, onValueChange: s, value: o } = r, d = o !== void 0, [t, l] = g(u);
   let e;
   d ? e = o ?? null : e = t;
   const p = v(
@@ -17,20 +17,20 @@ const S = "_root_grshw_5", b = {
       e === n ? i = null : i = n, d || l(i), s?.(i);
     },
     [e, d, s]
-  ), _ = (n) => y(k, n) ? n : null;
-  return /* @__PURE__ */ a(f.Provider, { value: { onItemToggle: p, openValue: e }, children: /* @__PURE__ */ a("div", { className: b.root, children: T.Children.map(m, _) }) });
+  ), _ = (n) => y(j, n) ? n : null;
+  return /* @__PURE__ */ a(f.Provider, { value: { onItemToggle: p, openValue: e }, children: /* @__PURE__ */ a("div", { className: $.root, children: O.Children.map(m, _) }) });
 };
 x.displayName = N;
-const j = "_root_z83hn_7", B = "_trigger_z83hn_11", L = "_open_z83hn_27", U = "_title_z83hn_32", w = "_icon_z83hn_41", D = "_chevron_z83hn_46", R = "_content_z83hn_66", r = {
-  root: j,
+const k = "_root_z83hn_7", B = "_trigger_z83hn_11", L = "_open_z83hn_27", R = "_title_z83hn_32", w = "_icon_z83hn_41", D = "_chevron_z83hn_46", U = "_content_z83hn_66", c = {
+  root: k,
   trigger: B,
   open: L,
-  title: U,
+  title: R,
   icon: w,
   chevron: D,
-  content: R
-}, A = (c) => {
-  const { children: m, icon: u, onOpenChange: s, open: o, title: d, value: t } = c, l = P(), e = l && t !== void 0, [p, _] = g(!1);
+  content: U
+}, A = (r) => {
+  const { children: m, icon: u, onOpenChange: s, open: o, title: d, value: t } = r, l = S(), e = l && t !== void 0, [p, _] = g(!1);
   let n;
   e ? n = l.openValue === t : o !== void 0 ? n = o : n = p;
   const i = v(() => {
@@ -46,16 +46,16 @@ const j = "_root_z83hn_7", B = "_trigger_z83hn_11", L = "_open_z83hn_27", U = "_
       const C = !z;
       return s?.(C), C;
     });
-  }, [e, l, t, o, s]), V = $(r.root, { [r.open]: n });
+  }, [e, l, t, o, s]), V = M(c.root, { [c.open]: n });
   return /* @__PURE__ */ h("div", { className: V, children: [
-    /* @__PURE__ */ h("button", { className: r.trigger, onClick: i, type: "button", children: [
-      /* @__PURE__ */ h("span", { className: r.title, children: [
-        u && /* @__PURE__ */ a("span", { className: r.icon, children: /* @__PURE__ */ a(M, { name: u, size: 16 }) }),
+    /* @__PURE__ */ h("button", { className: c.trigger, onClick: i, type: "button", children: [
+      /* @__PURE__ */ h("span", { className: c.title, children: [
+        u && /* @__PURE__ */ a("span", { className: c.icon, children: /* @__PURE__ */ a(P, { name: u, size: 16 }) }),
         d
       ] }),
-      /* @__PURE__ */ a("span", { className: r.chevron })
+      /* @__PURE__ */ a("span", { className: c.chevron })
     ] }),
-    /* @__PURE__ */ a("div", { className: r.content, children: m })
+    /* @__PURE__ */ a("div", { className: c.content, children: m })
   ] });
 };
 A.displayName = `${N}.Item`;

package/dist/alert.js

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
 import s from "clsx";
-import { g as c } from "./getVariantClassName-D7Nhpuec.mjs";
+import { g as c } from "./getVariantClassName-DoCNtwBw.mjs";
 import './alert.css';const e = "Alert", _ = "_root_1ibdz_9", v = "_variantDanger_1ibdz_18", l = "_variantInfo_1ibdz_25", m = "_variantSuccess_1ibdz_32", d = "_variantWarning_1ibdz_39", a = {
   root: _,
   variantDanger: v,

package/dist/avatar.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import { useState as _ } from "react";
 import g from "clsx";
-import { g as z } from "./getVariantClassName-D7Nhpuec.mjs";
+import { g as z } from "./getVariantClassName-DoCNtwBw.mjs";
 import './avatar.css';const d = "Avatar", f = "_root_1t32a_7", p = "_image_1t32a_21", v = "_fallback_1t32a_27", u = "_sizeSm_1t32a_35", N = "_sizeMd_1t32a_44", b = "_sizeLg_1t32a_52", x = "_sizeXl_1t32a_60", a = {
   root: f,
   image: p,

package/dist/badge.js

@@ -1,6 +1,6 @@
 import { jsx as c } from "react/jsx-runtime";
 import i from "clsx";
-import { g as n } from "./getVariantClassName-D7Nhpuec.mjs";
+import { g as n } from "./getVariantClassName-DoCNtwBw.mjs";
 import './badge.css';const m = "Badge", _ = "_root_2cn5a_6", l = "_sizeSm_2cn5a_21", z = "_sizeMd_2cn5a_27", d = "_sizeLg_2cn5a_33", s = {
   root: _,
   sizeSm: l,

package/dist/breadcrumbs.js

@@ -1,18 +1,18 @@
-import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import { jsx as r, jsxs as h } from "react/jsx-runtime";
 import b from "clsx";
-import k from "react";
-import { i as E } from "./isValidReactNode-CmYwTWCE.mjs";
-import "./camelCase-PtIYufW8.mjs";
+import E from "react";
+import { i as k } from "./isValidReactNode-CmYwTWCE.mjs";
+import "lodash/camelCase";
 import './breadcrumbs.css';const _ = "Breadcrumbs", I = "/";
 var N = ((l) => (l.ITEM = `${_}.Item`, l))(N || {});
-const $ = "_root_w4o54_12", y = "_list_w4o54_16", A = "_item_w4o54_26", C = "_link_w4o54_32", T = "_label_w4o54_43", g = "_current_w4o54_49", B = "_separator_w4o54_54", r = {
-  root: $,
-  list: y,
-  item: A,
-  link: C,
-  label: T,
-  current: g,
-  separator: B
+const y = "_root_w4o54_12", A = "_list_w4o54_16", C = "_item_w4o54_26", g = "_link_w4o54_32", B = "_label_w4o54_43", T = "_current_w4o54_49", $ = "_separator_w4o54_54", e = {
+  root: y,
+  list: A,
+  item: C,
+  link: g,
+  label: B,
+  current: T,
+  separator: $
 }, L = [N.ITEM], f = (l) => {
   const { children: c, items: s, separator: o = I } = l;
   if (s) {
@@ -21,28 +21,28 @@ const $ = "_root_w4o54_12", y = "_list_w4o54_16", A = "_item_w4o54_26", C = "_li
     const t = (a, n) => {
       const d = n === s.length - 1, p = a.current || d;
       let m;
-      return a.href && !p ? m = /* @__PURE__ */ e("a", { className: r.link, href: a.href, children: a.label }) : p ? m = /* @__PURE__ */ e(
+      return a.href && !p ? m = /* @__PURE__ */ r("a", { className: e.link, href: a.href, children: a.label }) : p ? m = /* @__PURE__ */ r(
         "span",
         {
           "aria-current": "page",
-          className: b(r.label, r.current),
+          className: b(e.label, e.current),
           children: a.label
         }
-      ) : m = /* @__PURE__ */ e("span", { className: r.label, children: a.label }), /* @__PURE__ */ h("li", { className: r.item, children: [
+      ) : m = /* @__PURE__ */ r("span", { className: e.label, children: a.label }), /* @__PURE__ */ h("li", { className: e.item, children: [
         m,
-        !d && /* @__PURE__ */ e("span", { "aria-hidden": "true", className: r.separator, children: o })
+        !d && /* @__PURE__ */ r("span", { "aria-hidden": "true", className: e.separator, children: o })
       ] }, n);
     };
-    return /* @__PURE__ */ e("nav", { "aria-label": "breadcrumb", className: r.root, children: /* @__PURE__ */ e("ol", { className: r.list, children: s.map((a, n) => t(a, n)) }) });
+    return /* @__PURE__ */ r("nav", { "aria-label": "breadcrumb", className: e.root, children: /* @__PURE__ */ r("ol", { className: e.list, children: s.map((a, n) => t(a, n)) }) });
   }
   const i = [];
-  return k.Children.forEach(c, (t) => {
-    E(L, t) && i.push(t);
-  }), i.length === 0 ? null : /* @__PURE__ */ e("nav", { "aria-label": "breadcrumb", className: r.root, children: /* @__PURE__ */ e("ol", { className: r.list, children: i.map((t, a) => {
+  return E.Children.forEach(c, (t) => {
+    k(L, t) && i.push(t);
+  }), i.length === 0 ? null : /* @__PURE__ */ r("nav", { "aria-label": "breadcrumb", className: e.root, children: /* @__PURE__ */ r("ol", { className: e.list, children: i.map((t, a) => {
     const n = a === i.length - 1;
-    return /* @__PURE__ */ h("li", { className: r.item, children: [
+    return /* @__PURE__ */ h("li", { className: e.item, children: [
       t,
-      !n && /* @__PURE__ */ e("span", { "aria-hidden": "true", className: r.separator, children: o })
+      !n && /* @__PURE__ */ r("span", { "aria-hidden": "true", className: e.separator, children: o })
     ] }, a);
   }) }) });
 };
@@ -53,11 +53,11 @@ const v = "_link_a6eyw_10", M = "_label_a6eyw_21", P = "_current_a6eyw_27", u =
   current: P
 }, w = (l) => {
   const { children: c, href: s, current: o = !1 } = l;
-  return s && !o ? /* @__PURE__ */ e("a", { className: u.link, href: s, children: c }) : o ? /* @__PURE__ */ e("span", { "aria-current": "page", className: b(u.label, u.current), children: c }) : /* @__PURE__ */ e("span", { className: u.label, children: c });
+  return s && !o ? /* @__PURE__ */ r("a", { className: u.link, href: s, children: c }) : o ? /* @__PURE__ */ r("span", { "aria-current": "page", className: b(u.label, u.current), children: c }) : /* @__PURE__ */ r("span", { className: u.label, children: c });
 };
 w.displayName = `${_}.Item`;
-const S = f;
-S.Item = w;
+const R = f;
+R.Item = w;
 export {
-  S as Breadcrumbs
+  R as Breadcrumbs
 };

package/dist/button.js

@@ -1,4 +1,4 @@
-import { B as r } from "./Button-BYnrV9av.mjs";
+import { B as r } from "./Button-jq8mFP6t.mjs";
 export {
   r as Button
 };

package/dist/card.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import s from "clsx";
-import { g as a } from "./getVariantClassName-D7Nhpuec.mjs";
+import { g as a } from "./getVariantClassName-DoCNtwBw.mjs";
 import './card.css';const _ = "Card", l = "_root_r1od3_5", g = "_paddingNone_r1od3_13", p = "_paddingSm_r1od3_17", c = "_paddingMd_r1od3_21", v = "_paddingLg_r1od3_25", m = "_variantElevated_r1od3_29", N = "_variantFilled_r1od3_33", u = "_variantOutlined_r1od3_37", d = {
   root: l,
   paddingNone: g,

package/dist/checkbox.js

@@ -1,7 +1,7 @@
 import { jsxs as u, jsx as a } from "react/jsx-runtime";
 import { useRef as p, useCallback as h, useEffect as j } from "react";
 import x from "clsx";
-import { g as z } from "./getVariantClassName-D7Nhpuec.mjs";
+import { g as z } from "./getVariantClassName-DoCNtwBw.mjs";
 import './checkbox.css';const w = "Checkbox", g = "_root_tw8jr_16", k = "_disabled_tw8jr_24", C = "_checkbox_tw8jr_27", N = "_input_tw8jr_31", v = "_indeterminate_tw8jr_31", y = "_invalid_tw8jr_34", L = "_sizeSm_tw8jr_37", M = "_label_tw8jr_49", S = "_sizeMd_tw8jr_54", R = "_sizeLg_tw8jr_71", e = {
   root: g,
   disabled: k,

package/dist/chip.js

@@ -1,4 +1,4 @@
-import { C as r } from "./Chip-DLfYGIQG.mjs";
+import { C as r } from "./Chip-CmsNZTlz.mjs";
 export {
   r as Chip
 };

package/dist/dialog.js

@@ -1,76 +1,75 @@
 import { jsx as s, jsxs as _ } from "react/jsx-runtime";
-import { useRef as f, useMemo as L } from "react";
-import O from "clsx";
-import { $ as S, a as A } from "./useModalOverlay-C311Y5HK.mjs";
-import { s as E, i as M } from "./Overlay-OYo7gW8m.mjs";
-import { a as P } from "./useOverlayTriggerState-DK8Xy6Kr.mjs";
-import { I as R } from "./Icon-DsTlU3j3.mjs";
+import { useRef as N, useMemo as A } from "react";
+import E from "clsx";
+import { useDialog as x, useModalOverlay as M, Overlay as P, UNSAFE_PortalProvider as $ } from "react-aria";
+import { useOverlayTriggerState as b } from "react-stately";
+import { I as R } from "./Icon-DUCBChX2.mjs";
 import { u as X } from "./useLocale-CJh-krrY.mjs";
 import { g as k } from "./getComponentSlots-DwAYUFNk.mjs";
-import { g as w } from "./getVariantClassName-D7Nhpuec.mjs";
+import { g as w } from "./getVariantClassName-DoCNtwBw.mjs";
 import './dialog.css';var e = /* @__PURE__ */ ((o) => (o.ACTIONS = "Dialog.Actions", o.CONTENT = "Dialog.Content", o.TITLE = "Dialog.Title", o))(e || {});
-const K = "_root_1fxwu_1", V = {
-  root: K
-}, N = (o) => {
+const F = "_root_1fxwu_1", K = {
+  root: F
+}, g = (o) => {
   const { children: t } = o;
-  return /* @__PURE__ */ s("div", { className: V.root, children: t });
+  return /* @__PURE__ */ s("div", { className: K.root, children: t });
 };
-N.displayName = e.ACTIONS;
-const Y = "_root_jagsa_1", q = {
-  root: Y
-}, p = (o) => {
+g.displayName = e.ACTIONS;
+const U = "_root_jagsa_1", V = {
+  root: U
+}, u = (o) => {
   const { children: t } = o;
-  return /* @__PURE__ */ s("div", { className: q.root, children: t });
+  return /* @__PURE__ */ s("div", { className: V.root, children: t });
 };
-p.displayName = e.CONTENT;
-const B = "Dialog", F = [e.ACTIONS, e.CONTENT, e.TITLE], G = "_underlay_100vj_25", H = "_modal_100vj_34", J = "_dialog_100vj_41", Q = "_sizeXs_100vj_51", U = "_sizeSm_100vj_54", W = "_sizeMd_100vj_57", Z = "_sizeLg_100vj_60", oo = "_header_100vj_64", so = "_close_100vj_71", eo = "_actions_100vj_79", a = {
-  underlay: G,
-  modal: H,
-  dialog: J,
-  sizeXs: Q,
-  sizeSm: U,
+u.displayName = e.CONTENT;
+const Y = "Dialog", q = [e.ACTIONS, e.CONTENT, e.TITLE], B = "_underlay_100vj_25", G = "_modal_100vj_34", H = "_dialog_100vj_41", J = "_sizeXs_100vj_51", Q = "_sizeSm_100vj_54", W = "_sizeMd_100vj_57", Z = "_sizeLg_100vj_60", oo = "_header_100vj_64", so = "_close_100vj_71", eo = "_actions_100vj_79", a = {
+  underlay: B,
+  modal: G,
+  dialog: H,
+  sizeXs: J,
+  sizeSm: Q,
   sizeMd: W,
   sizeLg: Z,
   header: oo,
   close: so,
   actions: eo
-}, g = (o) => {
-  const { children: t, container: u, open: l, modal: v = !0, onOpenChange: $, size: C = "md" } = o, h = X(), c = f(null), n = f(null), { dialogProps: b } = S(o, c), r = P({ isOpen: l, onOpenChange: $ }), { modalProps: y, underlayProps: z } = A(
-    { isDismissable: !v, isKeyboardDismissDisabled: !1 },
-    r,
+}, T = (o) => {
+  const { children: t, container: p, open: i, modal: C = !0, onOpenChange: f, size: h = "md" } = o, y = X(), r = N(null), n = N(null), { dialogProps: z } = x(o, r), c = b({ isOpen: i, onOpenChange: f }), { modalProps: D, underlayProps: O } = M(
+    { isDismissable: !C, isKeyboardDismissDisabled: !1 },
+    c,
     n
   ), {
     [e.ACTIONS]: d,
     [e.CONTENT]: m,
     [e.TITLE]: j
-  } = L(() => k(t, F), [t]), D = (x) => {
-    x.preventDefault(), r.close();
+  } = A(() => k(t, q), [t]), I = (L) => {
+    L.preventDefault(), c.close();
   };
-  if (!l)
+  if (!i)
     return null;
-  const I = O(a.dialog, w("size", C, a));
-  return /* @__PURE__ */ s(E, { portalContainer: u, children: /* @__PURE__ */ s("div", { className: a.underlay, ...z, children: /* @__PURE__ */ s("div", { className: a.modal, ...y, ref: n, children: /* @__PURE__ */ s(M, { getContainer: () => n.current, children: /* @__PURE__ */ _("div", { className: I, ...b, ref: c, children: [
+  const S = E(a.dialog, w("size", h, a));
+  return /* @__PURE__ */ s(P, { portalContainer: p, children: /* @__PURE__ */ s("div", { className: a.underlay, ...O, children: /* @__PURE__ */ s("div", { className: a.modal, ...D, ref: n, children: /* @__PURE__ */ s($, { getContainer: () => n.current, children: /* @__PURE__ */ _("div", { className: S, ...z, ref: r, children: [
     /* @__PURE__ */ _("div", { className: a.header, children: [
       j,
-      /* @__PURE__ */ s("button", { "aria-label": h.Dialog.close, className: a.close, onClick: D, children: /* @__PURE__ */ s(R, { name: "x", size: 16 }) })
+      /* @__PURE__ */ s("button", { "aria-label": y.Dialog.close, className: a.close, onClick: I, children: /* @__PURE__ */ s(R, { name: "x", size: 16 }) })
     ] }),
     m && /* @__PURE__ */ s("div", { children: m }),
     d && /* @__PURE__ */ s("div", { className: a.actions, children: d })
   ] }) }) }) }) });
 };
-g.displayName = B;
+T.displayName = Y;
 const to = "_root_1ae0y_1", ao = {
   root: to
-}, T = (o) => {
+}, v = (o) => {
   const { children: t } = o;
   return /* @__PURE__ */ s("div", { className: ao.root, children: t });
 };
-T.displayName = e.TITLE;
-const i = g;
-i.Actions = N;
-i.Content = p;
-i.Title = T;
+v.displayName = e.TITLE;
+const l = T;
+l.Actions = g;
+l.Content = u;
+l.Title = v;
 export {
-  i as Dialog,
-  i as default
+  l as Dialog,
+  l as default
 };

package/dist/drawer.js

@@ -1,127 +1,126 @@
-import { jsx as t, jsxs as T } from "react/jsx-runtime";
-import M, { cloneElement as H, createContext as P, useContext as B, useRef as p, useState as h, useEffect as j, useMemo as F } from "react";
+import { jsx as t, jsxs as w } from "react/jsx-runtime";
+import H, { cloneElement as P, createContext as $, useContext as B, useRef as u, useState as h, useEffect as F, useMemo as j } from "react";
 import { i as V } from "./isValidReactNode-CmYwTWCE.mjs";
-import "./camelCase-PtIYufW8.mjs";
+import "lodash/camelCase";
 import U from "clsx";
-import { $ as K, a as Y } from "./useModalOverlay-C311Y5HK.mjs";
-import { s as G, i as J } from "./Overlay-OYo7gW8m.mjs";
-import { a as Q } from "./useOverlayTriggerState-DK8Xy6Kr.mjs";
+import { useDialog as K, useModalOverlay as Y, Overlay as G, UNSAFE_PortalProvider as J } from "react-aria";
+import { useOverlayTriggerState as Q } from "react-stately";
 import { g as W } from "./getComponentSlots-DwAYUFNk.mjs";
-import { g as A } from "./getVariantClassName-D7Nhpuec.mjs";
-import { I as X } from "./Icon-DsTlU3j3.mjs";
+import { g as T } from "./getVariantClassName-DoCNtwBw.mjs";
+import { I as X } from "./Icon-DUCBChX2.mjs";
 import { u as Z } from "./useLocale-CJh-krrY.mjs";
 import './drawer.css';var o = /* @__PURE__ */ ((e) => (e.ACTIONS = "Drawer.Actions", e.CONTENT = "Drawer.Content", e.HEADER = "Drawer.Header", e))(o || {});
 const ee = "_root_1m4yu_1", te = {
   root: ee
-}, w = ({ children: e }) => {
-  const r = M.Children.toArray(e), l = r.map((s, c) => {
+}, v = ({ children: e }) => {
+  const r = H.Children.toArray(e), l = r.map((s, c) => {
     if (!V("Button", s))
       return s;
     const n = s.props.variant;
-    return H(s, {
+    return P(s, {
       key: c,
       ...n ? {} : { variant: n ?? (c === 0 ? "primary" : "secondary") }
     });
   });
   return r.length === 0 ? null : /* @__PURE__ */ t("div", { className: te.root, children: l });
 };
-w.displayName = o.ACTIONS;
+v.displayName = o.ACTIONS;
 const oe = "_root_jagsa_1", re = {
   root: oe
-}, g = (e) => {
+}, q = (e) => {
   const { children: r } = e;
   return /* @__PURE__ */ t("div", { className: re.root, children: r });
 };
-g.displayName = o.CONTENT;
-const ne = "Drawer", se = [o.ACTIONS, o.CONTENT, o.HEADER], q = P(null), ae = () => {
-  const e = B(q);
+q.displayName = o.CONTENT;
+const ne = "Drawer", se = [o.ACTIONS, o.CONTENT, o.HEADER], E = $(null), ae = () => {
+  const e = B(E);
   if (!e)
     throw new Error("Drawer sub-components must be used within a Drawer component.");
   return e;
-}, ce = "_underlay_qcy0k_24", le = "_modal_qcy0k_32", ie = "_drawer_qcy0k_37", me = "_placementLeft_qcy0k_47", de = "_entered_qcy0k_53", pe = "_placementRight_qcy0k_56", ue = "_placementTop_qcy0k_65", _e = "_placementBottom_qcy0k_74", fe = "_sizeSm_qcy0k_83", ye = "_sizeMd_qcy0k_90", Ne = "_sizeLg_qcy0k_97", Ce = "_content_qcy0k_105", a = {
+}, ce = "_underlay_qcy0k_24", le = "_modal_qcy0k_32", ie = "_drawer_qcy0k_37", me = "_placementLeft_qcy0k_47", de = "_entered_qcy0k_53", ue = "_placementRight_qcy0k_56", _e = "_placementTop_qcy0k_65", pe = "_placementBottom_qcy0k_74", ye = "_sizeSm_qcy0k_83", fe = "_sizeMd_qcy0k_90", Ne = "_sizeLg_qcy0k_97", Ce = "_content_qcy0k_105", a = {
   underlay: ce,
   modal: le,
   drawer: ie,
   placementLeft: me,
   entered: de,
-  placementRight: pe,
-  placementTop: ue,
-  placementBottom: _e,
-  sizeSm: fe,
-  sizeMd: ye,
+  placementRight: ue,
+  placementTop: _e,
+  placementBottom: pe,
+  sizeSm: ye,
+  sizeMd: fe,
   sizeLg: Ne,
   content: Ce
-}, be = 300, k = (e) => {
-  const { children: r, container: l, dismissable: s = !0, onOpenChange: c, open: n, placement: f = "right", size: v = "md" } = e, y = p(null), i = p(null), { dialogProps: x } = K(e, y), N = Q({ isOpen: n, onOpenChange: c }), { modalProps: I, underlayProps: O } = Y(
+}, De = 300, O = (e) => {
+  const { children: r, container: l, dismissable: s = !0, onOpenChange: c, open: n, placement: y = "right", size: R = "md" } = e, f = u(null), i = u(null), { dialogProps: I } = K(e, f), N = Q({ isOpen: n, onOpenChange: c }), { modalProps: S, underlayProps: z } = Y(
     { isDismissable: s, isKeyboardDismissDisabled: !1 },
     N,
     i
-  ), [C, b] = h(n || !1), [R, D] = h(!1), m = p(C);
-  j(() => {
+  ), [C, D] = h(n || !1), [x, A] = h(!1), m = u(C);
+  F(() => {
     if (n) {
-      m.current = !0, b(!0);
+      m.current = !0, D(!0);
       const d = requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          D(!0);
+          A(!0);
         });
       });
       return () => cancelAnimationFrame(d);
     }
     if (m.current) {
-      D(!1);
+      A(!1);
       const d = setTimeout(() => {
-        m.current = !1, b(!1);
-      }, be);
+        m.current = !1, D(!1);
+      }, De);
       return () => clearTimeout(d);
     }
   }, [n]);
   const {
-    [o.ACTIONS]: z,
-    [o.CONTENT]: $,
-    [o.HEADER]: S
-  } = F(() => W(r, se), [r]), L = U(
+    [o.ACTIONS]: L,
+    [o.CONTENT]: g,
+    [o.HEADER]: M
+  } = j(() => W(r, se), [r]), b = U(
     a.drawer,
-    A("size", v, a),
-    A("placement", f, a),
-    { [a.entered]: R }
+    T("size", R, a),
+    T("placement", y, a),
+    { [a.entered]: x }
   );
-  return C ? /* @__PURE__ */ t(G, { portalContainer: l, children: /* @__PURE__ */ t("div", { className: a.underlay, ...O, children: /* @__PURE__ */ t("div", { className: a.modal, ...I, ref: i, children: /* @__PURE__ */ t(J, { getContainer: () => i.current, children: /* @__PURE__ */ t(q.Provider, { value: { close: () => N.close() }, children: /* @__PURE__ */ T(
+  return C ? /* @__PURE__ */ t(G, { portalContainer: l, children: /* @__PURE__ */ t("div", { className: a.underlay, ...z, children: /* @__PURE__ */ t("div", { className: a.modal, ...S, ref: i, children: /* @__PURE__ */ t(J, { getContainer: () => i.current, children: /* @__PURE__ */ t(E.Provider, { value: { close: () => N.close() }, children: /* @__PURE__ */ w(
     "div",
     {
       "aria-label": "Drawer",
       "aria-modal": "true",
-      className: L,
+      className: b,
       role: "dialog",
-      ...x,
-      ref: y,
+      ...I,
+      ref: f,
       children: [
-        S,
-        $ && /* @__PURE__ */ t("div", { className: a.content, children: $ }),
-        z
+        M,
+        g && /* @__PURE__ */ t("div", { className: a.content, children: g }),
+        L
       ]
     }
   ) }) }) }) }) }) : null;
 };
-k.displayName = ne;
-const De = "_root_1mypq_13", $e = "_title_1mypq_21", he = "_close_1mypq_31", u = {
-  root: De,
-  title: $e,
+O.displayName = ne;
+const Ae = "_root_1mypq_13", ge = "_title_1mypq_21", he = "_close_1mypq_31", _ = {
+  root: Ae,
+  title: ge,
   close: he
-}, E = (e) => {
+}, k = (e) => {
   const { children: r } = e, { close: l } = ae(), s = Z(), c = (n) => {
     n.preventDefault(), l();
   };
-  return /* @__PURE__ */ T("div", { className: u.root, children: [
-    /* @__PURE__ */ t("div", { className: u.title, children: r }),
-    /* @__PURE__ */ t("button", { "aria-label": s.Drawer.Header.close, className: u.close, onClick: c, type: "button", children: /* @__PURE__ */ t(X, { name: "x", size: 16 }) })
+  return /* @__PURE__ */ w("div", { className: _.root, children: [
+    /* @__PURE__ */ t("div", { className: _.title, children: r }),
+    /* @__PURE__ */ t("button", { "aria-label": s.Drawer.Header.close, className: _.close, onClick: c, type: "button", children: /* @__PURE__ */ t(X, { name: "x", size: 16 }) })
   ] });
 };
-E.displayName = o.HEADER;
-const _ = k;
-_.Actions = w;
-_.Content = g;
-_.Header = E;
+k.displayName = o.HEADER;
+const p = O;
+p.Actions = v;
+p.Content = q;
+p.Header = k;
 export {
-  _ as Drawer,
-  _ as default
+  p as Drawer,
+  p as default
 };