@lazar-ui/kit 0.5.2 → 0.6.0

package/dist/drawer.js

@@ -1,64 +1,57 @@
-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 { 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 "lodash/camelCase";
-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, {
+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, {
       key: c,
-      ...n ? {} : { variant: n ?? (c === 0 ? "primary" : "secondary") }
+      ...r ? {} : { variant: r ?? (c === 0 ? "primary" : "secondary") }
     });
   });
-  return r.length === 0 ? null : /* @__PURE__ */ t("div", { className: te.root, children: l });
+  return n.length === 0 ? null : /* @__PURE__ */ e("div", { className: Q.root, children: i });
 };
-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 });
+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 });
 };
-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);
+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);
       const d = requestAnimationFrame(() => {
         requestAnimationFrame(() => {
           A(!0);
@@ -69,58 +62,44 @@ const ne = "Drawer", se = [o.ACTIONS, o.CONTENT, o.HEADER], E = $(null), ae = ()
     if (m.current) {
       A(!1);
       const d = setTimeout(() => {
-        m.current = !1, D(!1);
-      }, De);
+        m.current = !1, g(!1);
+      }, _e);
       return () => clearTimeout(d);
     }
-  }, [n]);
+  }, [r]);
   const {
-    [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 }
+    [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 }
   );
-  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(
+  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(
     "div",
     {
       "aria-label": "Drawer",
       "aria-modal": "true",
-      className: b,
+      className: I,
       role: "dialog",
-      ...I,
+      ...q,
       ref: f,
       children: [
-        M,
-        g && /* @__PURE__ */ t("div", { className: a.content, children: g }),
-        L
+        z,
+        C && /* @__PURE__ */ e("div", { className: o.content, children: C }),
+        w
       ]
     }
   ) }) }) }) }) }) : null;
 };
-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;
+E.displayName = Z;
+const _ = E;
+_.Actions = v;
+_.Content = D;
+_.Header = F;
 export {
-  p as Drawer,
-  p as default
+  _ as Drawer,
+  _ as default
 };

package/dist/empty-state.css

@@ -1 +1 @@
-._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}
+._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,53 +1,34 @@
-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 });
+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 });
 };
-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
+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
   ] });
 };
-N.displayName = l;
-const _ = N;
-_.Actions = p;
-_.Content = d;
+m.displayName = _;
+const l = m;
+l.Actions = S;
+l.Content = a;
 export {
-  _ as EmptyState
+  l as EmptyState
 };

package/dist/enums-BnuDYTua.mjs

@@ -0,0 +1,4 @@
+var l = /* @__PURE__ */ ((a) => (a.CELL = "Table.Cell", a.ROW = "Table.Row", a.TOOLBAR = "Table.Toolbar", a))(l || {});
+export {
+  l as E
+};

package/dist/enums-CiPhZomh.mjs

@@ -0,0 +1,6 @@
+const r = "Tabs";
+var t = ((a) => (a.PANEL = `${r}.Panel`, a.TAB = `${r}.Tab`, a))(t || {}), A = /* @__PURE__ */ ((a) => (a.BUTTONS = "buttons", a.DEFAULT = "default", a))(A || {});
+export {
+  t as E,
+  A as a
+};

package/dist/enums-DUZMBQDd.mjs

@@ -0,0 +1,7 @@
+const a = "Menu", t = "bottom start";
+var T = ((r) => (r.CHECKBOX = `${a}.Checkbox`, r.CONTENT = `${a}.Content`, r.GROUP = `${a}.Group`, r.ITEM = `${a}.Item`, r.SEPARATOR = `${a}.Separator`, r.TRIGGER = `${a}.Trigger`, r))(T || {});
+export {
+  t as D,
+  T as E,
+  a
+};

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

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

package/dist/group.d.ts

@@ -0,0 +1,12 @@
+import { default as default_2 } from 'react';
+
+export declare const Group: default_2.FC<IProps>;
+
+export declare interface IProps {
+    /** Group label. */
+    label: string;
+    /** Group items. */
+    children: default_2.ReactNode;
+}
+
+export { }

package/dist/group.js

@@ -0,0 +1,4 @@
+import { G as p } from "./Group-DyDpeqOP.mjs";
+export {
+  p as Group
+};

package/dist/header.d.ts

@@ -0,0 +1,21 @@
+import { default as default_2 } from 'react';
+
+/**
+ * Drawer Header sub-component.
+ *
+ * Renders the title and a close button.
+ * Must be used within a Drawer component.
+ *
+ * @example
+ * ```tsx
+ * <Drawer.Header>
+ *   Drawer Title
+ * </Drawer.Header>
+ * ```
+ */
+export declare const Header: default_2.FC<IHeaderProps>;
+
+export declare interface IHeaderProps extends default_2.PropsWithChildren {
+}
+
+export { }

package/dist/header.js

@@ -0,0 +1,4 @@
+import { H as a } from "./Header-Clhgyr0J.mjs";
+export {
+  a as Header
+};

package/dist/heading.d.ts

@@ -0,0 +1,55 @@
+import { default as default_2 } from 'react';
+
+export declare enum EHeadingColor {
+    PRIMARY = "primary",
+    SECONDARY = "secondary",
+    TERTIARY = "tertiary",
+    DISABLED = "disabled",
+    BRAND = "brand"
+}
+
+export declare enum EHeadingSize {
+    XS = "xs",
+    SM = "sm",
+    MD = "md",
+    LG = "lg"
+}
+
+/**
+ * Heading component. Renders a semantic HTML heading (`h1`–`h6`) with preset
+ * font-size, font-weight, line-height, and optional letter-spacing.
+ *
+ * Each size maps to a predefined set of CSS tokens for consistent typography across the UI.
+ *
+ * @example
+ * ```tsx
+ * <Heading as="h1" size="lg">Page title</Heading>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Heading size="xs" color="secondary">Subtitle</Heading>
+ * ```
+ */
+export declare const Heading: default_2.FC<IHeadingProps>;
+
+export declare interface IHeadingProps extends default_2.PropsWithChildren {
+    /** HTML tag to render. Default: `h2`. */
+    as?: THeadingTag;
+    /** Heading size. Default: `sm`. */
+    size?: THeadingSize;
+    /** Text color token. */
+    color?: THeadingColor;
+    /** Truncate text with ellipsis (single-line). */
+    truncate?: boolean;
+    /** Ref to the root heading element. */
+    ref?: default_2.Ref<HTMLHeadingElement>;
+}
+
+export declare type THeadingColor = `${EHeadingColor}`;
+
+export declare type THeadingSize = `${EHeadingSize}`;
+
+export declare type THeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+
+export { }

package/dist/heading.js

@@ -0,0 +1,7 @@
+import { H as D } from "./Heading-CL47Fqe7.mjs";
+var t = /* @__PURE__ */ ((r) => (r.XS = "xs", r.SM = "sm", r.MD = "md", r.LG = "lg", r))(t || {}), R = /* @__PURE__ */ ((r) => (r.PRIMARY = "primary", r.SECONDARY = "secondary", r.TERTIARY = "tertiary", r.DISABLED = "disabled", r.BRAND = "brand", r))(R || {});
+export {
+  R as EHeadingColor,
+  t as EHeadingSize,
+  D as Heading
+};

package/dist/input-base.d.ts

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

package/dist/input-base.js

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