@lazar-ui/kit 0.6.0 → 0.6.1

package/dist/radio.css

@@ -1 +1 @@
-@charset "UTF-8";:root{--radio-bg: var(--lui-color-background-primary);--radio-border: var(--lui-color-border-primary);--radio-checked-bg: var(--lui-color-background-brand);--radio-checked-border: var(--lui-color-background-brand);--radio-dot-color: var(--lui-color-text-on-brand);--radio-disabled-bg: var(--lui-color-background-disabled);--radio-disabled-border: var(--lui-color-border-disabled);--radio-disabled-dot: var(--lui-color-text-disabled);--radio-error-border: var(--lui-color-border-focus-error);--radio-error-checked-bg: var(--lui-color-background-error);--radio-error-checked-border: var(--lui-color-background-error);--radio-radius: var(--lui-radius-full);--radio-hover-border: var(--lui-palette-gray-400);--radio-focus-shadow: 0 0 0 2px var(--lui-palette-brand-secondary);--radio-label-color: var(--lui-color-text-primary);--radio-description-color: var(--lui-color-text-tertiary);--radio-label-font-weight: var(--lui-font-weight-medium);--radio-gap: var(--lui-space-2);--radio-content-gap: 2px;--radio-content-padding-top: 1px;--radio-group-gap: var(--lui-space-2);--radio-transition-duration: .15s;--radio-transition-timing: cubic-bezier(.4, 0, .2, 1)}._root_pott0_33{border:none;display:flex;flex-direction:column;margin:0;padding:0}._root_pott0_33._vertical_pott0_40 ._group_pott0_40{flex-direction:column}._root_pott0_33._horizontal_pott0_43 ._group_pott0_40{flex-direction:row}._group_pott0_40{display:flex;gap:var(--radio-group-gap)}
+@charset "UTF-8";._item_1mf7l_3{align-items:flex-start;cursor:pointer;display:inline-flex;gap:var(--radio-gap);position:relative;-webkit-user-select:none;user-select:none;vertical-align:middle}._item_1mf7l_3._disabled_1mf7l_12{cursor:not-allowed;opacity:.5}._item_1mf7l_3._invalid_1mf7l_17 ._radio_1mf7l_17{border-color:var(--radio-error-border)}._item_1mf7l_3._invalid_1mf7l_17 ._input_1mf7l_20:checked+._radio_1mf7l_17{background-color:var(--radio-error-checked-bg);border-color:var(--radio-error-checked-border)}._input_1mf7l_20{border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}._radio_1mf7l_17{align-items:center;background:var(--radio-bg);border:1px solid var(--radio-border);border-radius:var(--radio-radius);display:flex;flex-shrink:0;justify-content:center;position:relative;transition:background var(--radio-transition-duration) var(--radio-transition-timing),border-color var(--radio-transition-duration) var(--radio-transition-timing)}._radio_1mf7l_17:after{background:var(--radio-dot-color);border-radius:50%;content:"";opacity:0;position:absolute;transition:opacity var(--radio-transition-duration) var(--radio-transition-timing),transform var(--radio-transition-duration) var(--radio-transition-timing)}._content_1mf7l_63{display:flex;flex-direction:column;gap:var(--radio-content-gap);padding-top:var(--radio-content-padding-top)}._label_1mf7l_70{color:var(--radio-label-color);font-weight:var(--radio-label-font-weight)}._description_1mf7l_75{color:var(--radio-description-color);font-weight:var(--lui-font-weight-normal)}._item_1mf7l_3:not(._disabled_1mf7l_12) ._input_1mf7l_20:not(:checked):hover+._radio_1mf7l_17{border-color:var(--radio-hover-border)}._input_1mf7l_20:focus-visible+._radio_1mf7l_17{box-shadow:var(--radio-focus-shadow)}._input_1mf7l_20:checked+._radio_1mf7l_17{background:var(--radio-checked-bg);border-color:var(--radio-checked-border)}._input_1mf7l_20:checked+._radio_1mf7l_17:after{opacity:1}._disabled_1mf7l_12 ._input_1mf7l_20:checked+._radio_1mf7l_17{background:var(--radio-disabled-bg);border-color:var(--radio-disabled-border)}._disabled_1mf7l_12 ._input_1mf7l_20:checked+._radio_1mf7l_17:after{background:var(--radio-disabled-dot)}._disabled_1mf7l_12 ._input_1mf7l_20:not(:checked)+._radio_1mf7l_17{background:var(--radio-disabled-bg);border-color:var(--radio-disabled-border)}._sizeSm_1mf7l_113 ._radio_1mf7l_17{height:16px;width:16px}._sizeSm_1mf7l_113 ._radio_1mf7l_17:after{height:6px;width:6px}._sizeSm_1mf7l_113 ._label_1mf7l_70{font-size:var(--lui-font-size-sm);line-height:var(--line-height-sm)}._sizeSm_1mf7l_113 ._description_1mf7l_75{font-size:var(--lui-font-size-xs);line-height:var(--line-height-xs)}._sizeMd_1mf7l_130 ._radio_1mf7l_17{height:20px;width:20px}._sizeMd_1mf7l_130 ._radio_1mf7l_17:after{height:8px;width:8px}._sizeMd_1mf7l_130 ._label_1mf7l_70{font-size:var(--lui-font-size-md);line-height:var(--line-height-md)}._sizeMd_1mf7l_130 ._description_1mf7l_75{font-size:var(--lui-font-size-sm);line-height:var(--line-height-sm)}._sizeLg_1mf7l_147 ._radio_1mf7l_17{height:24px;width:24px}._sizeLg_1mf7l_147 ._radio_1mf7l_17:after{height:10px;width:10px}._sizeLg_1mf7l_147 ._label_1mf7l_70{font-size:var(--lui-font-size-lg);line-height:var(--line-height-lg)}._sizeLg_1mf7l_147 ._description_1mf7l_75{font-size:var(--lui-font-size-md);line-height:var(--line-height-md)}:root{--radio-bg: var(--lui-color-background-primary);--radio-border: var(--lui-color-border-primary);--radio-checked-bg: var(--lui-color-background-brand);--radio-checked-border: var(--lui-color-background-brand);--radio-dot-color: var(--lui-color-text-on-brand);--radio-disabled-bg: var(--lui-color-background-disabled);--radio-disabled-border: var(--lui-color-border-disabled);--radio-disabled-dot: var(--lui-color-text-disabled);--radio-error-border: var(--lui-color-border-focus-error);--radio-error-checked-bg: var(--lui-color-background-error);--radio-error-checked-border: var(--lui-color-background-error);--radio-radius: var(--lui-radius-full);--radio-hover-border: var(--lui-palette-gray-400);--radio-focus-shadow: 0 0 0 2px var(--lui-palette-brand-secondary);--radio-label-color: var(--lui-color-text-primary);--radio-description-color: var(--lui-color-text-tertiary);--radio-label-font-weight: var(--lui-font-weight-medium);--radio-gap: var(--lui-space-2);--radio-content-gap: 2px;--radio-content-padding-top: 1px;--radio-group-gap: var(--lui-space-2);--radio-transition-duration: .15s;--radio-transition-timing: cubic-bezier(.4, 0, .2, 1)}._root_pott0_33{border:none;display:flex;flex-direction:column;margin:0;padding:0}._root_pott0_33._vertical_pott0_40 ._group_pott0_40{flex-direction:column}._root_pott0_33._horizontal_pott0_43 ._group_pott0_40{flex-direction:row}._group_pott0_40{display:flex;gap:var(--radio-group-gap)}

