@lazar-ui/kit 0.5.2 → 0.6.1

package/dist/title.js

@@ -0,0 +1,4 @@
+import { T as r } from "./Title-xHMuJWGl.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
+};

package/dist/typography.d.ts

@@ -1,6 +1,6 @@
 import { default as default_2 } from 'react';
 
-declare enum ETypographyColor {
+declare enum EHeadingColor {
     PRIMARY = "primary",
     SECONDARY = "secondary",
     TERTIARY = "tertiary",
@@ -8,69 +8,119 @@ declare enum ETypographyColor {
     BRAND = "brand"
 }
 
-declare enum ETypographySize {
+declare enum EHeadingSize {
     XS = "xs",
     SM = "sm",
     MD = "md",
-    LG = "lg",
-    XL = "xl",
-    XXL = "xxl"
+    LG = "lg"
 }
 
-declare enum ETypographyVariant {
-    HEADLINE = "headline",
-    BODY = "body",
-    LABEL = "label"
+declare enum ETextColor {
+    PRIMARY = "primary",
+    SECONDARY = "secondary",
+    TERTIARY = "tertiary",
+    DISABLED = "disabled",
+    BRAND = "brand"
 }
 
-export declare interface ITypographyProps extends default_2.PropsWithChildren {
-    /** HTML tag to render. Defaults: `h2` for headline, `p` for body, `span` for label. */
-    as?: TTypographyTag;
-    /** Color token variant. */
-    color?: TTypographyColor;
-    /** Ref to the root element. */
-    ref?: default_2.Ref<HTMLElement>;
-    /** Typography variant (stylistic group): `headline`, `body`, `label`. */
-    variant?: TTypographyVariant;
-    /** Typography size. */
-    size?: TTypographySize;
-    /** Truncate text with ellipsis (single-line). */
-    truncate?: boolean;
+declare enum ETextSize {
+    XS = "xs",
+    SM = "sm",
+    MD = "md",
+    LG = "lg"
 }
 
-declare type TTypographyColor = `${ETypographyColor}`;
-
-declare type TTypographySize = `${ETypographySize}`;
-
-declare type TTypographyTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div';
-
-declare type TTypographyVariant = `${ETypographyVariant}`;
+declare enum ETextWeight {
+    NORMAL = "normal",
+    MEDIUM = "medium",
+    SEMIBOLD = "semibold",
+    BOLD = "bold"
+}
 
 /**
- * Typography component. Renders text with preset combinations of font-size, font-weight, line-height, and letter-spacing.
+ * Heading component. Renders a semantic HTML heading (`h1`–`h6`) with preset
+ * font-size, font-weight, line-height, and optional letter-spacing.
  *
- * Supports three stylistic groups (`headline`, `body`, `label`) with various sizes.
- * Each combination maps to predefined CSS tokens for consistent typography across the UI.
+ * Each size maps to a predefined set of CSS tokens for consistent typography across the UI.
  *
  * @example
  * ```tsx
- * <Typography variant="headline" size="xl">Headline XL</Typography>
+ * <Heading as="h1" size="lg">Page title</Heading>
  * ```
  *
  * @example
  * ```tsx
- * <Typography variant="body" size="md" color="secondary">
- *   Body secondary text
- * </Typography>
+ * <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 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
- * <Typography variant="label" size="sm" as="span">
- *   Small label
- * </Typography>
+ * <Text size="lg" weight="medium">Основной текст</Text>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Text size="xs" color="secondary" as="span">Аннотация</Text>
  * ```
  */
-export declare const Typography: default_2.FC<ITypographyProps>;
+declare const Text_2: default_2.ForwardRefExoticComponent<Omit<ITextProps, "ref"> & default_2.RefAttributes<HTMLElement>>;
+export { Text_2 as Text }
+
+declare type THeadingColor = `${EHeadingColor}`;
+
+declare type THeadingSize = `${EHeadingSize}`;
+
+declare type THeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+
+declare type TTextColor = `${ETextColor}`;
+
+declare type TTextSize = `${ETextSize}`;
+
+declare type TTextTag = 'p' | 'span' | 'div';
+
+declare type TTextWeight = `${ETextWeight}`;
 
 export { }

package/dist/typography.js

@@ -1,40 +1,6 @@
-import d from "react";
-import h from "clsx";
-import { g as o } from "./getVariantClassName-DoCNtwBw.mjs";
-import './typography.css';const y = "Typography", z = "_root_wamht_5", w = "_truncate_wamht_9", p = "_variantHeadline_wamht_15", v = "_sizeLg_wamht_15", b = "_sizeXl_wamht_21", g = "_sizeXxl_wamht_27", X = "_variantBody_wamht_34", L = "_sizeXs_wamht_34", S = "_sizeSm_wamht_40", u = "_sizeMd_wamht_46", B = "_variantLabel_wamht_59", M = "_colorPrimary_wamht_78", f = "_colorSecondary_wamht_82", x = "_colorTertiary_wamht_86", N = "_colorDisabled_wamht_90", T = "_colorBrand_wamht_94", a = {
-  root: z,
-  truncate: w,
-  variantHeadline: p,
-  sizeLg: v,
-  sizeXl: b,
-  sizeXxl: g,
-  variantBody: X,
-  sizeXs: L,
-  sizeSm: S,
-  sizeMd: u,
-  variantLabel: B,
-  colorPrimary: M,
-  colorSecondary: f,
-  colorTertiary: x,
-  colorDisabled: N,
-  colorBrand: T
-}, D = (s) => {
-  const { as: e, children: n, color: t, ref: c, size: i = "sm", truncate: _ = !1, variant: r = "body" } = s, l = e || {
-    body: "p",
-    headline: "h2",
-    label: "span"
-  }[r] || "p", m = h(
-    a.root,
-    o("variant", r, a),
-    o("size", i, a),
-    t && o("color", t, a),
-    {
-      [a.truncate]: _
-    }
-  );
-  return d.createElement(l, { className: m, ref: c }, n);
-};
-D.displayName = y;
+import { H as r } from "./Heading-CL47Fqe7.mjs";
+import { T as t } from "./Text-DQPy-DZ5.mjs";
 export {
-  D as Typography
+  r as Heading,
+  t as Text
 };

package/dist/utils.d.ts

@@ -16,6 +16,19 @@ export declare const filterValidChildren: (children: default_2.ReactNode, accept
  */
 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.
@@ -35,6 +48,13 @@ export declare const getReactElementDisplayName: (element: default_2.ReactElemen
  */
 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;

package/dist/utils.js

@@ -1,18 +1,20 @@
 import a from "react";
 import { i } from "./isValidReactNode-CmYwTWCE.mjs";
 import { g as f } from "./isValidReactNode-CmYwTWCE.mjs";
-import { g } from "./getComponentSlots-DwAYUFNk.mjs";
-import { g as C } from "./getVariantClassName-DoCNtwBw.mjs";
-const l = (r, o) => {
+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(r, (t) => {
-    i(o, t) && e.push(t);
+  return a.Children.forEach(o, (t) => {
+    i(r, t) && e.push(t);
   }), e;
 };
 export {
   l as filterValidChildren,
-  g as getComponentSlots,
+  c as getComponentSlots,
+  x as getDecorationStyle,
   f as getReactElementDisplayName,
-  C as getVariantClassName,
+  h as getVariantClassName,
   i as isValidReactNode
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lazar-ui/kit",
-  "version": "0.5.2",
+  "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/Button-jq8mFP6t.mjs

@@ -1,52 +0,0 @@
-import { jsxs as z, jsx as s } from "react/jsx-runtime";
-import v from "clsx";
-import { I as y } from "./Icon-DUCBChX2.mjs";
-import { g as o } from "./getVariantClassName-DoCNtwBw.mjs";
-import './Button.css';const g = "Button", h = "_root_1lm86_21", x = "_modeFilled_1lm86_32", S = "_variantPrimary_1lm86_32", b = "_pressed_1lm86_36", N = "_variantSecondary_1lm86_42", W = "_variantDanger_1lm86_52", C = "_disabled_1lm86_62", D = "_modeOutlined_1lm86_69", L = "_modeText_1lm86_94", M = "_fullWidth_1lm86_118", P = "_sizeSm_1lm86_121", B = "_sizeMd_1lm86_128", F = "_sizeLg_1lm86_135", I = "_icon_1lm86_143", e = {
-  root: h,
-  modeFilled: x,
-  variantPrimary: S,
-  pressed: b,
-  variantSecondary: N,
-  variantDanger: W,
-  disabled: C,
-  modeOutlined: D,
-  modeText: L,
-  fullWidth: M,
-  sizeSm: P,
-  sizeMd: B,
-  sizeLg: F,
-  icon: I
-}, O = (a) => {
-  const {
-    children: t,
-    disabled: i = !1,
-    fullWidth: l = !1,
-    icon: n,
-    mode: r = "filled",
-    onClick: d,
-    size: m = "md",
-    variant: _ = "primary",
-    pressed: c,
-    as: p = "button",
-    ...f
-  } = a, u = v(
-    e.root,
-    o("size", m, e),
-    o("variant", _, e),
-    o("mode", r, e),
-    {
-      [e.fullWidth]: l,
-      [e.pressed]: c,
-      [e.disabled]: i
-    }
-  );
-  return /* @__PURE__ */ z(p, { className: u, disabled: i, onClick: d, ...f, children: [
-    n && /* @__PURE__ */ s("span", { className: e.icon, children: /* @__PURE__ */ s(y, { name: n, size: 16 }) }),
-    t && /* @__PURE__ */ s("span", { children: t })
-  ] });
-};
-O.displayName = g;
-export {
-  O as B
-};

package/dist/separator.css

@@ -1 +0,0 @@
-:root{--separator-color: var(--lui-color-border-primary)}._root_kvseh_5{background:var(--separator-color);border:none;height:1px;margin:0;padding-inline:var(--lui-space-4);width:100%}._vertical_kvseh_14{height:100%;padding-block:var(--lui-space-4);padding-inline:0;width:1px}._bleed_kvseh_21{padding:0}

package/dist/typography.css

@@ -1 +0,0 @@
-:root{--typography-headline-lg-size: 18px}._root_wamht_5{font-family:var(--lui-font-family-body);margin:0}._root_wamht_5._truncate_wamht_9{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._variantHeadline_wamht_15._sizeLg_wamht_15{font-size:var(--typography-headline-lg-size);font-weight:var(--lui-font-weight-semibold);letter-spacing:normal;line-height:var(--line-height-lg)}._variantHeadline_wamht_15._sizeXl_wamht_21{font-size:var(--lui-font-size-xl);font-weight:var(--lui-font-weight-semibold);letter-spacing:-.01em;line-height:var(--line-height-xl)}._variantHeadline_wamht_15._sizeXxl_wamht_27{font-size:var(--lui-font-size-2xl);font-weight:var(--lui-font-weight-bold);letter-spacing:-.02em;line-height:var(--line-height-2xl)}._variantBody_wamht_34._sizeXs_wamht_34{font-size:var(--lui-font-size-xs);font-weight:var(--lui-font-weight-normal);letter-spacing:normal;line-height:var(--line-height-xs)}._variantBody_wamht_34._sizeSm_wamht_40{font-size:var(--lui-font-size-sm);font-weight:var(--lui-font-weight-normal);letter-spacing:normal;line-height:var(--line-height-sm)}._variantBody_wamht_34._sizeMd_wamht_46{font-size:var(--lui-font-size-md);font-weight:var(--lui-font-weight-normal);letter-spacing:normal;line-height:var(--line-height-md)}._variantBody_wamht_34._sizeLg_wamht_15{font-size:var(--lui-font-size-lg);font-weight:var(--lui-font-weight-normal);letter-spacing:normal;line-height:var(--line-height-lg)}._variantLabel_wamht_59._sizeXs_wamht_34{font-size:var(--lui-font-size-xs);font-weight:var(--lui-font-weight-medium);letter-spacing:.02em;line-height:var(--line-height-xs)}._variantLabel_wamht_59._sizeSm_wamht_40{font-size:var(--lui-font-size-sm);font-weight:var(--lui-font-weight-medium);letter-spacing:normal;line-height:var(--line-height-sm)}._variantLabel_wamht_59._sizeMd_wamht_46{font-size:var(--lui-font-size-md);font-weight:var(--lui-font-weight-medium);letter-spacing:normal;line-height:var(--line-height-md)}._colorPrimary_wamht_78{color:var(--lui-color-text-primary)}._colorSecondary_wamht_82{color:var(--lui-color-text-secondary)}._colorTertiary_wamht_86{color:var(--lui-color-text-tertiary)}._colorDisabled_wamht_90{color:var(--lui-color-text-disabled)}._colorBrand_wamht_94{color:var(--lui-color-text-link)}