@lazar-ui/kit 0.6.0 → 0.6.2

package/dist/heading.js

@@ -1,7 +1,33 @@
-import { H as D } from "./Heading-CL47Fqe7.mjs";
-var t = /* @__PURE__ */ ((r) => (r.XS = "xs", r.SM = "sm", r.MD = "md", r.LG = "lg", r))(t || {}), R = /* @__PURE__ */ ((r) => (r.PRIMARY = "primary", r.SECONDARY = "secondary", r.TERTIARY = "tertiary", r.DISABLED = "disabled", r.BRAND = "brand", r))(R || {});
+import { jsx as i } from "react/jsx-runtime";
+import m from "clsx";
+import { g as s } from "./getVariantClassName-DoCNtwBw.mjs";
+import './heading.css';const d = "Heading", y = "_root_aa627_1", z = "_truncate_aa627_5", D = "_sizeXs_aa627_11", u = "_sizeSm_aa627_17", S = "_sizeMd_aa627_23", p = "_sizeLg_aa627_30", A = "_colorPrimary_aa627_37", M = "_colorSecondary_aa627_41", N = "_colorTertiary_aa627_45", L = "_colorDisabled_aa627_49", R = "_colorBrand_aa627_53", r = {
+  root: y,
+  truncate: z,
+  sizeXs: D,
+  sizeSm: u,
+  sizeMd: S,
+  sizeLg: p,
+  colorPrimary: A,
+  colorSecondary: M,
+  colorTertiary: N,
+  colorDisabled: L,
+  colorBrand: R
+}, b = (o) => {
+  const { as: t = "h2", children: c, color: a, ref: e, size: _ = "sm", truncate: n = !1 } = o, l = m(
+    r.root,
+    s("size", _, r),
+    a && s("color", a, r),
+    {
+      [r.truncate]: n
+    }
+  );
+  return /* @__PURE__ */ i(t, { className: l, ref: e, children: c });
+};
+b.displayName = d;
+var f = /* @__PURE__ */ ((o) => (o.XS = "xs", o.SM = "sm", o.MD = "md", o.LG = "lg", o))(f || {}), B = /* @__PURE__ */ ((o) => (o.PRIMARY = "primary", o.SECONDARY = "secondary", o.TERTIARY = "tertiary", o.DISABLED = "disabled", o.BRAND = "brand", o))(B || {});
 export {
-  R as EHeadingColor,
-  t as EHeadingSize,
-  D as Heading
+  B as EHeadingColor,
+  f as EHeadingSize,
+  b as Heading
 };

package/dist/input.js

@@ -1,21 +1,59 @@
-import { I as f, D as m, s as S } from "./InputBase-BHZWQT9-.mjs";
-import { jsx as u } from "react/jsx-runtime";
-import { useState as I, useCallback as d } from "react";
+import { jsxs as v, jsx as i } from "react/jsx-runtime";
+import z from "clsx";
+import { useState as N, useCallback as _ } from "react";
+import { g as S } from "./getVariantClassName-DoCNtwBw.mjs";
 import { I as Y } from "./Icon-DUCBChX2.mjs";
