@lazar-ui/kit 0.5.2 → 0.6.1

package/dist/menu.js

@@ -1,117 +1,99 @@
-import { jsxs as h, jsx as t } from "react/jsx-runtime";
+import { jsxs as h, jsx as n } from "react/jsx-runtime";
 import p from "clsx";
-import { I as u } from "./Icon-DUCBChX2.mjs";
-import { usePopoverContext as N, Popover as k } from "./popover.js";
-import O from "react";
-import { i as y } from "./isValidReactNode-CmYwTWCE.mjs";
-import './menu.css';const g = () => {
-  const { state: e } = N();
+import { I as C } from "./Icon-DUCBChX2.mjs";
+import { usePopoverContext as E, Popover as b } from "./popover.js";
+import { E as m, D as T, a as g } from "./enums-DUZMBQDd.mjs";
+import I from "react";
+import { i as M } from "./isValidReactNode-CmYwTWCE.mjs";
+import { G as y } from "./Group-DyDpeqOP.mjs";
+import { S as A } from "./Separator-FETQ3gHZ.mjs";
+import { T as P } from "./Trigger-C_4De6l1.mjs";
+import './menu.css';const u = () => {
+  const { state: s } = E();
   return {
     close: () => {
-      e.close();
+      s.close();
     }
   };
-}, c = "Menu", A = "bottom start";
-var r = ((e) => (e.CHECKBOX = `${c}.Checkbox`, e.CONTENT = `${c}.Content`, e.GROUP = `${c}.Group`, e.ITEM = `${c}.Item`, e.SEPARATOR = `${c}.Separator`, e.TRIGGER = `${c}.Trigger`, e))(r || {});
-const G = "_root_15rud_1", P = "_disabled_15rud_19", M = "_checkbox_15rud_27", v = "_checked_15rud_38", B = "_label_15rud_44", _ = {
-  root: G,
-  disabled: P,
-  checkbox: M,
-  checked: v,
-  label: B
-}, T = (e) => {
-  const { checked: o, children: n, disabled: s = !1, onCheckedChange: a } = e, { close: l } = g(), d = p(
-    _.root,
-    s && _.disabled
+}, S = "_root_15rud_1", v = "_disabled_15rud_19", O = "_checkbox_15rud_27", $ = "_checked_15rud_38", G = "_label_15rud_44", d = {
+  root: S,
+  disabled: v,
+  checkbox: O,
+  checked: $,
+  label: G
+}, k = (s) => {
+  const { checked: o, children: l, disabled: e = !1, onCheckedChange: t } = s, { close: a } = u(), c = p(
+    d.root,
+    e && d.disabled
   );
   return /* @__PURE__ */ h(
     "div",
     {
       "aria-checked": o,
-      "aria-disabled": s,
-      className: d,
+      "aria-disabled": e,
+      className: c,
       onClick: () => {
-        s || (a && a(!o), l());
+        e || (t && t(!o), a());
       },
       role: "menuitemcheckbox",
-      tabIndex: s ? -1 : 0,
+      tabIndex: e ? -1 : 0,
       children: [
-        /* @__PURE__ */ t("span", { className: p(_.checkbox, o && _.checked), children: o && /* @__PURE__ */ t(u, { name: "check", size: 12, strokeWidth: 3 }) }),
-        /* @__PURE__ */ t("span", { className: _.label, children: n })
+        /* @__PURE__ */ n("span", { className: p(d.checkbox, o && d.checked), children: o && /* @__PURE__ */ n(C, { name: "check", size: 12, strokeWidth: 3 }) }),
+        /* @__PURE__ */ n("span", { className: d.label, children: l })
       ]
     }
   );
 };
-T.displayName = r.CHECKBOX;
-const L = "_root_1h0xj_14", U = {
+k.displayName = m.CHECKBOX;
+const L = "_root_1h0xj_14", R = {
   root: L
-}, x = (e) => {
-  const { children: o } = e;
-  return /* @__PURE__ */ t(k.Content, { padding: !1, children: /* @__PURE__ */ t("div", { className: U.root, children: o }) });
+}, N = (s) => {
+  const { children: o } = s;
+  return /* @__PURE__ */ n(b.Content, { padding: !1, children: /* @__PURE__ */ n("div", { className: R.root, children: o }) });
 };
-x.displayName = r.CONTENT;
-const j = [r.TRIGGER, r.CONTENT], f = (e) => {
-  const { children: o, open: n, onOpenChange: s, placement: a = A } = e, l = (d) => y(j, d) ? d : null;
-  return /* @__PURE__ */ t(k, { open: n, onOpenChange: s, placement: a, children: O.Children.map(o, l) });
+N.displayName = m.CONTENT;
+const j = [m.TRIGGER, m.CONTENT], f = (s) => {
+  const { children: o, open: l, onOpenChange: e, placement: t = T } = s, a = (c) => M(j, c) ? c : null;
+  return /* @__PURE__ */ n(b, { open: l, onOpenChange: e, placement: t, children: I.Children.map(o, a) });
 };
-f.displayName = c;
-const q = "_root_dtqrm_1", S = "_label_dtqrm_9", b = {
-  root: q,
-  label: S
-}, $ = (e) => {
-  const { children: o, label: n } = e;
-  return /* @__PURE__ */ h("div", { className: b.root, role: "group", children: [
-    /* @__PURE__ */ t("div", { className: b.label, children: n }),
-    o
-  ] });
-};
-$.displayName = r.GROUP;
-const z = "_root_5s7ps_1", D = "_disabled_5s7ps_19", H = "_danger_5s7ps_26", K = "_icon_5s7ps_33", X = "_label_5s7ps_43", m = {
-  root: z,
+f.displayName = g;
+const B = "_root_5s7ps_1", D = "_disabled_5s7ps_19", z = "_danger_5s7ps_26", U = "_icon_5s7ps_33", F = "_label_5s7ps_43", i = {
+  root: B,
   disabled: D,
-  danger: H,
-  icon: K,
-  label: X
-}, R = (e) => {
-  const { children: o, danger: n = !1, disabled: s = !1, icon: a, onAction: l } = e, { close: d } = g(), C = p(
-    m.root,
-    n && m.danger,
-    s && m.disabled
+  danger: z,
+  icon: U,
+  label: F
+}, x = (s) => {
+  const { children: o, danger: l = !1, disabled: e = !1, icon: t, onAction: a } = s, { close: c } = u(), _ = p(
+    i.root,
+    l && i.danger,
+    e && i.disabled
   );
   return /* @__PURE__ */ h(
     "div",
     {
-      "aria-disabled": s,
-      className: C,
+      "aria-disabled": e,
+      className: _,
       onClick: () => {
-        s || (l && l(), d());
+        e || (a && a(), c());
       },
       role: "menuitem",
-      tabIndex: s ? -1 : 0,
+      tabIndex: e ? -1 : 0,
       children: [
-        a && /* @__PURE__ */ t("span", { className: m.icon, children: /* @__PURE__ */ t(u, { name: a, size: 16 }) }),
-        /* @__PURE__ */ t("span", { className: m.label, children: o })
+        t && /* @__PURE__ */ n("span", { className: i.icon, children: /* @__PURE__ */ n(C, { name: t, size: 16 }) }),
+        /* @__PURE__ */ n("span", { className: i.label, children: o })
       ]
     }
   );
 };
-R.displayName = r.ITEM;
-const F = "_root_16pgq_1", V = {
-  root: F
-}, E = () => /* @__PURE__ */ t("hr", { className: V.root });
-E.displayName = r.SEPARATOR;
-const I = (e) => {
-  const { children: o } = e, { triggerRef: n, state: s } = N();
-  return /* @__PURE__ */ t("span", { "aria-expanded": s.isOpen, "aria-haspopup": "true", onClick: () => s.toggle(), ref: n, children: o });
-};
-I.displayName = r.TRIGGER;
-const i = f;
-i.Checkbox = T;
-i.Content = x;
-i.Group = $;
-i.Item = R;
-i.Separator = E;
-i.Trigger = I;
+x.displayName = m.ITEM;
+const r = f;
+r.Checkbox = k;
+r.Content = N;
+r.Group = y;
+r.Item = x;
+r.Separator = A;
+r.Trigger = P;
 export {
-  i as Menu
+  r as Menu
 };

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-B-LZtrGB.mjs";
+export {
+  o as Panel
+};

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-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.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-BfpR10OT.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-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-CmYwTWCE.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,40 @@
-import { jsx as c, jsxs as z } from "react/jsx-runtime";
-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 { 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 } = l.props;
-    return r.push(e), e && (i = !0), m.cloneElement(l, { index: v });
+    const { children: t = null } = r.props;
+    return o.push(t), t && (n = !0), u.cloneElement(r, { index: p });
   };
-  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__ */ 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 }) })
   ] }) });
 };
-B.displayName = "Tabs";
-const H = B;
-H.Tab = N;
+T.displayName = "Tabs";
+const y = T;
+y.Tab = _;
 export {
-  A as ETabsVariant,
-  H as Tabs
+  N as ETabsVariant,
+  y 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-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,
+  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 { }