@lazar-ui/kit 0.6.0 → 0.6.2

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # Changelog
 
+## [0.6.2] - 2026-06-10
+
+### Bug Fixes
+
+- **build**: удалён depth=1 scan подкомпонентов, который создавал мусорные entry points (`context`, `item`) и дублировал `separator`
+
+### Refactoring
+
+- **Heading, Text**: перемещены в `src/components/Heading/` и `src/components/Text/` как самостоятельные компоненты (ранее лежали внутри `Typography/`)
+- **Typography**: компонент удалён
+
+### Documentation
+
+- **rules**: добавлены секции `Build` (память) и `Test Coverage Generation` в `.opencode/rules/ui-kit.md`
+
+## [0.6.1] - 2026-06-10
+
+### Bug Fixes
+
+- **build**: исправлен экспорт утилит (`getComponentSlots`, `filterValidChildren` и др.) — Pagination/utils/index.ts больше не перезаписывает entry point `utils` в конфиге сборки
+
 ## [0.6.0] - 2026-06-10
 
 ### ⚠ BREAKING CHANGES

package/dist/accordion.js

@@ -1,6 +1,6 @@
 import { jsx as a, jsxs as h } from "react/jsx-runtime";
 import O, { createContext as T, useContext as E, useState as g, useCallback as v } from "react";
-import { i as y } from "./isValidReactNode-D1buElhX.mjs";
+import { i as y } from "./isValidReactNode-CmYwTWCE.mjs";
 import M from "clsx";
 import { I as P } from "./Icon-DUCBChX2.mjs";
 import './accordion.css';const f = T(null), S = () => E(f), N = "Accordion";

package/dist/breadcrumbs.js

@@ -1,7 +1,7 @@
 import { jsx as r, jsxs as h } from "react/jsx-runtime";
 import b from "clsx";
 import E from "react";
-import { i as k } from "./isValidReactNode-D1buElhX.mjs";
+import { i as k } from "./isValidReactNode-CmYwTWCE.mjs";
 import "lodash/camelCase";
 import './breadcrumbs.css';const _ = "Breadcrumbs", I = "/";
 var N = ((l) => (l.ITEM = `${_}.Item`, l))(N || {});

package/dist/checkbox.css

@@ -0,0 +1 @@
+:root{--checkbox-bg: var(--lui-color-background-primary);--checkbox-border: var(--lui-color-border-primary);--checkbox-checked-bg: var(--lui-color-background-brand);--checkbox-checked-border: var(--lui-color-background-brand);--checkbox-check-color: var(--lui-color-text-on-brand);--checkbox-disabled-bg: var(--lui-color-background-disabled);--checkbox-disabled-border: var(--lui-color-border-disabled);--checkbox-disabled-check: var(--lui-color-text-disabled);--checkbox-invalid-border: var(--lui-color-border-focus-error);--checkbox-radius: var(--lui-radius-1);--checkbox-gap-sm: var(--lui-space-1);--checkbox-gap-md: var(--lui-space-2)}._root_tw8jr_16{align-items:center;cursor:pointer;display:flex;position:relative;-webkit-user-select:none;user-select:none;width:100%}._root_tw8jr_16._disabled_tw8jr_24{cursor:not-allowed}._root_tw8jr_16._disabled_tw8jr_24 ._checkbox_tw8jr_27:before{background-color:var(--checkbox-disabled-bg);border-color:var(--checkbox-disabled-border)}._root_tw8jr_16._disabled_tw8jr_24 ._input_tw8jr_31:checked+._checkbox_tw8jr_27:after,._root_tw8jr_16._disabled_tw8jr_24._indeterminate_tw8jr_31 ._checkbox_tw8jr_27:after{background-color:var(--checkbox-disabled-check)}._root_tw8jr_16._invalid_tw8jr_34 ._checkbox_tw8jr_27:before{border-color:var(--checkbox-invalid-border)}._root_tw8jr_16._sizeSm_tw8jr_37{gap:var(--checkbox-gap-sm)}._root_tw8jr_16._sizeSm_tw8jr_37 ._checkbox_tw8jr_27{flex-basis:20px;height:20px;width:20px}._root_tw8jr_16._sizeSm_tw8jr_37 ._checkbox_tw8jr_27:after{height:12px;width:12px}._root_tw8jr_16._sizeSm_tw8jr_37 ._label_tw8jr_49{font-size:var(--lui-font-size-sm);font-weight:var(--lui-font-weight-medium);line-height:var(--line-height-sm)}._root_tw8jr_16._sizeMd_tw8jr_54{gap:var(--checkbox-gap-md)}._root_tw8jr_16._sizeMd_tw8jr_54 ._checkbox_tw8jr_27{flex-basis:24px;height:24px;width:24px}._root_tw8jr_16._sizeMd_tw8jr_54 ._checkbox_tw8jr_27:after{height:14px;width:14px}._root_tw8jr_16._sizeMd_tw8jr_54 ._label_tw8jr_49{font-size:var(--lui-font-size-md);font-weight:var(--lui-font-weight-medium);line-height:var(--line-height-md)}._root_tw8jr_16._sizeLg_tw8jr_71{gap:var(--checkbox-gap-md)}._root_tw8jr_16._sizeLg_tw8jr_71 ._checkbox_tw8jr_27{flex-basis:28px;height:28px;width:28px}._root_tw8jr_16._sizeLg_tw8jr_71 ._checkbox_tw8jr_27:after{height:16px;width:16px}._root_tw8jr_16._sizeLg_tw8jr_71 ._label_tw8jr_49{font-size:var(--lui-font-size-lg);font-weight:var(--lui-font-weight-medium);line-height:var(--line-height-lg)}._checkbox_tw8jr_27{flex-grow:0;flex-shrink:0;padding:2px;position:relative}._checkbox_tw8jr_27:after{background-color:var(--checkbox-bg);content:"";height:14px;inset:0;margin:auto;position:absolute;width:14px}._checkbox_tw8jr_27:before{background-color:var(--checkbox-bg);border:1px solid var(--checkbox-border);border-radius:var(--checkbox-radius);content:"";inset:2px;position:absolute}._input_tw8jr_31:checked+._checkbox_tw8jr_27:before,._indeterminate_tw8jr_31 ._checkbox_tw8jr_27:before{background-color:var(--checkbox-checked-bg);border-color:var(--checkbox-checked-border)}._input_tw8jr_31:checked+._checkbox_tw8jr_27:after{clip-path:path(evenodd,"M10.9593 2.79299C11.3498 2.40252 11.9828 2.40263 12.3734 2.79299C12.7639 3.18352 12.7639 3.81653 12.3734 4.20706L5.95735 10.624C5.56693 11.0145 4.93383 11.0142 4.54328 10.624L1.62629 7.70706L1.55793 7.63089C1.23758 7.23811 1.26018 6.65911 1.62629 6.29299C1.99241 5.92688 2.57141 5.90429 2.96418 6.22464L3.04035 6.29299L5.24934 8.50198L10.9593 2.79299Z")}._indeterminate_tw8jr_31 ._checkbox_tw8jr_27:after{clip-path:path(evenodd,"M11.0836 6L11.1852 6.00488C11.6896 6.05592 12.0836 6.4821 12.0836 7C12.0836 7.5179 11.6896 7.94408 11.1852 7.99512L11.0836 8H2.91666C2.36437 8 1.91666 7.55228 1.91666 7C1.91666 6.44772 2.36437 6 2.91666 6H11.0836Z")}._input_tw8jr_31{left:0;position:absolute;visibility:hidden}._label_tw8jr_49{color:var(--lui-color-text-secondary);display:block}

