@lazar-ui/kit 0.6.1 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (97) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/dist/accordion.css +1 -1
  3. package/dist/accordion.js +62 -23
  4. package/dist/dialog.css +1 -1
  5. package/dist/dialog.js +62 -44
  6. package/dist/drawer.css +1 -1
  7. package/dist/drawer.js +93 -72
  8. package/dist/heading.js +31 -5
  9. package/dist/input.js +124 -86
  10. package/dist/menu.css +1 -1
  11. package/dist/menu.js +81 -63
  12. package/dist/select.d.ts +45 -3
  13. package/dist/select.js +103 -81
  14. package/dist/separator.css +1 -0
  15. package/dist/separator.d.ts +21 -1
  16. package/dist/separator.js +22 -2
  17. package/dist/slider.css +1 -0
  18. package/dist/slider.d.ts +50 -0
  19. package/dist/slider.js +72 -0
  20. package/dist/table.css +1 -1
  21. package/dist/table.d.ts +4 -0
  22. package/dist/table.js +74 -25
  23. package/dist/tabs.css +1 -1
  24. package/dist/tabs.js +73 -34
  25. package/dist/text.d.ts +15 -15
  26. package/dist/text.js +48 -6
  27. package/dist/utils.d.ts +4 -4
  28. package/package.json +1 -1
  29. package/dist/Actions-Cii4AnwJ.mjs +0 -12
  30. package/dist/Actions.css +0 -1
  31. package/dist/ActiveFilters-BJojmc-d.mjs +0 -29
  32. package/dist/ActiveFilters.css +0 -1
  33. package/dist/Cell-BPBvEyeL.mjs +0 -21
  34. package/dist/Cell.css +0 -1
  35. package/dist/Content-1kg0isb_.mjs +0 -12
  36. package/dist/Content.css +0 -1
  37. package/dist/Context-BjkJbHVo.mjs +0 -6
  38. package/dist/Group-DyDpeqOP.mjs +0 -16
  39. package/dist/Group.css +0 -1
  40. package/dist/Header-Clhgyr0J.mjs +0 -29
  41. package/dist/Header.css +0 -1
  42. package/dist/Heading-CL47Fqe7.mjs +0 -30
  43. package/dist/InputBase-BHZWQT9-.mjs +0 -46
  44. package/dist/Item-CBYGbEHN.mjs +0 -47
  45. package/dist/Item.css +0 -1
  46. package/dist/Panel-B-LZtrGB.mjs +0 -11
  47. package/dist/Row-BfI8268z.mjs +0 -15
  48. package/dist/Row.css +0 -1
  49. package/dist/Separator-FETQ3gHZ.mjs +0 -9
  50. package/dist/Separator.css +0 -1
  51. package/dist/Tab-BfpR10OT.mjs +0 -38
  52. package/dist/Tab.css +0 -1
  53. package/dist/Text-DQPy-DZ5.mjs +0 -46
  54. package/dist/Title-xHMuJWGl.mjs +0 -12
  55. package/dist/Title.css +0 -1
  56. package/dist/Toolbar-BJQy4qFI.mjs +0 -11
  57. package/dist/Toolbar.css +0 -1
  58. package/dist/Trigger-C_4De6l1.mjs +0 -11
  59. package/dist/actions.d.ts +0 -13
  60. package/dist/actions.js +0 -4
  61. package/dist/active-filters.d.ts +0 -35
  62. package/dist/active-filters.js +0 -4
  63. package/dist/cell.d.ts +0 -20
  64. package/dist/cell.js +0 -4
  65. package/dist/content.d.ts +0 -8
  66. package/dist/content.js +0 -4
  67. package/dist/context.d.ts +0 -17
  68. package/dist/context.js +0 -5
  69. package/dist/enums-BnuDYTua.mjs +0 -4
  70. package/dist/enums-DUZMBQDd.mjs +0 -7
  71. package/dist/enums-DfSzOa3x.mjs +0 -4
  72. package/dist/enums-OoI2Qgqq.mjs +0 -14
  73. package/dist/group.d.ts +0 -12
  74. package/dist/group.js +0 -4
  75. package/dist/header.d.ts +0 -21
  76. package/dist/header.js +0 -4
  77. package/dist/input-base.d.ts +0 -29
  78. package/dist/input-base.js +0 -4
  79. package/dist/item.d.ts +0 -42
  80. package/dist/item.js +0 -4
  81. package/dist/panel.d.ts +0 -9
  82. package/dist/panel.js +0 -4
  83. package/dist/row.d.ts +0 -12
  84. package/dist/row.js +0 -4
  85. package/dist/tab.d.ts +0 -30
  86. package/dist/tab.js +0 -4
  87. package/dist/title.d.ts +0 -8
  88. package/dist/title.js +0 -4
  89. package/dist/toolbar.d.ts +0 -20
  90. package/dist/toolbar.js +0 -4
  91. package/dist/trigger.d.ts +0 -8
  92. package/dist/trigger.js +0 -4
  93. package/dist/typography.d.ts +0 -126
  94. package/dist/typography.js +0 -6
  95. /package/dist/{Heading.css → heading.css} +0 -0
  96. /package/dist/{InputBase.css → input.css} +0 -0
  97. /package/dist/{Text.css → text.css} +0 -0
