@lazar-ui/kit 0.5.1 → 0.6.0

package/dist/input-base.d.ts

@@ -0,0 +1,29 @@
+import { default as default_2 } from 'react';
+
+export declare interface IInputProps extends Omit<default_2.InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'suffix' | 'size' | 'onChange' | 'onBlur' | 'onFocus'> {
+    ref?: default_2.Ref<HTMLInputElement>;
+    invalid?: boolean;
+    size?: TInputSize;
+    before?: default_2.ReactNode;
+    after?: default_2.ReactNode;
+    onChange?: (value: string) => void;
+    onBlur?: (e: default_2.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (e: default_2.FocusEvent<HTMLInputElement>) => void;
+}
+
+/**
+ * Base Input component. Renders a native `<input>` with support for `before`/`after` slots, sizing, and invalid/disabled states.
+ * All native `<input>` attributes are passed through automatically.
+ *
+ * @example
+ * ```tsx
+ * <Input placeholder="Enter text" />
+ * <Input size="lg" invalid placeholder="Error" />
+ * <Input before={<SearchIcon />} placeholder="Search" />
+ * ```
+ */
+export declare const Input: default_2.FC<IInputProps>;
+
+declare type TInputSize = 'sm' | 'md' | 'lg';
+
+export { }

package/dist/input-base.js

@@ -0,0 +1,4 @@
+import { I as r } from "./InputBase-BHZWQT9-.mjs";
+export {
+  r as Input
+};

package/dist/input.js

@@ -1,59 +1,21 @@
-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-D7Nhpuec.mjs";
-import { I as Y } from "./Icon-DsTlU3j3.mjs";
-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)
+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 { 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)
     return "";
-  const o = e.replace(/[A-Z]/g, "").charAt(0), r = F(e);
+  const o = e.replace(/[A-Z]/g, "").charAt(0), a = v(e);
   let n = "";
-  for (let a = 0; a < t.length; a++)
-    r.has(a) && (n += o), n += t[a];
+  for (let r = 0; r < s.length; r++)
+    a.has(r) && (n += o), n += s[r];
   return n;
 }