package/dist/checkbox.d.ts

@@ -1,16 +1,41 @@
 import { default as default_2 } from 'react';
 
-export declare const Checkbox: default_2.FC<IProps>;
+/**
+ * Checkbox component. Renders a native checkbox with a custom visual indicator, label, and support for indeterminate state.
+ *
+ * @example
+ * ```tsx
+ * <Checkbox>Accept terms</Checkbox>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Checkbox indeterminate checked={false}>
+ *   Select all
+ * </Checkbox>
+ * ```
+ */
+export declare const Checkbox: default_2.FC<default_2.PropsWithChildren<IProps>>;
 
-export declare interface IProps {
-    /** Children (item label). */
-    children: default_2.ReactNode;
-    /** Whether the item is checked. */
-    checked: boolean;
-    /** Callback when checked state changes. */
-    onCheckedChange?: (checked: boolean) => void;
-    /** Whether the item is disabled. */
-    disabled?: boolean;
+declare enum ECheckboxSize {
+    SM = "sm",
+    MD = "md",
+    LG = "lg"
 }
 
+export declare interface IProps extends Omit<default_2.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'onChange'> {
+    /** Ref to the native input element. */
+    ref?: default_2.Ref<HTMLInputElement>;
+    /** When true, the checkbox shows a dash instead of a checkmark. Useful for "select all" states. */
+    indeterminate?: boolean;
+    /** When true, the checkbox border turns red to indicate a validation error. */
+    invalid?: boolean;
+    /** Checkbox size: sm, md, lg. */
+    size?: TCheckboxSize;
+    /** Change handler, receives the new checked state. */
+    onChange?: (checked: boolean) => void;
+}
+
+declare type TCheckboxSize = `${ECheckboxSize.SM | ECheckboxSize.MD | ECheckboxSize.LG}`;
+
 export { }

package/dist/checkbox.js

@@ -1,4 +1,42 @@
-import { C as r } from "./Checkbox-Chfzm1Z9.mjs";
+import { jsxs as u, jsx as a } from "react/jsx-runtime";
+import { useRef as p, useCallback as h, useEffect as j } from "react";
+import x from "clsx";
+import { g as z } from "./getVariantClassName-DoCNtwBw.mjs";
+import './checkbox.css';const w = "Checkbox", g = "_root_tw8jr_16", k = "_disabled_tw8jr_24", C = "_checkbox_tw8jr_27", N = "_input_tw8jr_31", v = "_indeterminate_tw8jr_31", y = "_invalid_tw8jr_34", L = "_sizeSm_tw8jr_37", M = "_label_tw8jr_49", S = "_sizeMd_tw8jr_54", R = "_sizeLg_tw8jr_71", e = {
+  root: g,
+  disabled: k,
+  checkbox: C,
+  input: N,
+  indeterminate: v,
+  invalid: y,
+  sizeSm: L,
+  label: M,
+  sizeMd: S,
+  sizeLg: R
+}, A = (o) => {
+  const { ref: t, children: r, indeterminate: n, invalid: l = !1, size: _ = "md", onChange: d, ...c } = o, i = p(null), m = h(
+    (s) => {
+      i.current = s, typeof t == "function" ? t(s) : t && (t.current = s);
+    },
+    [t]
+  );
+  j(() => {
+    i.current && (i.current.indeterminate = !!n);
+  }, [n]);
+  const b = x(e.root, z("size", _, e), {
+    [e.disabled]: c.disabled === !0,
+    [e.indeterminate]: n,
+    [e.invalid]: l
+  }), f = (s) => {
+    d?.(s.target.checked);
+  };
+  return /* @__PURE__ */ u("label", { className: b, children: [
+    /* @__PURE__ */ a("input", { ref: m, className: e.input, onChange: f, type: "checkbox", ...c }),
+    /* @__PURE__ */ a("span", { className: e.checkbox }),
+    r && /* @__PURE__ */ a("span", { className: e.label, children: r })
+  ] });
+};
+A.displayName = w;
 export {
-  r as Checkbox
+  A as Checkbox
 };

package/dist/dialog.css

@@ -1 +1 @@
-._root_1fxwu_1{display:flex;gap:var(--dialog-actions-gap)}._root_jagsa_1{max-height:100%;overflow-y:auto}:root{--dialog-underlay: var(--lui-color-background-overlay);--dialog-bg: var(--lui-color-background-primary);--dialog-radius: var(--lui-radius-3);--dialog-shadow: 0 20px 24px -4px rgb(16 24 40 / .08), 0 8px 8px -4px rgb(16 24 40 / .03);--dialog-padding: var(--lui-space-8);--dialog-gap: var(--lui-space-6);--dialog-header-gap: var(--lui-space-6);--dialog-header-min-height: calc(24px + var(--lui-space-6));--dialog-close-color: var(--lui-palette-gray-400);--dialog-close-padding: var(--lui-space-3);--dialog-actions-padding-top: var(--lui-space-10);--dialog-width-xs: 384px;--dialog-width-sm: 480px;--dialog-width-md: 560px;--dialog-width-lg: 640px;--dialog-title-font-size: var(--lui-font-size-md);--dialog-title-weight: var(--lui-font-weight-semibold);--dialog-title-color: var(--lui-color-text-primary);--dialog-title-font-family: var(--lui-font-family-body);--dialog-title-line-height: var(--line-height-md);--dialog-actions-gap: var(--lui-space-4)}._underlay_100vj_25{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--dialog-underlay);inset:0;padding:var(--lui-space-4);position:fixed;z-index:1000}._modal_100vj_34{align-items:center;display:flex;height:100%;justify-content:center}._dialog_100vj_41{background:var(--dialog-bg);border-radius:var(--dialog-radius);box-shadow:var(--dialog-shadow);display:flex;flex-direction:column;gap:var(--dialog-gap);padding:var(--dialog-padding);position:relative}._dialog_100vj_41._sizeXs_100vj_51{width:var(--dialog-width-xs)}._dialog_100vj_41._sizeSm_100vj_54{width:var(--dialog-width-sm)}._dialog_100vj_41._sizeMd_100vj_57{width:var(--dialog-width-md)}._dialog_100vj_41._sizeLg_100vj_60{width:var(--dialog-width-lg)}._header_100vj_64{align-items:center;display:flex;gap:var(--dialog-header-gap);min-height:var(--dialog-header-min-height)}._close_100vj_71{color:var(--dialog-close-color);padding:var(--dialog-close-padding);position:absolute;right:var(--lui-space-4);top:var(--lui-space-4)}._actions_100vj_79{padding-top:var(--dialog-actions-padding-top)}
+._root_1fxwu_1{display:flex;gap:var(--dialog-actions-gap)}._root_jagsa_1{max-height:100%;overflow-y:auto}:root{--dialog-underlay: var(--lui-color-background-overlay);--dialog-bg: var(--lui-color-background-primary);--dialog-radius: var(--lui-radius-3);--dialog-shadow: 0 20px 24px -4px rgb(16 24 40 / .08), 0 8px 8px -4px rgb(16 24 40 / .03);--dialog-padding: var(--lui-space-8);--dialog-gap: var(--lui-space-6);--dialog-header-gap: var(--lui-space-6);--dialog-header-min-height: calc(24px + var(--lui-space-6));--dialog-close-color: var(--lui-palette-gray-400);--dialog-close-padding: var(--lui-space-3);--dialog-actions-padding-top: var(--lui-space-10);--dialog-width-xs: 384px;--dialog-width-sm: 480px;--dialog-width-md: 560px;--dialog-width-lg: 640px;--dialog-title-font-size: var(--lui-font-size-md);--dialog-title-weight: var(--lui-font-weight-semibold);--dialog-title-color: var(--lui-color-text-primary);--dialog-title-font-family: var(--lui-font-family-body);--dialog-title-line-height: var(--line-height-md);--dialog-actions-gap: var(--lui-space-4)}._underlay_100vj_25{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--dialog-underlay);inset:0;padding:var(--lui-space-4);position:fixed;z-index:1000}._modal_100vj_34{align-items:center;display:flex;height:100%;justify-content:center}._dialog_100vj_41{background:var(--dialog-bg);border-radius:var(--dialog-radius);box-shadow:var(--dialog-shadow);display:flex;flex-direction:column;gap:var(--dialog-gap);padding:var(--dialog-padding);position:relative}._dialog_100vj_41._sizeXs_100vj_51{width:var(--dialog-width-xs)}._dialog_100vj_41._sizeSm_100vj_54{width:var(--dialog-width-sm)}._dialog_100vj_41._sizeMd_100vj_57{width:var(--dialog-width-md)}._dialog_100vj_41._sizeLg_100vj_60{width:var(--dialog-width-lg)}._header_100vj_64{align-items:center;display:flex;gap:var(--dialog-header-gap);min-height:var(--dialog-header-min-height)}._close_100vj_71{color:var(--dialog-close-color);padding:var(--dialog-close-padding);position:absolute;right:var(--lui-space-4);top:var(--lui-space-4)}._actions_100vj_79{padding-top:var(--dialog-actions-padding-top)}._root_1ae0y_1{color:var(--dialog-title-color);font-family:var(--dialog-title-font-family);font-size:var(--dialog-title-font-size);font-style:normal;font-weight:var(--dialog-title-weight);line-height:var(--dialog-title-line-height);max-height:100%}

