@lazar-ui/kit 0.6.0 → 0.6.1

package/dist/dialog.js

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

package/dist/drawer.js

@@ -1,12 +1,12 @@
 import { jsx as e, jsxs as M } from "react/jsx-runtime";
 import L, { cloneElement as P, useRef as u, useState as T, useEffect as b, useMemo as x } from "react";
-import { i as H } from "./isValidReactNode-D1buElhX.mjs";
+import { i as H } from "./isValidReactNode-CmYwTWCE.mjs";
 import "lodash/camelCase";
 import { E as t, D as B, H as F } from "./Header-Clhgyr0J.mjs";
 import j from "clsx";
 import { useDialog as V, useModalOverlay as $, Overlay as U, UNSAFE_PortalProvider as K } from "react-aria";
 import { useOverlayTriggerState as Y } from "react-stately";
-import { g as G } from "./getComponentSlots-DD4iju8N.mjs";
+import { g as G } from "./getComponentSlots-DwAYUFNk.mjs";
 import { g as h } from "./getVariantClassName-DoCNtwBw.mjs";
 import './drawer.css';const J = "_root_1m4yu_1", Q = {
   root: J

package/dist/empty-state.css

@@ -1 +1 @@
-._content_laixm_1{width:100%}:root{--empty-state-icon-size: 48px}._root_1fqx3_5{align-items:center;display:flex;flex-direction:column;gap:var(--lui-space-2);padding:var(--lui-space-10) var(--lui-space-5);text-align:center}._icon_1fqx3_14{font-size:var(--empty-state-icon-size);line-height:1;margin-bottom:var(--lui-space-2)}._title_1fqx3_20{color:var(--lui-color-text-primary);font-size:var(--lui-font-size-lg);font-weight:var(--lui-font-weight-semibold);line-height:var(--line-height-lg);margin:0}._description_1fqx3_28{color:var(--lui-color-text-secondary);font-size:var(--lui-font-size-sm);line-height:var(--line-height-sm);margin:0;max-width:400px}
+._actions_dl9xv_1{align-items:center;display:flex;gap:var(--lui-space-2);margin-top:var(--lui-space-2)}._content_laixm_1{width:100%}:root{--empty-state-icon-size: 48px}._root_1fqx3_5{align-items:center;display:flex;flex-direction:column;gap:var(--lui-space-2);padding:var(--lui-space-10) var(--lui-space-5);text-align:center}._icon_1fqx3_14{font-size:var(--empty-state-icon-size);line-height:1;margin-bottom:var(--lui-space-2)}._title_1fqx3_20{color:var(--lui-color-text-primary);font-size:var(--lui-font-size-lg);font-weight:var(--lui-font-weight-semibold);line-height:var(--line-height-lg);margin:0}._description_1fqx3_28{color:var(--lui-color-text-secondary);font-size:var(--lui-font-size-sm);line-height:var(--line-height-sm);margin:0;max-width:400px}

package/dist/empty-state.js

@@ -1,34 +1,53 @@
-import { E as o, D as _, A as S } from "./Actions-CEIXfLKN.mjs";
-import { jsx as t, jsxs as C } from "react/jsx-runtime";
-import T from "clsx";
-import { I as f } from "./Icon-DUCBChX2.mjs";
-import { g as x } from "./getComponentSlots-DD4iju8N.mjs";
-import './empty-state.css';const E = "_content_laixm_1", h = {
-  content: E
-}, a = (s) => {
-  const { children: c } = s;
-  return /* @__PURE__ */ t("div", { className: h.content, children: c });
+import { jsx as e, jsxs as C } from "react/jsx-runtime";
+import S, { cloneElement as T } from "react";
+import { i as f } from "./isValidReactNode-CmYwTWCE.mjs";
+import "lodash/camelCase";
+import A from "clsx";
+import { I as x } from "./Icon-DUCBChX2.mjs";
+import { g as u } from "./getComponentSlots-DwAYUFNk.mjs";
+import './empty-state.css';const l = "EmptyState";
+var o = ((t) => (t.ACTIONS = `${l}.Actions`, t.CONTENT = `${l}.Content`, t))(o || {});
+const v = "_actions_dl9xv_1", E = {
+  actions: v
+}, p = ({ children: t }) => {
+  const s = S.Children.toArray(t), i = s.map((n, c) => {
+    if (!f("Button", n))
+      return n;
+    const r = n.props.variant;
+    return T(n, {
+      key: c,
+      ...r ? {} : { variant: r ?? (c === 0 ? "primary" : "secondary") }
+    });
+  });
+  return s.length === 0 ? null : /* @__PURE__ */ e("div", { className: E.actions, children: i });
 };
-a.displayName = o.CONTENT;
-const y = "_root_1fqx3_5", A = "_icon_1fqx3_14", I = "_title_1fqx3_20", O = "_description_1fqx3_28", n = {
-  root: y,
-  icon: A,
-  title: I,
-  description: O
-}, q = [o.ACTIONS, o.CONTENT], m = (s) => {
-  const { children: c, description: e, icon: i, title: r } = s, p = T(n.root), { [o.ACTIONS]: d, [o.CONTENT]: N } = x(c, q);
-  return /* @__PURE__ */ C("div", { className: p, children: [
-    i && /* @__PURE__ */ t("div", { className: n.icon, children: /* @__PURE__ */ t(f, { name: i, size: 48 }) }),
-    r && /* @__PURE__ */ t("h3", { className: n.title, children: r }),
-    e && /* @__PURE__ */ t("p", { className: n.description, children: e }),
-    N,
-    d
+p.displayName = o.ACTIONS;
+const O = "_content_laixm_1", h = {
+  content: O
+}, d = (t) => {
+  const { children: s } = t;
+  return /* @__PURE__ */ e("div", { className: h.content, children: s });
+};
+d.displayName = o.CONTENT;
+const I = "_root_1fqx3_5", g = "_icon_1fqx3_14", q = "_title_1fqx3_20", $ = "_description_1fqx3_28", a = {
+  root: I,
+  icon: g,
+  title: q,
+  description: $
+}, L = [o.ACTIONS, o.CONTENT], N = (t) => {
+  const { children: s, description: i, icon: n, title: c } = t, r = A(a.root), { [o.ACTIONS]: m, [o.CONTENT]: y } = u(s, L);
+  return /* @__PURE__ */ C("div", { className: r, children: [
+    n && /* @__PURE__ */ e("div", { className: a.icon, children: /* @__PURE__ */ e(x, { name: n, size: 48 }) }),
+    c && /* @__PURE__ */ e("h3", { className: a.title, children: c }),
+    i && /* @__PURE__ */ e("p", { className: a.description, children: i }),
+    y,
+    m
   ] });
 };
-m.displayName = _;
-const l = m;
-l.Actions = S;
-l.Content = a;
+N.displayName = l;
+const _ = N;
+_.Actions = p;
+_.Content = d;
 export {
-  l as EmptyState
+  _ as EmptyState
 };

package/dist/enums-DfSzOa3x.mjs

@@ -0,0 +1,4 @@
+var a = /* @__PURE__ */ ((T) => (T.ACTIONS = "Dialog.Actions", T.CONTENT = "Dialog.Content", T.TITLE = "Dialog.Title", T))(a || {});
+export {
+  a as E
+};

package/dist/enums-OoI2Qgqq.mjs

@@ -0,0 +1,14 @@
+import { createContext as s, useContext as n } from "react";
+const o = s(null), T = () => {
+  const t = n(o);
+  if (!t)
+    throw new Error("useTabsContext should be used inside Tabs component");
+  return t;
+}, e = "Tabs";
+var r = ((t) => (t.PANEL = `${e}.Panel`, t.TAB = `${e}.Tab`, t))(r || {}), a = /* @__PURE__ */ ((t) => (t.BUTTONS = "buttons", t.DEFAULT = "default", t))(a || {});
+export {
+  o as C,
+  r as E,
+  a,
+  T as u
+};

package/dist/{getComponentSlots-DD4iju8N.mjs → getComponentSlots-DwAYUFNk.mjs}

@@ -1,5 +1,5 @@
 import i from "react";
-import { i as n } from "./isValidReactNode-D1buElhX.mjs";
+import { i as n } from "./isValidReactNode-CmYwTWCE.mjs";
 const c = (f, o) => {
   const e = { children: [] };
   return o.forEach((r) => {

package/dist/getDecorationStyle-BCBONKEl.mjs

@@ -0,0 +1,7 @@
+function n(t) {
+  const e = [];
+  return t.underline && e.push("underline"), t.underline === "dotted" && e.push("dotted"), t.strikethrough && e.push("line-through"), e.length > 0 ? { textDecoration: e.join(" ") } : void 0;
+}
+export {
+  n as g
+};

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/item.d.ts

@@ -1,16 +1,42 @@
 import { default as default_2 } from 'react';
+import { IconName } from 'lucide-react/dynamic';
 
-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 interface IItemProps extends default_2.PropsWithChildren {
+    /** Unique value for accordion control mode. */
+    value?: string;
+    /** Icon name displayed before the title. */
+    icon?: IconName;
+    /** Controlled open state. */
+    open?: boolean;
+    /** Callback when open state changes. */
+    onOpenChange?: (isOpen: boolean) => void;
+    /** Item title text. */
+    title: string;
 }
 
+/**
+ * Accordion item. Must be a direct child of `<Accordion>`.
+ *
+ * Can be used standalone without a `value` prop (multi-select, each item manages
+ * its own open state independently) or with a `value` prop for single-select mode
+ * controlled by the parent Accordion via `defaultValue` or `value` + `onValueChange`.
+ *
+ * @example
+ * // Standalone without `value` (multi-select)
+ * ```tsx
+ * <Accordion.Item title="Settings" icon="settings">
+ *   Settings content
+ * </Accordion.Item>
+ * ```
+ *
+ * @example
+ * // With `value` for single-select
+ * ```tsx
+ * <Accordion.Item value="settings" title="Settings">
+ *   Settings content
+ * </Accordion.Item>
+ * ```
+ */
 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

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

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_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}

package/dist/menu.js

@@ -1,60 +1,99 @@
-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 { jsxs as h, jsx as n } 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 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 './menu.css';const u = () => {
+  const { state: s } = E();
+  return {
+    close: () => {
+      s.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
+  );
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      "aria-checked": o,
+      "aria-disabled": e,
+      className: c,
+      onClick: () => {
+        e || (t && t(!o), a());
+      },
+      role: "menuitemcheckbox",
+      tabIndex: e ? -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 })
+      ]
+    }
+  );
 };
-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
+k.displayName = m.CHECKBOX;
+const L = "_root_1h0xj_14", R = {
+  root: L
+}, N = (s) => {
+  const { children: o } = s;
+  return /* @__PURE__ */ n(b.Content, { padding: !1, children: /* @__PURE__ */ n("div", { className: R.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) });
+};
+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,
+  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
   );
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ h(
     "div",
     {
-      "aria-disabled": o,
+      "aria-disabled": e,
       className: _,
       onClick: () => {
-        o || (t && t(), a());
+        e || (a && a(), c());
       },
       role: "menuitem",
-      tabIndex: o ? -1 : 0,
+      tabIndex: e ? -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 })
+        t && /* @__PURE__ */ n("span", { className: i.icon, children: /* @__PURE__ */ n(C, { name: t, size: 16 }) }),
+        /* @__PURE__ */ n("span", { className: i.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;
+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;
 export {
-  e as Menu
+  r as Menu
 };

package/dist/pagination.js

@@ -1,63 +1,75 @@
-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)
+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)
     throw new Error("Pagination sub-component must be used within a Pagination");
-  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,
+  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,
   prevNext: A,
-  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"
+  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"
   });
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ c(
     "button",
     {
-      "aria-current": c ? "page" : void 0,
-      "aria-label": r,
-      className: C,
-      disabled: s,
-      onClick: () => u(e),
+      "aria-current": g ? "page" : void 0,
+      "aria-label": d,
+      className: M,
+      disabled: o,
+      onClick: () => p(e),
       type: "button",
-      children: _
+      children: m
     }
   );
-}, 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 = {
+}, 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 = {
   root: Y,
   disabled: q,
-  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);
+  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);
     },
-    [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" })
+    [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" })
   ] }) });
 };
-J.displayName = V;
+K.displayName = D;
 export {
-  J as Pagination
+  K as Pagination
 };

package/dist/panel.js

@@ -1,4 +1,4 @@
-import { P as o } from "./Panel-Q06TIYep.mjs";
+import { P as o } from "./Panel-B-LZtrGB.mjs";
 export {
   o as Panel
 };