@lazar-ui/kit 0.5.2 → 0.6.0

package/dist/panel.d.ts

@@ -0,0 +1,9 @@
+import { default as default_2 } from 'react';
+
+declare interface IProps {
+    panels: default_2.ReactNode[];
+}
+
+export declare const Panel: default_2.FC<IProps>;
+
+export { }

package/dist/panel.js

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

package/dist/radio.css

@@ -1 +1 @@
-@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)}
+@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)}

package/dist/radio.js

@@ -1,113 +1,57 @@
-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 { 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 "lodash/camelCase";
-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);
+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);
     },
-    [c, r]
+    [o, a]
   );
-  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 })
-    ] })
-  ] });
+  return /* @__PURE__ */ s(V.Provider, { value: { disabled: m, invalid: u, name: v, onChange: I, size: r, value: N }, children: i });
 };
-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) => {
+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) => {
   const {
-    children: n,
-    name: a,
-    value: i,
-    defaultValue: l,
-    onChange: r,
-    vertical: m = !0,
-    size: _ = "md",
-    disabled: t = !1,
+    children: i,
+    name: c,
+    value: t,
+    defaultValue: d,
+    onChange: a,
+    vertical: r = !0,
+    size: m = "md",
+    disabled: u = !1,
     invalid: p = !1
-  } = e, v = (d) => k(te, d) ? d : null, c = I(C.root, {
-    [C.horizontal]: !m,
-    [C.vertical]: m
+  } = e, v = (n) => b(B, n) ? n : null, o = T(l.root, {
+    [l.horizontal]: !r,
+    [l.vertical]: r
   });
   return /* @__PURE__ */ s(
-    j,
+    x,
     {
-      name: a,
-      value: i,
-      defaultValue: l,
-      onChange: r,
-      size: _,
-      disabled: t,
+      name: c,
+      value: t,
+      defaultValue: d,
+      onChange: a,
+      size: m,
+      disabled: u,
       invalid: p,
-      children: /* @__PURE__ */ s("fieldset", { className: c, children: /* @__PURE__ */ s("div", { className: C.group, children: L.Children.map(n, v) }) })
+      children: /* @__PURE__ */ s("fieldset", { className: o, children: /* @__PURE__ */ s("div", { className: l.group, children: P.Children.map(i, v) }) })
     }
   );
 };
-y.displayName = b;
-const ne = y;
-ne.Item = M;
+f.displayName = h;
+const O = f;
+O.Item = M;
 export {
-  Q as ERadioSize,
-  ne as Radio
+  D as ERadioSize,
+  O as Radio
 };

package/dist/row.d.ts

@@ -0,0 +1,12 @@
+import { default as default_2 } from 'react';
+
+declare interface IProps extends default_2.PropsWithChildren {
+}
+
+/**
+ * Table row. Must be used as a child of `<Table>`.
+ * Accepts `<Table.Cell>` children.
+ */
+export declare const Row: default_2.FC<IProps>;
+
+export { }

package/dist/row.js

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

package/dist/tab.d.ts

@@ -0,0 +1,30 @@
+import { default as default_2 } from 'react';
+
+export declare interface ITabProps {
+    /** Index at list of tabs. */
+    index?: number;
+    /** Disabled tab flag. */
+    disabled?: boolean;
+    /** Label. */
+    label: string;
+    /** HTML tabindex attribute. */
+    tabIndex?: number;
+}
+
+/**
+ * Individual tab button. Must be used as a child of `<Tabs>`.
+ *
+ * Manages its active/disabled state via parent context and sets proper ARIA attributes (`role="tab"`, `aria-selected`, `aria-controls`).
+ *
+ * @example
+ * ```tsx
+ * <Tabs defaultActiveIndex={0}>
+ *   <Tabs.Tab label="First" />
+ *   <Tabs.Tab label="Second" disabled />
+ *   <Tabs.Tab label="Third" />
+ * </Tabs>
+ * ```
+ */
+export declare const Tab: default_2.FC<ITabProps>;
+
+export { }

package/dist/tab.js

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

package/dist/table.css

@@ -1 +1 @@
-:root{--active-filters-gap: var(--lui-space-2)}._root_4qb7d_5{align-items:center;display:flex;flex-wrap:wrap;gap:var(--active-filters-gap)}:root{--cell-bg-header: var(--lui-color-background-tertiary);--cell-border-header: var(--lui-color-border-secondary);--cell-padding: var(--lui-space-3) var(--lui-space-4);--cell-max-width: 200px}._root_lmxwt_8{background-color:transparent;border-bottom:1px solid var(--lui-color-border-primary);max-width:var(--cell-max-width);overflow:hidden;padding:var(--cell-padding);text-overflow:ellipsis;white-space:nowrap}._root_lmxwt_8._header_lmxwt_17{background-color:var(--cell-bg-header);border-bottom:2px solid var(--cell-border-header)}._root_lmxwt_8._alignLeft_lmxwt_21{text-align:left}._root_lmxwt_8._alignRight_lmxwt_24{text-align:right}._root_lmxwt_8._alignCenter_lmxwt_27{text-align:center}:root{--table-bg-stripe: var(--lui-color-background-secondary)}._root_t4731_5{background-color:var(--lui-color-background-primary);border-bottom:1px solid var(--lui-color-border-primary);transition:background-color .2s}._root_t4731_5:nth-child(odd){background-color:var(--table-bg-stripe)}._root_t4731_5:hover{background-color:var(--lui-color-background-brand-secondary)}:root{--toolbar-gap: var(--lui-space-3);--toolbar-padding: var(--lui-space-3) 0}._root_d4szt_6{align-items:center;display:flex;gap:var(--toolbar-gap);padding:var(--toolbar-padding)}:root{--table-font-size: var(--lui-font-size-md)}._wrapper_17sd8_5{display:flex;flex-direction:column;gap:var(--lui-space-4)}._root_17sd8_11{border-collapse:collapse;font-size:var(--table-font-size);table-layout:fixed;width:100%}
+:root{--table-font-size: var(--lui-font-size-md)}._wrapper_17sd8_5{display:flex;flex-direction:column;gap:var(--lui-space-4)}._root_17sd8_11{border-collapse:collapse;font-size:var(--table-font-size);table-layout:fixed;width:100%}

package/dist/table.js

@@ -1,79 +1,30 @@
-import { jsxs as h, jsx as n } from "react/jsx-runtime";
-import b, { useCallback as p } from "react";
-import { B as u } from "./Button-jq8mFP6t.mjs";
-import { C as L } from "./Chip-CmsNZTlz.mjs";
-import { u as R } from "./useLocale-CJh-krrY.mjs";
-import y from "clsx";
-import { g as w } from "./getVariantClassName-DoCNtwBw.mjs";
-import { i } from "./isValidReactNode-CmYwTWCE.mjs";
+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 { 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 "lodash/camelCase";
-import './table.css';const v = "Table.ActiveFilters", x = "_root_4qb7d_5", $ = {
-  root: x
-}, g = (t) => {
-  const { filters: e, onClearAll: o, onRemove: r } = t, c = R(), l = p(
-    (a) => () => {
-      r(a);
-    },
-    [r]
-  ), m = p(() => {
-    o?.();
-  }, [o]);
-  return e.length === 0 ? null : /* @__PURE__ */ h("div", { className: $.root, children: [
-    e.map((a) => /* @__PURE__ */ h(L, { onDelete: l(a.key), children: [
-      a.label,
-      ": ",
-      a.value
-    ] }, a.key)),
-    o && /* @__PURE__ */ n(u, { mode: "text", size: "sm", onClick: m, children: c.Table.ActiveFilters.clearAll })
+import { E as e } from "./enums-BnuDYTua.mjs";
+import './table.css';const w = "Table", C = "_wrapper_17sd8_5", _ = "_root_17sd8_11", l = {
+  wrapper: C,
+  root: _
+}, i = (m) => {
+  const { children: n } = m, s = R.Children.toArray(n), p = s.find(
+    (o) => t(e.TOOLBAR, o, !1)
+  ), c = s.filter((o) => !t(e.TOOLBAR, o, !1)).filter((o) => t(e.ROW, o, !0));
+  return /* @__PURE__ */ T("div", { className: l.wrapper, children: [
+    p,
+    /* @__PURE__ */ a("table", { className: l.root, children: /* @__PURE__ */ a("tbody", { children: c }) })
   ] });
 };
-g.displayName = v;
-var s = /* @__PURE__ */ ((t) => (t.CELL = "Table.Cell", t.ROW = "Table.Row", t.TOOLBAR = "Table.Toolbar", t))(s || {});
-const O = "_root_lmxwt_8", k = "_header_lmxwt_17", B = "_alignLeft_lmxwt_21", F = "_alignRight_lmxwt_24", D = "_alignCenter_lmxwt_27", _ = {
-  root: O,
-  header: k,
-  alignLeft: B,
-  alignRight: F,
-  alignCenter: D
-}, A = (t) => {
-  const { align: e = "left", as: o = "td", children: r, title: c, width: l } = t, m = y(_.root, w("align", e, _), {
-    [_.header]: o === "th"
-  });
-  return /* @__PURE__ */ n(o, { className: m, title: c, width: l, children: r });
-};
-A.displayName = s.CELL;
-const E = "_root_t4731_5", I = {
-  root: E
-}, T = (t) => {
-  const { children: e } = t, o = (r) => i(s.CELL, r) ? r : null;
-  return /* @__PURE__ */ n("tr", { className: I.root, children: b.Children.map(e, o) });
-};
-T.displayName = s.ROW;
-const M = "Table.Toolbar", P = "_root_d4szt_6", W = {
-  root: P
-}, f = (t) => {
-  const { children: e } = t;
-  return /* @__PURE__ */ n("div", { className: W.root, children: e });
-};
-f.displayName = M;
-const Y = "Table", j = "_wrapper_17sd8_5", z = "_root_17sd8_11", C = {
-  wrapper: j,
-  root: z
-}, N = (t) => {
-  const { children: e } = t, o = b.Children.toArray(e), r = o.find(
-    (l) => i(s.TOOLBAR, l, !1)
-  ), c = o.filter((l) => !i(s.TOOLBAR, l, !1)).filter((l) => i(s.ROW, l, !0));
-  return /* @__PURE__ */ h("div", { className: C.wrapper, children: [
-    r,
-    /* @__PURE__ */ n("table", { className: C.root, children: /* @__PURE__ */ n("tbody", { children: c }) })
-  ] });
-};
-N.displayName = Y;
-const d = N;
-d.ActiveFilters = g;
-d.Cell = A;
-d.Row = T;
-d.Toolbar = f;
+i.displayName = w;
+const r = i;
+r.ActiveFilters = d;
+r.Cell = f;
+r.Row = b;
+r.Toolbar = A;
 export {
-  d as Table
+  r as Table
 };

package/dist/tabs.css

@@ -1 +1 @@
-._root_11zii_1{position:relative;-webkit-user-select:none;user-select:none}._root_11zii_1._disabled_11zii_5{color:var(--tab-text-disabled);cursor:not-allowed}._root_11zii_1._variantDefault_11zii_9{border-bottom:2px solid transparent;color:var(--tab-text);font-size:var(--lui-font-size-md);font-weight:var(--lui-font-weight-medium);line-height:var(--line-height-md);padding:var(--lui-space-3) var(--lui-space-5);transition:border-color .3s,color .3s;white-space:nowrap}._root_11zii_1._variantDefault_11zii_9:focus{border-color:var(--tab-text-active)}._root_11zii_1._variantDefault_11zii_9._active_11zii_22{border-color:var(--tab-border-active);color:var(--tab-text-active)}._root_11zii_1._variantButtons_11zii_26{align-items:center;background:var(--tab-bg-buttons);border-radius:var(--tab-radius-buttons);color:var(--tab-text-buttons);display:flex;flex:1;flex-direction:column;font-size:var(--tab-font-buttons);font-weight:var(--lui-font-weight-medium);gap:var(--tab-gap-buttons);height:64px;justify-content:center;line-height:var(--line-height-md);max-width:320px;padding:var(--tab-padding-y-buttons) var(--tab-padding-x-buttons)}._root_11zii_1._variantButtons_11zii_26:focus{box-shadow:0 0 0 2px #98a2b324}._root_11zii_1._variantButtons_11zii_26._active_11zii_22{background:var(--tab-bg-buttons-active);color:var(--tab-text-buttons-active)}@media only screen and (max-width:1023px){._root_11zii_1._variantButtons_11zii_26{gap:var(--tab-gap-buttons);height:40px;justify-content:center;padding:var(--lui-space-2) var(--lui-space-5);white-space:nowrap}}:root{--tabs-padding: var(--lui-space-8);--tabs-panel-padding-top: var(--lui-space-10);--tab-text: var(--lui-color-text-secondary);--tab-text-active: var(--lui-color-text-primary);--tab-text-disabled: var(--lui-color-text-disabled);--tab-border-active: var(--lui-palette-gray-900);--tab-bg-buttons: var(--lui-color-background-tertiary);--tab-bg-buttons-active: var(--lui-color-background-brand-secondary);--tab-text-buttons: var(--lui-color-text-quaternary);--tab-text-buttons-active: var(--lui-color-text-primary);--tab-radius-buttons: var(--lui-radius-1);--tab-font-buttons: var(--lui-font-size-md);--tab-gap-buttons: var(--lui-space-3);--tab-padding-y-buttons: var(--lui-space-2);--tab-padding-x-buttons: var(--lui-space-3);--tab-list-gap: var(--lui-space-4)}._root_ndfzg_20{width:auto}._root_ndfzg_20._variantDefault_ndfzg_23 ._list_ndfzg_23:before{border-bottom:1px solid var(--lui-color-border-primary);bottom:0;content:"";left:0;position:absolute;right:0;z-index:0}._root_ndfzg_20._variantButtons_ndfzg_32 ._list_ndfzg_23{align-items:center;gap:var(--tab-list-gap);justify-content:flex-start;padding:var(--tabs-padding)}._list_ndfzg_23{display:flex;overflow-x:auto;position:relative}._panel_ndfzg_45{padding-top:var(--tabs-panel-padding-top);position:relative}@media only screen and (max-width:1023px){._root_ndfzg_20._variantButtons_ndfzg_32{justify-content:start}}
+:root{--tabs-padding: var(--lui-space-8);--tabs-panel-padding-top: var(--lui-space-10);--tab-text: var(--lui-color-text-secondary);--tab-text-active: var(--lui-color-text-primary);--tab-text-disabled: var(--lui-color-text-disabled);--tab-border-active: var(--lui-palette-gray-900);--tab-bg-buttons: var(--lui-color-background-tertiary);--tab-bg-buttons-active: var(--lui-color-background-brand-secondary);--tab-text-buttons: var(--lui-color-text-quaternary);--tab-text-buttons-active: var(--lui-color-text-primary);--tab-radius-buttons: var(--lui-radius-1);--tab-font-buttons: var(--lui-font-size-md);--tab-gap-buttons: var(--lui-space-3);--tab-padding-y-buttons: var(--lui-space-2);--tab-padding-x-buttons: var(--lui-space-3);--tab-list-gap: var(--lui-space-4)}._root_ndfzg_20{width:auto}._root_ndfzg_20._variantDefault_ndfzg_23 ._list_ndfzg_23:before{border-bottom:1px solid var(--lui-color-border-primary);bottom:0;content:"";left:0;position:absolute;right:0;z-index:0}._root_ndfzg_20._variantButtons_ndfzg_32 ._list_ndfzg_23{align-items:center;gap:var(--tab-list-gap);justify-content:flex-start;padding:var(--tabs-padding)}._list_ndfzg_23{display:flex;overflow-x:auto;position:relative}._panel_ndfzg_45{padding-top:var(--tabs-panel-padding-top);position:relative}@media only screen and (max-width:1023px){._root_ndfzg_20._variantButtons_ndfzg_32{justify-content:start}}

package/dist/tabs.js

@@ -1,79 +1,37 @@
-import { jsx as c, jsxs as z } from "react/jsx-runtime";
+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 m, { createContext as D, useContext as E, useState as L, useId as y } from "react";
-import { g as I } from "./getVariantClassName-DoCNtwBw.mjs";
-import { i as S } from "./isValidReactNode-CmYwTWCE.mjs";
-import './tabs.css';const g = D(null), x = () => {
-  const t = E(g);
-  if (!t)
-    throw new Error("useTabsContext should be used inside Tabs component");
-  return t;
-}, p = (t, n, s) => `${t}-${s}-${n}`, U = (t) => {
-  const { defaultActiveIndex: n = 0, children: s, onTabChange: a, variant: o } = t, [r, d] = L(n), i = y(), u = (e) => {
-    e !== r && (d(e), a && a(e));
-  }, l = (e) => p(i, e, "panel"), v = (e) => p(i, e, "tab");
-  return /* @__PURE__ */ c(g.Provider, { value: { activeIndex: r, baseId: i, getPanelId: l, getTabId: v, setActiveTab: u, variant: o }, children: s });
-}, h = "Tabs";
-var f = ((t) => (t.PANEL = `${h}.Panel`, t.TAB = `${h}.Tab`, t))(f || {}), A = /* @__PURE__ */ ((t) => (t.BUTTONS = "buttons", t.DEFAULT = "default", t))(A || {});
-const k = "_root_11zii_1", w = "_disabled_11zii_5", O = "_variantDefault_11zii_9", j = "_active_11zii_22", F = "_variantButtons_11zii_26", _ = {
-  root: k,
-  disabled: w,
-  variantDefault: O,
-  active: j,
-  variantButtons: F
-}, N = (t) => {
-  const { disabled: n = !1, label: s, index: a = 0, tabIndex: o = 0 } = t, { activeIndex: r, getPanelId: d, getTabId: i, setActiveTab: u, variant: l } = x(), v = d(a), e = i(a), T = r === a, $ = C(_.root, I("variant", l, _), {
-    [_.active]: T,
-    [_.disabled]: n
-  });
-  return /* @__PURE__ */ c(
-    "button",
-    {
-      "aria-selected": T,
-      "aria-controls": v,
-      "aria-disabled": n,
-      className: $,
-      disabled: n,
-      id: e,
-      onClick: () => {
-        n || u(a);
-      },
-      role: "tab",
-      tabIndex: n ? -1 : o,
-      children: s
-    }
-  );
-};
-N.displayName = `${f.TAB}`;
-const P = (t) => {
-  const { panels: n } = t, { activeIndex: s, getPanelId: a } = x(), o = a(s);
-  return /* @__PURE__ */ c("div", { id: o, children: n[s] });
-};
-P.displayName = `${f.PANEL}`;
-const M = "_root_ndfzg_20", R = "_variantDefault_ndfzg_23", V = "_list_ndfzg_23", Y = "_variantButtons_ndfzg_32", q = "_panel_ndfzg_45", b = {
-  root: M,
-  variantDefault: R,
-  list: V,
-  variantButtons: Y,
-  panel: q
-}, G = [f.TAB], B = (t) => {
-  const { defaultActiveIndex: n = 0, children: s, onChange: a, variant: o = A.DEFAULT } = t, r = [], d = C(b.root, I("variant", o, b));
-  let i = !1;
-  const u = (l, v) => {
-    if (!S(G, l))
+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))
       return null;
-    const { children: e = null } = l.props;
-    return r.push(e), e && (i = !0), m.cloneElement(l, { index: v });
+    const { children: e = null } = n.props;
+    return s.push(e), e && (r = !0), i.cloneElement(n, { index: u });
   };
-  return /* @__PURE__ */ c(U, { defaultActiveIndex: n, onTabChange: a, variant: o, children: /* @__PURE__ */ z("div", { className: d, children: [
-    /* @__PURE__ */ c("div", { className: b.list, children: m.Children.map(s, u) }),
-    i && /* @__PURE__ */ c("div", { className: b.panel, children: /* @__PURE__ */ c(P, { panels: r }) })
+  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 }) })
   ] }) });
 };
-B.displayName = "Tabs";
-const H = B;
-H.Tab = N;
+l.displayName = "Tabs";
+const V = l;
+V.Tab = v;
 export {
-  A as ETabsVariant,
-  H as Tabs
+  P as ETabsVariant,
+  V as Tabs
 };

package/dist/text.d.ts

@@ -0,0 +1,74 @@
+import { default as default_2 } from 'react';
+
+export declare enum ETextColor {
+    PRIMARY = "primary",
+    SECONDARY = "secondary",
+    TERTIARY = "tertiary",
+    DISABLED = "disabled",
+    BRAND = "brand"
+}
+
+export declare enum ETextSize {
+    XS = "xs",
+    SM = "sm",
+    MD = "md",
+    LG = "lg"
+}
+
+export declare enum ETextWeight {
+    NORMAL = "normal",
+    MEDIUM = "medium",
+    SEMIBOLD = "semibold",
+    BOLD = "bold"
+}
+
+export declare interface ITextProps extends default_2.PropsWithChildren {
+    /** HTML-тег для рендера корневого элемента. По умолчанию `p`. */
+    as?: TTextTag;
+    /** Размер текста. По умолчанию `sm`. */
+    size?: TTextSize;
+    /** Насыщенность шрифта. По умолчанию `normal`. */
+    weight?: TTextWeight;
+    /** Цвет текста из дизайн-системы. Если не передан — используется наследованный цвет. */
+    color?: TTextColor;
+    /** Обрезать текст с многоточием (одна строка, `text-overflow: ellipsis`). */
+    truncate?: boolean;
+    /** Подчёркивание: `true` для обычного underline, `'dotted'` для пунктирного подчёркивания. */
+    underline?: boolean | 'dotted';
+    /** Зачёркивание текста (`text-decoration: line-through`). */
+    strikethrough?: boolean;
+    /** Ref на корневой элемент. */
+    ref?: default_2.Ref<HTMLElement>;
+}
+
+/**
+ * Text — компонент для отображения основного текста.
+ *
+ * Поддерживает размеры от 12px (xs) до 16px (lg), различные насыщенности шрифта
+ * и цвета из дизайн-системы. Подходит для параграфов, лейблов, аннотаций.
+ *
+ * В отличие от Heading, Text не имеет встроенного жирного начертания —
+ * вес управляется отдельным пропом `weight`.
+ *
+ * @example
+ * ```tsx
+ * <Text size="lg" weight="medium">Основной текст</Text>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Text size="xs" color="secondary" as="span">Аннотация</Text>
+ * ```
+ */
+declare const Text_2: default_2.ForwardRefExoticComponent<Omit<ITextProps, "ref"> & default_2.RefAttributes<HTMLElement>>;
+export { Text_2 as Text }
+
+export declare type TTextColor = `${ETextColor}`;
+
+export declare type TTextSize = `${ETextSize}`;
+
+export declare type TTextTag = 'p' | 'span' | 'div';
+
+export declare type TTextWeight = `${ETextWeight}`;
+
+export { }

package/dist/text.js

@@ -0,0 +1,8 @@
+import { T as R } from "./Text-DiOqZt8E.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,
+  a as ETextSize,
+  m as ETextWeight,
+  R as Text
+};