-function F(s) {
-  switch (s) {
+function v(t) {
+  switch (t) {
     case "DD/MM/YYYY":
     case "MM/DD/YYYY":
     case "DD.MM.YYYY":
@@ -65,147 +27,147 @@ function F(s) {
       return /* @__PURE__ */ new Set([2, 4]);
   }
 }
-function V(s) {
-  const e = s.replace(/\D/g, "").slice(0, 11);
+function E(t) {
+  const e = t.replace(/\D/g, "").slice(0, 11);
   if (!e)
     return "";
-  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;
+  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;
 }
-const W = [0, 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
-function Z(s, e) {
+const T = [0, 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
+function C(t, e) {
   const o = e.replace(/[A-Z]/g, "").charAt(0);
   if (!o)
     return !1;
-  const r = s.split(o);
-  if (r.length !== 3)
+  const a = t.split(o);
+  if (a.length !== 3)
     return !1;
-  const [n, a, l] = r;
-  if (!n || !a || !l)
+  const [n, r, l] = a;
+  if (!n || !r || !l)
     return !1;
-  let c = 0, u = 0, d = 0;
+  let i = 0, c = 0, p = 0;
   switch (e) {
     case "DD/MM/YYYY":
     case "DD.MM.YYYY":
-      c = parseInt(n, 10), u = parseInt(a, 10), d = parseInt(l, 10);
+      i = parseInt(n, 10), c = parseInt(r, 10), p = parseInt(l, 10);
       break;
     case "MM/DD/YYYY":
     case "MM.DD.YYYY":
-      u = parseInt(n, 10), c = parseInt(a, 10), d = parseInt(l, 10);
+      c = parseInt(n, 10), i = parseInt(r, 10), p = parseInt(l, 10);
       break;
     case "YYYY-MM-DD":
-      c = parseInt(l, 10), u = parseInt(a, 10), d = parseInt(n, 10);
+      i = parseInt(l, 10), c = parseInt(r, 10), p = parseInt(n, 10);
       break;
     default:
       return !1;
   }
-  if (u < 1 || u > 12 || d < 1)
+  if (c < 1 || c > 12 || p < 1)
     return !1;
-  const I = u === 2 && G(d) ? 29 : W[u] ?? 0;
-  return c >= 1 && c <= I;
+  const D = c === 2 && x(p) ? 29 : T[c] ?? 0;
+  return i >= 1 && i <= D;
 }
-function G(s) {
-  return s % 4 === 0 && s % 100 !== 0 || s % 400 === 0;
+function x(t) {
+  return t % 4 === 0 && t % 100 !== 0 || t % 400 === 0;
 }
-function X(s) {
-  return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(s);
+function L(t) {
+  return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t);
 }
-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);
+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);
     },
-    [t, n]
-  ), I = _(
-    (D) => {
-      d(!0), a?.(D);
+    [s, n]
+  ), D = d(
+    (h) => {
+      p(!0), r?.(h);
     },
-    [a]
-  ), h = l || u && typeof r == "string" && r.length > 0 && !Z(r, t);
-  return /* @__PURE__ */ i(
+    [r]
+  ), P = l || c && typeof a == "string" && a.length > 0 && !C(a, s);
+  return /* @__PURE__ */ u(
     f,
     {
       ref: e,
       type: "text",
       inputMode: "numeric",
-      before: o ?? /* @__PURE__ */ i(Y, { name: "calendar", size: 16 }),
+      before: o ?? /* @__PURE__ */ u(Y, { name: "calendar", size: 16 }),
       maxLength: 10,
-      value: r,
-      onChange: g,
-      onBlur: I,
-      invalid: h,
-      ...c
+      value: a,
+      onChange: M,
+      onBlur: D,
+      invalid: P,
+      ...i
     }
   );
 };
-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);
+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);
     },
     [o]
-  ), u = r || a && n.value != null && !X(n.value);
-  return /* @__PURE__ */ i(
+  ), c = a || r && n.value != null && !L(n.value);
+  return /* @__PURE__ */ u(
     f,
     {
       ref: e,
       type: "email",
-      before: t ?? /* @__PURE__ */ i(Y, { name: "mail", size: 16 }),
-      invalid: u,
-      onBlur: c,
+      before: s ?? /* @__PURE__ */ u(Y, { name: "mail", size: 16 }),
+      invalid: c,
+      onBlur: i,
       ...n
     }
   );
 };
 b.displayName = m.INPUT_EMAIL;