-import { u as B } from "./useLocale-CJh-krrY.mjs";
-const _ = 8;
-function k(t, e) {
-  const s = t.replace(/\D/g, "").slice(0, _);
-  if (!s)
+import { u as A } from "./useLocale-CJh-krrY.mjs";
+import './input.css';const m = {
+  INPUT: "Input",
+  INPUT_DATE: "InputDate",
+  INPUT_EMAIL: "InputEmail",
+  INPUT_NUMBER: "InputNumber",
+  INPUT_PASSWORD: "InputPassword",
+  INPUT_PHONE: "InputPhone"
+}, E = "_root_8a405_17", U = "_invalid_8a405_36", C = "_disabled_8a405_42", B = "_sizeSm_8a405_56", L = "_sizeMd_8a405_60", k = "_sizeLg_8a405_64", x = "_control_8a405_68", O = "_before_8a405_100", $ = "_after_8a405_101", H = "_togglePassword_8a405_109", p = {
+  root: E,
+  invalid: U,
+  disabled: C,
+  sizeSm: B,
+  sizeMd: L,
+  sizeLg: k,
+  control: x,
+  before: O,
+  after: $,
+  togglePassword: H
+}, f = (s) => {
+  const { ref: e, invalid: t = !1, size: o = "md", before: r, after: n, className: a, onChange: l, onBlur: c, onFocus: u, ...d } = s, g = z(
+    p.root,
+    S("size", o, p),
+    {
+      [p.disabled]: d.disabled === !0,
+      [p.invalid]: t
+    },
+    a
+  ), I = (h) => {
+    l?.(h.target.value);
+  };
+  return /* @__PURE__ */ v("div", { className: g, children: [
+    r && /* @__PURE__ */ i("span", { className: p.before, children: r }),
+    /* @__PURE__ */ i("input", { ref: e, className: p.control, onChange: I, onBlur: c, onFocus: u, ...d }),
+    n && /* @__PURE__ */ i("span", { className: p.after, children: n })
+  ] });
+};
+f.displayName = m.INPUT;
+const R = 8;
+function j(s, e) {
+  const t = s.replace(/\D/g, "").slice(0, R);
+  if (!t)
     return "";
-  const o = e.replace(/[A-Z]/g, "").charAt(0), a = v(e);
+  const o = e.replace(/[A-Z]/g, "").charAt(0), r = F(e);
   let n = "";
-  for (let r = 0; r < s.length; r++)
-    a.has(r) && (n += o), n += s[r];
+  for (let a = 0; a < t.length; a++)
+    r.has(a) && (n += o), n += t[a];
   return n;
 }
-function v(t) {
-  switch (t) {
+function F(s) {
+  switch (s) {
     case "DD/MM/YYYY":
     case "MM/DD/YYYY":
     case "DD.MM.YYYY":
@@ -27,147 +65,147 @@ function v(t) {
       return /* @__PURE__ */ new Set([2, 4]);
   }
 }
-function E(t) {
-  const e = t.replace(/\D/g, "").slice(0, 11);
+function V(s) {
+  const e = s.replace(/\D/g, "").slice(0, 11);
   if (!e)
     return "";
-  let s = "+7";
-  return e.length > 1 && (s += ` (${e.slice(1, 4)}`), e.length >= 4 && (s += `) ${e.slice(4, 7)}`), e.length >= 7 && (s += `-${e.slice(7, 9)}`), e.length >= 9 && (s += `-${e.slice(9, 11)}`), s;
+  let t = "+7";
+  return e.length > 1 && (t += ` (${e.slice(1, 4)}`), e.length >= 4 && (t += `) ${e.slice(4, 7)}`), e.length >= 7 && (t += `-${e.slice(7, 9)}`), e.length >= 9 && (t += `-${e.slice(9, 11)}`), t;
 }
-const T = [0, 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
-function C(t, e) {
+const W = [0, 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
+function Z(s, e) {
   const o = e.replace(/[A-Z]/g, "").charAt(0);
   if (!o)
     return !1;
-  const a = t.split(o);
-  if (a.length !== 3)
+  const r = s.split(o);
+  if (r.length !== 3)
     return !1;
-  const [n, r, l] = a;
-  if (!n || !r || !l)
+  const [n, a, l] = r;
+  if (!n || !a || !l)
     return !1;
-  let i = 0, c = 0, p = 0;
+  let c = 0, u = 0, d = 0;
   switch (e) {
     case "DD/MM/YYYY":
     case "DD.MM.YYYY":
-      i = parseInt(n, 10), c = parseInt(r, 10), p = parseInt(l, 10);
+      c = parseInt(n, 10), u = parseInt(a, 10), d = parseInt(l, 10);
       break;
     case "MM/DD/YYYY":
     case "MM.DD.YYYY":
-      c = parseInt(n, 10), i = parseInt(r, 10), p = parseInt(l, 10);
+      u = parseInt(n, 10), c = parseInt(a, 10), d = parseInt(l, 10);
       break;
     case "YYYY-MM-DD":
-      i = parseInt(l, 10), c = parseInt(r, 10), p = parseInt(n, 10);
+      c = parseInt(l, 10), u = parseInt(a, 10), d = parseInt(n, 10);
       break;
     default:
       return !1;
   }
-  if (c < 1 || c > 12 || p < 1)
+  if (u < 1 || u > 12 || d < 1)
     return !1;
-  const D = c === 2 && x(p) ? 29 : T[c] ?? 0;
-  return i >= 1 && i <= D;
+  const I = u === 2 && G(d) ? 29 : W[u] ?? 0;
+  return c >= 1 && c <= I;
 }
-function x(t) {
-  return t % 4 === 0 && t % 100 !== 0 || t % 400 === 0;
+function G(s) {
+  return s % 4 === 0 && s % 100 !== 0 || s % 400 === 0;
 }
-function L(t) {
-  return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t);
+function X(s) {
+  return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(s);
 }
-const g = (t) => {
-  const { ref: e, format: s, before: o, value: a, onChange: n, onBlur: r, invalid: l, ...i } = t, [c, p] = I(!1), M = d(
-    (h) => {
-      const A = k(h, s);
-      n?.(A);
+const M = (s) => {
+  const { ref: e, format: t, before: o, value: r, onChange: n, onBlur: a, invalid: l, ...c } = s, [u, d] = N(!1), g = _(
+    (D) => {
+      const T = j(D, t);
+      n?.(T);
     },
-    [s, n]
-  ), D = d(
-    (h) => {
-      p(!0), r?.(h);
+    [t, n]
+  ), I = _(
+    (D) => {
+      d(!0), a?.(D);
     },
-    [r]
-  ), P = l || c && typeof a == "string" && a.length > 0 && !C(a, s);
-  return /* @__PURE__ */ u(
+    [a]
+  ), h = l || u && typeof r == "string" && r.length > 0 && !Z(r, t);
+  return /* @__PURE__ */ i(
     f,
     {
       ref: e,
       type: "text",
       inputMode: "numeric",
-      before: o ?? /* @__PURE__ */ u(Y, { name: "calendar", size: 16 }),
+      before: o ?? /* @__PURE__ */ i(Y, { name: "calendar", size: 16 }),
       maxLength: 10,
-      value: a,
-      onChange: M,
-      onBlur: D,
-      invalid: P,
-      ...i
+      value: r,
+      onChange: g,
+      onBlur: I,
+      invalid: h,
+      ...c
     }
   );
 };
-g.displayName = m.INPUT_DATE;
-const b = (t) => {
-  const { ref: e, before: s, onBlur: o, invalid: a, ...n } = t, [r, l] = I(!1), i = d(
-    (p) => {
-      l(!0), o?.(p);
+M.displayName = m.INPUT_DATE;
+const b = (s) => {
+  const { ref: e, before: t, onBlur: o, invalid: r, ...n } = s, [a, l] = N(!1), c = _(
+    (d) => {
+      l(!0), o?.(d);
     },
     [o]
-  ), c = a || r && n.value != null && !L(n.value);
-  return /* @__PURE__ */ u(
+  ), u = r || a && n.value != null && !X(n.value);
+  return /* @__PURE__ */ i(
     f,
     {
       ref: e,
       type: "email",
-      before: s ?? /* @__PURE__ */ u(Y, { name: "mail", size: 16 }),
-      invalid: c,
-      onBlur: i,
+      before: t ?? /* @__PURE__ */ i(Y, { name: "mail", size: 16 }),
+      invalid: u,
+      onBlur: c,
       ...n
     }
   );
 };
 b.displayName = m.INPUT_EMAIL;
-const w = (t) => {
-  const { ref: e, ...s } = t;
-  return /* @__PURE__ */ u(f, { ref: e, type: "number", inputMode: "numeric", ...s });
+const P = (s) => {
+  const { ref: e, ...t } = s;
+  return /* @__PURE__ */ i(f, { ref: e, type: "number", inputMode: "numeric", ...t });
 };
-w.displayName = m.INPUT_NUMBER;
-const y = (t) => {
-  const { ref: e, after: s, ...o } = t, a = B(), [n, r] = I(!1), l = d(() => r((i) => !i), []);
-  return /* @__PURE__ */ u(
+P.displayName = m.INPUT_NUMBER;
+const w = (s) => {
+  const { ref: e, after: t, ...o } = s, r = A(), [n, a] = N(!1), l = _(() => a((c) => !c), []);
+  return /* @__PURE__ */ i(
     f,
     {
       ref: e,
       type: n ? "text" : "password",
-      after: s ?? /* @__PURE__ */ u(
+      after: t ?? /* @__PURE__ */ i(
         "button",
         {
           type: "button",
-          className: S.togglePassword,
+          className: p.togglePassword,
           onClick: l,
           tabIndex: -1,
-          "aria-label": n ? a.Input.Password.passwordHide : a.Input.Password.passwordShow,
-          children: n ? /* @__PURE__ */ u(Y, { name: "eye-off", size: 16 }) : /* @__PURE__ */ u(Y, { name: "eye", size: 16 })
+          "aria-label": n ? r.Input.Password.passwordHide : r.Input.Password.passwordShow,
+          children: n ? /* @__PURE__ */ i(Y, { name: "eye-off", size: 16 }) : /* @__PURE__ */ i(Y, { name: "eye", size: 16 })
         }
       ),
       ...o
     }
   );
 };
-y.displayName = m.INPUT_PASSWORD;
-const N = (t) => {
-  const { ref: e, before: s, onChange: o, ...a } = t, n = d(
-    (r) => {
-      const l = E(r);
+w.displayName = m.INPUT_PASSWORD;
+const y = (s) => {
+  const { ref: e, before: t, onChange: o, ...r } = s, n = _(
+    (a) => {
+      const l = V(a);
       o?.(l);
     },
     [o]
   );
-  return /* @__PURE__ */ u(f, { ref: e, type: "tel", before: s ?? /* @__PURE__ */ u(Y, { name: "phone", size: 16 }), onChange: n, ...a });
+  return /* @__PURE__ */ i(f, { ref: e, type: "tel", before: t ?? /* @__PURE__ */ i(Y, { name: "phone", size: 16 }), onChange: n, ...r });
 };
-N.displayName = m.INPUT_PHONE;
-const j = Object.assign(f, {
-  Date: g,
+y.displayName = m.INPUT_PHONE;
+const te = Object.assign(f, {
+  Date: M,
   Email: b,
-  Number: w,
-  Password: y,
-  Phone: N
+  Number: P,
+  Password: w,
+  Phone: y
 });
 export {
-  j as Input
+  te as Input
 };

package/dist/isValidReactNode-CmYwTWCE.mjs

@@ -0,0 +1,18 @@
+import { isValidElement as y } from "react";
+const c = (t) => t.type ? typeof t.type == "string" ? t.type : "displayName" in t.type ? t.type.displayName : t.type.name : "", r = (t, e) => t === e, n = (t, e, o = !0) => {
+  const s = Array.isArray(t);
+  let i = !1;
+  if (y(e)) {
+    const a = c(e);
+    s ? i = t.some((p) => r(p, a)) : i = r(t, a);
+  }
+  if (!i && o) {
+    let a = t;
+    s && (a = t.join(", ")), console.warn("Invalid React node. Node should be an instance of %s", a);
+  }
+  return i;
+};
+export {
+  c as g,
+  n as i
+};

package/dist/menu.css

@@ -1 +1 @@
-._root_5s7ps_1{align-items:center;border-radius:var(--dropdown-item-radius);cursor:pointer;display:flex;font-size:var(--dropdown-item-font-size);gap:var(--dropdown-item-gap);outline:none;padding:var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);transition:background-color .1s ease;-webkit-user-select:none;user-select:none}._root_5s7ps_1:hover{background:var(--lui-color-background-secondary)}._root_5s7ps_1:focus-visible{background:var(--lui-color-background-secondary)}._root_5s7ps_1._disabled_5s7ps_19{color:var(--lui-color-text-disabled);cursor:not-allowed}._root_5s7ps_1._disabled_5s7ps_19:hover{background:transparent}._root_5s7ps_1._danger_5s7ps_26{color:var(--lui-color-background-error)}._root_5s7ps_1._danger_5s7ps_26:hover{background:color-mix(in sRGB,var(--lui-color-background-error) 8%,transparent)}._icon_5s7ps_33{align-items:center;color:var(--lui-color-text-tertiary);display:inline-flex;flex-shrink:0;height:var(--dropdown-item-icon-size);justify-content:center;width:var(--dropdown-item-icon-size)}._label_5s7ps_43{flex:1;overflow:hidden;text-overflow:ellipsis}._root_16pgq_1{background:var(--lui-color-border-primary);border:none;height:1px;margin:var(--dropdown-separator-margin)}
+._root_15rud_1{align-items:center;border-radius:var(--dropdown-item-radius);cursor:pointer;display:flex;font-size:var(--dropdown-item-font-size);gap:var(--dropdown-item-gap);outline:none;padding:var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);transition:background-color .1s ease;-webkit-user-select:none;user-select:none}._root_15rud_1:hover{background:var(--lui-color-background-secondary)}._root_15rud_1:focus-visible{background:var(--lui-color-background-secondary)}._root_15rud_1._disabled_15rud_19{color:var(--lui-color-text-disabled);cursor:not-allowed}._root_15rud_1._disabled_15rud_19:hover{background:transparent}._checkbox_15rud_27{align-items:center;border:1.5px solid var(--lui-color-border-primary);border-radius:var(--lui-radius-1);display:inline-flex;flex-shrink:0;height:16px;justify-content:center;transition:all .1s ease;width:16px}._checkbox_15rud_27._checked_15rud_38{background:var(--lui-color-background-brand);border-color:var(--lui-color-background-brand);color:var(--lui-color-text-on-brand)}._label_15rud_44{flex:1;overflow:hidden;text-overflow:ellipsis}:root{--dropdown-min-width: 160px;--dropdown-item-padding-x: var(--lui-space-3);--dropdown-item-padding-y: var(--lui-space-2);--dropdown-item-gap: var(--lui-space-2);--dropdown-item-radius: var(--lui-radius-1);--dropdown-item-font-size: var(--lui-font-size-sm);--dropdown-item-icon-size: 16px;--dropdown-separator-margin: var(--lui-space-1) var(--lui-space-2);--dropdown-group-label-padding: var(--lui-space-2) var(--lui-space-3);--dropdown-group-label-font-size: var(--lui-font-size-xs)}._root_1h0xj_14{min-width:var(--dropdown-min-width);padding:var(--lui-space-1)}._root_dtqrm_1{padding-bottom:var(--lui-space-1);padding-top:var(--lui-space-1)}._root_dtqrm_1+._root_dtqrm_1{border-top:1px solid var(--lui-color-border-primary)}._label_dtqrm_9{color:var(--lui-color-text-tertiary);font-size:var(--dropdown-group-label-font-size);font-weight:var(--lui-font-weight-medium);padding:var(--dropdown-group-label-padding);text-transform:uppercase}._root_5s7ps_1{align-items:center;border-radius:var(--dropdown-item-radius);cursor:pointer;display:flex;font-size:var(--dropdown-item-font-size);gap:var(--dropdown-item-gap);outline:none;padding:var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);transition:background-color .1s ease;-webkit-user-select:none;user-select:none}._root_5s7ps_1:hover{background:var(--lui-color-background-secondary)}._root_5s7ps_1:focus-visible{background:var(--lui-color-background-secondary)}._root_5s7ps_1._disabled_5s7ps_19{color:var(--lui-color-text-disabled);cursor:not-allowed}._root_5s7ps_1._disabled_5s7ps_19:hover{background:transparent}._root_5s7ps_1._danger_5s7ps_26{color:var(--lui-color-background-error)}._root_5s7ps_1._danger_5s7ps_26:hover{background:color-mix(in sRGB,var(--lui-color-background-error) 8%,transparent)}._icon_5s7ps_33{align-items:center;color:var(--lui-color-text-tertiary);display:inline-flex;flex-shrink:0;height:var(--dropdown-item-icon-size);justify-content:center;width:var(--dropdown-item-icon-size)}._label_5s7ps_43{flex:1;overflow:hidden;text-overflow:ellipsis}._root_16pgq_1{background:var(--lui-color-border-primary);border:none;height:1px;margin:var(--dropdown-separator-margin)}

package/dist/menu.js

@@ -1,60 +1,117 @@
-import { u, C as f } from "./Checkbox-Chfzm1Z9.mjs";
-import { C as N } from "./Content-ru2X8iBx.mjs";
-import { jsx as s, jsxs as b } from "react/jsx-runtime";
-import E from "react";
-import { Popover as h } from "./popover.js";
-import { i as T } from "./isValidReactNode-D1buElhX.mjs";
-import { E as i, D as g, a as A } from "./enums-DUZMBQDd.mjs";
-import { G as x } from "./Group-DyDpeqOP.mjs";
-import I from "clsx";
-import { I as M } from "./Icon-DUCBChX2.mjs";
-import { T as P } from "./Trigger-C_4De6l1.mjs";
-import './menu.css';const S = [i.TRIGGER, i.CONTENT], p = (c) => {
-  const { children: l, open: m, onOpenChange: o, placement: r = g } = c, t = (a) => T(S, a) ? a : null;
-  return /* @__PURE__ */ s(h, { open: m, onOpenChange: o, placement: r, children: E.Children.map(l, t) });
+import { jsxs as h, jsx as t } from "react/jsx-runtime";
+import p from "clsx";
+import { I as u } from "./Icon-DUCBChX2.mjs";
+import { usePopoverContext as N, Popover as k } from "./popover.js";
+import O from "react";
+import { i as y } from "./isValidReactNode-CmYwTWCE.mjs";
+import './menu.css';const g = () => {
+  const { state: e } = N();
+  return {
+    close: () => {
+      e.close();
+    }
+  };
+}, c = "Menu", A = "bottom start";
+var r = ((e) => (e.CHECKBOX = `${c}.Checkbox`, e.CONTENT = `${c}.Content`, e.GROUP = `${c}.Group`, e.ITEM = `${c}.Item`, e.SEPARATOR = `${c}.Separator`, e.TRIGGER = `${c}.Trigger`, e))(r || {});
+const G = "_root_15rud_1", P = "_disabled_15rud_19", M = "_checkbox_15rud_27", v = "_checked_15rud_38", B = "_label_15rud_44", _ = {
+  root: G,
+  disabled: P,
+  checkbox: M,
+  checked: v,
+  label: B
+}, T = (e) => {
+  const { checked: o, children: n, disabled: s = !1, onCheckedChange: a } = e, { close: l } = g(), d = p(
+    _.root,
+    s && _.disabled
+  );
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      "aria-checked": o,
+      "aria-disabled": s,
+      className: d,
+      onClick: () => {
+        s || (a && a(!o), l());
+      },
+      role: "menuitemcheckbox",
+      tabIndex: s ? -1 : 0,
+      children: [
+        /* @__PURE__ */ t("span", { className: p(_.checkbox, o && _.checked), children: o && /* @__PURE__ */ t(u, { name: "check", size: 12, strokeWidth: 3 }) }),
+        /* @__PURE__ */ t("span", { className: _.label, children: n })
+      ]
+    }
+  );
+};
+T.displayName = r.CHECKBOX;
+const L = "_root_1h0xj_14", U = {
+  root: L
+}, x = (e) => {
+  const { children: o } = e;
+  return /* @__PURE__ */ t(k.Content, { padding: !1, children: /* @__PURE__ */ t("div", { className: U.root, children: o }) });
 };
-p.displayName = A;
-const R = "_root_5s7ps_1", k = "_disabled_5s7ps_19", y = "_danger_5s7ps_26", G = "_icon_5s7ps_33", O = "_label_5s7ps_43", n = {
-  root: R,
-  disabled: k,
-  danger: y,
-  icon: G,
-  label: O
-}, d = (c) => {
-  const { children: l, danger: m = !1, disabled: o = !1, icon: r, onAction: t } = c, { close: a } = u(), _ = I(
-    n.root,
-    m && n.danger,
-    o && n.disabled
+x.displayName = r.CONTENT;
+const j = [r.TRIGGER, r.CONTENT], f = (e) => {
+  const { children: o, open: n, onOpenChange: s, placement: a = A } = e, l = (d) => y(j, d) ? d : null;
+  return /* @__PURE__ */ t(k, { open: n, onOpenChange: s, placement: a, children: O.Children.map(o, l) });
+};
+f.displayName = c;
+const q = "_root_dtqrm_1", S = "_label_dtqrm_9", b = {
+  root: q,
+  label: S
+}, $ = (e) => {
+  const { children: o, label: n } = e;
+  return /* @__PURE__ */ h("div", { className: b.root, role: "group", children: [
+    /* @__PURE__ */ t("div", { className: b.label, children: n }),
+    o
+  ] });
+};
+$.displayName = r.GROUP;
+const z = "_root_5s7ps_1", D = "_disabled_5s7ps_19", H = "_danger_5s7ps_26", K = "_icon_5s7ps_33", X = "_label_5s7ps_43", m = {
+  root: z,
+  disabled: D,
+  danger: H,
+  icon: K,
+  label: X
+}, R = (e) => {
+  const { children: o, danger: n = !1, disabled: s = !1, icon: a, onAction: l } = e, { close: d } = g(), C = p(
+    m.root,
+    n && m.danger,
+    s && m.disabled
   );
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ h(
     "div",
     {
-      "aria-disabled": o,
-      className: _,
+      "aria-disabled": s,
+      className: C,
       onClick: () => {
-        o || (t && t(), a());
+        s || (l && l(), d());
       },
       role: "menuitem",
-      tabIndex: o ? -1 : 0,
+      tabIndex: s ? -1 : 0,
       children: [
-        r && /* @__PURE__ */ s("span", { className: n.icon, children: /* @__PURE__ */ s(M, { name: r, size: 16 }) }),
-        /* @__PURE__ */ s("span", { className: n.label, children: l })
+        a && /* @__PURE__ */ t("span", { className: m.icon, children: /* @__PURE__ */ t(u, { name: a, size: 16 }) }),
+        /* @__PURE__ */ t("span", { className: m.label, children: o })
       ]
     }
   );
 };
-d.displayName = i.ITEM;
-const L = "_root_16pgq_1", v = {
-  root: L
-}, C = () => /* @__PURE__ */ s("hr", { className: v.root });
-C.displayName = i.SEPARATOR;
-const e = p;
-e.Checkbox = f;
-e.Content = N;
-e.Group = x;
-e.Item = d;
-e.Separator = C;
-e.Trigger = P;
+R.displayName = r.ITEM;
+const F = "_root_16pgq_1", V = {
+  root: F
+}, E = () => /* @__PURE__ */ t("hr", { className: V.root });
+E.displayName = r.SEPARATOR;
+const I = (e) => {
+  const { children: o } = e, { triggerRef: n, state: s } = N();
+  return /* @__PURE__ */ t("span", { "aria-expanded": s.isOpen, "aria-haspopup": "true", onClick: () => s.toggle(), ref: n, children: o });
+};
+I.displayName = r.TRIGGER;
+const i = f;
+i.Checkbox = T;
+i.Content = x;
+i.Group = $;
+i.Item = R;
+i.Separator = E;
+i.Trigger = I;
 export {
-  e as Menu
+  i as Menu
 };