@lazar-ui/kit 0.6.1 → 0.6.2

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 (89) hide show
  1. package/CHANGELOG.md +15 -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/separator.css +1 -0
  13. package/dist/separator.d.ts +21 -1
  14. package/dist/separator.js +22 -2
  15. package/dist/table.css +1 -1
  16. package/dist/table.js +74 -25
  17. package/dist/tabs.css +1 -1
  18. package/dist/tabs.js +73 -34
  19. package/dist/text.js +48 -6
  20. package/package.json +1 -1
  21. package/dist/Actions-Cii4AnwJ.mjs +0 -12
  22. package/dist/Actions.css +0 -1
  23. package/dist/ActiveFilters-BJojmc-d.mjs +0 -29
  24. package/dist/ActiveFilters.css +0 -1
  25. package/dist/Cell-BPBvEyeL.mjs +0 -21
  26. package/dist/Cell.css +0 -1
  27. package/dist/Content-1kg0isb_.mjs +0 -12
  28. package/dist/Content.css +0 -1
  29. package/dist/Context-BjkJbHVo.mjs +0 -6
  30. package/dist/Group-DyDpeqOP.mjs +0 -16
  31. package/dist/Group.css +0 -1
  32. package/dist/Header-Clhgyr0J.mjs +0 -29
  33. package/dist/Header.css +0 -1
  34. package/dist/Heading-CL47Fqe7.mjs +0 -30
  35. package/dist/InputBase-BHZWQT9-.mjs +0 -46
  36. package/dist/Item-CBYGbEHN.mjs +0 -47
  37. package/dist/Item.css +0 -1
  38. package/dist/Panel-B-LZtrGB.mjs +0 -11
  39. package/dist/Row-BfI8268z.mjs +0 -15
  40. package/dist/Row.css +0 -1
  41. package/dist/Separator-FETQ3gHZ.mjs +0 -9
  42. package/dist/Separator.css +0 -1
  43. package/dist/Tab-BfpR10OT.mjs +0 -38
  44. package/dist/Tab.css +0 -1
  45. package/dist/Text-DQPy-DZ5.mjs +0 -46
  46. package/dist/Title-xHMuJWGl.mjs +0 -12
  47. package/dist/Title.css +0 -1
  48. package/dist/Toolbar-BJQy4qFI.mjs +0 -11
  49. package/dist/Toolbar.css +0 -1
  50. package/dist/Trigger-C_4De6l1.mjs +0 -11
  51. package/dist/actions.d.ts +0 -13
  52. package/dist/actions.js +0 -4
  53. package/dist/active-filters.d.ts +0 -35
  54. package/dist/active-filters.js +0 -4
  55. package/dist/cell.d.ts +0 -20
  56. package/dist/cell.js +0 -4
  57. package/dist/content.d.ts +0 -8
  58. package/dist/content.js +0 -4
  59. package/dist/context.d.ts +0 -17
  60. package/dist/context.js +0 -5
  61. package/dist/enums-BnuDYTua.mjs +0 -4
  62. package/dist/enums-DUZMBQDd.mjs +0 -7
  63. package/dist/enums-DfSzOa3x.mjs +0 -4
  64. package/dist/enums-OoI2Qgqq.mjs +0 -14
  65. package/dist/group.d.ts +0 -12
  66. package/dist/group.js +0 -4
  67. package/dist/header.d.ts +0 -21
  68. package/dist/header.js +0 -4
  69. package/dist/input-base.d.ts +0 -29
  70. package/dist/input-base.js +0 -4
  71. package/dist/item.d.ts +0 -42
  72. package/dist/item.js +0 -4
  73. package/dist/panel.d.ts +0 -9
  74. package/dist/panel.js +0 -4
  75. package/dist/row.d.ts +0 -12
  76. package/dist/row.js +0 -4
  77. package/dist/tab.d.ts +0 -30
  78. package/dist/tab.js +0 -4
  79. package/dist/title.d.ts +0 -8
  80. package/dist/title.js +0 -4
  81. package/dist/toolbar.d.ts +0 -20
  82. package/dist/toolbar.js +0 -4
  83. package/dist/trigger.d.ts +0 -8
  84. package/dist/trigger.js +0 -4
  85. package/dist/typography.d.ts +0 -126
  86. package/dist/typography.js +0 -6
  87. /package/dist/{Heading.css → heading.css} +0 -0
  88. /package/dist/{InputBase.css → input.css} +0 -0
  89. /package/dist/{Text.css → text.css} +0 -0
package/dist/table.js CHANGED
@@ -1,30 +1,79 @@
1
- import { A as d } from "./ActiveFilters-BJojmc-d.mjs";
2
- import { C as f } from "./Cell-BPBvEyeL.mjs";
3
- import { R as b } from "./Row-BfI8268z.mjs";
4
- import { T as A } from "./Toolbar-BJQy4qFI.mjs";
5
- import { jsxs as T, jsx as a } from "react/jsx-runtime";
6
- import R from "react";
7
- import { i as t } from "./isValidReactNode-CmYwTWCE.mjs";
1
+ import { jsxs as h, jsx as n } from "react/jsx-runtime";
2
+ import b, { useCallback as p } from "react";
3
+ import { B as u } from "./Button-BN85EtaZ.mjs";
4
+ import { C as L } from "./Chip-CmsNZTlz.mjs";
5
+ import { u as R } from "./useLocale-CJh-krrY.mjs";
6
+ import y from "clsx";
7
+ import { g as w } from "./getVariantClassName-DoCNtwBw.mjs";
8
+ import { i } from "./isValidReactNode-CmYwTWCE.mjs";
8
9
  import "lodash/camelCase";
