@lazar-ui/kit 0.6.1 → 0.7.0

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

package/dist/select.d.ts

@@ -15,9 +15,23 @@ export declare interface ISelectOption {
     disabled?: boolean;
 }
 
+export declare interface ISelectOptionProps {
+    /** Option value. */
+    value: string;
+    /** Whether the option is disabled. */
+    disabled?: boolean;
+    /** Option label (display text). */
+    children: default_2.ReactNode;
+}
+
 export declare interface ISelectProps {
-    /** Array of options to display in the dropdown. */
-    options: ISelectOption[];
+    /**
+     * Array of options to display in the dropdown.
+     *
+     * Use this for props-driven mode.
+     * For JSX composition mode, pass `<Select.Option>` children instead.
+     */
+    options?: ISelectOption[];
     /** Currently selected value(s). For single select — string, for multiple — string[]. */
     value?: string | string[];
     /** Callback when selection changes. */
@@ -34,8 +48,16 @@ export declare interface ISelectProps {
     clearable?: boolean;
     /** Whether the select is in an invalid state. */
     invalid?: boolean;
+    /**
+     * JSX composition children.
+     * When provided with `<SelectOption>` elements, they are used
+     * as the option data source instead of the `options` prop.
+     */
+    children?: default_2.ReactNode;
 }
 
+export declare const Select: TSelectCompoundComponent;
+
 /**
  * Select component. A dropdown selector built on top of Popover.
  *
@@ -57,7 +79,27 @@ export declare interface ISelectProps {
  * />
  * ```
  */
-export declare const Select: default_2.FC<ISelectProps>;
+declare const Select_2: default_2.FC<ISelectProps>;
+
+/**
+ * Select Option sub-component for JSX composition mode.
+ *
+ * Used as `<Select.Option>` child of `<Select>`.
+ * Acts as a data carrier — does not render any DOM itself.
+ *
+ * @example
+ * ```tsx
+ * <Select value={val} onChange={setVal}>
+ *   <Select.Option value="1">Option 1</Select.Option>
+ *   <Select.Option value="2" disabled>Option 2</Select.Option>
+ * </Select>
+ * ```
+ */
+declare const SelectOption: default_2.FC<ISelectOptionProps>;
+
+declare type TSelectCompoundComponent = typeof Select_2 & {
+    Option: typeof SelectOption;
+};
 
 export declare type TSelectSize = `${ESelectSize.SM | ESelectSize.MD | ESelectSize.LG}`;