-const P = (s) => {
-  const { ref: e, ...t } = s;
-  return /* @__PURE__ */ i(f, { ref: e, type: "number", inputMode: "numeric", ...t });
+const w = (t) => {
+  const { ref: e, ...s } = t;
+  return /* @__PURE__ */ u(f, { ref: e, type: "number", inputMode: "numeric", ...s });
 };
-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(
+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(
     f,
     {
       ref: e,
       type: n ? "text" : "password",
-      after: t ?? /* @__PURE__ */ i(
+      after: s ?? /* @__PURE__ */ u(
         "button",
         {
           type: "button",
-          className: p.togglePassword,
+          className: S.togglePassword,
           onClick: l,
           tabIndex: -1,
-          "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 })
+          "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 })
         }
       ),
       ...o
     }
   );
 };
-w.displayName = m.INPUT_PASSWORD;
-const y = (s) => {
-  const { ref: e, before: t, onChange: o, ...r } = s, n = _(
-    (a) => {
-      const l = V(a);
+y.displayName = m.INPUT_PASSWORD;
+const N = (t) => {
+  const { ref: e, before: s, onChange: o, ...a } = t, n = d(
+    (r) => {
+      const l = E(r);
       o?.(l);
     },
     [o]
   );
-  return /* @__PURE__ */ i(f, { ref: e, type: "tel", before: t ?? /* @__PURE__ */ i(Y, { name: "phone", size: 16 }), onChange: n, ...r });
+  return /* @__PURE__ */ u(f, { ref: e, type: "tel", before: s ?? /* @__PURE__ */ u(Y, { name: "phone", size: 16 }), onChange: n, ...a });
 };
-y.displayName = m.INPUT_PHONE;
-const te = Object.assign(f, {
-  Date: M,
+N.displayName = m.INPUT_PHONE;
+const j = Object.assign(f, {
+  Date: g,
   Email: b,
-  Number: P,
-  Password: w,
-  Phone: y
+  Number: w,
+  Password: y,
+  Phone: N
 });
 export {
-  te as Input
+  j as Input
 };

package/dist/isValidReactNode-D1buElhX.mjs

@@ -0,0 +1,17 @@
+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, i) => t === i, n = (t, i, o = !0) => {
+  const s = Array.isArray(t);
+  let a = !1;
+  if (y(i)) {
+    const e = c(i);
+    s ? a = t.some((p) => r(p, e)) : a = r(t, e);
+  }
+  if (!a && o) {
+    let e = t;
+    s && (e = t.join(", ")), console.warn("Invalid React node. Node should be an instance of %s", e);
+  }
+  return a;
+};
+export {
+  n as i
+};

package/dist/item.d.ts

@@ -0,0 +1,16 @@
+import { default as default_2 } from 'react';
+
+export declare interface IItemProps extends TNativeInputProps, default_2.PropsWithChildren {
+    /** The value of the radio button. Required for group integration. */
+    value: string;
+    /** Description text displayed below the option label. */
+    description?: default_2.ReactNode;
+    /** Ref to the native input element. */
+    ref?: default_2.Ref<HTMLInputElement>;
+}
+
+export declare const Item: default_2.FC<IItemProps>;
+
+declare type TNativeInputProps = Omit<default_2.InputHTMLAttributes<HTMLInputElement>, 'type' | 'name' | 'checked' | 'size' | 'className'>;
+
+export { }

package/dist/item.js

@@ -0,0 +1,4 @@
+import { I as o } from "./Item-JbyvZy05.mjs";
+export {
+  o as Item
+};

package/dist/menu.css

@@ -1 +1 @@
-._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)}
+._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,117 +1,60 @@
-import { jsxs as h, jsx as t } from "react/jsx-runtime";
-import p from "clsx";
-import { I as u } from "./Icon-DsTlU3j3.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 T = () => {
-  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", U = "_label_15rud_44", _ = {
-  root: G,
-  disabled: P,
-  checkbox: M,
-  checked: v,
-  label: U
-}, g = (e) => {
-  const { checked: o, children: n, disabled: s = !1, onCheckedChange: a } = e, { close: l } = T(), 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 })
-      ]
-    }
-  );
-};
-g.displayName = r.CHECKBOX;
-const B = "_root_1h0xj_14", L = {
-  root: B
-}, $ = (e) => {
-  const { children: o } = e;
-  return /* @__PURE__ */ t(k.Content, { padding: !1, children: /* @__PURE__ */ t("div", { className: L.root, children: o }) });
+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) });
 };
-$.displayName = r.CONTENT;
-const j = [r.TRIGGER, r.CONTENT], x = (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) });
-};
-x.displayName = c;
-const q = "_root_dtqrm_1", S = "_label_dtqrm_9", b = {
-  root: q,
-  label: S
-}, f = (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
-  ] });
-};
-f.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
-}, E = (e) => {
-  const { children: o, danger: n = !1, disabled: s = !1, icon: a, onAction: l } = e, { close: d } = T(), C = p(
-    m.root,
-    n && m.danger,
-    s && m.disabled
+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
   );
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ b(
     "div",
     {
-      "aria-disabled": s,
-      className: C,
+      "aria-disabled": o,
+      className: _,
       onClick: () => {
-        s || (l && l(), d());
+        o || (t && t(), a());
       },
       role: "menuitem",
-      tabIndex: s ? -1 : 0,
+      tabIndex: o ? -1 : 0,
       children: [
-        a && /* @__PURE__ */ t("span", { className: m.icon, children: /* @__PURE__ */ t(u, { name: a, size: 16 }) }),
-        /* @__PURE__ */ t("span", { className: m.label, children: o })
+        r && /* @__PURE__ */ s("span", { className: n.icon, children: /* @__PURE__ */ s(M, { name: r, size: 16 }) }),
+        /* @__PURE__ */ s("span", { className: n.label, children: l })
       ]
     }
   );
 };
-E.displayName = r.ITEM;
-const F = "_root_16pgq_1", V = {
-  root: F
-}, R = () => /* @__PURE__ */ t("hr", { className: V.root });
-R.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 = x;
-i.Checkbox = g;
-i.Content = $;
-i.Group = f;
-i.Item = E;
-i.Separator = R;
-i.Trigger = I;
+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;
 export {
-  i as Menu
+  e as Menu
 };