package/dist/dialog.js

@@ -1,28 +1,28 @@
-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 { jsx as s, jsxs as _ } from "react/jsx-runtime";
+import { useRef as N, useMemo as A } from "react";
+import E from "clsx";
+import { useDialog as x, useModalOverlay as M, Overlay as P, UNSAFE_PortalProvider as $ } from "react-aria";
+import { useOverlayTriggerState as b } 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 w } from "./getVariantClassName-DoCNtwBw.mjs";
-import './dialog.css';const F = "_root_1fxwu_1", K = {
+import './dialog.css';var e = /* @__PURE__ */ ((o) => (o.ACTIONS = "Dialog.Actions", o.CONTENT = "Dialog.Content", o.TITLE = "Dialog.Title", o))(e || {});
+const F = "_root_1fxwu_1", K = {
   root: F
-}, g = (t) => {
-  const { children: a } = t;
-  return /* @__PURE__ */ o("div", { className: K.root, children: a });
+}, g = (o) => {
+  const { children: t } = o;
+  return /* @__PURE__ */ s("div", { className: K.root, children: t });
 };
-g.displayName = s.ACTIONS;
+g.displayName = e.ACTIONS;
 const U = "_root_jagsa_1", V = {
   root: U
-}, p = (t) => {
-  const { children: a } = t;
-  return /* @__PURE__ */ o("div", { className: V.root, children: a });
+}, u = (o) => {
+  const { children: t } = o;
+  return /* @__PURE__ */ s("div", { className: V.root, children: t });
 };
-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 = {
+u.displayName = e.CONTENT;
+const Y = "Dialog", q = [e.ACTIONS, e.CONTENT, e.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", a = {
   underlay: B,
   modal: G,
   dialog: H,
@@ -33,35 +33,42 @@ const Y = "Dialog", q = [s.ACTIONS, s.CONTENT, s.TITLE], B = "_underlay_100vj_25
   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(
-    { isDismissable: !f, isKeyboardDismissDisabled: !1 },
+}, T = (o) => {
+  const { children: t, container: p, open: i, modal: C = !0, onOpenChange: f, size: h = "md" } = o, y = X(), r = N(null), n = N(null), { dialogProps: z } = x(o, r), c = b({ isOpen: i, onOpenChange: f }), { modalProps: D, underlayProps: O } = M(
+    { isDismissable: !C, isKeyboardDismissDisabled: !1 },
     c,
     n
   ), {
-    [s.ACTIONS]: d,
-    [s.CONTENT]: m,
-    [s.TITLE]: j
-  } = L(() => k(a, q), [a]), O = (E) => {
-    E.preventDefault(), c.close();
+    [e.ACTIONS]: d,
+    [e.CONTENT]: m,
+    [e.TITLE]: j
+  } = A(() => k(t, q), [t]), I = (L) => {
+    L.preventDefault(), c.close();
   };
   if (!i)
     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: [
-    /* @__PURE__ */ _("div", { className: e.header, children: [
+  const S = E(a.dialog, w("size", h, a));
+  return /* @__PURE__ */ s(P, { portalContainer: p, children: /* @__PURE__ */ s("div", { className: a.underlay, ...O, children: /* @__PURE__ */ s("div", { className: a.modal, ...D, ref: n, children: /* @__PURE__ */ s($, { getContainer: () => n.current, children: /* @__PURE__ */ _("div", { className: S, ...z, ref: r, children: [
+    /* @__PURE__ */ _("div", { className: a.header, children: [
       j,
-      /* @__PURE__ */ o("button", { "aria-label": h.Dialog.close, className: e.close, onClick: O, children: /* @__PURE__ */ o(X, { name: "x", size: 16 }) })
+      /* @__PURE__ */ s("button", { "aria-label": y.Dialog.close, className: a.close, onClick: I, children: /* @__PURE__ */ s(R, { name: "x", size: 16 }) })
     ] }),
-    m && /* @__PURE__ */ o("div", { children: m }),
-    d && /* @__PURE__ */ o("div", { className: e.actions, children: d })
+    m && /* @__PURE__ */ s("div", { children: m }),
+    d && /* @__PURE__ */ s("div", { className: a.actions, children: d })
   ] }) }) }) }) });
 };
-N.displayName = Y;
-const l = N;
+T.displayName = Y;
+const to = "_root_1ae0y_1", ao = {
+  root: to
+}, v = (o) => {
+  const { children: t } = o;
+  return /* @__PURE__ */ s("div", { className: ao.root, children: t });
+};
+v.displayName = e.TITLE;
+const l = T;
 l.Actions = g;
-l.Content = p;
-l.Title = I;
+l.Content = u;
+l.Title = v;
 export {
   l as Dialog,
   l as default

package/dist/drawer.css

@@ -1 +1 @@
-._root_1m4yu_1{display:flex;gap:var(--lui-space-2)}._root_jagsa_1{max-height:100%;overflow-y:auto}:root{--drawer-underlay: var(--lui-color-background-overlay);--drawer-bg: var(--lui-color-background-primary);--drawer-shadow: 0 20px 24px -4px rgb(16 24 40 / .08), 0 8px 8px -4px rgb(16 24 40 / .03);--drawer-padding: var(--lui-space-8);--drawer-gap: var(--lui-space-6);--drawer-header-gap: var(--lui-space-6);--drawer-header-min-height: calc(24px + var(--lui-space-6));--drawer-close-color: var(--lui-palette-gray-400);--drawer-close-padding: var(--lui-space-3);--drawer-width-sm: 384px;--drawer-width-md: 480px;--drawer-width-lg: 640px;--drawer-height-sm: 320px;--drawer-height-md: 480px;--drawer-height-lg: 640px;--drawer-title-font-size: var(--lui-font-size-md);--drawer-title-weight: var(--lui-font-weight-semibold);--drawer-title-color: var(--lui-color-text-primary);--drawer-title-font-family: var(--lui-font-family-body);--drawer-title-line-height: var(--line-height-md)}._underlay_qcy0k_24{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--drawer-underlay);inset:0;position:fixed;z-index:1000}._modal_qcy0k_32{display:flex;height:100%}._drawer_qcy0k_37{background:var(--drawer-bg);box-shadow:var(--drawer-shadow);display:flex;flex-direction:column;gap:var(--drawer-gap);padding:var(--drawer-padding);position:fixed;transition:transform .3s ease}._drawer_qcy0k_37._placementLeft_qcy0k_47{bottom:0;left:0;top:0;transform:translate(-100%)}._drawer_qcy0k_37._placementLeft_qcy0k_47._entered_qcy0k_53{transform:translate(0)}._drawer_qcy0k_37._placementRight_qcy0k_56{bottom:0;right:0;top:0;transform:translate(100%)}._drawer_qcy0k_37._placementRight_qcy0k_56._entered_qcy0k_53{transform:translate(0)}._drawer_qcy0k_37._placementTop_qcy0k_65{left:0;right:0;top:0;transform:translateY(-100%)}._drawer_qcy0k_37._placementTop_qcy0k_65._entered_qcy0k_53{transform:translateY(0)}._drawer_qcy0k_37._placementBottom_qcy0k_74{bottom:0;left:0;right:0;transform:translateY(100%)}._drawer_qcy0k_37._placementBottom_qcy0k_74._entered_qcy0k_53{transform:translateY(0)}._drawer_qcy0k_37._sizeSm_qcy0k_83{width:var(--drawer-width-sm)}._drawer_qcy0k_37._sizeSm_qcy0k_83._placementTop_qcy0k_65,._drawer_qcy0k_37._sizeSm_qcy0k_83._placementBottom_qcy0k_74{height:var(--drawer-height-sm);width:100%}._drawer_qcy0k_37._sizeMd_qcy0k_90{width:var(--drawer-width-md)}._drawer_qcy0k_37._sizeMd_qcy0k_90._placementTop_qcy0k_65,._drawer_qcy0k_37._sizeMd_qcy0k_90._placementBottom_qcy0k_74{height:var(--drawer-height-md);width:100%}._drawer_qcy0k_37._sizeLg_qcy0k_97{width:var(--drawer-width-lg)}._drawer_qcy0k_37._sizeLg_qcy0k_97._placementTop_qcy0k_65,._drawer_qcy0k_37._sizeLg_qcy0k_97._placementBottom_qcy0k_74{height:var(--drawer-height-lg);width:100%}._content_qcy0k_105{flex:1;overflow-y:auto}
+._root_1m4yu_1{display:flex;gap:var(--lui-space-2)}._root_jagsa_1{max-height:100%;overflow-y:auto}:root{--drawer-underlay: var(--lui-color-background-overlay);--drawer-bg: var(--lui-color-background-primary);--drawer-shadow: 0 20px 24px -4px rgb(16 24 40 / .08), 0 8px 8px -4px rgb(16 24 40 / .03);--drawer-padding: var(--lui-space-8);--drawer-gap: var(--lui-space-6);--drawer-header-gap: var(--lui-space-6);--drawer-header-min-height: calc(24px + var(--lui-space-6));--drawer-close-color: var(--lui-palette-gray-400);--drawer-close-padding: var(--lui-space-3);--drawer-width-sm: 384px;--drawer-width-md: 480px;--drawer-width-lg: 640px;--drawer-height-sm: 320px;--drawer-height-md: 480px;--drawer-height-lg: 640px;--drawer-title-font-size: var(--lui-font-size-md);--drawer-title-weight: var(--lui-font-weight-semibold);--drawer-title-color: var(--lui-color-text-primary);--drawer-title-font-family: var(--lui-font-family-body);--drawer-title-line-height: var(--line-height-md)}._underlay_qcy0k_24{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--drawer-underlay);inset:0;position:fixed;z-index:1000}._modal_qcy0k_32{display:flex;height:100%}._drawer_qcy0k_37{background:var(--drawer-bg);box-shadow:var(--drawer-shadow);display:flex;flex-direction:column;gap:var(--drawer-gap);padding:var(--drawer-padding);position:fixed;transition:transform .3s ease}._drawer_qcy0k_37._placementLeft_qcy0k_47{bottom:0;left:0;top:0;transform:translate(-100%)}._drawer_qcy0k_37._placementLeft_qcy0k_47._entered_qcy0k_53{transform:translate(0)}._drawer_qcy0k_37._placementRight_qcy0k_56{bottom:0;right:0;top:0;transform:translate(100%)}._drawer_qcy0k_37._placementRight_qcy0k_56._entered_qcy0k_53{transform:translate(0)}._drawer_qcy0k_37._placementTop_qcy0k_65{left:0;right:0;top:0;transform:translateY(-100%)}._drawer_qcy0k_37._placementTop_qcy0k_65._entered_qcy0k_53{transform:translateY(0)}._drawer_qcy0k_37._placementBottom_qcy0k_74{bottom:0;left:0;right:0;transform:translateY(100%)}._drawer_qcy0k_37._placementBottom_qcy0k_74._entered_qcy0k_53{transform:translateY(0)}._drawer_qcy0k_37._sizeSm_qcy0k_83{width:var(--drawer-width-sm)}._drawer_qcy0k_37._sizeSm_qcy0k_83._placementTop_qcy0k_65,._drawer_qcy0k_37._sizeSm_qcy0k_83._placementBottom_qcy0k_74{height:var(--drawer-height-sm);width:100%}._drawer_qcy0k_37._sizeMd_qcy0k_90{width:var(--drawer-width-md)}._drawer_qcy0k_37._sizeMd_qcy0k_90._placementTop_qcy0k_65,._drawer_qcy0k_37._sizeMd_qcy0k_90._placementBottom_qcy0k_74{height:var(--drawer-height-md);width:100%}._drawer_qcy0k_37._sizeLg_qcy0k_97{width:var(--drawer-width-lg)}._drawer_qcy0k_37._sizeLg_qcy0k_97._placementTop_qcy0k_65,._drawer_qcy0k_37._sizeLg_qcy0k_97._placementBottom_qcy0k_74{height:var(--drawer-height-lg);width:100%}._content_qcy0k_105{flex:1;overflow-y:auto}:root{--drawer-header-gap: var(--lui-space-6);--drawer-header-min-height: calc(24px + var(--lui-space-6));--drawer-close-color: var(--lui-palette-gray-400);--drawer-close-padding: var(--lui-space-3);--drawer-title-font-size: var(--lui-font-size-md);--drawer-title-weight: var(--lui-font-weight-semibold);--drawer-title-color: var(--lui-color-text-primary);--drawer-title-font-family: var(--lui-font-family-body);--drawer-title-line-height: var(--line-height-md)}._root_1mypq_13{align-items:center;display:flex;gap:var(--drawer-header-gap);min-height:var(--drawer-header-min-height);position:relative}._title_1mypq_21{color:var(--drawer-title-color);flex:1;font-family:var(--drawer-title-font-family);font-size:var(--drawer-title-font-size);font-style:normal;font-weight:var(--drawer-title-weight);line-height:var(--drawer-title-line-height)}._close_1mypq_31{color:var(--drawer-close-color);padding:var(--drawer-close-padding);position:absolute;right:0;top:50%;transform:translateY(-50%)}

package/dist/drawer.js

@@ -1,57 +1,64 @@
-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 { jsx as t, jsxs as w } from "react/jsx-runtime";
+import H, { cloneElement as P, createContext as $, useContext as B, useRef as u, useState as h, useEffect as F, useMemo as j } from "react";
+import { i as V } 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 h } from "./getVariantClassName-DoCNtwBw.mjs";
-import './drawer.css';const J = "_root_1m4yu_1", Q = {
-  root: J
-}, v = ({ children: s }) => {
-  const n = L.Children.toArray(s), i = n.map((a, c) => {
-    if (!H("Button", a))
-      return a;
-    const r = a.props.variant;
-    return P(a, {
+import U from "clsx";
+import { useDialog as K, useModalOverlay as Y, Overlay as G, UNSAFE_PortalProvider as J } from "react-aria";
+import { useOverlayTriggerState as Q } from "react-stately";
+import { g as W } from "./getComponentSlots-DwAYUFNk.mjs";
+import { g as T } from "./getVariantClassName-DoCNtwBw.mjs";
+import { I as X } from "./Icon-DUCBChX2.mjs";
+import { u as Z } from "./useLocale-CJh-krrY.mjs";
+import './drawer.css';var o = /* @__PURE__ */ ((e) => (e.ACTIONS = "Drawer.Actions", e.CONTENT = "Drawer.Content", e.HEADER = "Drawer.Header", e))(o || {});
+const ee = "_root_1m4yu_1", te = {
+  root: ee
+}, v = ({ children: e }) => {
+  const r = H.Children.toArray(e), l = r.map((s, c) => {
+    if (!V("Button", s))
+      return s;
+    const n = s.props.variant;
+    return P(s, {
       key: c,
-      ...r ? {} : { variant: r ?? (c === 0 ? "primary" : "secondary") }
+      ...n ? {} : { variant: n ?? (c === 0 ? "primary" : "secondary") }
     });
   });
-  return n.length === 0 ? null : /* @__PURE__ */ e("div", { className: Q.root, children: i });
+  return r.length === 0 ? null : /* @__PURE__ */ t("div", { className: te.root, children: l });
 };
-v.displayName = t.ACTIONS;
-const W = "_root_jagsa_1", X = {
-  root: W
-}, D = (s) => {
-  const { children: n } = s;
-  return /* @__PURE__ */ e("div", { className: X.root, children: n });
+v.displayName = o.ACTIONS;
+const oe = "_root_jagsa_1", re = {
+  root: oe
+}, q = (e) => {
+  const { children: r } = e;
+  return /* @__PURE__ */ t("div", { className: re.root, children: r });
 };
-D.displayName = t.CONTENT;
-const Z = "Drawer", ee = [t.ACTIONS, t.CONTENT, t.HEADER], te = "_underlay_qcy0k_24", ne = "_modal_qcy0k_32", re = "_drawer_qcy0k_37", oe = "_placementLeft_qcy0k_47", se = "_entered_qcy0k_53", ae = "_placementRight_qcy0k_56", ce = "_placementTop_qcy0k_65", ie = "_placementBottom_qcy0k_74", le = "_sizeSm_qcy0k_83", me = "_sizeMd_qcy0k_90", de = "_sizeLg_qcy0k_97", ue = "_content_qcy0k_105", o = {
-  underlay: te,
-  modal: ne,
-  drawer: re,
-  placementLeft: oe,
-  entered: se,
-  placementRight: ae,
-  placementTop: ce,
-  placementBottom: ie,
-  sizeSm: le,
-  sizeMd: me,
-  sizeLg: de,
-  content: ue
-}, _e = 300, E = (s) => {
-  const { children: n, container: i, dismissable: a = !0, onOpenChange: c, open: r, placement: p = "right", size: S = "md" } = s, f = u(null), l = u(null), { dialogProps: q } = V(s, f), y = Y({ isOpen: r, onOpenChange: c }), { modalProps: O, underlayProps: k } = $(
-    { isDismissable: a, isKeyboardDismissDisabled: !1 },
-    y,
-    l
-  ), [N, g] = T(r || !1), [R, A] = T(!1), m = u(N);
-  b(() => {
-    if (r) {
-      m.current = !0, g(!0);
+q.displayName = o.CONTENT;
+const ne = "Drawer", se = [o.ACTIONS, o.CONTENT, o.HEADER], E = $(null), ae = () => {
+  const e = B(E);
+  if (!e)
+    throw new Error("Drawer sub-components must be used within a Drawer component.");
+  return e;
+}, ce = "_underlay_qcy0k_24", le = "_modal_qcy0k_32", ie = "_drawer_qcy0k_37", me = "_placementLeft_qcy0k_47", de = "_entered_qcy0k_53", ue = "_placementRight_qcy0k_56", _e = "_placementTop_qcy0k_65", pe = "_placementBottom_qcy0k_74", ye = "_sizeSm_qcy0k_83", fe = "_sizeMd_qcy0k_90", Ne = "_sizeLg_qcy0k_97", Ce = "_content_qcy0k_105", a = {
+  underlay: ce,
+  modal: le,
+  drawer: ie,
+  placementLeft: me,
+  entered: de,
+  placementRight: ue,
+  placementTop: _e,
+  placementBottom: pe,
+  sizeSm: ye,
+  sizeMd: fe,
+  sizeLg: Ne,
+  content: Ce
+}, De = 300, O = (e) => {
+  const { children: r, container: l, dismissable: s = !0, onOpenChange: c, open: n, placement: y = "right", size: R = "md" } = e, f = u(null), i = u(null), { dialogProps: I } = K(e, f), N = Q({ isOpen: n, onOpenChange: c }), { modalProps: S, underlayProps: z } = Y(
+    { isDismissable: s, isKeyboardDismissDisabled: !1 },
+    N,
+    i
+  ), [C, D] = h(n || !1), [x, A] = h(!1), m = u(C);
+  F(() => {
+    if (n) {
+      m.current = !0, D(!0);
       const d = requestAnimationFrame(() => {
         requestAnimationFrame(() => {
           A(!0);
@@ -62,44 +69,58 @@ const Z = "Drawer", ee = [t.ACTIONS, t.CONTENT, t.HEADER], te = "_underlay_qcy0k
     if (m.current) {
       A(!1);
       const d = setTimeout(() => {
-        m.current = !1, g(!1);
-      }, _e);
+        m.current = !1, D(!1);
+      }, De);
       return () => clearTimeout(d);
     }
-  }, [r]);
+  }, [n]);
   const {
-    [t.ACTIONS]: w,
-    [t.CONTENT]: C,
-    [t.HEADER]: z
-  } = x(() => G(n, ee), [n]), I = j(
-    o.drawer,
-    h("size", S, o),
-    h("placement", p, o),
-    { [o.entered]: R }
+    [o.ACTIONS]: L,
+    [o.CONTENT]: g,
+    [o.HEADER]: M
+  } = j(() => W(r, se), [r]), b = U(
+    a.drawer,
+    T("size", R, a),
+    T("placement", y, a),
+    { [a.entered]: x }
   );
-  return N ? /* @__PURE__ */ e(U, { portalContainer: i, children: /* @__PURE__ */ e("div", { className: o.underlay, ...k, children: /* @__PURE__ */ e("div", { className: o.modal, ...O, ref: l, children: /* @__PURE__ */ e(K, { getContainer: () => l.current, children: /* @__PURE__ */ e(B.Provider, { value: { close: () => y.close() }, children: /* @__PURE__ */ M(
+  return C ? /* @__PURE__ */ t(G, { portalContainer: l, children: /* @__PURE__ */ t("div", { className: a.underlay, ...z, children: /* @__PURE__ */ t("div", { className: a.modal, ...S, ref: i, children: /* @__PURE__ */ t(J, { getContainer: () => i.current, children: /* @__PURE__ */ t(E.Provider, { value: { close: () => N.close() }, children: /* @__PURE__ */ w(
     "div",
     {
       "aria-label": "Drawer",
       "aria-modal": "true",
-      className: I,
+      className: b,
       role: "dialog",
-      ...q,
+      ...I,
       ref: f,
       children: [
-        z,
-        C && /* @__PURE__ */ e("div", { className: o.content, children: C }),
-        w
+        M,
+        g && /* @__PURE__ */ t("div", { className: a.content, children: g }),
+        L
       ]
     }
   ) }) }) }) }) }) : null;
 };
-E.displayName = Z;
-const _ = E;
-_.Actions = v;
-_.Content = D;
-_.Header = F;
+O.displayName = ne;
+const Ae = "_root_1mypq_13", ge = "_title_1mypq_21", he = "_close_1mypq_31", _ = {
+  root: Ae,
+  title: ge,
+  close: he
+}, k = (e) => {
+  const { children: r } = e, { close: l } = ae(), s = Z(), c = (n) => {
+    n.preventDefault(), l();
+  };
+  return /* @__PURE__ */ w("div", { className: _.root, children: [
+    /* @__PURE__ */ t("div", { className: _.title, children: r }),
+    /* @__PURE__ */ t("button", { "aria-label": s.Drawer.Header.close, className: _.close, onClick: c, type: "button", children: /* @__PURE__ */ t(X, { name: "x", size: 16 }) })
+  ] });
+};
+k.displayName = o.HEADER;
+const p = O;
+p.Actions = v;
+p.Content = q;
+p.Header = k;
 export {
-  _ as Drawer,
-  _ as default
+  p as Drawer,
+  p as default
 };

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/{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
+};