package/dist/title.d.ts

@@ -0,0 +1,8 @@
+import { default as default_2 } from 'react';
+
+export declare interface ITitleProps extends default_2.PropsWithChildren {
+}
+
+export declare const Title: default_2.FC<ITitleProps>;
+
+export { }

package/dist/title.js

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

package/dist/toolbar.d.ts

@@ -0,0 +1,20 @@
+import { default as default_2 } from 'react';
+
+export declare interface IToolbarProps extends default_2.PropsWithChildren {
+}
+
+/**
+ * Table.Toolbar — a simple flex-wrapper that sits above the Table
+ * and contains arbitrary controls (inputs, buttons, filters, etc.).
+ *
+ * @example
+ * ```tsx
+ * <Table.Toolbar>
+ *   <Input placeholder="Search..." />
+ *   <Button>Export</Button>
+ * </Table.Toolbar>
+ * ```
+ */
+export declare const Toolbar: default_2.FC<IToolbarProps>;
+
+export { }

package/dist/toolbar.js

@@ -0,0 +1,4 @@
+import { T as a } from "./Toolbar-BJQy4qFI.mjs";
+export {
+  a as Toolbar
+};

package/dist/trigger.d.ts

@@ -0,0 +1,8 @@
+import { default as default_2 } from 'react';
+
+export declare interface IProps extends default_2.PropsWithChildren {
+}
+
+export declare const Trigger: default_2.FC<IProps>;
+
+export { }

package/dist/trigger.js

@@ -0,0 +1,4 @@
+import { T as g } from "./Trigger-C_4De6l1.mjs";
+export {
+  g as Trigger
+};