@lazar-ui/kit 0.6.0 → 0.6.1
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.
- package/CHANGELOG.md +6 -0
- package/dist/Actions-Cii4AnwJ.mjs +12 -0
- package/dist/Actions.css +1 -1
- package/dist/Content-1kg0isb_.mjs +12 -0
- package/dist/Content.css +1 -1
- package/dist/Context-BjkJbHVo.mjs +6 -0
- package/dist/Item-CBYGbEHN.mjs +47 -0
- package/dist/Item.css +1 -1
- package/dist/Panel-B-LZtrGB.mjs +11 -0
- package/dist/{Row-C-3TXoDz.mjs → Row-BfI8268z.mjs} +1 -1
- package/dist/Separator-FETQ3gHZ.mjs +9 -0
- package/dist/Separator.css +1 -0
- package/dist/{Tab-CR0KvVaA.mjs → Tab-BfpR10OT.mjs} +10 -11
- package/dist/Text-DQPy-DZ5.mjs +46 -0
- package/dist/Title-xHMuJWGl.mjs +12 -0
- package/dist/accordion.css +1 -1
- package/dist/accordion.js +23 -62
- package/dist/actions.d.ts +7 -7
- package/dist/actions.js +1 -1
- package/dist/breadcrumbs.js +1 -1
- package/dist/checkbox.css +1 -0
- package/dist/checkbox.d.ts +35 -10
- package/dist/checkbox.js +40 -2
- package/dist/content.d.ts +2 -2
- package/dist/content.js +1 -1
- package/dist/context.d.ts +7 -34
- package/dist/context.js +3 -5
- package/dist/dialog.css +1 -1
- package/dist/dialog.js +45 -56
- package/dist/drawer.js +2 -2
- package/dist/empty-state.css +1 -1
- package/dist/empty-state.js +48 -29
- package/dist/enums-DfSzOa3x.mjs +4 -0
- package/dist/enums-OoI2Qgqq.mjs +14 -0
- package/dist/{getComponentSlots-DD4iju8N.mjs → getComponentSlots-DwAYUFNk.mjs} +1 -1
- package/dist/getDecorationStyle-BCBONKEl.mjs +7 -0
- package/dist/isValidReactNode-CmYwTWCE.mjs +18 -0
- package/dist/item.d.ts +35 -9
- package/dist/item.js +1 -1
- package/dist/menu.css +1 -1
- package/dist/menu.js +83 -44
- package/dist/pagination.js +60 -48
- package/dist/panel.js +1 -1
- package/dist/radio.css +1 -1
- package/dist/radio.js +98 -42
- package/dist/row.js +1 -1
- package/dist/separator.d.ts +1 -21
- package/dist/separator.js +2 -22
- package/dist/tab.js +1 -1
- package/dist/table.js +2 -2
- package/dist/tabs.js +34 -31
- package/dist/text.js +1 -1
- package/dist/title.js +1 -1
- package/dist/typography.js +1 -1
- package/dist/utils.d.ts +75 -2
- package/dist/utils.js +17 -14
- package/package.json +1 -1
- package/dist/Actions-CEIXfLKN.mjs +0 -26
- package/dist/Checkbox-Chfzm1Z9.mjs +0 -46
- package/dist/Checkbox.css +0 -1
- package/dist/Content-ru2X8iBx.mjs +0 -13
- package/dist/Item-JbyvZy05.mjs +0 -66
- package/dist/Panel-Q06TIYep.mjs +0 -12
- package/dist/Provider-CBfZpO45.mjs +0 -12
- package/dist/Text-DiOqZt8E.mjs +0 -49
- package/dist/Title-aOeFD24v.mjs +0 -13
- package/dist/enums-CiPhZomh.mjs +0 -6
- package/dist/isValidReactNode-D1buElhX.mjs +0 -17
- package/dist/separator.css +0 -1
- package/dist/useTabsContext-DdF09jQq.mjs +0 -11
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [0.6.1] - 2026-06-10
|
|
4
|
+
|
|
5
|
+
### Bug Fixes
|
|
6
|
+
|
|
7
|
+
- **build**: исправлен экспорт утилит (`getComponentSlots`, `filterValidChildren` и др.) — Pagination/utils/index.ts больше не перезаписывает entry point `utils` в конфиге сборки
|
|
8
|
+
|
|
3
9
|
## [0.6.0] - 2026-06-10
|
|
4
10
|
|
|
5
11
|
### ⚠ BREAKING CHANGES
|
|
@@ -0,0 +1,12 @@
|
|
|
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
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._root_1fxwu_1{display:flex;gap:var(--dialog-actions-gap)}
|
|
@@ -0,0 +1,12 @@
|
|
|
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
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
._root_jagsa_1{max-height:100%;overflow-y:auto}
|
|
@@ -0,0 +1,47 @@
|
|
|
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
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
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)}
|
|
@@ -0,0 +1,11 @@
|
|
|
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,6 +1,6 @@
|
|
|
1
1
|
import { jsx as s } from "react/jsx-runtime";
|
|
2
2
|
import i from "react";
|
|
3
|
-
import { i as m } from "./isValidReactNode-
|
|
3
|
+
import { i as m } from "./isValidReactNode-CmYwTWCE.mjs";
|
|
4
4
|
import "lodash/camelCase";
|
|
5
5
|
import { E as r } from "./enums-BnuDYTua.mjs";
|
|
6
6
|
import './Row.css';const a = "_root_t4731_5", c = {
|
|
@@ -0,0 +1,9 @@
|
|
|
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
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._root_16pgq_1{background:var(--lui-color-border-primary);border:none;height:1px;margin:var(--dropdown-separator-margin)}
|
|
@@ -1,29 +1,28 @@
|
|
|
1
1
|
import { jsx as u } from "react/jsx-runtime";
|
|
2
2
|
import f from "clsx";
|
|
3
|
-
import {
|
|
3
|
+
import { E as p, u as x } from "./enums-OoI2Qgqq.mjs";
|
|
4
4
|
import "react";
|
|
5
|
-
import { g as
|
|
6
|
-
import { E as C } from "./enums-CiPhZomh.mjs";
|
|
5
|
+
import { g as C } from "./getVariantClassName-DoCNtwBw.mjs";
|
|
7
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 = {
|
|
8
7
|
root: I,
|
|
9
8
|
disabled: T,
|
|
10
9
|
variantDefault: z,
|
|
11
10
|
active: g,
|
|
12
11
|
variantButtons: B
|
|
13
|
-
}, N = (
|
|
14
|
-
const { disabled: t = !1, label: s, index: a = 0, tabIndex: n = 0 } =
|
|
15
|
-
[i.active]:
|
|
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,
|
|
16
15
|
[i.disabled]: t
|
|
17
16
|
});
|
|
18
17
|
return /* @__PURE__ */ u(
|
|
19
18
|
"button",
|
|
20
19
|
{
|
|
21
|
-
"aria-selected":
|
|
22
|
-
"aria-controls":
|
|
20
|
+
"aria-selected": e,
|
|
21
|
+
"aria-controls": v,
|
|
23
22
|
"aria-disabled": t,
|
|
24
|
-
className:
|
|
23
|
+
className: m,
|
|
25
24
|
disabled: t,
|
|
26
|
-
id:
|
|
25
|
+
id: _,
|
|
27
26
|
onClick: () => {
|
|
28
27
|
t || d(a);
|
|
29
28
|
},
|
|
@@ -33,7 +32,7 @@ import './Tab.css';const I = "_root_11zii_1", T = "_disabled_11zii_5", z = "_var
|
|
|
33
32
|
}
|
|
34
33
|
);
|
|
35
34
|
};
|
|
36
|
-
N.displayName = `${
|
|
35
|
+
N.displayName = `${p.TAB}`;
|
|
37
36
|
export {
|
|
38
37
|
N as T
|
|
39
38
|
};
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { jsx as h } from "react/jsx-runtime";
|
|
2
|
+
import j from "react";
|
|
3
|
+
import v from "clsx";
|
|
4
|
+
import { g as w } from "./getDecorationStyle-BCBONKEl.mjs";
|
|
5
|
+
import { g as t } from "./getVariantClassName-DoCNtwBw.mjs";
|
|
6
|
+
import './Text.css';const y = "Text", z = "sm", S = "normal", u = "p", T = "_root_1vl2j_1", p = "_truncate_1vl2j_5", f = "_sizeXs_1vl2j_12", D = "_sizeSm_1vl2j_18", N = "_sizeMd_1vl2j_24", L = "_sizeLg_1vl2j_30", M = "_weightNormal_1vl2j_37", b = "_weightMedium_1vl2j_41", A = "_weightSemibold_1vl2j_45", B = "_weightBold_1vl2j_49", E = "_colorPrimary_1vl2j_54", x = "_colorSecondary_1vl2j_58", P = "_colorTertiary_1vl2j_62", C = "_colorDisabled_1vl2j_66", F = "_colorBrand_1vl2j_70", o = {
|
|
7
|
+
root: T,
|
|
8
|
+
truncate: p,
|
|
9
|
+
sizeXs: f,
|
|
10
|
+
sizeSm: D,
|
|
11
|
+
sizeMd: N,
|
|
12
|
+
sizeLg: L,
|
|
13
|
+
weightNormal: M,
|
|
14
|
+
weightMedium: b,
|
|
15
|
+
weightSemibold: A,
|
|
16
|
+
weightBold: B,
|
|
17
|
+
colorPrimary: E,
|
|
18
|
+
colorSecondary: x,
|
|
19
|
+
colorTertiary: P,
|
|
20
|
+
colorDisabled: C,
|
|
21
|
+
colorBrand: F
|
|
22
|
+
}, I = j.forwardRef((r, s) => {
|
|
23
|
+
const {
|
|
24
|
+
as: l = u,
|
|
25
|
+
children: c,
|
|
26
|
+
color: e,
|
|
27
|
+
size: i = z,
|
|
28
|
+
weight: _ = S,
|
|
29
|
+
truncate: n = !1,
|
|
30
|
+
underline: a,
|
|
31
|
+
strikethrough: m
|
|
32
|
+
} = r, d = w({ strikethrough: m, underline: a }), g = v(
|
|
33
|
+
o.root,
|
|
34
|
+
t("size", i, o),
|
|
35
|
+
t("weight", _, o),
|
|
36
|
+
e && t("color", e, o),
|
|
37
|
+
{
|
|
38
|
+
[o.truncate]: n
|
|
39
|
+
}
|
|
40
|
+
);
|
|
41
|
+
return /* @__PURE__ */ h(l, { className: g, ref: s, style: d, children: c });
|
|
42
|
+
});
|
|
43
|
+
I.displayName = y;
|
|
44
|
+
export {
|
|
45
|
+
I as T
|
|
46
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { E as s } from "./enums-DfSzOa3x.mjs";
|
|
3
|
+
import './Title.css';const e = "_root_1ae0y_1", n = {
|
|
4
|
+
root: e
|
|
5
|
+
}, a = (o) => {
|
|
6
|
+
const { children: t } = o;
|
|
7
|
+
return /* @__PURE__ */ r("div", { className: n.root, children: t });
|
|
8
|
+
};
|
|
9
|
+
a.displayName = s.TITLE;
|
|
10
|
+
export {
|
|
11
|
+
a as T
|
|
12
|
+
};
|
package/dist/accordion.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--accordion-border-radius: var(--lui-radius-2)}._root_grshw_5{border:1px solid var(--lui-color-border-primary);border-radius:var(--accordion-border-radius);overflow:hidden;width:100%}
|
|
1
|
+
:root{--accordion-border-radius: var(--lui-radius-2)}._root_grshw_5{border:1px solid var(--lui-color-border-primary);border-radius:var(--accordion-border-radius);overflow:hidden;width:100%}
|
package/dist/accordion.js
CHANGED
|
@@ -1,66 +1,27 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import { i as
|
|
4
|
-
import
|
|
5
|
-
import { I as
|
|
6
|
-
import './accordion.css';
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
},
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
e === n ? i = null : i = n, d || l(i), s?.(i);
|
|
1
|
+
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import I, { useState as A, useCallback as V } from "react";
|
|
3
|
+
import { i as h } from "./isValidReactNode-CmYwTWCE.mjs";
|
|
4
|
+
import { C as v } from "./Context-BjkJbHVo.mjs";
|
|
5
|
+
import { D as E, I as N } from "./Item-CBYGbEHN.mjs";
|
|
6
|
+
import './accordion.css';var c = /* @__PURE__ */ ((t) => (t.ITEM = "Accordion.Item", t))(c || {});
|
|
7
|
+
const _ = "_root_grshw_5", T = {
|
|
8
|
+
root: _
|
|
9
|
+
}, g = [c.ITEM], i = (t) => {
|
|
10
|
+
const { children: u, defaultValue: d = null, onValueChange: l, value: a } = t, r = a !== void 0, [m, C] = A(d);
|
|
11
|
+
let o;
|
|
12
|
+
r ? o = a ?? null : o = m;
|
|
13
|
+
const p = V(
|
|
14
|
+
(e) => {
|
|
15
|
+
let n;
|
|
16
|
+
o === e ? n = null : n = e, r || C(n), l?.(n);
|
|
18
17
|
},
|
|
19
|
-
[
|
|
20
|
-
),
|
|
21
|
-
return /* @__PURE__ */
|
|
18
|
+
[o, r, l]
|
|
19
|
+
), f = (e) => h(g, e) ? e : null;
|
|
20
|
+
return /* @__PURE__ */ s(v.Provider, { value: { onItemToggle: p, openValue: o }, children: /* @__PURE__ */ s("div", { className: T.root, children: I.Children.map(u, f) }) });
|
|
22
21
|
};
|
|
23
|
-
|
|
24
|
-
const
|
|
25
|
-
|
|
26
|
-
trigger: B,
|
|
27
|
-
open: L,
|
|
28
|
-
title: R,
|
|
29
|
-
icon: w,
|
|
30
|
-
chevron: D,
|
|
31
|
-
content: U
|
|
32
|
-
}, A = (r) => {
|
|
33
|
-
const { children: m, icon: u, onOpenChange: s, open: o, title: d, value: t } = r, l = S(), e = l && t !== void 0, [p, _] = g(!1);
|
|
34
|
-
let n;
|
|
35
|
-
e ? n = l.openValue === t : o !== void 0 ? n = o : n = p;
|
|
36
|
-
const i = v(() => {
|
|
37
|
-
if (e && t !== void 0) {
|
|
38
|
-
l.onItemToggle(t);
|
|
39
|
-
return;
|
|
40
|
-
}
|
|
41
|
-
if (o !== void 0) {
|
|
42
|
-
s?.(!o);
|
|
43
|
-
return;
|
|
44
|
-
}
|
|
45
|
-
_((z) => {
|
|
46
|
-
const C = !z;
|
|
47
|
-
return s?.(C), C;
|
|
48
|
-
});
|
|
49
|
-
}, [e, l, t, o, s]), V = M(c.root, { [c.open]: n });
|
|
50
|
-
return /* @__PURE__ */ h("div", { className: V, children: [
|
|
51
|
-
/* @__PURE__ */ h("button", { className: c.trigger, onClick: i, type: "button", children: [
|
|
52
|
-
/* @__PURE__ */ h("span", { className: c.title, children: [
|
|
53
|
-
u && /* @__PURE__ */ a("span", { className: c.icon, children: /* @__PURE__ */ a(P, { name: u, size: 16 }) }),
|
|
54
|
-
d
|
|
55
|
-
] }),
|
|
56
|
-
/* @__PURE__ */ a("span", { className: c.chevron })
|
|
57
|
-
] }),
|
|
58
|
-
/* @__PURE__ */ a("div", { className: c.content, children: m })
|
|
59
|
-
] });
|
|
60
|
-
};
|
|
61
|
-
A.displayName = `${N}.Item`;
|
|
62
|
-
const Y = x;
|
|
63
|
-
Y.Item = A;
|
|
22
|
+
i.displayName = E;
|
|
23
|
+
const x = i;
|
|
24
|
+
x.Item = N;
|
|
64
25
|
export {
|
|
65
|
-
|
|
26
|
+
x as Accordion
|
|
66
27
|
};
|
package/dist/actions.d.ts
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { default as default_2 } from 'react';
|
|
2
2
|
|
|
3
3
|
/**
|
|
4
|
-
*
|
|
5
|
-
*
|
|
6
|
-
*
|
|
7
|
-
* - first child → `primary`
|
|
8
|
-
* - subsequent children → `secondary`
|
|
9
|
-
* unless the Button already has an explicit `variant` prop.
|
|
4
|
+
* Dialog Actions sub component.
|
|
5
|
+
*
|
|
6
|
+
* Used to render the actions of the dialog.
|
|
10
7
|
*/
|
|
11
|
-
export declare const Actions: default_2.FC<
|
|
8
|
+
export declare const Actions: default_2.FC<IActionsProps>;
|
|
9
|
+
|
|
10
|
+
export declare interface IActionsProps extends default_2.PropsWithChildren {
|
|
11
|
+
}
|
|
12
12
|
|
|
13
13
|
export { }
|
package/dist/actions.js
CHANGED
package/dist/breadcrumbs.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as r, jsxs as h } from "react/jsx-runtime";
|
|
2
2
|
import b from "clsx";
|
|
3
3
|
import E from "react";
|
|
4
|
-
import { i as k } from "./isValidReactNode-
|
|
4
|
+
import { i as k } from "./isValidReactNode-CmYwTWCE.mjs";
|
|
5
5
|
import "lodash/camelCase";
|
|
6
6
|
import './breadcrumbs.css';const _ = "Breadcrumbs", I = "/";
|
|
7
7
|
var N = ((l) => (l.ITEM = `${_}.Item`, l))(N || {});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--checkbox-bg: var(--lui-color-background-primary);--checkbox-border: var(--lui-color-border-primary);--checkbox-checked-bg: var(--lui-color-background-brand);--checkbox-checked-border: var(--lui-color-background-brand);--checkbox-check-color: var(--lui-color-text-on-brand);--checkbox-disabled-bg: var(--lui-color-background-disabled);--checkbox-disabled-border: var(--lui-color-border-disabled);--checkbox-disabled-check: var(--lui-color-text-disabled);--checkbox-invalid-border: var(--lui-color-border-focus-error);--checkbox-radius: var(--lui-radius-1);--checkbox-gap-sm: var(--lui-space-1);--checkbox-gap-md: var(--lui-space-2)}._root_tw8jr_16{align-items:center;cursor:pointer;display:flex;position:relative;-webkit-user-select:none;user-select:none;width:100%}._root_tw8jr_16._disabled_tw8jr_24{cursor:not-allowed}._root_tw8jr_16._disabled_tw8jr_24 ._checkbox_tw8jr_27:before{background-color:var(--checkbox-disabled-bg);border-color:var(--checkbox-disabled-border)}._root_tw8jr_16._disabled_tw8jr_24 ._input_tw8jr_31:checked+._checkbox_tw8jr_27:after,._root_tw8jr_16._disabled_tw8jr_24._indeterminate_tw8jr_31 ._checkbox_tw8jr_27:after{background-color:var(--checkbox-disabled-check)}._root_tw8jr_16._invalid_tw8jr_34 ._checkbox_tw8jr_27:before{border-color:var(--checkbox-invalid-border)}._root_tw8jr_16._sizeSm_tw8jr_37{gap:var(--checkbox-gap-sm)}._root_tw8jr_16._sizeSm_tw8jr_37 ._checkbox_tw8jr_27{flex-basis:20px;height:20px;width:20px}._root_tw8jr_16._sizeSm_tw8jr_37 ._checkbox_tw8jr_27:after{height:12px;width:12px}._root_tw8jr_16._sizeSm_tw8jr_37 ._label_tw8jr_49{font-size:var(--lui-font-size-sm);font-weight:var(--lui-font-weight-medium);line-height:var(--line-height-sm)}._root_tw8jr_16._sizeMd_tw8jr_54{gap:var(--checkbox-gap-md)}._root_tw8jr_16._sizeMd_tw8jr_54 ._checkbox_tw8jr_27{flex-basis:24px;height:24px;width:24px}._root_tw8jr_16._sizeMd_tw8jr_54 ._checkbox_tw8jr_27:after{height:14px;width:14px}._root_tw8jr_16._sizeMd_tw8jr_54 ._label_tw8jr_49{font-size:var(--lui-font-size-md);font-weight:var(--lui-font-weight-medium);line-height:var(--line-height-md)}._root_tw8jr_16._sizeLg_tw8jr_71{gap:var(--checkbox-gap-md)}._root_tw8jr_16._sizeLg_tw8jr_71 ._checkbox_tw8jr_27{flex-basis:28px;height:28px;width:28px}._root_tw8jr_16._sizeLg_tw8jr_71 ._checkbox_tw8jr_27:after{height:16px;width:16px}._root_tw8jr_16._sizeLg_tw8jr_71 ._label_tw8jr_49{font-size:var(--lui-font-size-lg);font-weight:var(--lui-font-weight-medium);line-height:var(--line-height-lg)}._checkbox_tw8jr_27{flex-grow:0;flex-shrink:0;padding:2px;position:relative}._checkbox_tw8jr_27:after{background-color:var(--checkbox-bg);content:"";height:14px;inset:0;margin:auto;position:absolute;width:14px}._checkbox_tw8jr_27:before{background-color:var(--checkbox-bg);border:1px solid var(--checkbox-border);border-radius:var(--checkbox-radius);content:"";inset:2px;position:absolute}._input_tw8jr_31:checked+._checkbox_tw8jr_27:before,._indeterminate_tw8jr_31 ._checkbox_tw8jr_27:before{background-color:var(--checkbox-checked-bg);border-color:var(--checkbox-checked-border)}._input_tw8jr_31:checked+._checkbox_tw8jr_27:after{clip-path:path(evenodd,"M10.9593 2.79299C11.3498 2.40252 11.9828 2.40263 12.3734 2.79299C12.7639 3.18352 12.7639 3.81653 12.3734 4.20706L5.95735 10.624C5.56693 11.0145 4.93383 11.0142 4.54328 10.624L1.62629 7.70706L1.55793 7.63089C1.23758 7.23811 1.26018 6.65911 1.62629 6.29299C1.99241 5.92688 2.57141 5.90429 2.96418 6.22464L3.04035 6.29299L5.24934 8.50198L10.9593 2.79299Z")}._indeterminate_tw8jr_31 ._checkbox_tw8jr_27:after{clip-path:path(evenodd,"M11.0836 6L11.1852 6.00488C11.6896 6.05592 12.0836 6.4821 12.0836 7C12.0836 7.5179 11.6896 7.94408 11.1852 7.99512L11.0836 8H2.91666C2.36437 8 1.91666 7.55228 1.91666 7C1.91666 6.44772 2.36437 6 2.91666 6H11.0836Z")}._input_tw8jr_31{left:0;position:absolute;visibility:hidden}._label_tw8jr_49{color:var(--lui-color-text-secondary);display:block}
|
package/dist/checkbox.d.ts
CHANGED
|
@@ -1,16 +1,41 @@
|
|
|
1
1
|
import { default as default_2 } from 'react';
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
/**
|
|
4
|
+
* Checkbox component. Renders a native checkbox with a custom visual indicator, label, and support for indeterminate state.
|
|
5
|
+
*
|
|
6
|
+
* @example
|
|
7
|
+
* ```tsx
|
|
8
|
+
* <Checkbox>Accept terms</Checkbox>
|
|
9
|
+
* ```
|
|
10
|
+
*
|
|
11
|
+
* @example
|
|
12
|
+
* ```tsx
|
|
13
|
+
* <Checkbox indeterminate checked={false}>
|
|
14
|
+
* Select all
|
|
15
|
+
* </Checkbox>
|
|
16
|
+
* ```
|
|
17
|
+
*/
|
|
18
|
+
export declare const Checkbox: default_2.FC<default_2.PropsWithChildren<IProps>>;
|
|
4
19
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
checked: boolean;
|
|
10
|
-
/** Callback when checked state changes. */
|
|
11
|
-
onCheckedChange?: (checked: boolean) => void;
|
|
12
|
-
/** Whether the item is disabled. */
|
|
13
|
-
disabled?: boolean;
|
|
20
|
+
declare enum ECheckboxSize {
|
|
21
|
+
SM = "sm",
|
|
22
|
+
MD = "md",
|
|
23
|
+
LG = "lg"
|
|
14
24
|
}
|
|
15
25
|
|
|
26
|
+
export declare interface IProps extends Omit<default_2.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'onChange'> {
|
|
27
|
+
/** Ref to the native input element. */
|
|
28
|
+
ref?: default_2.Ref<HTMLInputElement>;
|
|
29
|
+
/** When true, the checkbox shows a dash instead of a checkmark. Useful for "select all" states. */
|
|
30
|
+
indeterminate?: boolean;
|
|
31
|
+
/** When true, the checkbox border turns red to indicate a validation error. */
|
|
32
|
+
invalid?: boolean;
|
|
33
|
+
/** Checkbox size: sm, md, lg. */
|
|
34
|
+
size?: TCheckboxSize;
|
|
35
|
+
/** Change handler, receives the new checked state. */
|
|
36
|
+
onChange?: (checked: boolean) => void;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
declare type TCheckboxSize = `${ECheckboxSize.SM | ECheckboxSize.MD | ECheckboxSize.LG}`;
|
|
40
|
+
|
|
16
41
|
export { }
|
package/dist/checkbox.js
CHANGED
|
@@ -1,4 +1,42 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsxs as u, jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import { useRef as p, useCallback as h, useEffect as j } from "react";
|
|
3
|
+
import x from "clsx";
|
|
4
|
+
import { g as z } from "./getVariantClassName-DoCNtwBw.mjs";
|
|
5
|
+
import './checkbox.css';const w = "Checkbox", g = "_root_tw8jr_16", k = "_disabled_tw8jr_24", C = "_checkbox_tw8jr_27", N = "_input_tw8jr_31", v = "_indeterminate_tw8jr_31", y = "_invalid_tw8jr_34", L = "_sizeSm_tw8jr_37", M = "_label_tw8jr_49", S = "_sizeMd_tw8jr_54", R = "_sizeLg_tw8jr_71", e = {
|
|
6
|
+
root: g,
|
|
7
|
+
disabled: k,
|
|
8
|
+
checkbox: C,
|
|
9
|
+
input: N,
|
|
10
|
+
indeterminate: v,
|
|
11
|
+
invalid: y,
|
|
12
|
+
sizeSm: L,
|
|
13
|
+
label: M,
|
|
14
|
+
sizeMd: S,
|
|
15
|
+
sizeLg: R
|
|
16
|
+
}, A = (o) => {
|
|
17
|
+
const { ref: t, children: r, indeterminate: n, invalid: l = !1, size: _ = "md", onChange: d, ...c } = o, i = p(null), m = h(
|
|
18
|
+
(s) => {
|
|
19
|
+
i.current = s, typeof t == "function" ? t(s) : t && (t.current = s);
|
|
20
|
+
},
|
|
21
|
+
[t]
|
|
22
|
+
);
|
|
23
|
+
j(() => {
|
|
24
|
+
i.current && (i.current.indeterminate = !!n);
|
|
25
|
+
}, [n]);
|
|
26
|
+
const b = x(e.root, z("size", _, e), {
|
|
27
|
+
[e.disabled]: c.disabled === !0,
|
|
28
|
+
[e.indeterminate]: n,
|
|
29
|
+
[e.invalid]: l
|
|
30
|
+
}), f = (s) => {
|
|
31
|
+
d?.(s.target.checked);
|
|
32
|
+
};
|
|
33
|
+
return /* @__PURE__ */ u("label", { className: b, children: [
|
|
34
|
+
/* @__PURE__ */ a("input", { ref: m, className: e.input, onChange: f, type: "checkbox", ...c }),
|
|
35
|
+
/* @__PURE__ */ a("span", { className: e.checkbox }),
|
|
36
|
+
r && /* @__PURE__ */ a("span", { className: e.label, children: r })
|
|
37
|
+
] });
|
|
38
|
+
};
|
|
39
|
+
A.displayName = w;
|
|
2
40
|
export {
|
|
3
|
-
|
|
41
|
+
A as Checkbox
|
|
4
42
|
};
|
package/dist/content.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { default as default_2 } from 'react';
|
|
2
2
|
|
|
3
|
-
export declare const Content: default_2.FC<
|
|
3
|
+
export declare const Content: default_2.FC<IContentProps>;
|
|
4
4
|
|
|
5
|
-
export declare interface
|
|
5
|
+
export declare interface IContentProps extends default_2.PropsWithChildren {
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
export { }
|
package/dist/content.js
CHANGED
package/dist/context.d.ts
CHANGED
|
@@ -1,44 +1,17 @@
|
|
|
1
1
|
import { Context as Context_2 } from 'react';
|
|
2
|
-
import { default as default_2 } from 'react';
|
|
3
2
|
|
|
4
3
|
export declare const Context: Context_2<IContext | null>;
|
|
5
4
|
|
|
6
5
|
/**
|
|
7
|
-
*
|
|
6
|
+
* Accordion Context.
|
|
8
7
|
*/
|
|
9
|
-
declare
|
|
10
|
-
/**
|
|
11
|
-
|
|
12
|
-
/**
|
|
13
|
-
|
|
8
|
+
export declare interface IContext {
|
|
9
|
+
/** Toggle handler for an item. */
|
|
10
|
+
onItemToggle: (value: string) => void;
|
|
11
|
+
/** Currently open item value. */
|
|
12
|
+
openValue: string | null;
|
|
14
13
|
}
|
|
15
14
|
|
|
16
|
-
|
|
17
|
-
* Tabs Context.
|
|
18
|
-
*/
|
|
19
|
-
declare interface IContext {
|
|
20
|
-
/** Index of current active tab. */
|
|
21
|
-
activeIndex: number;
|
|
22
|
-
/** Base ID for generating IDs for ARIA. */
|
|
23
|
-
baseId: string;
|
|
24
|
-
/** Active tab change handler. */
|
|
25
|
-
setActiveTab: (index: number) => void;
|
|
26
|
-
/** Get panel ID. */
|
|
27
|
-
getPanelId: (index: number) => string;
|
|
28
|
-
/** Get tab ID. */
|
|
29
|
-
getTabId: (index: number) => string;
|
|
30
|
-
/** Variant. */
|
|
31
|
-
variant: ETabsVariant;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
declare interface IProps extends default_2.PropsWithChildren {
|
|
35
|
-
defaultActiveIndex?: number;
|
|
36
|
-
onTabChange?: (index: number) => void;
|
|
37
|
-
variant: ETabsVariant;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
export declare const Provider: default_2.FC<IProps>;
|
|
41
|
-
|
|
42
|
-
export declare const useTabsContext: () => IContext;
|
|
15
|
+
export declare const useAccordionContext: () => IContext | null;
|
|
43
16
|
|
|
44
17
|
export { }
|
package/dist/context.js
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
import { C as
|
|
2
|
-
import { P as a } from "./Provider-CBfZpO45.mjs";
|
|
1
|
+
import { C as e, u as n } from "./Context-BjkJbHVo.mjs";
|
|
3
2
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
t as useTabsContext
|
|
3
|
+
e as Context,
|
|
4
|
+
n as useAccordionContext
|
|
7
5
|
};
|
package/dist/dialog.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
:root{--dialog-underlay: var(--lui-color-background-overlay);--dialog-bg: var(--lui-color-background-primary);--dialog-radius: var(--lui-radius-3);--dialog-shadow: 0 20px 24px -4px rgb(16 24 40 / .08), 0 8px 8px -4px rgb(16 24 40 / .03);--dialog-padding: var(--lui-space-8);--dialog-gap: var(--lui-space-6);--dialog-header-gap: var(--lui-space-6);--dialog-header-min-height: calc(24px + var(--lui-space-6));--dialog-close-color: var(--lui-palette-gray-400);--dialog-close-padding: var(--lui-space-3);--dialog-actions-padding-top: var(--lui-space-10);--dialog-width-xs: 384px;--dialog-width-sm: 480px;--dialog-width-md: 560px;--dialog-width-lg: 640px;--dialog-title-font-size: var(--lui-font-size-md);--dialog-title-weight: var(--lui-font-weight-semibold);--dialog-title-color: var(--lui-color-text-primary);--dialog-title-font-family: var(--lui-font-family-body);--dialog-title-line-height: var(--line-height-md);--dialog-actions-gap: var(--lui-space-4)}._underlay_100vj_25{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--dialog-underlay);inset:0;padding:var(--lui-space-4);position:fixed;z-index:1000}._modal_100vj_34{align-items:center;display:flex;height:100%;justify-content:center}._dialog_100vj_41{background:var(--dialog-bg);border-radius:var(--dialog-radius);box-shadow:var(--dialog-shadow);display:flex;flex-direction:column;gap:var(--dialog-gap);padding:var(--dialog-padding);position:relative}._dialog_100vj_41._sizeXs_100vj_51{width:var(--dialog-width-xs)}._dialog_100vj_41._sizeSm_100vj_54{width:var(--dialog-width-sm)}._dialog_100vj_41._sizeMd_100vj_57{width:var(--dialog-width-md)}._dialog_100vj_41._sizeLg_100vj_60{width:var(--dialog-width-lg)}._header_100vj_64{align-items:center;display:flex;gap:var(--dialog-header-gap);min-height:var(--dialog-header-min-height)}._close_100vj_71{color:var(--dialog-close-color);padding:var(--dialog-close-padding);position:absolute;right:var(--lui-space-4);top:var(--lui-space-4)}._actions_100vj_79{padding-top:var(--dialog-actions-padding-top)}
|