@lazar-ui/kit 0.5.2 → 0.6.0

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-DoCNtwBw.mjs";
+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 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 { 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-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 }) });
+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) });
 };
-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
+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 })
       ]
     }
   );
 };
-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;
+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
 };

package/dist/pagination.js

@@ -1,75 +1,63 @@
-import { jsx as c, jsxs as N } from "react/jsx-runtime";
-import { createContext as L, useContext as S, useMemo as y, useCallback as R } from "react";
-import f from "clsx";
-import { u as v } from "./useLocale-CJh-krrY.mjs";
-import { g as C } from "./getVariantClassName-DoCNtwBw.mjs";
-import { I as z } from "./Icon-DUCBChX2.mjs";
-import './pagination.css';const P = L(null), I = P.Provider, w = () => {
-  const n = S(P);
-  if (!n)
+import { jsx as n, jsxs as N } from "react/jsx-runtime";
+import { createContext as L, useContext as y, useMemo as M, useCallback as S } from "react";
+import v from "clsx";
+import { u as P } from "./useLocale-CJh-krrY.mjs";
+import { g as h } from "./getVariantClassName-DoCNtwBw.mjs";
+import { I as x } from "./Icon-DUCBChX2.mjs";
+import { getPageRange as I } from "./utils.js";
+import './pagination.css';const f = L(null), $ = f.Provider, w = () => {
+  const a = y(f);
+  if (!a)
     throw new Error("Pagination sub-component must be used within a Pagination");
-  return n;
-}, $ = "_button_nl5gc_14", E = "_active_nl5gc_40", A = "_prevNext_nl5gc_44", j = "_sizeSm_nl5gc_49", k = "_sizeMd_nl5gc_55", B = "_sizeLg_nl5gc_61", _ = {
-  button: $,
-  active: E,
+  return a;
+}, j = "_button_nl5gc_14", k = "_active_nl5gc_40", A = "_prevNext_nl5gc_44", D = "_sizeSm_nl5gc_49", E = "_sizeMd_nl5gc_55", R = "_sizeLg_nl5gc_61", d = {
+  button: j,
+  active: k,
   prevNext: A,
-  sizeSm: j,
-  sizeMd: k,
-  sizeLg: B
-}, x = (n) => {
-  const { page: e, type: a = "page", children: t } = n, { currentPage: l, totalPages: r, disabled: s, onChange: p, size: u } = w(), i = v(), g = e === l, o = s || e < 1 || e > r || g;
-  let d, m;
-  a === "prev" ? (d = i.Pagination.prev, m = t ?? /* @__PURE__ */ c(z, { name: "chevron-left", size: 14 })) : a === "next" ? (d = i.Pagination.next, m = t ?? /* @__PURE__ */ c(z, { name: "chevron-right", size: 14 })) : (d = i.Pagination.Item.page.replace("{page}", String(e)), m = t ?? e);
-  const M = f(_.button, C("size", u, _), {
-    [_.active]: g,
-    [_.prevNext]: a !== "page"
+  sizeSm: D,
+  sizeMd: E,
+  sizeLg: R
+}, b = (a) => {
+  const { page: e, type: i = "page", children: t } = a, { currentPage: g, totalPages: p, disabled: o, onChange: u, size: z } = w(), l = P(), c = e === g, s = o || e < 1 || e > p || c;
+  let r, _;
+  i === "prev" ? (r = l.Pagination.prev, _ = t ?? /* @__PURE__ */ n(x, { name: "chevron-left", size: 14 })) : i === "next" ? (r = l.Pagination.next, _ = t ?? /* @__PURE__ */ n(x, { name: "chevron-right", size: 14 })) : (r = l.Pagination.Item.page.replace("{page}", String(e)), _ = t ?? e);
+  const C = v(d.button, h("size", z, d), {
+    [d.active]: c,
+    [d.prevNext]: i !== "page"
   });
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ n(
     "button",
     {
-      "aria-current": g ? "page" : void 0,
-      "aria-label": d,
-      className: M,
-      disabled: o,
-      onClick: () => p(e),
+      "aria-current": c ? "page" : void 0,
+      "aria-label": r,
+      className: C,
+      disabled: s,
+      onClick: () => u(e),
       type: "button",
-      children: m
+      children: _
     }
   );
-}, D = "Pagination", b = (n, e) => Array.from({ length: e - n + 1 }, (a, t) => n + t), V = (n, e) => {
-  if (e <= 7)
-    return b(1, e);
-  const l = Math.max(n - 1, 1), r = Math.min(n + 1, e), s = l > 2, p = r < e - 1;
-  if (!s && p) {
-    const i = Math.min(r + 1, e);
-    return [...b(1, i), "ellipsis", e];
-  }
-  if (s && !p) {
-    const i = Math.max(l - 1, 1);
-    return [1, "ellipsis", ...b(i, e)];
-  }
-  return [1, "ellipsis", ...b(l, r), "ellipsis", e];
-}, Y = "_root_60eox_6", q = "_disabled_60eox_13", F = "_ellipsis_60eox_18", G = "_sizeSm_60eox_27", H = "_sizeMd_60eox_33", J = "_sizeLg_60eox_39", h = {
+}, V = "Pagination", Y = "_root_60eox_6", q = "_disabled_60eox_13", B = "_ellipsis_60eox_18", F = "_sizeSm_60eox_27", G = "_sizeMd_60eox_33", H = "_sizeLg_60eox_39", m = {
   root: Y,
   disabled: q,
-  ellipsis: F,
-  sizeSm: G,
-  sizeMd: H,
-  sizeLg: J
-}, K = (n) => {
-  const { disabled: e = !1, onChange: a, page: t, showPrevNext: l = !0, size: r = "md", totalPages: s } = n, p = v(), u = y(() => V(t, s), [t, s]), i = R(
-    (o) => {
-      e || o < 1 || o > s || a?.(o);
+  ellipsis: B,
+  sizeSm: F,
+  sizeMd: G,
+  sizeLg: H
+}, J = (a) => {
+  const { disabled: e = !1, onChange: i, page: t, showPrevNext: g = !0, size: p = "md", totalPages: o } = a, u = P(), z = M(() => I(t, o), [t, o]), l = S(
+    (s) => {
+      e || s < 1 || s > o || i?.(s);
     },
-    [e, a, s]
-  ), g = f(h.root, C("size", r, h), { [h.disabled]: e });
-  return /* @__PURE__ */ c(I, { value: { currentPage: t, disabled: e, onChange: i, size: r, totalPages: s }, children: /* @__PURE__ */ N("nav", { "aria-label": p.Pagination.label, className: g, children: [
-    l && /* @__PURE__ */ c(x, { page: t - 1, type: "prev" }),
-    u.map((o, d) => o === "ellipsis" ? /* @__PURE__ */ c("span", { "aria-hidden": "true", className: h.ellipsis, children: "…" }, `ellipsis-${d}`) : /* @__PURE__ */ c(x, { page: o, type: "page" }, o)),
-    l && /* @__PURE__ */ c(x, { page: t + 1, type: "next" })
+    [e, i, o]
+  ), c = v(m.root, h("size", p, m), { [m.disabled]: e });
+  return /* @__PURE__ */ n($, { value: { currentPage: t, disabled: e, onChange: l, size: p, totalPages: o }, children: /* @__PURE__ */ N("nav", { "aria-label": u.Pagination.label, className: c, children: [
+    g && /* @__PURE__ */ n(b, { page: t - 1, type: "prev" }),
+    z.map((s, r) => s === "ellipsis" ? /* @__PURE__ */ n("span", { "aria-hidden": "true", className: m.ellipsis, children: "…" }, `ellipsis-${r}`) : /* @__PURE__ */ n(b, { page: s, type: "page" }, s)),
+    g && /* @__PURE__ */ n(b, { page: t + 1, type: "next" })
   ] }) });
 };
-K.displayName = D;
+J.displayName = V;
 export {
-  K as Pagination
+  J as Pagination
 };