@lazar-ui/kit 0.3.0 → 0.5.0

package/dist/select.js

@@ -1,9 +1,9 @@
-import { jsxs as c, jsx as s } from "react/jsx-runtime";
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
 import { useState as P, useCallback as h } from "react";
 import p from "clsx";
 import { I as m } from "./Icon-DsTlU3j3.mjs";
 import { Popover as b } from "./popover.js";
-import { u as O } from "./useLocale-DdHNhmvT.mjs";
+import { u as O } from "./useLocale-CJh-krrY.mjs";
 import { g as D } from "./getVariantClassName-D7Nhpuec.mjs";
 import './select.css';const I = "Select", M = "bottom start", A = "_root_t7wta_7", B = "_disabled_t7wta_28", E = "_invalid_t7wta_35", j = "_sizeSm_t7wta_39", F = "_sizeMd_t7wta_45", U = "_sizeLg_t7wta_51", V = "_displayText_t7wta_57", W = "_displayTextPlaceholder_t7wta_64", Y = "_indicators_t7wta_68", q = "_clearButton_t7wta_74", G = "_chevron_t7wta_92", H = "_optionsList_t7wta_103", J = "_noOptions_t7wta_112", K = "_option_t7wta_103", Q = "_optionSelected_t7wta_132", R = "_optionDisabled_t7wta_138", X = "_optionLabel_t7wta_146", Z = "_checkbox_t7wta_153", $ = "_checkboxChecked_t7wta_165", t = {
   root: A,
@@ -30,38 +30,38 @@ import './select.css';const I = "Select", M = "bottom start", A = "_root_t7wta_7
     clearable: w = !1,
     disabled: i = !1,
     invalid: u = !1,
-    multiple: a = !1,
+    multiple: s = !1,
     onChange: o,
     options: d,
     placeholder: k,
-    size: C = "md",
+    size: S = "md",
     value: n
-  } = v, [g, x] = P(!1), _ = O(), r = a ? d.filter((e) => n?.includes(e.value)) : d.filter((e) => e.value === n), f = r.length > 0 ? r.map((e) => e.label).join(", ") : k ?? _.select.placeholder, L = h(
+  } = v, [C, x] = P(!1), _ = O(), r = s ? d.filter((e) => n?.includes(e.value)) : d.filter((e) => e.value === n), f = r.length > 0 ? r.map((e) => e.label).join(", ") : k ?? _.Select.placeholder, g = h(
     (e) => {
       if (!e.disabled && o)
-        if (a) {
+        if (s) {
           const l = n ?? [], y = l.includes(e.value) ? l.filter((T) => T !== e.value) : [...l, e.value];
           o(y);
         } else
           o(e.value), x(!1);
     },
-    [a, o, n]
-  ), N = h(
+    [s, o, n]
+  ), L = h(
     (e) => {
-      e.stopPropagation(), o && o(a ? [] : "");
+      e.stopPropagation(), o && o(s ? [] : "");
     },
-    [a, o]
-  ), S = h(
-    (e) => a ? n?.includes(e) ?? !1 : n === e,
-    [a, n]
+    [s, o]
+  ), N = h(
+    (e) => s ? n?.includes(e) ?? !1 : n === e,
+    [s, n]
   ), z = p(
     t.root,
-    D("size", C, t),
+    D("size", S, t),
     i && t.disabled,
     u && t.invalid
   );
-  return /* @__PURE__ */ c(b, { onOpenChange: x, open: g, placement: M, children: [
-    /* @__PURE__ */ s(b.Trigger, { children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ c(b, { onOpenChange: x, open: C, placement: M, children: [
+    /* @__PURE__ */ a(b.Trigger, { children: /* @__PURE__ */ c(
       "div",
       {
         "aria-disabled": i,
@@ -71,34 +71,34 @@ import './select.css';const I = "Select", M = "bottom start", A = "_root_t7wta_7
         tabIndex: i ? -1 : 0,
         onClick: i ? (e) => e.stopPropagation() : void 0,
         children: [
-          /* @__PURE__ */ s("span", { className: p(t.displayText, !r.length && t.displayTextPlaceholder), children: f }),
+          /* @__PURE__ */ a("span", { className: p(t.displayText, !r.length && t.displayTextPlaceholder), children: f }),
           /* @__PURE__ */ c("span", { className: t.indicators, children: [
-            w && r.length > 0 && !i && /* @__PURE__ */ s(
+            w && r.length > 0 && !i && /* @__PURE__ */ a(
               "button",
               {
-                "aria-label": _.select.clear,
+                "aria-label": _.Select.clear,
                 className: t.clearButton,
-                onClick: N,
+                onClick: L,
                 tabIndex: -1,
                 type: "button",
-                children: /* @__PURE__ */ s(m, { name: "x", size: 14 })
+                children: /* @__PURE__ */ a(m, { name: "x", size: 14 })
               }
             ),
-            /* @__PURE__ */ s("span", { className: t.chevron, children: /* @__PURE__ */ s(m, { name: "chevron-down", size: 16 }) })
+            /* @__PURE__ */ a("span", { className: t.chevron, children: /* @__PURE__ */ a(m, { name: "chevron-down", size: 16 }) })
           ] })
         ]
       }
     ) }),
-    /* @__PURE__ */ s(b.Content, { padding: !1, children: /* @__PURE__ */ c(
+    /* @__PURE__ */ a(b.Content, { padding: !1, children: /* @__PURE__ */ c(
       "ul",
       {
         "aria-label": f,
         className: t.optionsList,
         role: "listbox",
         children: [
-          d.length === 0 && /* @__PURE__ */ s("li", { className: t.noOptions, children: _.select.noOptions }),
+          d.length === 0 && /* @__PURE__ */ a("li", { className: t.noOptions, children: _.Select.noOptions }),
           d.map((e) => {
-            const l = S(e.value);
+            const l = N(e.value);
             return /* @__PURE__ */ c(
               "li",
               {
@@ -110,12 +110,12 @@ import './select.css';const I = "Select", M = "bottom start", A = "_root_t7wta_7
                   e.disabled && t.optionDisabled
                 ),
                 onClick: () => {
-                  L(e);
+                  g(e);
                 },
                 role: "option",
                 children: [
-                  a && /* @__PURE__ */ s("span", { className: p(t.checkbox, l && t.checkboxChecked), children: l && /* @__PURE__ */ s(m, { name: "check", size: 12, strokeWidth: 3 }) }),
-                  /* @__PURE__ */ s("span", { className: t.optionLabel, children: e.label })
+                  s && /* @__PURE__ */ a("span", { className: p(t.checkbox, l && t.checkboxChecked), children: l && /* @__PURE__ */ a(m, { name: "check", size: 12, strokeWidth: 3 }) }),
+                  /* @__PURE__ */ a("span", { className: t.optionLabel, children: e.label })
                 ]
               },
               e.value

package/dist/table.css

@@ -1 +1 @@
-: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{--table-font-size: var(--lui-font-size-md)}._root_k8vfx_5{border-collapse:collapse;font-size:var(--table-font-size);table-layout:fixed;width:100%}
+: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%}

package/dist/table.d.ts

@@ -1,12 +1,44 @@
 import { default as default_2 } from 'react';
 
+/**
+ * Table.ActiveFilters — displays active filter chips with individual remove buttons
+ * and an optional "Clear all" button.
+ *
+ * Returns `null` when there are no active filters.
+ *
+ * @example
+ * ```tsx
+ * <Table.ActiveFilters
+ *   filters={[
+ *     { key: 'status', label: 'Status', value: 'Active' },
+ *     { key: 'role', label: 'Role', value: 'Admin' },
+ *   ]}
+ *   onRemove={(key) => console.log('remove', key)}
+ *   onClearAll={() => console.log('clear all')}
+ * />
+ * ```
+ */
+declare const ActiveFilters: default_2.FC<IProps>;
+
 /**
  * Table cell. Must be used as a child of `<Table.Row>`.
  * Supports text alignment and header styling via `as="th"`.
  */
-declare const Cell: default_2.FC<IProps>;
+declare const Cell: default_2.FC<IProps_2>;
+
+export declare interface IFilterItem {
+    key: string;
+    label: string;
+    value: string;
+}
 
-declare interface IProps extends default_2.PropsWithChildren {
+declare interface IProps {
+    filters: IFilterItem[];
+    onRemove: (key: string) => void;
+    onClearAll?: () => void;
+}
+
+declare interface IProps_2 extends default_2.PropsWithChildren {
     /** Text alignment. */
     align?: 'left' | 'center' | 'right';
     /** HTML tag: `'td'` (default) or `'th'`. */
@@ -17,7 +49,10 @@ declare interface IProps extends default_2.PropsWithChildren {
     width?: string;
 }
 
-declare interface IProps_2 extends default_2.PropsWithChildren {
+declare interface IProps_3 extends default_2.PropsWithChildren {
+}
+
+declare interface IProps_4 extends default_2.PropsWithChildren {
 }
 
 export declare interface ITableProps extends default_2.PropsWithChildren {
@@ -27,34 +62,49 @@ export declare interface ITableProps extends default_2.PropsWithChildren {
  * Table row. Must be used as a child of `<Table>`.
  * Accepts `<Table.Cell>` children.
  */
-declare const Row: default_2.FC<IProps_2>;
+declare const Row: default_2.FC<IProps_3>;
 
 export declare const Table: TTableCompoundComponent;
 
 /**
  * Table container. Renders an HTML `<table>` with striped rows and hover effects.
  *
+ * Supports an optional `<Table.Toolbar>` child rendered above the table.
  * Uses compound component pattern via `<Table.Row>` and `<Table.Cell>`.
  *
  * @example
  * ```tsx
  * <Table>
+ *   <Table.Toolbar>
+ *     <Input placeholder="Search..." />
+ *   </Table.Toolbar>
  *   <Table.Row>
  *     <Table.Cell as="th">Name</Table.Cell>
- *     <Table.Cell as="th">Role</Table.Cell>
- *   </Table.Row>
- *   <Table.Row>
- *     <Table.Cell>John</Table.Cell>
- *     <Table.Cell>Developer</Table.Cell>
  *   </Table.Row>
  * </Table>
  * ```
  */
 declare const Table_2: default_2.FC<ITableProps>;
 
+/**
+ * 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>
+ * ```
+ */
+declare const Toolbar: default_2.FC<IProps_4>;
+
 declare type TTableCompoundComponent = typeof Table_2 & {
+    ActiveFilters: typeof ActiveFilters;
     Cell: typeof Cell;
     Row: typeof Row;
+    Toolbar: typeof Toolbar;
 };
 
 export { }

package/dist/table.js

@@ -1,40 +1,79 @@
-import { jsx as l } from "react/jsx-runtime";
-import p from "clsx";
-import s from "react";
-import { g as f } from "./getVariantClassName-D7Nhpuec.mjs";
+import { jsxs as h, jsx as n } from "react/jsx-runtime";
+import T, { useCallback as p } from "react";
+import { B as u } from "./Button-BYnrV9av.mjs";
+import { C as L } from "./Chip-DLfYGIQG.mjs";
+import { u as y } from "./useLocale-CJh-krrY.mjs";
+import R from "clsx";
+import { g as w } from "./getVariantClassName-D7Nhpuec.mjs";
 import { i } from "./isValidReactNode-CmYwTWCE.mjs";
 import "./camelCase-PtIYufW8.mjs";
-import './table.css';var n = /* @__PURE__ */ ((t) => (t.CELL = "Table.Cell", t.ROW = "Table.Row", t))(n || {});
-const u = "_root_lmxwt_8", L = "_header_lmxwt_17", N = "_alignLeft_lmxwt_21", R = "_alignRight_lmxwt_24", w = "_alignCenter_lmxwt_27", a = {
-  root: u,
-  header: L,
-  alignLeft: N,
-  alignRight: R,
-  alignCenter: w
-}, c = (t) => {
-  const { align: r = "left", as: e = "td", children: o, title: g, width: h } = t, C = p(a.root, f("align", r, a), {
-    [a.header]: e === "th"
+import './table.css';const $ = "Table.ActiveFilters", v = "_root_4qb7d_5", x = {
+  root: v
+}, b = (t) => {
+  const { filters: e, onClearAll: o, onRemove: r } = t, c = y(), l = p(
+    (a) => () => {
+      r(a);
+    },
+    [r]
+  ), m = p(() => {
+    o?.();
+  }, [o]);
+  return e.length === 0 ? null : /* @__PURE__ */ h("div", { className: x.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 })
+  ] });
+};
+b.displayName = $;
+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
+}, g = (t) => {
+  const { align: e = "left", as: o = "td", children: r, title: c, width: l } = t, m = R(_.root, w("align", e, _), {
+    [_.header]: o === "th"
   });
-  return /* @__PURE__ */ l(e, { className: C, title: g, width: h, children: o });
+  return /* @__PURE__ */ n(o, { className: m, title: c, width: l, children: r });
+};
+g.displayName = s.CELL;
+const E = "_root_t4731_5", I = {
+  root: E
+}, A = (t) => {
+  const { children: e } = t, o = (r) => i(s.CELL, r) ? r : null;
+  return /* @__PURE__ */ n("tr", { className: I.root, children: T.Children.map(e, o) });
 };
-c.displayName = n.CELL;
-const x = "_root_t4731_5", T = {
-  root: x
-}, m = (t) => {
-  const { children: r } = t, e = (o) => i(n.CELL, o) ? o : null;
-  return /* @__PURE__ */ l("tr", { className: T.root, children: s.Children.map(r, e) });
+A.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 });
 };
-m.displayName = n.ROW;
-const b = "Table", y = "_root_k8vfx_5", $ = {
-  root: y
-}, d = (t) => {
-  const { children: r } = t, e = (o) => i(n.ROW, o) ? o : null;
-  return /* @__PURE__ */ l("table", { className: $.root, children: /* @__PURE__ */ l("tbody", { children: s.Children.map(r, 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 = T.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 }) })
+  ] });
 };
-d.displayName = b;
-const _ = d;
-_.Cell = c;
-_.Row = m;
+N.displayName = Y;
+const d = N;
+d.ActiveFilters = b;
+d.Cell = g;
+d.Row = A;
+d.Toolbar = f;
 export {
-  _ as Table
+  d as Table
 };

package/dist/useLocale-CJh-krrY.mjs

@@ -0,0 +1,106 @@
+import { jsx as m } from "react/jsx-runtime";
+import { createContext as u, useMemo as l, useEffect as g, useContext as f } from "react";
+const c = u(null), a = {
+  Chip: {
+    remove: "Remove"
+  },
+  Dialog: {
+    close: "Close"
+  },
+  Drawer: {
+    Header: {
+      close: "Close"
+    }
+  },
+  Input: {
+    Password: {
+      passwordHide: "Hide password",
+      passwordShow: "Show password"
+    }
+  },
+  Pagination: {
+    Item: {
+      page: "Page {page}"
+    },
+    items: "items",
+    label: "Pagination",
+    next: "Next page",
+    of: "of",
+    prev: "Previous page"
+  },
+  Select: {
+    clear: "Clear",
+    noOptions: "No options",
+    placeholder: "Select..."
+  },
+  Table: {
+    ActiveFilters: {
+      clearAll: "Clear all",
+      remove: "Remove filter:"
+    }
+  }
+}, v = {
+  Chip: {
+    remove: "Удалить"
+  },
+  Dialog: {
+    close: "Закрыть"
+  },
+  Drawer: {
+    Header: {
+      close: "Закрыть"
+    }
+  },
+  Input: {
+    Password: {
+      passwordHide: "Скрыть пароль",
+      passwordShow: "Показать пароль"
+    }
+  },
+  Pagination: {
+    Item: {
+      page: "Страница {page}"
+    },
+    items: "элементов",
+    label: "Пагинация",
+    next: "Следующая страница",
+    of: "из",
+    prev: "Предыдущая страница"
+  },
+  Select: {
+    clear: "Очистить",
+    noOptions: "Нет вариантов",
+    placeholder: "Выберите..."
+  },
+  Table: {
+    ActiveFilters: {
+      clearAll: "Очистить всё",
+      remove: "Удалить фильтр:"
+    }
+  }
+}, w = { en: a, ru: v }, i = (e, n) => {
+  const t = { ...e };
+  for (const s of Object.keys(n)) {
+    const o = n[s], r = e[s];
+    o && typeof o == "object" && !Array.isArray(o) && r && typeof r == "object" && !Array.isArray(r) ? t[s] = i(
+      r,
+      o
+    ) : o !== void 0 && (t[s] = o);
+  }
+  return t;
+}, h = (e) => l(() => e ? typeof e == "string" ? w[e] ?? a : i(a, e) : a, [e]), C = (e) => {
+  const { children: n, theme: t = "light", locale: s, themeTarget: o } = e, r = h(s);
+  g(() => {
+    const d = o ?? document.documentElement;
+    d.dataset.theme = t;
+  }, [t, o]);
+  const p = l(() => ({ locale: r, theme: t }), [t, r]);
+  return /* @__PURE__ */ m(c.Provider, { value: p, children: n });
+};
+C.displayName = "LazarUiProvider";
+const y = () => f(c)?.locale ?? a;
+export {
+  c as C,
+  C as L,
+  y as u
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lazar-ui/kit",
-  "version": "0.3.0",
+  "version": "0.5.0",
   "license": "MIT",
   "description": "A component library for building admin panels, dashboards, and internal tools.",
   "homepage": "https://lazar-ui.github.io/docs",
@@ -38,7 +38,7 @@
     "build": "vite build",
     "check-types": "tsc --noEmit",
     "clean": "rm -rf node_modules",
-    "dev": "npm run watch:tsm",
+    "dev": "",
     "lint": "eslint src --max-warnings 100 || true",
     "lint:styles": "stylelint \"src/components/**/*.scss\"",
     "format": "prettier --write \"src/**/*.{ts,tsx}\"",
@@ -48,9 +48,7 @@
     "gen:component:ai": "node scripts/generate-component.mjs",
     "test": "vitest run",
     "test:coverage": "vitest run --coverage",
-    "test:watch": "vitest",
-    "tsm": "typed-scss-modules src",
-    "watch:tsm": "typed-scss-modules src --watch"
+    "test:watch": "vitest"
   },
   "devDependencies": {
     "@repo/eslint-config": "*",

package/dist/button.css

@@ -1 +0,0 @@
-:root{--button-bg: var(--lui-color-background-brand);--button-bg-hover: var(--lui-color-background-brand-hover);--button-text: var(--lui-color-text-on-brand);--button-bg-secondary: var(--lui-color-background-primary);--button-text-secondary: var(--lui-color-text-secondary);--button-bg-secondary-hover: var(--lui-color-background-secondary);--button-bg-danger: var(--lui-color-background-error);--button-text-danger: var(--lui-color-text-on-brand);--button-bg-danger-hover: var(--lui-color-background-error-hover);--button-bg-disabled: var(--lui-color-background-disabled);--button-text-disabled: var(--lui-color-text-disabled);--button-border-disabled: var(--lui-color-border-disabled);--button-focus-ring: var(--lui-color-border-focus);--button-focus-ring-error: var(--lui-color-border-focus-error);--button-radius: var(--lui-radius-2);--button-border: var(--lui-color-border-primary);--button-shadow: var(--lui-shadow-xs)}._root_26zpg_21{align-items:center;border:1px solid var(--button-border);border-radius:var(--button-radius);box-shadow:var(--button-shadow);display:flex;flex-direction:row;justify-content:center;outline-offset:2px;transition:background-color .2s,color .2s}._root_26zpg_21._modeFilled_26zpg_32._variantPrimary_26zpg_32{background:var(--button-bg);color:var(--button-text)}._root_26zpg_21._modeFilled_26zpg_32._variantPrimary_26zpg_32._pressed_26zpg_36,._root_26zpg_21._modeFilled_26zpg_32._variantPrimary_26zpg_32:active,._root_26zpg_21._modeFilled_26zpg_32._variantPrimary_26zpg_32:hover{background:var(--button-bg-hover)}._root_26zpg_21._modeFilled_26zpg_32._variantPrimary_26zpg_32:focus-visible{outline:2px solid var(--button-focus-ring)}._root_26zpg_21._modeFilled_26zpg_32._variantSecondary_26zpg_42{background:var(--button-bg-secondary);color:var(--button-text-secondary)}._root_26zpg_21._modeFilled_26zpg_32._variantSecondary_26zpg_42:active,._root_26zpg_21._modeFilled_26zpg_32._variantSecondary_26zpg_42._pressed_26zpg_36,._root_26zpg_21._modeFilled_26zpg_32._variantSecondary_26zpg_42:hover{background:var(--button-bg-secondary-hover)}._root_26zpg_21._modeFilled_26zpg_32._variantSecondary_26zpg_42:focus-visible{outline:2px solid var(--button-focus-ring)}._root_26zpg_21._modeFilled_26zpg_32._variantDanger_26zpg_52{background:var(--button-bg-danger);color:var(--button-text-danger)}._root_26zpg_21._modeFilled_26zpg_32._variantDanger_26zpg_52:active,._root_26zpg_21._modeFilled_26zpg_32._variantDanger_26zpg_52._pressed_26zpg_36,._root_26zpg_21._modeFilled_26zpg_32._variantDanger_26zpg_52:hover{background:var(--button-bg-danger-hover)}._root_26zpg_21._modeFilled_26zpg_32._variantDanger_26zpg_52:focus-visible{outline:2px solid var(--button-focus-ring-error)}._root_26zpg_21._modeFilled_26zpg_32:disabled,._root_26zpg_21._modeFilled_26zpg_32._disabled_26zpg_62{background:var(--button-bg-disabled);border-color:var(--button-border-disabled);color:var(--button-text-disabled);cursor:not-allowed;pointer-events:none}._root_26zpg_21._modeOutlined_26zpg_69{background:transparent;box-shadow:none}._root_26zpg_21._modeOutlined_26zpg_69._variantPrimary_26zpg_32{border-color:var(--lui-color-background-brand);color:var(--lui-color-background-brand)}._root_26zpg_21._modeOutlined_26zpg_69._variantPrimary_26zpg_32:hover{background:var(--lui-color-background-brand-secondary)}._root_26zpg_21._modeOutlined_26zpg_69._variantSecondary_26zpg_42{color:var(--lui-color-text-secondary)}._root_26zpg_21._modeOutlined_26zpg_69._variantSecondary_26zpg_42:hover{background:var(--lui-color-background-secondary)}._root_26zpg_21._modeOutlined_26zpg_69._variantDanger_26zpg_52{border-color:var(--lui-color-background-error);color:var(--lui-color-background-error)}._root_26zpg_21._modeOutlined_26zpg_69._variantDanger_26zpg_52:hover{background:var(--lui-color-background-error);color:var(--lui-color-text-on-brand)}._root_26zpg_21._modeText_26zpg_94{background:transparent;border-color:transparent;box-shadow:none}._root_26zpg_21._modeText_26zpg_94._variantPrimary_26zpg_32{color:var(--lui-color-background-brand)}._root_26zpg_21._modeText_26zpg_94._variantPrimary_26zpg_32:hover{background:var(--lui-color-background-brand-secondary)}._root_26zpg_21._modeText_26zpg_94._variantSecondary_26zpg_42{color:var(--lui-color-text-secondary)}._root_26zpg_21._modeText_26zpg_94._variantSecondary_26zpg_42:hover{background:var(--lui-color-background-secondary)}._root_26zpg_21._modeText_26zpg_94._variantDanger_26zpg_52{color:var(--lui-color-background-error)}._root_26zpg_21._modeText_26zpg_94._variantDanger_26zpg_52:hover{background:var(--lui-color-background-error);color:var(--lui-color-text-on-brand)}._root_26zpg_21._fullWidth_26zpg_118{width:100%}._root_26zpg_21._sizeSm_26zpg_121{font-size:var(--lui-font-size-sm);font-weight:var(--lui-font-weight-semibold);gap:var(--lui-space-1);line-height:var(--line-height-sm);padding:var(--lui-space-1) var(--lui-space-3)}._root_26zpg_21._sizeMd_26zpg_128{font-size:var(--lui-font-size-sm);font-weight:var(--lui-font-weight-semibold);gap:var(--lui-space-1);line-height:var(--line-height-sm);padding:var(--lui-space-2) var(--lui-space-4)}._root_26zpg_21._sizeLg_26zpg_135{font-size:var(--lui-font-size-md);font-weight:var(--lui-font-weight-semibold);gap:var(--lui-space-2);line-height:var(--line-height-md);padding:var(--lui-space-3) var(--lui-space-4)}._icon_26zpg_143{align-items:center;display:flex;flex:0 0 20px;height:20px;justify-content:center;width:20px}

package/dist/useLocale-DdHNhmvT.mjs

@@ -1,70 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-import { createContext as g, useMemo as i, useEffect as u, useContext as m } from "react";
-const c = g(null), n = {
-  dialog: {
-    close: "Close"
-  },
-  input: {
-    passwordHide: "Hide password",
-    passwordShow: "Show password"
-  },
-  pagination: {
-    next: "Next page",
-    page: "Page {page}",
-    pagination: "Pagination",
-    prev: "Previous page"
-  },
-  select: {
-    clear: "Clear",
-    noOptions: "No options",
-    placeholder: "Select..."
-  }
-}, f = {
-  dialog: {
-    close: "Закрыть"
-  },
-  input: {
-    passwordHide: "Скрыть пароль",
-    passwordShow: "Показать пароль"
-  },
-  pagination: {
-    next: "Следующая страница",
-    page: "Страница {page}",
-    pagination: "Пагинация",
-    prev: "Предыдущая страница"
-  },
-  select: {
-    clear: "Очистить",
-    noOptions: "Нет вариантов",
-    placeholder: "Выберите..."
-  }
-}, h = { en: n, ru: f }, x = (e) => i(() => {
-  if (!e)
-    return n;
-  if (typeof e == "string")
-    return h[e] ?? n;
-  const r = { ...n };
-  for (const t of Object.keys(e)) {
-    const o = e[t];
-    o && typeof o == "object" && !Array.isArray(o) && (r[t] = {
-      ...r[t],
-      ...o
-    });
-  }
-  return r;
-}, [e]), w = (e) => {
-  const { children: r, theme: t = "light", locale: o, themeTarget: s } = e, a = x(o);
-  u(() => {
-    const d = s ?? document.documentElement;
-    d.dataset.theme = t;
-  }, [t, s]);
-  const p = i(() => ({ locale: a, theme: t }), [t, a]);
-  return /* @__PURE__ */ l(c.Provider, { value: p, children: r });
-};
-w.displayName = "LazarUiProvider";
-const y = () => m(c)?.locale ?? n;
-export {
-  c as C,
-  w as L,
-  y as u
-};