package/dist/radio.js

@@ -1,57 +1,113 @@
-import { C as V, D as h, I as M } from "./Item-JbyvZy05.mjs";
-import { jsx as s } from "react/jsx-runtime";
-import P, { useId as z, useState as A, useCallback as E } from "react";
-import T from "clsx";
-import { i as b } from "./isValidReactNode-D1buElhX.mjs";
+import { jsx as s, jsxs as z } from "react/jsx-runtime";
+import L, { createContext as S, useContext as E, useId as P, useState as A, useCallback as x, useRef as D } from "react";
+import I from "clsx";
+import { g as T } from "./getVariantClassName-DoCNtwBw.mjs";
+import { i as k } from "./isValidReactNode-CmYwTWCE.mjs";
 import "lodash/camelCase";
-import './radio.css';const x = (e) => {
-  const { children: i, name: c, value: t, defaultValue: d, onChange: a, size: r, disabled: m, invalid: u } = e, p = z(), v = c ?? p, o = t !== void 0, [n, g] = A(d), N = o ? t : n, I = E(
-    (C) => {
-      o || g(C), a?.(C);
+import './radio.css';const R = S(null), $ = () => {
+  const e = E(R);
+  if (!e)
+    throw new Error("useRadioContext should be used inside Radio component");
+  return e;
+}, j = (e) => {
+  const { children: n, name: a, value: i, defaultValue: l, onChange: r, size: m, disabled: _, invalid: t } = e, p = P(), v = a ?? p, c = i !== void 0, [d, f] = A(l), g = c ? i : d, N = x(
+    (h) => {
+      c || f(h), r?.(h);
     },
-    [o, a]
+    [c, r]
   );
-  return /* @__PURE__ */ s(V.Provider, { value: { disabled: m, invalid: u, name: v, onChange: I, size: r, value: N }, children: i });
+  return /* @__PURE__ */ s(R.Provider, { value: { disabled: _, invalid: t, name: v, onChange: N, size: m, value: g }, children: n });
+}, b = "Radio", w = "_item_1mf7l_3", B = "_disabled_1mf7l_12", O = "_invalid_1mf7l_17", G = "_radio_1mf7l_17", U = "_input_1mf7l_20", Y = "_content_1mf7l_63", q = "_label_1mf7l_70", F = "_description_1mf7l_75", H = "_sizeSm_1mf7l_113", J = "_sizeMd_1mf7l_130", K = "_sizeLg_1mf7l_147", o = {
+  item: w,
+  disabled: B,
+  invalid: O,
+  radio: G,
+  input: U,
+  content: Y,
+  label: q,
+  description: F,
+  sizeSm: H,
+  sizeMd: J,
+  sizeLg: K
+}, M = (e) => {
+  const { ref: n, children: a, value: i, description: l, disabled: r, onChange: m, ..._ } = e, t = $(), p = D(null), v = t.size ?? "md", c = t.value !== void 0 ? i === t.value : void 0, d = r !== void 0 ? r : t.disabled, f = t.invalid === !0, g = x(
+    (u) => {
+      p.current = u, typeof n == "function" ? n(u) : n && (n.current = u);
+    },
+    [n]
+  ), N = (u) => {
+    t.onChange?.(u.target.value), m?.(u);
+  }, h = I(
+    o.item,
+    T("size", v, o),
+    {
+      [o.disabled]: d,
+      [o.invalid]: f
+    }
+  );
+  return /* @__PURE__ */ z("label", { className: h, children: [
+    /* @__PURE__ */ s(
+      "input",
+      {
+        ref: g,
+        className: o.input,
+        type: "radio",
+        checked: c,
+        disabled: d,
+        "aria-invalid": f || void 0,
+        name: t.name,
+        value: i,
+        onChange: N,
+        ..._
+      }
+    ),
+    /* @__PURE__ */ s("span", { className: o.radio, "aria-hidden": "true" }),
+    (a || l) && /* @__PURE__ */ z("span", { className: o.content, children: [
+      a && /* @__PURE__ */ s("span", { className: o.label, children: a }),
+      l && /* @__PURE__ */ s("span", { className: o.description, children: l })
+    ] })
+  ] });
 };
-var _ = ((e) => (e.ITEM = `${h}.Item`, e))(_ || {}), D = /* @__PURE__ */ ((e) => (e.SM = "sm", e.MD = "md", e.LG = "lg", e))(D || {});
-const L = "_root_pott0_33", R = "_vertical_pott0_40", S = "_group_pott0_40", y = "_horizontal_pott0_43", l = {
-  root: L,
-  vertical: R,
-  group: S,
-  horizontal: y
-}, B = [_.ITEM], f = (e) => {
+M.displayName = `${b}.Item`;
+var V = ((e) => (e.ITEM = `${b}.Item`, e))(V || {}), Q = /* @__PURE__ */ ((e) => (e.SM = "sm", e.MD = "md", e.LG = "lg", e))(Q || {});
+const W = "_root_pott0_33", X = "_vertical_pott0_40", Z = "_group_pott0_40", ee = "_horizontal_pott0_43", C = {
+  root: W,
+  vertical: X,
+  group: Z,
+  horizontal: ee
+}, te = [V.ITEM], y = (e) => {
   const {
-    children: i,
-    name: c,
-    value: t,
-    defaultValue: d,
-    onChange: a,
-    vertical: r = !0,
-    size: m = "md",
-    disabled: u = !1,
+    children: n,
+    name: a,
+    value: i,
+    defaultValue: l,
+    onChange: r,
+    vertical: m = !0,
+    size: _ = "md",
+    disabled: t = !1,
     invalid: p = !1
-  } = e, v = (n) => b(B, n) ? n : null, o = T(l.root, {
-    [l.horizontal]: !r,
-    [l.vertical]: r
+  } = e, v = (d) => k(te, d) ? d : null, c = I(C.root, {
+    [C.horizontal]: !m,
+    [C.vertical]: m
   });
   return /* @__PURE__ */ s(
-    x,
+    j,
     {
-      name: c,
-      value: t,
-      defaultValue: d,
-      onChange: a,
-      size: m,
-      disabled: u,
+      name: a,
+      value: i,
+      defaultValue: l,
+      onChange: r,
+      size: _,
+      disabled: t,
       invalid: p,
-      children: /* @__PURE__ */ s("fieldset", { className: o, children: /* @__PURE__ */ s("div", { className: l.group, children: P.Children.map(i, v) }) })
+      children: /* @__PURE__ */ s("fieldset", { className: c, children: /* @__PURE__ */ s("div", { className: C.group, children: L.Children.map(n, v) }) })
     }
   );
 };
-f.displayName = h;
-const O = f;
-O.Item = M;
+y.displayName = b;
+const ne = y;
+ne.Item = M;
 export {
-  D as ERadioSize,
-  O as Radio
+  Q as ERadioSize,
+  ne as Radio
 };

package/dist/row.js

@@ -1,4 +1,4 @@
-import { R } from "./Row-C-3TXoDz.mjs";
+import { R } from "./Row-BfI8268z.mjs";
 export {
   R as Row
 };

package/dist/separator.d.ts

@@ -1,25 +1,5 @@
 import { default as default_2 } from 'react';
 
-declare interface IProps {
-    /** Vertical orientation. Default: `false`. */
-    vertical?: boolean;
-    /** CSS colour of the line. Default: `var(--lui-color-border-primary)`. */
-    color?: string;
-    /** Removes padding around the line. Default: `false`. */
-    bleed?: boolean;
-}
-
-/**
- * Separator component. Renders a horizontal or vertical dividing line.
- *
- * @example
- * ```tsx
- * <Separator />
- * <Separator vertical />
- * <Separator bleed />
- * <Separator vertical bleed color="var(--lui-color-text-success)" />
- * ```
- */
-export declare const Separator: default_2.FC<IProps>;
+export declare const Separator: default_2.FC;
 
 export { }

package/dist/separator.js

@@ -1,24 +1,4 @@
-import { jsx as a } from "react/jsx-runtime";
-import c from "clsx";
-import './separator.css';const i = "Separator", _ = "_root_kvseh_5", n = "_vertical_kvseh_14", v = "_bleed_kvseh_21", o = {
-  root: _,
-  vertical: n,
-  bleed: v
-}, m = (r) => {
-  const { vertical: e = !1, color: t, bleed: s = !1 } = r, l = c(
-    o.root,
-    e && o.vertical,
-    s && o.bleed
-  );
-  return /* @__PURE__ */ a(
-    "hr",
-    {
-      className: l,
-      style: { "--separator-color": t ?? "var(--lui-color-border-primary)" }
-    }
-  );
-};
-m.displayName = i;
+import { S as o } from "./Separator-FETQ3gHZ.mjs";
 export {
-  m as Separator
+  o as Separator
 };

package/dist/tab.js

@@ -1,4 +1,4 @@
-import { T as r } from "./Tab-CR0KvVaA.mjs";
+import { T as r } from "./Tab-BfpR10OT.mjs";
 export {
   r as Tab
 };

package/dist/table.js

@@ -1,10 +1,10 @@
 import { A as d } from "./ActiveFilters-BJojmc-d.mjs";
 import { C as f } from "./Cell-BPBvEyeL.mjs";
-import { R as b } from "./Row-C-3TXoDz.mjs";
+import { R as b } from "./Row-BfI8268z.mjs";
 import { T as A } from "./Toolbar-BJQy4qFI.mjs";
 import { jsxs as T, jsx as a } from "react/jsx-runtime";
 import R from "react";
-import { i as t } from "./isValidReactNode-D1buElhX.mjs";
+import { i as t } from "./isValidReactNode-CmYwTWCE.mjs";
 import "lodash/camelCase";
 import { E as e } from "./enums-BnuDYTua.mjs";
 import './table.css';const w = "Table", C = "_wrapper_17sd8_5", _ = "_root_17sd8_11", l = {

package/dist/tabs.js

@@ -1,37 +1,40 @@
-import { T as v } from "./Tab-CR0KvVaA.mjs";
-import { jsx as a, jsxs as T } from "react/jsx-runtime";
-import i from "react";
-import C from "clsx";
-import "./useTabsContext-DdF09jQq.mjs";
-import { P as h } from "./Provider-CBfZpO45.mjs";
-import { P as b } from "./Panel-Q06TIYep.mjs";
-import { i as g } from "./isValidReactNode-D1buElhX.mjs";
-import { g as N } from "./getVariantClassName-DoCNtwBw.mjs";
-import { E, a as P } from "./enums-CiPhZomh.mjs";
-import './tabs.css';const B = "_root_ndfzg_20", x = "_variantDefault_ndfzg_23", z = "_list_ndfzg_23", A = "_variantButtons_ndfzg_32", D = "_panel_ndfzg_45", t = {
-  root: B,
-  variantDefault: x,
-  list: z,
-  variantButtons: A,
-  panel: D
-}, S = [E.TAB], l = (m) => {
-  const { defaultActiveIndex: c = 0, children: p, onChange: d, variant: o = P.DEFAULT } = m, s = [], f = C(t.root, N("variant", o, t));
-  let r = !1;
-  const _ = (n, u) => {
-    if (!g(S, n))
+import { T as _ } from "./Tab-BfpR10OT.mjs";
+import { jsx as i, jsxs as C } from "react/jsx-runtime";
+import u, { useState as b, useId as h } from "react";
+import g from "clsx";
+import { C as E, E as I, a as N } from "./enums-OoI2Qgqq.mjs";
+import { P as A } from "./Panel-B-LZtrGB.mjs";
+import { i as P } from "./isValidReactNode-CmYwTWCE.mjs";
+import { g as x } from "./getVariantClassName-DoCNtwBw.mjs";
+import './tabs.css';const v = (a, e, s) => `${a}-${s}-${e}`, B = (a) => {
+  const { defaultActiveIndex: e = 0, children: s, onTabChange: l, variant: c } = a, [o, m] = b(e), n = h(), f = (t) => {
+    t !== o && (m(t), l && l(t));
+  }, r = (t) => v(n, t, "panel"), p = (t) => v(n, t, "tab");
+  return /* @__PURE__ */ i(E.Provider, { value: { activeIndex: o, baseId: n, getPanelId: r, getTabId: p, setActiveTab: f, variant: c }, children: s });
+}, z = "_root_ndfzg_20", D = "_variantDefault_ndfzg_23", S = "_list_ndfzg_23", V = "_variantButtons_ndfzg_32", $ = "_panel_ndfzg_45", d = {
+  root: z,
+  variantDefault: D,
+  list: S,
+  variantButtons: V,
+  panel: $
+}, j = [I.TAB], T = (a) => {
+  const { defaultActiveIndex: e = 0, children: s, onChange: l, variant: c = N.DEFAULT } = a, o = [], m = g(d.root, x("variant", c, d));
+  let n = !1;
+  const f = (r, p) => {
+    if (!P(j, r))
       return null;
-    const { children: e = null } = n.props;
-    return s.push(e), e && (r = !0), i.cloneElement(n, { index: u });
+    const { children: t = null } = r.props;
+    return o.push(t), t && (n = !0), u.cloneElement(r, { index: p });
   };
-  return /* @__PURE__ */ a(h, { defaultActiveIndex: c, onTabChange: d, variant: o, children: /* @__PURE__ */ T("div", { className: f, children: [
-    /* @__PURE__ */ a("div", { className: t.list, children: i.Children.map(p, _) }),
-    r && /* @__PURE__ */ a("div", { className: t.panel, children: /* @__PURE__ */ a(b, { panels: s }) })
+  return /* @__PURE__ */ i(B, { defaultActiveIndex: e, onTabChange: l, variant: c, children: /* @__PURE__ */ C("div", { className: m, children: [
+    /* @__PURE__ */ i("div", { className: d.list, children: u.Children.map(s, f) }),
+    n && /* @__PURE__ */ i("div", { className: d.panel, children: /* @__PURE__ */ i(A, { panels: o }) })
   ] }) });
 };
-l.displayName = "Tabs";
-const V = l;
-V.Tab = v;
+T.displayName = "Tabs";
+const y = T;
+y.Tab = _;
 export {
-  P as ETabsVariant,
-  V as Tabs
+  N as ETabsVariant,
+  y as Tabs
 };

package/dist/text.js

@@ -1,4 +1,4 @@
-import { T as R } from "./Text-DiOqZt8E.mjs";
+import { T as R } from "./Text-DQPy-DZ5.mjs";
 var a = /* @__PURE__ */ ((r) => (r.XS = "xs", r.SM = "sm", r.MD = "md", r.LG = "lg", r))(a || {}), d = /* @__PURE__ */ ((r) => (r.PRIMARY = "primary", r.SECONDARY = "secondary", r.TERTIARY = "tertiary", r.DISABLED = "disabled", r.BRAND = "brand", r))(d || {}), m = /* @__PURE__ */ ((r) => (r.NORMAL = "normal", r.MEDIUM = "medium", r.SEMIBOLD = "semibold", r.BOLD = "bold", r))(m || {});
 export {
   d as ETextColor,

package/dist/title.js

@@ -1,4 +1,4 @@
-import { T as r } from "./Title-aOeFD24v.mjs";
+import { T as r } from "./Title-xHMuJWGl.mjs";
 export {
   r as Title
 };

package/dist/typography.js

@@ -1,5 +1,5 @@
 import { H as r } from "./Heading-CL47Fqe7.mjs";
-import { T as t } from "./Text-DiOqZt8E.mjs";
+import { T as t } from "./Text-DQPy-DZ5.mjs";
 export {
   r as Heading,
   t as Text

package/dist/utils.d.ts

@@ -1,5 +1,78 @@
-export declare const getPageRange: (current: number, total: number) => TPageItem[];
+import { default as default_2 } from 'react';
 
-export declare type TPageItem = number | 'ellipsis';
+/**
+ * Фильтрует массив дочерних React-элементов, оставляя только допустимые компоненты
+ * @param children - Дочерние элементы React компонента
+ * @param acceptableComponents - Массив или объект с допустимыми подкомпонентами
+ * @returns Массив отфильтрованных дочерних элементов
+ */
+export declare const filterValidChildren: (children: default_2.ReactNode, acceptableComponents: string | string[]) => default_2.ReactNode[];
+
+/**
+ * Utility function to get component slots.
+ * @param children React children (array of ReactNodes).
+ * @param slots Array of slot names.
+ * @returns
+ */
+export declare const getComponentSlots: <T extends string>(children: default_2.ReactNode, slots: readonly T[]) => IDefaultSlotNode & { [key in T]: default_2.ReactElement; };
+
+/**
+ * Converts decoration props (`underline`, `strikethrough`) into a `textDecoration` CSS style object.
+ *
+ * Supports:
+ * - `underline: true` → `textDecoration: 'underline'`
+ * - `underline: 'dotted'` → `textDecoration: 'underline dotted'`
+ * - `strikethrough: true` → `textDecoration: 'line-through'`
+ * - Combined: both props produce a space-separated value.
+ *
+ * @returns A `React.CSSProperties` object with `textDecoration`, or `undefined` if no decoration is set.
+ */
+export declare function getDecorationStyle(props: IDecorationProps): default_2.CSSProperties | undefined;
+
+/**
+ * Utility to get the display name of a react element.
+ * @param element react element to get the display name.
+ * @returns
+ */
+export declare const getReactElementDisplayName: (element: default_2.ReactElement) => string;
+
+/**
+ * Utility function to get type-safety variant class name selector from CSS module stylesheet.
+ * @param prefix prefix for class name (name of variant).
+ * @param variant value of variant.
+ * @param styles styles of CSS module stylesheet.
+ *
+ * @example
+ * // Check `styles` for existing variant and return value of `styles.sizeMd`.
+ * getVariantClassName('size', 'md', styles);
+ */
+export declare const getVariantClassName: <P extends string, T extends string>(prefix: P, variant: T, styles: TStyles<`${P}${Capitalize<T>}`>) => string;
+
+declare interface IDecorationProps {
+    /** Underline decoration: `true` for simple underline, `'dotted'` for dotted underline. */
+    underline?: boolean | 'dotted';
+    /** Strikethrough decoration. */
+    strikethrough?: boolean;
+}
+
+declare interface IDefaultSlotNode {
+    children: default_2.ReactNode[];
+    [key: string]: default_2.ReactNode;
+}
+
+/**
+ * TypeGuard for checking if a React node is valid.
+ * @param name - name of the component
+ * @param node - React node.
+ * @param logWarning - if true, warning will be logged, otherwise it will be ignored.
+ * @returns
+ */
+export declare const isValidReactNode: <TProps extends object>(name: string | string[], node: default_2.ReactNode, logWarning?: boolean) => node is default_2.ReactElement<TProps>;
+
+/**
+ * Record of CSS modules styles for all variants.
+ * Must contain styles for all variants.
+ */
+declare type TStyles<TProperty extends string = string> = Record<TProperty, string> & Record<string, string>;
 
 export { }

package/dist/utils.js

@@ -1,17 +1,20 @@
-const s = (i, n) => Array.from({ length: n - i + 1 }, (c, l) => i + l), u = (i, n) => {
-  if (n <= 7)
-    return s(1, n);
-  const t = Math.max(i - 1, 1), e = Math.min(i + 1, n), o = t > 2, r = e < n - 1;
-  if (!o && r) {
-    const g = Math.min(e + 1, n);
-    return [...s(1, g), "ellipsis", n];
-  }
-  if (o && !r) {
-    const g = Math.max(t - 1, 1);
-    return [1, "ellipsis", ...s(g, n)];
-  }
-  return [1, "ellipsis", ...s(t, e), "ellipsis", n];
+import a from "react";
+import { i } from "./isValidReactNode-CmYwTWCE.mjs";
+import { g as f } from "./isValidReactNode-CmYwTWCE.mjs";
+import { g as c } from "./getComponentSlots-DwAYUFNk.mjs";
+import { g as x } from "./getDecorationStyle-BCBONKEl.mjs";
+import { g as h } from "./getVariantClassName-DoCNtwBw.mjs";
+const l = (o, r) => {
+  const e = [];
+  return a.Children.forEach(o, (t) => {
+    i(r, t) && e.push(t);
+  }), e;
 };
 export {
-  u as getPageRange
+  l as filterValidChildren,
+  c as getComponentSlots,
+  x as getDecorationStyle,
+  f as getReactElementDisplayName,
+  h as getVariantClassName,
+  i as isValidReactNode
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lazar-ui/kit",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "license": "MIT",
   "description": "A component library for building admin panels, dashboards, and internal tools.",
   "homepage": "https://lazar-ui.github.io/docs",

package/dist/Actions-CEIXfLKN.mjs

@@ -1,26 +0,0 @@
-import { jsx as c } from "react/jsx-runtime";
-import m, { cloneElement as l } from "react";
-import { i as p } from "./isValidReactNode-D1buElhX.mjs";
-import "lodash/camelCase";
-import './Actions.css';const o = "EmptyState";
-var e = ((t) => (t.ACTIONS = `${o}.Actions`, t.CONTENT = `${o}.Content`, t))(e || {});
-const A = "_actions_dl9xv_1", y = {
-  actions: A
-}, N = ({ children: t }) => {
-  const n = m.Children.toArray(t), i = n.map((r, a) => {
-    if (!p("Button", r))
-      return r;
-    const s = r.props.variant;
-    return l(r, {
-      key: a,
-      ...s ? {} : { variant: s ?? (a === 0 ? "primary" : "secondary") }
-    });
-  });
-  return n.length === 0 ? null : /* @__PURE__ */ c("div", { className: y.actions, children: i });
-};
-N.displayName = e.ACTIONS;
-export {
-  N as A,
-  o as D,
-  e as E
-};

package/dist/Checkbox-Chfzm1Z9.mjs

@@ -1,46 +0,0 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import n from "clsx";
-import { I as h } from "./Icon-DUCBChX2.mjs";
-import { usePopoverContext as m } from "./popover.js";
-import { E as b } from "./enums-DUZMBQDd.mjs";
-import './Checkbox.css';const k = () => {
-  const { state: s } = m();
-  return {
-    close: () => {
-      s.close();
-    }
-  };
-}, _ = "_root_15rud_1", u = "_disabled_15rud_19", x = "_checkbox_15rud_27", C = "_checked_15rud_38", p = "_label_15rud_44", e = {
-  root: _,
-  disabled: u,
-  checkbox: x,
-  checked: C,
-  label: p
-}, f = (s) => {
-  const { checked: o, children: r, disabled: c = !1, onCheckedChange: a } = s, { close: l } = k(), d = n(
-    e.root,
-    c && e.disabled
-  );
-  return /* @__PURE__ */ i(
-    "div",
-    {
-      "aria-checked": o,
-      "aria-disabled": c,
-      className: d,
-      onClick: () => {
-        c || (a && a(!o), l());
-      },
-      role: "menuitemcheckbox",
-      tabIndex: c ? -1 : 0,
-      children: [
-        /* @__PURE__ */ t("span", { className: n(e.checkbox, o && e.checked), children: o && /* @__PURE__ */ t(h, { name: "check", size: 12, strokeWidth: 3 }) }),
-        /* @__PURE__ */ t("span", { className: e.label, children: r })
-      ]
-    }
-  );
-};
-f.displayName = b.CHECKBOX;
-export {
-  f as C,
-  k as u
-};

package/dist/Checkbox.css

@@ -1 +0,0 @@
-._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}

package/dist/Content-ru2X8iBx.mjs

@@ -1,13 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Popover as r } from "./popover.js";
-import { E as e } from "./enums-DUZMBQDd.mjs";
-import './Content.css';const s = "_root_1h0xj_14", m = {
-  root: s
-}, p = (t) => {
-  const { children: n } = t;
-  return /* @__PURE__ */ o(r.Content, { padding: !1, children: /* @__PURE__ */ o("div", { className: m.root, children: n }) });
-};
-p.displayName = e.CONTENT;
-export {
-  p as C
-};

package/dist/Item-JbyvZy05.mjs

@@ -1,66 +0,0 @@
-import { jsxs as _, jsx as a } from "react/jsx-runtime";
-import { createContext as x, useContext as g, useRef as N, useCallback as R } from "react";
-import I from "clsx";
-import { g as y } from "./getVariantClassName-DoCNtwBw.mjs";
-import './Item.css';const D = x(null), L = () => {
-  const n = g(D);
-  if (!n)
-    throw new Error("useRadioContext should be used inside Radio component");
-  return n;
-}, M = "Radio", S = "_item_1mf7l_3", k = "_disabled_1mf7l_12", j = "_invalid_1mf7l_17", w = "_radio_1mf7l_17", A = "_input_1mf7l_20", E = "_content_1mf7l_63", P = "_label_1mf7l_70", V = "_description_1mf7l_75", Y = "_sizeSm_1mf7l_113", $ = "_sizeMd_1mf7l_130", q = "_sizeLg_1mf7l_147", e = {
-  item: S,
-  disabled: k,
-  invalid: j,
-  radio: w,
-  input: A,
-  content: E,
-  label: P,
-  description: V,
-  sizeSm: Y,
-  sizeMd: $,
-  sizeLg: q
-}, B = (n) => {
-  const { ref: i, children: o, value: c, description: l, disabled: d, onChange: u, ...f } = n, s = L(), p = N(null), b = s.size ?? "md", v = s.value !== void 0 ? c === s.value : void 0, r = d !== void 0 ? d : s.disabled, m = s.invalid === !0, h = R(
-    (t) => {
-      p.current = t, typeof i == "function" ? i(t) : i && (i.current = t);
-    },
-    [i]
-  ), C = (t) => {
-    s.onChange?.(t.target.value), u?.(t);
-  }, z = I(
-    e.item,
-    y("size", b, e),
-    {
-      [e.disabled]: r,
-      [e.invalid]: m
-    }
-  );
-  return /* @__PURE__ */ _("label", { className: z, children: [
-    /* @__PURE__ */ a(
-      "input",
-      {
-        ref: h,
-        className: e.input,
-        type: "radio",
-        checked: v,
-        disabled: r,
-        "aria-invalid": m || void 0,
-        name: s.name,
-        value: c,
-        onChange: C,
-        ...f
-      }
-    ),
-    /* @__PURE__ */ a("span", { className: e.radio, "aria-hidden": "true" }),
-    (o || l) && /* @__PURE__ */ _("span", { className: e.content, children: [
-      o && /* @__PURE__ */ a("span", { className: e.label, children: o }),
-      l && /* @__PURE__ */ a("span", { className: e.description, children: l })
-    ] })
-  ] });
-};
-B.displayName = `${M}.Item`;
-export {
-  D as C,
-  M as D,
-  B as I
-};