package/dist/tabs.js CHANGED
@@ -1,40 +1,79 @@
1
- import { T as _ } from "./Tab-BfpR10OT.mjs";
2
- import { jsx as i, jsxs as C } from "react/jsx-runtime";
3
- import u, { useState as b, useId as h } from "react";
4
- import g from "clsx";
5
- import { C as E, E as I, a as N } from "./enums-OoI2Qgqq.mjs";
6
- import { P as A } from "./Panel-B-LZtrGB.mjs";
7
- import { i as P } from "./isValidReactNode-CmYwTWCE.mjs";
8
- import { g as x } from "./getVariantClassName-DoCNtwBw.mjs";
9
- import './tabs.css';const v = (a, e, s) => `${a}-${s}-${e}`, B = (a) => {
10
- const { defaultActiveIndex: e = 0, children: s, onTabChange: l, variant: c } = a, [o, m] = b(e), n = h(), f = (t) => {
11
- t !== o && (m(t), l && l(t));
12
- }, r = (t) => v(n, t, "panel"), p = (t) => v(n, t, "tab");
13
- return /* @__PURE__ */ i(E.Provider, { value: { activeIndex: o, baseId: n, getPanelId: r, getTabId: p, setActiveTab: f, variant: c }, children: s });
14
- }, z = "_root_ndfzg_20", D = "_variantDefault_ndfzg_23", S = "_list_ndfzg_23", V = "_variantButtons_ndfzg_32", $ = "_panel_ndfzg_45", d = {
15
- root: z,
16
- variantDefault: D,
17
- list: S,
18
- variantButtons: V,
19
- panel: $
20
- }, j = [I.TAB], T = (a) => {
21
- const { defaultActiveIndex: e = 0, children: s, onChange: l, variant: c = N.DEFAULT } = a, o = [], m = g(d.root, x("variant", c, d));
22
- let n = !1;
23
- const f = (r, p) => {
24
- if (!P(j, r))
1
+ import { jsx as c, jsxs as z } from "react/jsx-runtime";
2
+ import C from "clsx";
3
+ import m, { createContext as D, useContext as E, useState as L, useId as y } from "react";
4
+ import { g as I } from "./getVariantClassName-DoCNtwBw.mjs";
5
+ import { i as S } from "./isValidReactNode-CmYwTWCE.mjs";
6
+ import './tabs.css';const g = D(null), x = () => {
7
+ const t = E(g);
8
+ if (!t)
9
+ throw new Error("useTabsContext should be used inside Tabs component");
10
+ return t;
11
+ }, p = (t, n, s) => `${t}-${s}-${n}`, U = (t) => {
12
+ const { defaultActiveIndex: n = 0, children: s, onTabChange: a, variant: o } = t, [r, d] = L(n), i = y(), u = (e) => {
13
+ e !== r && (d(e), a && a(e));
14
+ }, l = (e) => p(i, e, "panel"), v = (e) => p(i, e, "tab");
15
+ return /* @__PURE__ */ c(g.Provider, { value: { activeIndex: r, baseId: i, getPanelId: l, getTabId: v, setActiveTab: u, variant: o }, children: s });
16
+ }, h = "Tabs";
17
+ var f = ((t) => (t.PANEL = `${h}.Panel`, t.TAB = `${h}.Tab`, t))(f || {}), A = /* @__PURE__ */ ((t) => (t.BUTTONS = "buttons", t.DEFAULT = "default", t))(A || {});
18
+ const k = "_root_11zii_1", w = "_disabled_11zii_5", O = "_variantDefault_11zii_9", j = "_active_11zii_22", F = "_variantButtons_11zii_26", _ = {
19
+ root: k,
20
+ disabled: w,
21
+ variantDefault: O,
22
+ active: j,
23
+ variantButtons: F
24
+ }, N = (t) => {
25
+ 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, _), {
26
+ [_.active]: T,
27
+ [_.disabled]: n
28
+ });
29
+ return /* @__PURE__ */ c(
30
+ "button",
31
+ {
32
+ "aria-selected": T,
33
+ "aria-controls": v,
34
+ "aria-disabled": n,
35
+ className: $,
36
+ disabled: n,
37
+ id: e,
38
+ onClick: () => {
39
+ n || u(a);
40
+ },
41
+ role: "tab",
42
+ tabIndex: n ? -1 : o,
43
+ children: s
44
+ }
45
+ );
46
+ };
47
+ N.displayName = `${f.TAB}`;
48
+ const P = (t) => {
49
+ const { panels: n } = t, { activeIndex: s, getPanelId: a } = x(), o = a(s);
50
+ return /* @__PURE__ */ c("div", { id: o, children: n[s] });
51
+ };
52
+ P.displayName = `${f.PANEL}`;
53
+ const M = "_root_ndfzg_20", R = "_variantDefault_ndfzg_23", V = "_list_ndfzg_23", Y = "_variantButtons_ndfzg_32", q = "_panel_ndfzg_45", b = {
54
+ root: M,
55
+ variantDefault: R,
56
+ list: V,
57
+ variantButtons: Y,
58
+ panel: q
59
+ }, G = [f.TAB], B = (t) => {
60
+ const { defaultActiveIndex: n = 0, children: s, onChange: a, variant: o = A.DEFAULT } = t, r = [], d = C(b.root, I("variant", o, b));
61
+ let i = !1;
62
+ const u = (l, v) => {
63
+ if (!S(G, l))
25
64
  return null;
26
- const { children: t = null } = r.props;
27
- return o.push(t), t && (n = !0), u.cloneElement(r, { index: p });
65
+ const { children: e = null } = l.props;
66
+ return r.push(e), e && (i = !0), m.cloneElement(l, { index: v });
28
67
  };
29
- return /* @__PURE__ */ i(B, { defaultActiveIndex: e, onTabChange: l, variant: c, children: /* @__PURE__ */ C("div", { className: m, children: [
30
- /* @__PURE__ */ i("div", { className: d.list, children: u.Children.map(s, f) }),
31
- n && /* @__PURE__ */ i("div", { className: d.panel, children: /* @__PURE__ */ i(A, { panels: o }) })
68
+ return /* @__PURE__ */ c(U, { defaultActiveIndex: n, onTabChange: a, variant: o, children: /* @__PURE__ */ z("div", { className: d, children: [
69
+ /* @__PURE__ */ c("div", { className: b.list, children: m.Children.map(s, u) }),
70
+ i && /* @__PURE__ */ c("div", { className: b.panel, children: /* @__PURE__ */ c(P, { panels: r }) })
32
71
  ] }) });
33
72
  };
34
- T.displayName = "Tabs";
35
- const y = T;
36
- y.Tab = _;
73
+ B.displayName = "Tabs";
74
+ const H = B;
75
+ H.Tab = N;
37
76
  export {
38
- N as ETabsVariant,
39
- y as Tabs
77
+ A as ETabsVariant,
78
+ H as Tabs
40
79
  };
package/dist/text.d.ts CHANGED
@@ -23,41 +23,41 @@ export declare enum ETextWeight {
23
23
  }
24
24
 
25
25
  export declare interface ITextProps extends default_2.PropsWithChildren {
26
- /** HTML-тег для рендера корневого элемента. По умолчанию `p`. */
26
+ /** HTML tag for rendering the root element. Defaults to `p`. */
27
27
  as?: TTextTag;
28
- /** Размер текста. По умолчанию `sm`. */
28
+ /** Text size. Defaults to `sm`. */
29
29
  size?: TTextSize;
30
- /** Насыщенность шрифта. По умолчанию `normal`. */
30
+ /** Font weight. Defaults to `normal`. */
31
31
  weight?: TTextWeight;
32
- /** Цвет текста из дизайн-системы. Если не переданиспользуется наследованный цвет. */
32
+ /** Text color from the design system. If not provided uses inherited color. */
33
33
  color?: TTextColor;
34
- /** Обрезать текст с многоточием (одна строка, `text-overflow: ellipsis`). */
34
+ /** Truncate text with ellipsis (single line, `text-overflow: ellipsis`). */
35
35
  truncate?: boolean;
36
- /** Подчёркивание: `true` для обычного underline, `'dotted'` для пунктирного подчёркивания. */
36
+ /** Underline: `true` for regular underline, `'dotted'` for dotted underline. */
37
37
  underline?: boolean | 'dotted';
38
- /** Зачёркивание текста (`text-decoration: line-through`). */
38
+ /** Strikethrough text (`text-decoration: line-through`). */
39
39
  strikethrough?: boolean;
40
- /** Ref на корневой элемент. */
40
+ /** Ref on the root element. */
41
41
  ref?: default_2.Ref<HTMLElement>;
42
42
  }
43
43
 
44
44
  /**
45
- * Text — компонент для отображения основного текста.
45
+ * Text — component for displaying body text.
46
46
  *
47
- * Поддерживает размеры от 12px (xs) до 16px (lg), различные насыщенности шрифта
48
- * и цвета из дизайн-системы. Подходит для параграфов, лейблов, аннотаций.
47
+ * Supports sizes from 12px (xs) to 16px (lg), various font weights,
48
+ * and colors from the design system. Suitable for paragraphs, labels, annotations.
49
49
  *
50
- * В отличие от Heading, Text не имеет встроенного жирного начертания
51
- * вес управляется отдельным пропом `weight`.
50
+ * Unlike Heading, Text does not have built-in bold styling
51
+ * weight is controlled by the `weight` prop.
52
52
  *
53
53
  * @example
54
54
  * ```tsx
55
- * <Text size="lg" weight="medium">Основной текст</Text>
55
+ * <Text size="lg" weight="medium">Body text</Text>
56
56
  * ```
57
57
  *
58
58
  * @example
59
59
  * ```tsx
60
- * <Text size="xs" color="secondary" as="span">Аннотация</Text>
60
+ * <Text size="xs" color="secondary" as="span">Annotation</Text>
61
61
  * ```
62
62
  */
63
63
  declare const Text_2: default_2.ForwardRefExoticComponent<Omit<ITextProps, "ref"> & default_2.RefAttributes<HTMLElement>>;
package/dist/text.js CHANGED
@@ -1,8 +1,50 @@
1
- import { T as R } from "./Text-DQPy-DZ5.mjs";
2
- 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 || {});
1
+ import { jsx as v } from "react/jsx-runtime";
2
+ import y from "react";
3
+ import j from "clsx";
4
+ import { g as D } from "./getDecorationStyle-BCBONKEl.mjs";
5
+ import { g as t } from "./getVariantClassName-DoCNtwBw.mjs";
6
+ import './text.css';const u = "Text", w = "sm", S = "normal", h = "p", M = "_root_1vl2j_1", A = "_truncate_1vl2j_5", L = "_sizeXs_1vl2j_12", z = "_sizeSm_1vl2j_18", N = "_sizeMd_1vl2j_24", b = "_sizeLg_1vl2j_30", p = "_weightNormal_1vl2j_37", B = "_weightMedium_1vl2j_41", R = "_weightSemibold_1vl2j_45", f = "_weightBold_1vl2j_49", I = "_colorPrimary_1vl2j_54", P = "_colorSecondary_1vl2j_58", O = "_colorTertiary_1vl2j_62", U = "_colorDisabled_1vl2j_66", X = "_colorBrand_1vl2j_70", r = {
7
+ root: M,
8
+ truncate: A,
9
+ sizeXs: L,
10
+ sizeSm: z,
11
+ sizeMd: N,
12
+ sizeLg: b,
13
+ weightNormal: p,
14
+ weightMedium: B,
15
+ weightSemibold: R,
16
+ weightBold: f,
17
+ colorPrimary: I,
18
+ colorSecondary: P,
19
+ colorTertiary: O,
20
+ colorDisabled: U,
21
+ colorBrand: X
22
+ }, Y = y.forwardRef((o, e) => {
23
+ const {
24
+ as: l = h,
25
+ children: c,
26
+ color: s,
27
+ size: i = w,
28
+ weight: a = S,
29
+ truncate: n = !1,
30
+ underline: _,
31
+ strikethrough: m
32
+ } = o, d = D({ strikethrough: m, underline: _ }), g = j(
33
+ r.root,
34
+ t("size", i, r),
35
+ t("weight", a, r),
36
+ s && t("color", s, r),
37
+ {
38
+ [r.truncate]: n
39
+ }
40
+ );
41
+ return /* @__PURE__ */ v(l, { className: g, ref: e, style: d, children: c });
42
+ });
43
+ Y.displayName = u;
44
+ var F = /* @__PURE__ */ ((o) => (o.XS = "xs", o.SM = "sm", o.MD = "md", o.LG = "lg", o))(F || {}), G = /* @__PURE__ */ ((o) => (o.PRIMARY = "primary", o.SECONDARY = "secondary", o.TERTIARY = "tertiary", o.DISABLED = "disabled", o.BRAND = "brand", o))(G || {}), T = /* @__PURE__ */ ((o) => (o.NORMAL = "normal", o.MEDIUM = "medium", o.SEMIBOLD = "semibold", o.BOLD = "bold", o))(T || {});
3
45
  export {
4
- d as ETextColor,
5
- a as ETextSize,
6
- m as ETextWeight,
7
- R as Text
46
+ G as ETextColor,
47
+ F as ETextSize,
48
+ T as ETextWeight,
49
+ Y as Text
8
50
  };
package/dist/utils.d.ts CHANGED
@@ -1,10 +1,10 @@
1
1
  import { default as default_2 } from 'react';
2
2
 
3
3
  /**
4
- * Фильтрует массив дочерних React-элементов, оставляя только допустимые компоненты
5
- * @param children - Дочерние элементы React компонента
6
- * @param acceptableComponents - Массив или объект с допустимыми подкомпонентами
7
- * @returns Массив отфильтрованных дочерних элементов
4
+ * Filters an array of React children, keeping only valid components
5
+ * @param children - React component children
6
+ * @param acceptableComponents - Array or object of acceptable sub-components
7
+ * @returns Array of filtered children
8
8
  */
9
9
  export declare const filterValidChildren: (children: default_2.ReactNode, acceptableComponents: string | string[]) => default_2.ReactNode[];
10
10
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lazar-ui/kit",
3
- "version": "0.6.1",
3
+ "version": "0.7.0",
4
4
  "license": "MIT",
5
5
  "description": "A component library for building admin panels, dashboards, and internal tools.",
6
6
  "homepage": "https://lazar-ui.github.io/docs",
@@ -1,12 +0,0 @@
1
- import { jsx as s } from "react/jsx-runtime";
2
- import { E as r } from "./enums-DfSzOa3x.mjs";
3
- import './Actions.css';const n = "_root_1fxwu_1", c = {
4
- root: n
5
- }, e = (o) => {
6
- const { children: t } = o;
7
- return /* @__PURE__ */ s("div", { className: c.root, children: t });
8
- };
9
- e.displayName = r.ACTIONS;
10
- export {
11
- e as A
12
- };
package/dist/Actions.css DELETED
@@ -1 +0,0 @@
1
- ._root_1fxwu_1{display:flex;gap:var(--dialog-actions-gap)}
@@ -1,29 +0,0 @@
1
- import { jsxs as s, jsx as m } from "react/jsx-runtime";
2
- import { useCallback as r } from "react";
3
- import { B as d } from "./Button-BN85EtaZ.mjs";
4
- import { C as p } from "./Chip-CmsNZTlz.mjs";
5
- import { u as A } from "./useLocale-CJh-krrY.mjs";
6
- import './ActiveFilters.css';const u = "Table.ActiveFilters", h = "_root_4qb7d_5", v = {
7
- root: h
8
- }, C = (a) => {
9
- const { filters: l, onClearAll: o, onRemove: t } = a, n = A(), c = r(
10
- (e) => () => {
11
- t(e);
12
- },
13
- [t]
14
- ), i = r(() => {
15
- o?.();
16
- }, [o]);
17
- return l.length === 0 ? null : /* @__PURE__ */ s("div", { className: v.root, children: [
18
- l.map((e) => /* @__PURE__ */ s(p, { onDelete: c(e.key), children: [
19
- e.label,
20
- ": ",
21
- e.value
22
- ] }, e.key)),
23
- o && /* @__PURE__ */ m(d, { mode: "text", size: "sm", onClick: i, children: n.Table.ActiveFilters.clearAll })
24
- ] });
25
- };
26
- C.displayName = u;
27
- export {
28
- C as A
29
- };
@@ -1 +0,0 @@
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)}
@@ -1,21 +0,0 @@
1
- import { jsx as s } from "react/jsx-runtime";
2
- import m from "clsx";
3
- import "react";
4
- import { g } from "./getVariantClassName-DoCNtwBw.mjs";
5
- import { E as _ } from "./enums-BnuDYTua.mjs";
6
- import './Cell.css';const c = "_root_lmxwt_8", h = "_header_lmxwt_17", C = "_alignLeft_lmxwt_21", d = "_alignRight_lmxwt_24", f = "_alignCenter_lmxwt_27", t = {
7
- root: c,
8
- header: h,
9
- alignLeft: C,
10
- alignRight: d,
11
- alignCenter: f
12
- }, p = (a) => {
13
- const { align: e = "left", as: o = "td", children: n, title: l, width: r } = a, i = m(t.root, g("align", e, t), {
14
- [t.header]: o === "th"
15
- });
16
- return /* @__PURE__ */ s(o, { className: i, title: l, width: r, children: n });
17
- };
18
- p.displayName = _.CELL;
19
- export {
20
- p as C
21
- };
package/dist/Cell.css DELETED
@@ -1 +0,0 @@
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}
@@ -1,12 +0,0 @@
1
- import { jsx as s } from "react/jsx-runtime";
2
- import { E as r } from "./enums-DfSzOa3x.mjs";
3
- import './Content.css';const n = "_root_jagsa_1", a = {
4
- root: n
5
- }, e = (o) => {
6
- const { children: t } = o;
7
- return /* @__PURE__ */ s("div", { className: a.root, children: t });
8
- };
9
- e.displayName = r.CONTENT;
10
- export {
11
- e as C
12
- };
package/dist/Content.css DELETED
@@ -1 +0,0 @@
1
- ._root_jagsa_1{max-height:100%;overflow-y:auto}
@@ -1,6 +0,0 @@
1
- import { createContext as t, useContext as o } from "react";
2
- const e = t(null), s = () => o(e);
3
- export {
4
- e as C,
5
- s as u
6
- };
@@ -1,16 +0,0 @@
1
- import { jsxs as t, jsx as e } from "react/jsx-runtime";
2
- import { E as a } from "./enums-DUZMBQDd.mjs";
3
- import './Group.css';const n = "_root_dtqrm_1", c = "_label_dtqrm_9", o = {
4
- root: n,
5
- label: c
6
- }, m = (r) => {
7
- const { children: l, label: s } = r;
8
- return /* @__PURE__ */ t("div", { className: o.root, role: "group", children: [
9
- /* @__PURE__ */ e("div", { className: o.label, children: s }),
10
- l
11
- ] });
12
- };
13
- m.displayName = a.GROUP;
14
- export {
15
- m as G
16
- };
package/dist/Group.css DELETED
@@ -1 +0,0 @@
1
- ._root_dtqrm_1{padding-bottom:var(--lui-space-1);padding-top:var(--lui-space-1)}._root_dtqrm_1+._root_dtqrm_1{border-top:1px solid var(--lui-color-border-primary)}._label_dtqrm_9{color:var(--lui-color-text-tertiary);font-size:var(--dropdown-group-label-font-size);font-weight:var(--lui-font-weight-medium);padding:var(--dropdown-group-label-padding);text-transform:uppercase}
@@ -1,29 +0,0 @@
1
- import { jsxs as i, jsx as t } from "react/jsx-runtime";
2
- import { I as m } from "./Icon-DUCBChX2.mjs";
3
- import { u } from "./useLocale-CJh-krrY.mjs";
4
- import { createContext as D, useContext as d } from "react";
5
- import './Header.css';var r = /* @__PURE__ */ ((e) => (e.ACTIONS = "Drawer.Actions", e.CONTENT = "Drawer.Content", e.HEADER = "Drawer.Header", e))(r || {});
6
- const p = D(null), w = () => {
7
- const e = d(p);
8
- if (!e)
9
- throw new Error("Drawer sub-components must be used within a Drawer component.");
10
- return e;
11
- }, x = "_root_1mypq_13", _ = "_title_1mypq_21", C = "_close_1mypq_31", o = {
12
- root: x,
13
- title: _,
14
- close: C
15
- }, N = (e) => {
16
- const { children: s } = e, { close: n } = w(), a = u(), c = (l) => {
17
- l.preventDefault(), n();
18
- };
19
- return /* @__PURE__ */ i("div", { className: o.root, children: [
20
- /* @__PURE__ */ t("div", { className: o.title, children: s }),
21
- /* @__PURE__ */ t("button", { "aria-label": a.Drawer.Header.close, className: o.close, onClick: c, type: "button", children: /* @__PURE__ */ t(m, { name: "x", size: 16 }) })
22
- ] });
23
- };
24
- N.displayName = r.HEADER;
25
- export {
26
- p as D,
27
- r as E,
28
- N as H
29
- };
package/dist/Header.css DELETED
@@ -1 +0,0 @@
1
- :root{--drawer-header-gap: var(--lui-space-6);--drawer-header-min-height: calc(24px + var(--lui-space-6));--drawer-close-color: var(--lui-palette-gray-400);--drawer-close-padding: var(--lui-space-3);--drawer-title-font-size: var(--lui-font-size-md);--drawer-title-weight: var(--lui-font-weight-semibold);--drawer-title-color: var(--lui-color-text-primary);--drawer-title-font-family: var(--lui-font-family-body);--drawer-title-line-height: var(--line-height-md)}._root_1mypq_13{align-items:center;display:flex;gap:var(--drawer-header-gap);min-height:var(--drawer-header-min-height);position:relative}._title_1mypq_21{color:var(--drawer-title-color);flex:1;font-family:var(--drawer-title-font-family);font-size:var(--drawer-title-font-size);font-style:normal;font-weight:var(--drawer-title-weight);line-height:var(--drawer-title-line-height)}._close_1mypq_31{color:var(--drawer-close-color);padding:var(--drawer-close-padding);position:absolute;right:0;top:50%;transform:translateY(-50%)}
@@ -1,30 +0,0 @@
1
- import { jsx as l } from "react/jsx-runtime";
2
- import m from "clsx";
3
- import { g as r } from "./getVariantClassName-DoCNtwBw.mjs";
4
- import './Heading.css';const d = "Heading", z = "_root_aa627_1", y = "_truncate_aa627_5", g = "_sizeXs_aa627_11", S = "_sizeSm_aa627_17", p = "_sizeMd_aa627_23", u = "_sizeLg_aa627_30", f = "_colorPrimary_aa627_37", N = "_colorSecondary_aa627_41", D = "_colorTertiary_aa627_45", L = "_colorDisabled_aa627_49", M = "_colorBrand_aa627_53", o = {
5
- root: z,
6
- truncate: y,
7
- sizeXs: g,
8
- sizeSm: S,
9
- sizeMd: p,
10
- sizeLg: u,
11
- colorPrimary: f,
12
- colorSecondary: N,
13
- colorTertiary: D,
14
- colorDisabled: L,
15
- colorBrand: M
16
- }, P = (s) => {
17
- const { as: c = "h2", children: t, color: a, ref: e, size: n = "sm", truncate: _ = !1 } = s, i = m(
18
- o.root,
19
- r("size", n, o),
20
- a && r("color", a, o),
21
- {
22
- [o.truncate]: _
23
- }
24
- );
25
- return /* @__PURE__ */ l(c, { className: i, ref: e, children: t });
26
- };
27
- P.displayName = d;
28
- export {
29
- P as H
30
- };
@@ -1,46 +0,0 @@
1
- import { jsxs as f, jsx as a } from "react/jsx-runtime";
2
- import g from "clsx";
3
- import "react";
4
- import { g as P } from "./getVariantClassName-DoCNtwBw.mjs";
5
- import './InputBase.css';const u = {
6
- INPUT: "Input",
7
- INPUT_DATE: "InputDate",
8
- INPUT_EMAIL: "InputEmail",
9
- INPUT_NUMBER: "InputNumber",
10
- INPUT_PASSWORD: "InputPassword",
11
- INPUT_PHONE: "InputPhone"
12
- }, b = "_root_8a405_17", z = "_invalid_8a405_36", h = "_disabled_8a405_42", T = "_sizeSm_8a405_56", U = "_sizeMd_8a405_60", v = "_sizeLg_8a405_64", E = "_control_8a405_68", M = "_before_8a405_100", S = "_after_8a405_101", A = "_togglePassword_8a405_109", s = {
13
- root: b,
14
- invalid: z,
15
- disabled: h,
16
- sizeSm: T,
17
- sizeMd: U,
18
- sizeLg: v,
19
- control: E,
20
- before: M,
21
- after: S,
22
- togglePassword: A
23
- }, C = (n) => {
24
- const { ref: r, invalid: i = !1, size: _ = "md", before: e, after: o, className: l, onChange: c, onBlur: d, onFocus: m, ...t } = n, N = g(
25
- s.root,
26
- P("size", _, s),
27
- {
28
- [s.disabled]: t.disabled === !0,
29
- [s.invalid]: i
30
- },
31
- l
32
- ), I = (p) => {
33
- c?.(p.target.value);
34
- };
35
- return /* @__PURE__ */ f("div", { className: N, children: [
36
- e && /* @__PURE__ */ a("span", { className: s.before, children: e }),
37
- /* @__PURE__ */ a("input", { ref: r, className: s.control, onChange: I, onBlur: d, onFocus: m, ...t }),
38
- o && /* @__PURE__ */ a("span", { className: s.after, children: o })
39
- ] });
40
- };
41
- C.displayName = u.INPUT;
42
- export {
43
- u as D,
44
- C as I,
45
- s
46
- };
@@ -1,47 +0,0 @@
1
- import { jsxs as l, jsx as c } from "react/jsx-runtime";
2
- import { useState as N, useCallback as z } from "react";
3
- import I from "clsx";
4
- import { I as x } from "./Icon-DUCBChX2.mjs";
5
- import { u as C } from "./Context-BjkJbHVo.mjs";
6
- import './Item.css';const A = "Accordion", O = "_root_z83hn_7", b = "_trigger_z83hn_11", y = "_open_z83hn_27", j = "_title_z83hn_32", k = "_icon_z83hn_41", D = "_chevron_z83hn_46", S = "_content_z83hn_66", n = {
7
- root: O,
8
- trigger: b,
9
- open: y,
10
- title: j,
11
- icon: k,
12
- chevron: D,
13
- content: S
14
- }, T = (p) => {
15
- const { children: _, icon: a, onOpenChange: r, open: o, title: h, value: e } = p, t = C(), i = t && e !== void 0, [d, g] = N(!1);
16
- let s;
17
- i ? s = t.openValue === e : o !== void 0 ? s = o : s = d;
18
- const u = z(() => {
19
- if (i && e !== void 0) {
20
- t.onItemToggle(e);
21
- return;
22
- }
23
- if (o !== void 0) {
24
- r?.(!o);
25
- return;
26
- }
27
- g((f) => {
28
- const m = !f;
29
- return r?.(m), m;
30
- });
31
- }, [i, t, e, o, r]), v = I(n.root, { [n.open]: s });
32
- return /* @__PURE__ */ l("div", { className: v, children: [
33
- /* @__PURE__ */ l("button", { className: n.trigger, onClick: u, type: "button", children: [
34
- /* @__PURE__ */ l("span", { className: n.title, children: [
35
- a && /* @__PURE__ */ c("span", { className: n.icon, children: /* @__PURE__ */ c(x, { name: a, size: 16 }) }),
36
- h
37
- ] }),
38
- /* @__PURE__ */ c("span", { className: n.chevron })
39
- ] }),
40
- /* @__PURE__ */ c("div", { className: n.content, children: _ })
41
- ] });
42
- };
43
- T.displayName = `${A}.Item`;
44
- export {
45
- A as D,
46
- T as I
47
- };
package/dist/Item.css DELETED
@@ -1 +0,0 @@
1
- :root{--accordion-chevron-size: 8px;--accordion-transition-duration: .2s;--accordion-content-transition: .3s}._root_z83hn_7:not(:last-child){border-bottom:1px solid var(--lui-color-border-primary)}._trigger_z83hn_11{align-items:center;background:var(--lui-color-background-primary);border:none;cursor:pointer;display:flex;gap:var(--lui-space-2);justify-content:space-between;padding:var(--lui-space-6) var(--lui-space-4);transition:background-color var(--accordion-transition-duration);width:100%}._trigger_z83hn_11:hover{background:var(--lui-color-background-tertiary)}._open_z83hn_27 ._trigger_z83hn_11{background:var(--lui-color-background-brand);color:var(--lui-color-text-on-brand)}._title_z83hn_32{align-items:center;display:flex;font-size:var(--lui-font-size-sm);font-weight:var(--lui-font-weight-medium);gap:var(--lui-space-4);line-height:1.4}._icon_z83hn_41,._chevron_z83hn_46{align-items:center;display:flex}._chevron_z83hn_46:after{border-color:currentColor;border-style:solid;border-width:0 2px 2px 0;content:"";display:block;height:var(--accordion-chevron-size);transform:rotate(45deg);transition:transform var(--accordion-transition-duration);width:var(--accordion-chevron-size)}._open_z83hn_27 ._chevron_z83hn_46:after{transform:rotate(-135deg)}._content_z83hn_66{background:var(--lui-color-background-secondary);border-top:1px solid var(--lui-color-border-primary);font-size:var(--lui-font-size-md);line-height:1.5;max-height:0;opacity:0;overflow:hidden;padding:0 var(--lui-space-4);transition:max-height var(--accordion-content-transition) ease-out,opacity var(--accordion-content-transition) ease-out,padding var(--accordion-content-transition) ease-out}._open_z83hn_27 ._content_z83hn_66{max-height:9999px;opacity:1;padding:var(--lui-space-4)}
@@ -1,11 +0,0 @@
1
- import { jsx as a } from "react/jsx-runtime";
2
- import { E as r, u as i } from "./enums-OoI2Qgqq.mjs";
3
- import "react";
4
- const m = (e) => {
5
- const { panels: n } = e, { activeIndex: t, getPanelId: o } = i(), s = o(t);
6
- return /* @__PURE__ */ a("div", { id: s, children: n[t] });
7
- };
8
- m.displayName = `${r.PANEL}`;
9
- export {
10
- m as P
11
- };
@@ -1,15 +0,0 @@
1
- import { jsx as s } from "react/jsx-runtime";
2
- import i from "react";
3
- import { i as m } from "./isValidReactNode-CmYwTWCE.mjs";
4
- import "lodash/camelCase";
5
- import { E as r } from "./enums-BnuDYTua.mjs";
6
- import './Row.css';const a = "_root_t4731_5", c = {
7
- root: a
8
- }, l = (t) => {
9
- const { children: e } = t, n = (o) => m(r.CELL, o) ? o : null;
10
- return /* @__PURE__ */ s("tr", { className: c.root, children: i.Children.map(e, n) });
11
- };
12
- l.displayName = r.ROW;
13
- export {
14
- l as R
15
- };
package/dist/Row.css DELETED
@@ -1 +0,0 @@
1
- :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)}
@@ -1,9 +0,0 @@
1
- import { jsx as o } from "react/jsx-runtime";
2
- import { E as r } from "./enums-DUZMBQDd.mjs";
3
- import './Separator.css';const t = "_root_16pgq_1", s = {
4
- root: t
5
- }, a = () => /* @__PURE__ */ o("hr", { className: s.root });
6
- a.displayName = r.SEPARATOR;
7
- export {
8
- a as S
9
- };
@@ -1 +0,0 @@
1
- ._root_16pgq_1{background:var(--lui-color-border-primary);border:none;height:1px;margin:var(--dropdown-separator-margin)}
@@ -1,38 +0,0 @@
1
- import { jsx as u } from "react/jsx-runtime";
2
- import f from "clsx";
3
- import { E as p, u as x } from "./enums-OoI2Qgqq.mjs";
4
- import "react";
5
- import { g as C } from "./getVariantClassName-DoCNtwBw.mjs";
6
- import './Tab.css';const I = "_root_11zii_1", T = "_disabled_11zii_5", z = "_variantDefault_11zii_9", g = "_active_11zii_22", B = "_variantButtons_11zii_26", i = {
7
- root: I,
8
- disabled: T,
9
- variantDefault: z,
10
- active: g,
11
- variantButtons: B
12
- }, N = (o) => {
13
- const { disabled: t = !1, label: s, index: a = 0, tabIndex: n = 0 } = o, { activeIndex: r, getPanelId: c, getTabId: l, setActiveTab: d, variant: b } = x(), v = c(a), _ = l(a), e = r === a, m = f(i.root, C("variant", b, i), {
14
- [i.active]: e,
15
- [i.disabled]: t
16
- });
17
- return /* @__PURE__ */ u(
18
- "button",
19
- {
20
- "aria-selected": e,
21
- "aria-controls": v,
22
- "aria-disabled": t,
23
- className: m,
24
- disabled: t,
25
- id: _,
26
- onClick: () => {
27
- t || d(a);
28
- },
29
- role: "tab",
30
- tabIndex: t ? -1 : n,
31
- children: s
32
- }
33
- );
34
- };
35
- N.displayName = `${p.TAB}`;
36
- export {
37
- N as T
38
- };