9
- import { E as e } from "./enums-BnuDYTua.mjs";
10
- import './table.css';const w = "Table", C = "_wrapper_17sd8_5", _ = "_root_17sd8_11", l = {
11
- wrapper: C,
12
- root: _
13
- }, i = (m) => {
14
- const { children: n } = m, s = R.Children.toArray(n), p = s.find(
15
- (o) => t(e.TOOLBAR, o, !1)
16
- ), c = s.filter((o) => !t(e.TOOLBAR, o, !1)).filter((o) => t(e.ROW, o, !0));
17
- return /* @__PURE__ */ T("div", { className: l.wrapper, children: [
18
- p,
19
- /* @__PURE__ */ a("table", { className: l.root, children: /* @__PURE__ */ a("tbody", { children: c }) })
10
+ import './table.css';const v = "Table.ActiveFilters", x = "_root_4qb7d_5", $ = {
11
+ root: x
12
+ }, g = (t) => {
13
+ const { filters: e, onClearAll: o, onRemove: r } = t, c = R(), l = p(
14
+ (a) => () => {
15
+ r(a);
16
+ },
17
+ [r]
18
+ ), m = p(() => {
19
+ o?.();
20
+ }, [o]);
21
+ return e.length === 0 ? null : /* @__PURE__ */ h("div", { className: $.root, children: [
22
+ e.map((a) => /* @__PURE__ */ h(L, { onDelete: l(a.key), children: [
23
+ a.label,
24
+ ": ",
25
+ a.value
26
+ ] }, a.key)),
27
+ o && /* @__PURE__ */ n(u, { mode: "text", size: "sm", onClick: m, children: c.Table.ActiveFilters.clearAll })
20
28
  ] });
21
29
  };
22
- i.displayName = w;
23
- const r = i;
24
- r.ActiveFilters = d;
25
- r.Cell = f;
26
- r.Row = b;
27
- r.Toolbar = A;
30
+ g.displayName = v;
31
+ var s = /* @__PURE__ */ ((t) => (t.CELL = "Table.Cell", t.ROW = "Table.Row", t.TOOLBAR = "Table.Toolbar", t))(s || {});
32
+ const O = "_root_lmxwt_8", k = "_header_lmxwt_17", B = "_alignLeft_lmxwt_21", F = "_alignRight_lmxwt_24", D = "_alignCenter_lmxwt_27", _ = {
33
+ root: O,
34
+ header: k,
35
+ alignLeft: B,
36
+ alignRight: F,
37
+ alignCenter: D
38
+ }, A = (t) => {
39
+ const { align: e = "left", as: o = "td", children: r, title: c, width: l } = t, m = y(_.root, w("align", e, _), {
40
+ [_.header]: o === "th"
41
+ });
42
+ return /* @__PURE__ */ n(o, { className: m, title: c, width: l, children: r });
43
+ };
44
+ A.displayName = s.CELL;
45
+ const E = "_root_t4731_5", I = {
46
+ root: E
47
+ }, T = (t) => {
48
+ const { children: e } = t, o = (r) => i(s.CELL, r) ? r : null;
49
+ return /* @__PURE__ */ n("tr", { className: I.root, children: b.Children.map(e, o) });
50
+ };
51
+ T.displayName = s.ROW;
52
+ const M = "Table.Toolbar", P = "_root_d4szt_6", W = {
53
+ root: P
54
+ }, f = (t) => {
55
+ const { children: e } = t;
56
+ return /* @__PURE__ */ n("div", { className: W.root, children: e });
57
+ };
58
+ f.displayName = M;
59
+ const Y = "Table", j = "_wrapper_17sd8_5", z = "_root_17sd8_11", C = {
60
+ wrapper: j,
61
+ root: z
62
+ }, N = (t) => {
63
+ const { children: e } = t, o = b.Children.toArray(e), r = o.find(
64
+ (l) => i(s.TOOLBAR, l, !1)
65
+ ), c = o.filter((l) => !i(s.TOOLBAR, l, !1)).filter((l) => i(s.ROW, l, !0));
66
+ return /* @__PURE__ */ h("div", { className: C.wrapper, children: [
67
+ r,
68
+ /* @__PURE__ */ n("table", { className: C.root, children: /* @__PURE__ */ n("tbody", { children: c }) })
69
+ ] });
70
+ };
71
+ N.displayName = Y;
72
+ const d = N;
73
+ d.ActiveFilters = g;
74
+ d.Cell = A;
75
+ d.Row = T;
76
+ d.Toolbar = f;
28
77
  export {
29
- r as Table
78
+ d as Table
30
79
  };
package/dist/tabs.css CHANGED
@@ -1 +1 @@
1
- :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}}
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}}
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.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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lazar-ui/kit",
3
- "version": "0.6.1",
3
+ "version": "0.6.2",
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)}