@arthurzakharov/ui-kit 1.8.7 → 1.8.9
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/dist/assets/button-Dev1TPny.css +1 -0
- package/dist/assets/sidebar-DBIZ0JNb.css +1 -0
- package/dist/components/accordion-table/accordion-table.component.js +18 -17
- package/dist/components/bottom-bar/bottom-bar.component.js +3 -2
- package/dist/components/dialog-article/dialog-article.component.js +3 -2
- package/dist/components/payment/components/sidebar/sidebar.component.js +9 -9
- package/dist/components/sidebar/sidebar.component.js +1 -1
- package/dist/components/signature/signature.component.js +3 -2
- package/dist/components/text/text.component.d.ts +1 -1
- package/dist/components/text/text.component.js +53 -50
- package/dist/components/user-panel/user-panel.component.js +5 -4
- package/dist/controls/buttons/button/button.component.js +18 -18
- package/dist/controls/buttons/button-card/button-card.component.js +8 -7
- package/dist/controls/buttons/button-radio/button-radio.component.js +3 -2
- package/dist/controls/interactives/card-image/card-image.component.js +1 -1
- package/dist/controls/interactives/card-text/card-text.component.js +1 -1
- package/dist/controls/interactives/checkbox/checkbox.component.js +7 -6
- package/dist/controls/interactives/dropdown/dropdown.component.js +3 -2
- package/dist/controls/interactives/radio/radio.component.js +1 -1
- package/dist/controls/interactives/text-area/text-area.component.js +1 -1
- package/dist/controls/interactives/text-field/text-field.component.js +8 -7
- package/dist/utils/content/content.component.d.ts +1 -267
- package/dist/utils/content/content.component.js +6 -3
- package/package.json +8 -9
- package/dist/assets/button-BjcertIq.css +0 -1
- package/dist/assets/sidebar-B928srpH.css +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._Button_17hg9_1{position:relative;box-sizing:border-box;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:border-color var(--rm-ui-amimation-speed-primary) var(--rm-ui-amimation-cubic-primary),background-color var(--rm-ui-amimation-speed-primary) var(--rm-ui-amimation-cubic-primary)}._Button_17hg9_1:disabled{cursor:not-allowed;opacity:.33}._SM_17hg9_19{border-radius:var(--rm-ui-border-radius-sm);padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm)}._LG_17hg9_24._Tertiary_17hg9_24{padding:calc(var(--rm-ui-padding-xs) - 1px) calc(var(--rm-ui-padding-sm) - 1px)}._SM_17hg9_19 ._Text_17hg9_28{font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._MD_17hg9_34{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._MD_17hg9_34._Tertiary_17hg9_24{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._LG_17hg9_24{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._LG_17hg9_24._Tertiary_17hg9_24{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._MD_17hg9_34 ._Text_17hg9_28{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._LG_17hg9_24 ._Text_17hg9_28{font-size:var(--rm-ui-font-size-body-large);line-height:var(--rm-ui-line-height-body-large)}._Primary_17hg9_62{background-color:var(--rm-ui-next-btn-bg)}._Primary_17hg9_62:hover{background-color:var(--rm-ui-next-btn-bg-hover)}._Primary_17hg9_62 ._Text_17hg9_28,._Primary_17hg9_62 ._Info_17hg9_71{color:#fff}._Secondary_17hg9_75{border:1px solid transparent;background-color:transparent}._Secondary_17hg9_75:hover{border-color:var(--rm-ui-grey-400)}._Secondary_17hg9_75:hover ._Text_17hg9_28{color:var(--rm-ui-grey-400);border-color:var(--rm-ui-grey-400)}._Secondary_17hg9_75 ._Text_17hg9_28,._Secondary_17hg9_75 ._Info_17hg9_71{color:var(--rm-ui-color-text-secondary)}._Tertiary_17hg9_24{border:1px solid var(--rm-ui-grey-300);background-color:transparent}._Tertiary_17hg9_24:hover{border-color:var(--rm-ui-grey-200)}._Tertiary_17hg9_24:hover ._Text_17hg9_28{color:var(--rm-ui-grey-700)}._Tertiary_17hg9_24 ._Text_17hg9_28,._Tertiary_17hg9_24 ._Info_17hg9_71{color:var(--rm-ui-color-text-primary)}._Button_17hg9_1:not(._Loading_17hg9_111):not(:disabled):hover{cursor:pointer}._Button_17hg9_1:focus{outline-color:var(--rm-ui-color-focus)}._FullWidth_17hg9_119{width:100%}._Content_17hg9_123{display:flex;flex-direction:column}._Info_17hg9_71{flex-basis:100%;font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body-small);line-height:calc(var(--rm-ui-line-height-body-small) - 2px)}._Text_17hg9_28{font-weight:var(--rm-ui-font-weight-medium);transition:color var(--rm-ui-amimation-speed-primary) var(--rm-ui-amimation-cubic-primary)}._Loader_17hg9_140{position:absolute}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._Sidebar_dlxli_1{padding:var(--rm-ui-padding-lg);display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-lg);background-color:var(--rm-ui-payment-sidebar-bg)}._SidebarContact_dlxli_12{--icon-size: 24px;display:flex;flex-direction:column;gap:var(--rm-ui-padding-sm)}._SidebarLink_dlxli_19{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:var(--rm-ui-padding-sm)}._SidebarText_dlxli_28{font-weight:var(--rm-ui-font-weight-medium);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._SidebarPhone_dlxli_35{width:var(--icon-size);height:var(--icon-size);border-radius:32px;border:3px solid #ffffff;background-color:#23bf96cc;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center}._SidebarPhoneImage_dlxli_48{width:80%;height:80%}._SidebarWhatsapp_dlxli_53{width:var(--icon-size);height:var(--icon-size)}@media screen and (min-width:768px){._Sidebar_dlxli_1{border-radius:var(--rm-ui-border-radius-md)}}@media screen and (min-width:1200px){._Sidebar_dlxli_1{padding:var(--rm-ui-padding-xxl)}}
|
|
@@ -1,14 +1,15 @@
|
|
|
1
|
-
import { jsxs as n, jsx as
|
|
1
|
+
import { jsxs as n, jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import { useState as H, Fragment as p } from "react";
|
|
3
3
|
import { ChevronDown as B } from "lucide-react";
|
|
4
4
|
import s from "clsx";
|
|
5
5
|
import { FadeGrow as g } from "../../animations/fade-grow/fade-grow.component.js";
|
|
6
6
|
import { Rotate as C } from "../../animations/rotate/rotate.component.js";
|
|
7
7
|
import { baseProps as _ } from "../../utils/functions/functions.util.js";
|
|
8
|
+
import "../../utils/content/content.component.js";
|
|
8
9
|
import "usehooks-ts";
|
|
9
10
|
import "../../controls/primitives/box/box.component.js";
|
|
10
11
|
import { ButtonText as w } from "../../controls/buttons/button-text/button-text.component.js";
|
|
11
|
-
import '../../assets/accordion-table-Ci3u6qTN.css';const b = "_AccordionTable_gmtv3_1", $ = "_Head_gmtv3_11", u = "_HeadRow_gmtv3_15", R = "_DataRow_gmtv3_16", f = "_BodyRow_gmtv3_21", N = "_HeadCell_gmtv3_25", A = "_BodyCell_gmtv3_26", T = "_BodyHeadCell_gmtv3_41", D = "_BodyHead_gmtv3_41",
|
|
12
|
+
import '../../assets/accordion-table-Ci3u6qTN.css';const b = "_AccordionTable_gmtv3_1", $ = "_Head_gmtv3_11", u = "_HeadRow_gmtv3_15", R = "_DataRow_gmtv3_16", f = "_BodyRow_gmtv3_21", N = "_HeadCell_gmtv3_25", A = "_BodyCell_gmtv3_26", T = "_BodyHeadCell_gmtv3_41", D = "_BodyHead_gmtv3_41", a = {
|
|
12
13
|
AccordionTable: b,
|
|
13
14
|
Head: $,
|
|
14
15
|
HeadRow: u,
|
|
@@ -18,26 +19,26 @@ import '../../assets/accordion-table-Ci3u6qTN.css';const b = "_AccordionTable_gm
|
|
|
18
19
|
BodyCell: A,
|
|
19
20
|
BodyHeadCell: T,
|
|
20
21
|
BodyHead: D
|
|
21
|
-
},
|
|
22
|
+
}, J = ({ table: d, active: l = 0, ...c }) => {
|
|
22
23
|
const [m, h] = H(l >= 0 && l < d.body.length ? l : null);
|
|
23
24
|
return /* @__PURE__ */ n(
|
|
24
25
|
"div",
|
|
25
26
|
{
|
|
26
|
-
"data-testid": _(
|
|
27
|
-
className: s(
|
|
27
|
+
"data-testid": _(c, "data-testid", "accordion-table"),
|
|
28
|
+
className: s(a.AccordionTable, _(c, "className")),
|
|
28
29
|
style: { "--accordion-columns": Math.max(d.head.length, 1) },
|
|
29
30
|
children: [
|
|
30
|
-
/* @__PURE__ */
|
|
31
|
+
/* @__PURE__ */ t("div", { "data-testid": "accordion-table-head", className: a.Head, children: /* @__PURE__ */ t("div", { className: a.HeadRow, children: d.head.map((e, o) => /* @__PURE__ */ t(
|
|
31
32
|
"div",
|
|
32
33
|
{
|
|
33
|
-
className:
|
|
34
|
+
className: a.HeadCell,
|
|
34
35
|
"data-testid": `accordion-table-head-cell-${o}`,
|
|
35
36
|
dangerouslySetInnerHTML: { __html: e }
|
|
36
37
|
},
|
|
37
38
|
e
|
|
38
39
|
)) }) }),
|
|
39
|
-
/* @__PURE__ */
|
|
40
|
-
/* @__PURE__ */
|
|
40
|
+
/* @__PURE__ */ t("div", { children: d.body.map((e, o) => /* @__PURE__ */ n(p, { children: [
|
|
41
|
+
/* @__PURE__ */ t("div", { className: a.BodyRow, children: /* @__PURE__ */ t("div", { className: s(a.BodyCell, a.BodyHead, a.BodyHeadCell), children: /* @__PURE__ */ t(
|
|
41
42
|
w,
|
|
42
43
|
{
|
|
43
44
|
"data-testid": `accordion-table-button-${o}`,
|
|
@@ -48,27 +49,27 @@ import '../../assets/accordion-table-Ci3u6qTN.css';const b = "_AccordionTable_gm
|
|
|
48
49
|
weight: "regular",
|
|
49
50
|
color: "theme-primary",
|
|
50
51
|
iconPosition: "right",
|
|
51
|
-
icon: /* @__PURE__ */
|
|
52
|
+
icon: /* @__PURE__ */ t(
|
|
52
53
|
C,
|
|
53
54
|
{
|
|
54
55
|
name: "rotate-icon",
|
|
55
56
|
condition: m === o,
|
|
56
57
|
from: "top",
|
|
57
58
|
to: "bottom",
|
|
58
|
-
children: /* @__PURE__ */
|
|
59
|
+
children: /* @__PURE__ */ t(B, { size: 24 })
|
|
59
60
|
}
|
|
60
61
|
),
|
|
61
62
|
onClick: () => h((i) => o !== i ? o : null)
|
|
62
63
|
}
|
|
63
64
|
) }) }),
|
|
64
|
-
/* @__PURE__ */
|
|
65
|
+
/* @__PURE__ */ t(g, { name: `visible-section-${o}`, condition: m === o, children: /* @__PURE__ */ t("div", { "data-testid": `accordion-table-section-content-${o}`, children: e.rows.map((i, r) => /* @__PURE__ */ t(
|
|
65
66
|
"div",
|
|
66
67
|
{
|
|
67
|
-
className:
|
|
68
|
-
"data-testid": `accordion-table-data-row-${o}-${
|
|
69
|
-
children: i.map((v, y) => /* @__PURE__ */
|
|
68
|
+
className: a.DataRow,
|
|
69
|
+
"data-testid": `accordion-table-data-row-${o}-${r}`,
|
|
70
|
+
children: i.map((v, y) => /* @__PURE__ */ t("div", { className: a.BodyCell, children: v }, `tr-${o}-${r}-${y}`))
|
|
70
71
|
},
|
|
71
|
-
`tr-${o}-${
|
|
72
|
+
`tr-${o}-${r}`
|
|
72
73
|
)) }) })
|
|
73
74
|
] }, `${e.title}-${o}`)) })
|
|
74
75
|
]
|
|
@@ -76,5 +77,5 @@ import '../../assets/accordion-table-Ci3u6qTN.css';const b = "_AccordionTable_gm
|
|
|
76
77
|
);
|
|
77
78
|
};
|
|
78
79
|
export {
|
|
79
|
-
|
|
80
|
+
J as AccordionTable
|
|
80
81
|
};
|
|
@@ -5,6 +5,7 @@ import { useResizeObserver as f, useWindowSize as u } from "usehooks-ts";
|
|
|
5
5
|
import { Text as c } from "../text/text.component.js";
|
|
6
6
|
import { Button as y } from "../../controls/buttons/button/button.component.js";
|
|
7
7
|
import "../../controls/primitives/box/box.component.js";
|
|
8
|
+
import "../../utils/content/content.component.js";
|
|
8
9
|
import { baseProps as d } from "../../utils/functions/functions.util.js";
|
|
9
10
|
import "lucide-react";
|
|
10
11
|
import '../../assets/bottom-bar-DE6QuEjZ.css';const k = "_BottomBar_1pxm3_1", w = "_Fixed_1pxm3_7", R = "_Static_1pxm3_16", z = "_TopBlock_1pxm3_20", L = "_LeftBlock_1pxm3_24", v = "_RightBlock_1pxm3_31", N = "_Message_1pxm3_39", M = "_Button_1pxm3_44", r = {
|
|
@@ -37,7 +38,7 @@ import '../../assets/bottom-bar-DE6QuEjZ.css';const k = "_BottomBar_1pxm3_1", w
|
|
|
37
38
|
size: t.size || "body",
|
|
38
39
|
color: t.color || "text-primary",
|
|
39
40
|
align: t.align || "left"
|
|
40
|
-
},
|
|
41
|
+
}, A = ({ button: o, info: t, message: l, staticFrom: p = 768, ...s }) => {
|
|
41
42
|
const g = x(null), { height: m } = f({
|
|
42
43
|
ref: g,
|
|
43
44
|
box: "border-box"
|
|
@@ -101,5 +102,5 @@ import '../../assets/bottom-bar-DE6QuEjZ.css';const k = "_BottomBar_1pxm3_1", w
|
|
|
101
102
|
);
|
|
102
103
|
};
|
|
103
104
|
export {
|
|
104
|
-
|
|
105
|
+
A as BottomBar
|
|
105
106
|
};
|
|
@@ -4,12 +4,13 @@ import { useWindowSize as h, useResizeObserver as x } from "usehooks-ts";
|
|
|
4
4
|
import b from "clsx";
|
|
5
5
|
import { Button as l } from "../../controls/buttons/button/button.component.js";
|
|
6
6
|
import "../../controls/primitives/box/box.component.js";
|
|
7
|
+
import "../../utils/content/content.component.js";
|
|
7
8
|
import { baseProps as c } from "../../utils/functions/functions.util.js";
|
|
8
9
|
import "lucide-react";
|
|
9
10
|
import '../../assets/dialog-article-BdDXX1FV.css';const A = "_DialogArticle_vv4cw_1", B = "_Buttons_vv4cw_8", n = {
|
|
10
11
|
DialogArticle: A,
|
|
11
12
|
Buttons: B
|
|
12
|
-
},
|
|
13
|
+
}, j = (d) => {
|
|
13
14
|
const { children: m, cancel: t, confirm: e, ...i } = d, o = g(null), [u, f] = v(0), { width: p } = h();
|
|
14
15
|
return x({
|
|
15
16
|
ref: o,
|
|
@@ -53,5 +54,5 @@ import '../../assets/dialog-article-BdDXX1FV.css';const A = "_DialogArticle_vv4c
|
|
|
53
54
|
);
|
|
54
55
|
};
|
|
55
56
|
export {
|
|
56
|
-
|
|
57
|
+
j as DialogArticle
|
|
57
58
|
};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsxs as i, jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { TextBlocks as s } from "../text-blocks/text-blocks.component.js";
|
|
3
|
-
import '../../../../assets/sidebar-
|
|
4
|
-
Sidebar:
|
|
5
|
-
SidebarContact:
|
|
6
|
-
SidebarLink:
|
|
7
|
-
SidebarText:
|
|
8
|
-
SidebarPhone:
|
|
9
|
-
SidebarPhoneImage:
|
|
3
|
+
import '../../../../assets/sidebar-DBIZ0JNb.css';const l = "data:image/svg+xml,%3csvg%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20width='32'%20height='32'%20fill='url(%23whatsapp)'%20/%3e%3cdefs%3e%3cpattern%20id='whatsapp'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23phone'%20transform='scale(0.0104167)'%20/%3e%3c/pattern%3e%3cimage%20id='phone'%20width='96'%20height='96'%20xlink:href='data:image/png;base64,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'%20/%3e%3c/defs%3e%3c/svg%3e", g = "data:image/svg+xml,%3csvg%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%20clip-path='url(%23phone)'%3e%3cpath%20d='M15.7237%2012.5809L13.7129%2012.3513C13.23%2012.2959%2012.755%2012.4621%2012.4146%2012.8025L10.9579%2014.2592C8.71747%2013.1192%206.8808%2011.2904%205.7408%209.0421L7.20539%207.57752C7.5458%207.2371%207.71205%206.7621%207.65664%206.27918L7.42705%204.28418C7.33205%203.4846%206.65914%202.88293%205.85164%202.88293H4.48205C3.58747%202.88293%202.8433%203.6271%202.89872%204.52168C3.3183%2011.2825%208.72539%2016.6817%2015.4783%2017.1013C16.3729%2017.1567%2017.1171%2016.4125%2017.1171%2015.5179V14.1484C17.125%2013.3488%2016.5233%2012.6759%2015.7237%2012.5809Z'%20fill='white'%20/%3e%3c/g%3e%3cclipPath%20id='phone'%3e%3crect%20x='0.5'%20y='0.5'%20width='19'%20height='19'%20rx='9.5'%20fill='%23ffffff'%20/%3e%3c/clipPath%3e%3c/svg%3e", p = "_Sidebar_dlxli_1", B = "_SidebarContact_dlxli_12", I = "_SidebarLink_dlxli_19", h = "_SidebarText_dlxli_28", o = "_SidebarPhone_dlxli_35", m = "_SidebarPhoneImage_dlxli_48", w = "_SidebarWhatsapp_dlxli_53", e = {
|
|
4
|
+
Sidebar: p,
|
|
5
|
+
SidebarContact: B,
|
|
6
|
+
SidebarLink: I,
|
|
7
|
+
SidebarText: h,
|
|
8
|
+
SidebarPhone: o,
|
|
9
|
+
SidebarPhoneImage: m,
|
|
10
10
|
SidebarWhatsapp: w
|
|
11
11
|
}, u = (c) => {
|
|
12
12
|
const { info: n = [], whatsapp: t = "", tel: A = "" } = c, d = (r) => "tel:+49" + r.replace(/^0|[^0-9.]/g, "");
|
|
@@ -14,11 +14,11 @@ import '../../../../assets/sidebar-B928srpH.css';const g = "data:image/svg+xml,%
|
|
|
14
14
|
/* @__PURE__ */ a(s, { blocks: n }),
|
|
15
15
|
/* @__PURE__ */ i("ul", { className: e.SidebarContact, children: [
|
|
16
16
|
t ? /* @__PURE__ */ i("li", { className: e.SidebarLink, children: [
|
|
17
|
-
/* @__PURE__ */ a("img", { className: e.SidebarWhatsapp, src:
|
|
17
|
+
/* @__PURE__ */ a("img", { className: e.SidebarWhatsapp, src: l, alt: "whatsapp" }),
|
|
18
18
|
/* @__PURE__ */ a("a", { className: e.SidebarText, href: "https://" + t, target: "_blank", children: t })
|
|
19
19
|
] }) : null,
|
|
20
20
|
A ? /* @__PURE__ */ i("li", { className: e.SidebarLink, children: [
|
|
21
|
-
/* @__PURE__ */ a("div", { className: e.SidebarPhone, children: /* @__PURE__ */ a("img", { className: e.SidebarPhoneImage, src:
|
|
21
|
+
/* @__PURE__ */ a("div", { className: e.SidebarPhone, children: /* @__PURE__ */ a("img", { className: e.SidebarPhoneImage, src: g, alt: "phone" }) }),
|
|
22
22
|
/* @__PURE__ */ a("a", { className: e.SidebarText, href: d(A), target: "_blank", children: A })
|
|
23
23
|
] }) : null
|
|
24
24
|
] })
|
|
@@ -6,7 +6,7 @@ import { Line as s } from "../line/line.component.js";
|
|
|
6
6
|
import { Text as n } from "../text/text.component.js";
|
|
7
7
|
import { UserPanel as w } from "../user-panel/user-panel.component.js";
|
|
8
8
|
import "../../controls/primitives/box/box.component.js";
|
|
9
|
-
import "
|
|
9
|
+
import "../../utils/content/content.component.js";
|
|
10
10
|
import { baseProps as f } from "../../utils/functions/functions.util.js";
|
|
11
11
|
import "lucide-react";
|
|
12
12
|
import "usehooks-ts";
|
|
@@ -5,6 +5,7 @@ import { RefreshCw as Fe, RotateCcw as qe, Check as Be } from "lucide-react";
|
|
|
5
5
|
import fe from "clsx";
|
|
6
6
|
import { Button as Pe } from "../../controls/buttons/button/button.component.js";
|
|
7
7
|
import "../../controls/primitives/box/box.component.js";
|
|
8
|
+
import "../../utils/content/content.component.js";
|
|
8
9
|
import { baseProps as we } from "../../utils/functions/functions.util.js";
|
|
9
10
|
import { ButtonText as ie } from "../../controls/buttons/button-text/button-text.component.js";
|
|
10
11
|
import { Loader as Ue } from "../loader/loader.component.js";
|
|
@@ -1095,7 +1096,7 @@ const ut = /* @__PURE__ */ He(st), ct = "_Signature_1sp4s_1", lt = "_Main_1sp4s_
|
|
|
1095
1096
|
AutoPanelLabelText: Ct,
|
|
1096
1097
|
AutoPanelError: Ot,
|
|
1097
1098
|
AutoPanelErrorTitle: Rt
|
|
1098
|
-
},
|
|
1099
|
+
}, Ft = ({
|
|
1099
1100
|
// Signature props
|
|
1100
1101
|
auto: e,
|
|
1101
1102
|
manual: a,
|
|
@@ -1254,5 +1255,5 @@ const ut = /* @__PURE__ */ He(st), ct = "_Signature_1sp4s_1", lt = "_Main_1sp4s_
|
|
|
1254
1255
|
);
|
|
1255
1256
|
};
|
|
1256
1257
|
export {
|
|
1257
|
-
|
|
1258
|
+
Ft as Signature
|
|
1258
1259
|
};
|
|
@@ -9,4 +9,4 @@ export interface TextProps extends HTMLAttributes<HTMLElementTagNameMap>, PropsW
|
|
|
9
9
|
size?: FontSize;
|
|
10
10
|
color?: FontColor;
|
|
11
11
|
}
|
|
12
|
-
export declare const Text: (
|
|
12
|
+
export declare const Text: import('react').ForwardRefExoticComponent<TextProps & import('react').RefAttributes<HTMLElement>>;
|
|
@@ -1,52 +1,53 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
import { jsx as h } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as L } from "react";
|
|
3
|
+
import x from "clsx";
|
|
4
|
+
import { Content as S } from "../../utils/content/content.component.js";
|
|
5
|
+
import '../../assets/text-Bhvd-u-V.css';const f = "_Lined_553v9_1", u = "_Left_553v9_7", T = "_Center_553v9_11", b = "_Right_553v9_15", B = "_Light_553v9_21", H = "_Regular_553v9_25", w = "_Medium_553v9_29", R = "_Bold_553v9_33", P = "_BodyExtraSmall_553v9_39", z = "_BodySmall_553v9_44", A = "_Body_553v9_39", E = "_BodyLarge_553v9_54", C = "_HL1_553v9_59", k = "_HL2_553v9_64", M = "_HL3_553v9_69", F = "_HL4_553v9_74", $ = "_HL5_553v9_79", N = "_TextPrimary_553v9_86", j = "_TextSecondary_553v9_90", W = "_AccentPrimary_553v9_94", q = "_AccentSecondary_553v9_98", D = "_ThemePrimary_553v9_102", I = "_ThemeSecondary_553v9_106", J = "_Success_553v9_114", K = "_Focus_553v9_118", O = "_Link_553v9_122", Q = "_Grey950_553v9_126", U = "_Grey900_553v9_130", V = "_Grey800_553v9_134", X = "_Grey700_553v9_138", Y = "_Grey600_553v9_142", Z = "_Grey500_553v9_146", ee = "_Grey400_553v9_150", re = "_Grey300_553v9_154", te = "_Grey200_553v9_158", oe = "_Grey100_553v9_162", ye = "_Grey50_553v9_146", e = {
|
|
6
|
+
Lined: f,
|
|
7
|
+
Left: u,
|
|
8
|
+
Center: T,
|
|
8
9
|
Right: b,
|
|
9
|
-
Light:
|
|
10
|
-
Regular:
|
|
11
|
-
Medium:
|
|
12
|
-
Bold:
|
|
13
|
-
BodyExtraSmall:
|
|
14
|
-
BodySmall:
|
|
15
|
-
Body:
|
|
16
|
-
BodyLarge:
|
|
17
|
-
HL1:
|
|
18
|
-
HL2:
|
|
19
|
-
HL3:
|
|
20
|
-
HL4:
|
|
21
|
-
HL5:
|
|
22
|
-
TextPrimary:
|
|
23
|
-
TextSecondary:
|
|
24
|
-
AccentPrimary:
|
|
25
|
-
AccentSecondary:
|
|
26
|
-
ThemePrimary:
|
|
27
|
-
ThemeSecondary:
|
|
10
|
+
Light: B,
|
|
11
|
+
Regular: H,
|
|
12
|
+
Medium: w,
|
|
13
|
+
Bold: R,
|
|
14
|
+
BodyExtraSmall: P,
|
|
15
|
+
BodySmall: z,
|
|
16
|
+
Body: A,
|
|
17
|
+
BodyLarge: E,
|
|
18
|
+
HL1: C,
|
|
19
|
+
HL2: k,
|
|
20
|
+
HL3: M,
|
|
21
|
+
HL4: F,
|
|
22
|
+
HL5: $,
|
|
23
|
+
TextPrimary: N,
|
|
24
|
+
TextSecondary: j,
|
|
25
|
+
AccentPrimary: W,
|
|
26
|
+
AccentSecondary: q,
|
|
27
|
+
ThemePrimary: D,
|
|
28
|
+
ThemeSecondary: I,
|
|
28
29
|
Error: "_Error_553v9_110",
|
|
29
|
-
Success:
|
|
30
|
-
Focus:
|
|
31
|
-
Link:
|
|
32
|
-
Grey950:
|
|
33
|
-
Grey900:
|
|
34
|
-
Grey800:
|
|
35
|
-
Grey700:
|
|
36
|
-
Grey600:
|
|
37
|
-
Grey500:
|
|
38
|
-
Grey400:
|
|
39
|
-
Grey300:
|
|
40
|
-
Grey200:
|
|
41
|
-
Grey100:
|
|
42
|
-
Grey50:
|
|
43
|
-
},
|
|
30
|
+
Success: J,
|
|
31
|
+
Focus: K,
|
|
32
|
+
Link: O,
|
|
33
|
+
Grey950: Q,
|
|
34
|
+
Grey900: U,
|
|
35
|
+
Grey800: V,
|
|
36
|
+
Grey700: X,
|
|
37
|
+
Grey600: Y,
|
|
38
|
+
Grey500: Z,
|
|
39
|
+
Grey400: ee,
|
|
40
|
+
Grey300: re,
|
|
41
|
+
Grey200: te,
|
|
42
|
+
Grey100: oe,
|
|
43
|
+
Grey50: ye
|
|
44
|
+
}, ne = {
|
|
44
45
|
"page-info": { tag: "p", weight: "light", size: "body", color: "text-secondary" },
|
|
45
46
|
"page-subtitle": { tag: "h6", weight: "regular", size: "body", color: "text-primary" },
|
|
46
47
|
"page-title": { tag: "h1", weight: "bold", size: "hl1", color: "text-primary" },
|
|
47
48
|
"sidebar-title": { tag: "h3", weight: "bold", size: "hl3", color: "text-primary" },
|
|
48
49
|
"step-title": { tag: "h2", weight: "bold", size: "hl4", color: "text-primary" }
|
|
49
|
-
},
|
|
50
|
+
}, ce = L(({
|
|
50
51
|
children: m,
|
|
51
52
|
className: g,
|
|
52
53
|
preset: y,
|
|
@@ -57,10 +58,10 @@ import '../../assets/text-Bhvd-u-V.css';const x = "_Lined_553v9_1", S = "_Left_5
|
|
|
57
58
|
size: a = "body",
|
|
58
59
|
color: s = "text-primary",
|
|
59
60
|
...l
|
|
60
|
-
}) => {
|
|
61
|
+
}, p) => {
|
|
61
62
|
let d = _, n = i, t = a, r = s;
|
|
62
63
|
if (y) {
|
|
63
|
-
const o =
|
|
64
|
+
const o = ne[y];
|
|
64
65
|
_ !== "p" && _ !== o.tag && console.warn(
|
|
65
66
|
`Text component: 'tag' prop will be overridden by 'preset="${y}"'. Remove explicit 'tag' prop if not intended.`
|
|
66
67
|
), i !== "regular" && i !== o.weight && console.warn(
|
|
@@ -71,7 +72,7 @@ import '../../assets/text-Bhvd-u-V.css';const x = "_Lined_553v9_1", S = "_Left_5
|
|
|
71
72
|
`Text component: 'color' prop will be overridden by 'preset="${y}"'. Remove explicit 'color' prop if not intended.`
|
|
72
73
|
), d = o.tag, n = o.weight, t = o.size, r = o.color;
|
|
73
74
|
}
|
|
74
|
-
const
|
|
75
|
+
const G = x(g, {
|
|
75
76
|
[e.Lined]: v,
|
|
76
77
|
// ALIGNMENTS
|
|
77
78
|
[e.Left]: c === "left",
|
|
@@ -115,18 +116,20 @@ import '../../assets/text-Bhvd-u-V.css';const x = "_Lined_553v9_1", S = "_Left_5
|
|
|
115
116
|
[e.Grey100]: r === "grey-100",
|
|
116
117
|
[e.Grey50]: r === "grey-50"
|
|
117
118
|
});
|
|
118
|
-
return /* @__PURE__ */
|
|
119
|
-
|
|
119
|
+
return /* @__PURE__ */ h(
|
|
120
|
+
S,
|
|
120
121
|
{
|
|
122
|
+
ref: p,
|
|
121
123
|
"data-testid": l["data-testid"] || "content",
|
|
122
124
|
tag: d,
|
|
123
125
|
alwaysRender: !1,
|
|
124
|
-
className:
|
|
126
|
+
className: G,
|
|
125
127
|
...l,
|
|
126
128
|
children: m
|
|
127
129
|
}
|
|
128
130
|
);
|
|
129
|
-
};
|
|
131
|
+
});
|
|
132
|
+
ce.displayName = "Text";
|
|
130
133
|
export {
|
|
131
|
-
|
|
134
|
+
ce as Text
|
|
132
135
|
};
|
|
@@ -3,6 +3,7 @@ import { Pencil as d } from "lucide-react";
|
|
|
3
3
|
import p from "clsx";
|
|
4
4
|
import "react";
|
|
5
5
|
import { baseProps as o } from "../../utils/functions/functions.util.js";
|
|
6
|
+
import "../../utils/content/content.component.js";
|
|
6
7
|
import "usehooks-ts";
|
|
7
8
|
import "../../controls/primitives/box/box.component.js";
|
|
8
9
|
import { ButtonText as f } from "../../controls/buttons/button-text/button-text.component.js";
|
|
@@ -10,18 +11,18 @@ import '../../assets/user-panel-SauszbHl.css';const _ = "_UserPanel_zes0v_1", u
|
|
|
10
11
|
UserPanel: _,
|
|
11
12
|
Head: u,
|
|
12
13
|
Info: P
|
|
13
|
-
},
|
|
14
|
+
}, b = ({ title: i, button: a, data: n, onClick: l, ...r }) => /* @__PURE__ */ s(
|
|
14
15
|
"div",
|
|
15
16
|
{
|
|
16
17
|
"data-testid": o(r, "data-testid", "user-panel"),
|
|
17
18
|
className: p(t.UserPanel, o(r, "className")),
|
|
18
19
|
children: [
|
|
19
20
|
/* @__PURE__ */ s("div", { className: t.Head, children: [
|
|
20
|
-
/* @__PURE__ */ e("span", { "data-testid": "user-panel-title", children:
|
|
21
|
+
/* @__PURE__ */ e("span", { "data-testid": "user-panel-title", children: i }),
|
|
21
22
|
/* @__PURE__ */ e(
|
|
22
23
|
f,
|
|
23
24
|
{
|
|
24
|
-
text:
|
|
25
|
+
text: a,
|
|
25
26
|
preventDefault: !0,
|
|
26
27
|
blurAfterClick: !0,
|
|
27
28
|
icon: /* @__PURE__ */ e(d, {}),
|
|
@@ -37,5 +38,5 @@ import '../../assets/user-panel-SauszbHl.css';const _ = "_UserPanel_zes0v_1", u
|
|
|
37
38
|
}
|
|
38
39
|
);
|
|
39
40
|
export {
|
|
40
|
-
|
|
41
|
+
b as UserPanel
|
|
41
42
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsxs as s, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import { FadeScale as
|
|
2
|
+
import p from "clsx";
|
|
3
|
+
import { FadeScale as L } from "../../../animations/fade-scale/fade-scale.component.js";
|
|
4
4
|
import { Loader as x } from "../../../components/loader/loader.component.js";
|
|
5
5
|
import { Content as M } from "../../../utils/content/content.component.js";
|
|
6
6
|
import { withControl as S, baseProps as c } from "../../../utils/functions/functions.util.js";
|
|
7
|
-
import '../../../assets/button-
|
|
7
|
+
import '../../../assets/button-Dev1TPny.css';const C = "_Button_17hg9_1", T = "_SM_17hg9_19", B = "_LG_17hg9_24", F = "_Tertiary_17hg9_24", N = "_Text_17hg9_28", b = "_MD_17hg9_34", P = "_Primary_17hg9_62", D = "_Info_17hg9_71", G = "_Secondary_17hg9_75", I = "_Loading_17hg9_111", W = "_FullWidth_17hg9_119", w = "_Content_17hg9_123", $ = "_Loader_17hg9_140", t = {
|
|
8
8
|
Button: C,
|
|
9
9
|
SM: T,
|
|
10
10
|
LG: B,
|
|
@@ -23,36 +23,36 @@ import '../../../assets/button-BjcertIq.css';const C = "_Button_2uv09_1", T = "_
|
|
|
23
23
|
color: r = "primary",
|
|
24
24
|
size: o = "md",
|
|
25
25
|
type: i = "button",
|
|
26
|
-
disabled:
|
|
27
|
-
info:
|
|
28
|
-
fullWidth:
|
|
26
|
+
disabled: d = !1,
|
|
27
|
+
info: m = "",
|
|
28
|
+
fullWidth: l = !1,
|
|
29
29
|
loading: n = !1,
|
|
30
|
-
preventDefault:
|
|
30
|
+
preventDefault: h = !1,
|
|
31
31
|
blurAfterClick: y = !1,
|
|
32
|
-
onClick:
|
|
32
|
+
onClick: u = () => {
|
|
33
33
|
},
|
|
34
|
-
onFocus:
|
|
35
|
-
onBlur:
|
|
34
|
+
onFocus: f,
|
|
35
|
+
onBlur: g,
|
|
36
36
|
...a
|
|
37
37
|
}) => /* @__PURE__ */ s(
|
|
38
38
|
"button",
|
|
39
39
|
{
|
|
40
40
|
"data-testid": c(a, "data-testid", "button"),
|
|
41
41
|
type: i,
|
|
42
|
-
disabled:
|
|
43
|
-
className:
|
|
42
|
+
disabled: d || n,
|
|
43
|
+
className: p(t.Button, c(a, "className"), {
|
|
44
44
|
[t.SM]: o === "sm",
|
|
45
45
|
[t.MD]: o === "md",
|
|
46
46
|
[t.LG]: o === "lg",
|
|
47
47
|
[t.Primary]: r === "primary",
|
|
48
48
|
[t.Secondary]: r === "secondary",
|
|
49
49
|
[t.Tertiary]: r === "tertiary",
|
|
50
|
-
[t.FullWidth]:
|
|
50
|
+
[t.FullWidth]: l,
|
|
51
51
|
[t.Loading]: n
|
|
52
52
|
}),
|
|
53
|
-
onClick: S(
|
|
54
|
-
onFocus: () =>
|
|
55
|
-
onBlur: () =>
|
|
53
|
+
onClick: S(u, { prevent: h, blur: y }),
|
|
54
|
+
onFocus: () => f?.(),
|
|
55
|
+
onBlur: () => g?.(),
|
|
56
56
|
children: [
|
|
57
57
|
n && /* @__PURE__ */ e(
|
|
58
58
|
x,
|
|
@@ -71,9 +71,9 @@ import '../../../assets/button-BjcertIq.css';const C = "_Button_2uv09_1", T = "_
|
|
|
71
71
|
className: t.Loader
|
|
72
72
|
}
|
|
73
73
|
),
|
|
74
|
-
/* @__PURE__ */ s(
|
|
74
|
+
/* @__PURE__ */ s(L, { name: "content", keepMount: !0, condition: !n, className: t.Content, children: [
|
|
75
75
|
/* @__PURE__ */ e("span", { className: t.Text, children: _ }),
|
|
76
|
-
/* @__PURE__ */ e(M, { className: t.Info, children:
|
|
76
|
+
/* @__PURE__ */ e(M, { className: t.Info, children: m })
|
|
77
77
|
] })
|
|
78
78
|
]
|
|
79
79
|
}
|
|
@@ -5,7 +5,8 @@ import L from "clsx";
|
|
|
5
5
|
import { Box as N } from "../../primitives/box/box.component.js";
|
|
6
6
|
import { Caption as h } from "../../primitives/caption/caption.component.js";
|
|
7
7
|
import "lucide-react";
|
|
8
|
-
import { baseProps as
|
|
8
|
+
import { baseProps as l } from "../../../utils/functions/functions.util.js";
|
|
9
|
+
import "../../../utils/content/content.component.js";
|
|
9
10
|
import { Svg as y } from "../../../utils/svg/svg.component.js";
|
|
10
11
|
import '../../../assets/button-card-B-nlEbJU.css';const F = "_ButtonCard_10os6_1", j = "_Icon_10os6_10", z = "_IconTop_10os6_14", D = "_Text_10os6_21", H = "_IconLeft_10os6_25", o = {
|
|
11
12
|
ButtonCard: F,
|
|
@@ -13,7 +14,7 @@ import '../../../assets/button-card-B-nlEbJU.css';const F = "_ButtonCard_10os6_1
|
|
|
13
14
|
IconTop: z,
|
|
14
15
|
Text: D,
|
|
15
16
|
IconLeft: H
|
|
16
|
-
},
|
|
17
|
+
}, K = (f) => {
|
|
17
18
|
const {
|
|
18
19
|
text: u,
|
|
19
20
|
textSize: m = "body",
|
|
@@ -32,12 +33,12 @@ import '../../../assets/button-card-B-nlEbJU.css';const F = "_ButtonCard_10os6_1
|
|
|
32
33
|
return /* @__PURE__ */ t(
|
|
33
34
|
N,
|
|
34
35
|
{
|
|
35
|
-
"data-testid":
|
|
36
|
+
"data-testid": l(c, "data-testid", "button-card"),
|
|
36
37
|
ref: r,
|
|
37
38
|
checked: n || T,
|
|
38
39
|
state: "idle",
|
|
39
40
|
focused: C,
|
|
40
|
-
className:
|
|
41
|
+
className: l(c, "className"),
|
|
41
42
|
children: /* @__PURE__ */ B(
|
|
42
43
|
"button",
|
|
43
44
|
{
|
|
@@ -47,8 +48,8 @@ import '../../../assets/button-card-B-nlEbJU.css';const F = "_ButtonCard_10os6_1
|
|
|
47
48
|
[o.IconTop]: e === "top",
|
|
48
49
|
[o.IconLeft]: e === "left"
|
|
49
50
|
}),
|
|
50
|
-
onClick: (
|
|
51
|
-
d &&
|
|
51
|
+
onClick: (i) => {
|
|
52
|
+
d && i.preventDefault(), _ && i.currentTarget.blur(), x?.();
|
|
52
53
|
},
|
|
53
54
|
onFocus: () => {
|
|
54
55
|
a(), I?.();
|
|
@@ -76,5 +77,5 @@ import '../../../assets/button-card-B-nlEbJU.css';const F = "_ButtonCard_10os6_1
|
|
|
76
77
|
);
|
|
77
78
|
};
|
|
78
79
|
export {
|
|
79
|
-
|
|
80
|
+
K as ButtonCard
|
|
80
81
|
};
|
|
@@ -6,6 +6,7 @@ import { Caption as H } from "../../primitives/caption/caption.component.js";
|
|
|
6
6
|
import "lucide-react";
|
|
7
7
|
import "clsx";
|
|
8
8
|
import { baseProps as d } from "../../../utils/functions/functions.util.js";
|
|
9
|
+
import "../../../utils/content/content.component.js";
|
|
9
10
|
import { Status as C } from "../../primitives/status/status.component.js";
|
|
10
11
|
import '../../../assets/button-radio-CPeNePW2.css';const T = "_ButtonRadio_iwy6t_1", b = "_Row_iwy6t_14", v = "_Wrap_iwy6t_23", W = "_Content_iwy6t_32", k = "_Text_iwy6t_42", L = "_Hint_iwy6t_50", t = {
|
|
11
12
|
ButtonRadio: T,
|
|
@@ -14,7 +15,7 @@ import '../../../assets/button-radio-CPeNePW2.css';const T = "_ButtonRadio_iwy6t
|
|
|
14
15
|
Content: W,
|
|
15
16
|
Text: k,
|
|
16
17
|
Hint: L
|
|
17
|
-
},
|
|
18
|
+
}, G = ({
|
|
18
19
|
text: m,
|
|
19
20
|
textSize: u = "body",
|
|
20
21
|
active: n = !1,
|
|
@@ -81,5 +82,5 @@ import '../../../assets/button-radio-CPeNePW2.css';const T = "_ButtonRadio_iwy6t
|
|
|
81
82
|
);
|
|
82
83
|
};
|
|
83
84
|
export {
|
|
84
|
-
|
|
85
|
+
G as ButtonRadio
|
|
85
86
|
};
|
|
@@ -3,7 +3,7 @@ import b from "clsx";
|
|
|
3
3
|
import { Box as j } from "../../primitives/box/box.component.js";
|
|
4
4
|
import { Caption as z } from "../../primitives/caption/caption.component.js";
|
|
5
5
|
import { Choice as $ } from "../../primitives/choice/choice.component.js";
|
|
6
|
-
import "
|
|
6
|
+
import "../../../utils/content/content.component.js";
|
|
7
7
|
import { baseProps as C } from "../../../utils/functions/functions.util.js";
|
|
8
8
|
import { HiddenInput as F } from "../../primitives/hidden-input/hidden-input.component.js";
|
|
9
9
|
import { RadioLabel as H } from "../../primitives/radio-label/radio-label.component.js";
|
|
@@ -3,7 +3,7 @@ import I from "clsx";
|
|
|
3
3
|
import { Box as j } from "../../primitives/box/box.component.js";
|
|
4
4
|
import { Caption as y } from "../../primitives/caption/caption.component.js";
|
|
5
5
|
import { Choice as z } from "../../primitives/choice/choice.component.js";
|
|
6
|
-
import "
|
|
6
|
+
import "../../../utils/content/content.component.js";
|
|
7
7
|
import { baseProps as d } from "../../../utils/functions/functions.util.js";
|
|
8
8
|
import { HiddenInput as B } from "../../primitives/hidden-input/hidden-input.component.js";
|
|
9
9
|
import { RadioLabel as $ } from "../../primitives/radio-label/radio-label.component.js";
|
|
@@ -4,6 +4,7 @@ import { useHover as N } from "usehooks-ts";
|
|
|
4
4
|
import p from "clsx";
|
|
5
5
|
import { FadeSlide as S } from "../../../animations/fade-slide/fade-slide.component.js";
|
|
6
6
|
import "../../primitives/box/box.component.js";
|
|
7
|
+
import "../../../utils/content/content.component.js";
|
|
7
8
|
import { baseProps as _ } from "../../../utils/functions/functions.util.js";
|
|
8
9
|
import { Choice as v } from "../../primitives/choice/choice.component.js";
|
|
9
10
|
import { ErrorMessage as F } from "../../primitives/error-message/error-message.component.js";
|
|
@@ -19,7 +20,7 @@ import '../../../assets/checkbox-bwnjS9qO.css';const H = "_Checkbox_d6btg_1", I
|
|
|
19
20
|
Body: R,
|
|
20
21
|
BodySmall: T,
|
|
21
22
|
ErrorMessage: q
|
|
22
|
-
},
|
|
23
|
+
}, oo = ({
|
|
23
24
|
// Interactive props
|
|
24
25
|
id: t,
|
|
25
26
|
value: r = !1,
|
|
@@ -31,11 +32,11 @@ import '../../../assets/checkbox-bwnjS9qO.css';const H = "_Checkbox_d6btg_1", I
|
|
|
31
32
|
// Checkbox props
|
|
32
33
|
iconSize: x = "md",
|
|
33
34
|
textSize: a = "body-small",
|
|
34
|
-
message:
|
|
35
|
+
message: m = "",
|
|
35
36
|
// PropsWithChildren
|
|
36
37
|
children: y,
|
|
37
38
|
// Base props
|
|
38
|
-
...
|
|
39
|
+
...l
|
|
39
40
|
}) => {
|
|
40
41
|
const d = M(null), k = N(d), { focused: i, emitChange: h, handleFocus: B, handleBlur: u } = $({
|
|
41
42
|
id: t,
|
|
@@ -44,7 +45,7 @@ import '../../../assets/checkbox-bwnjS9qO.css';const H = "_Checkbox_d6btg_1", I
|
|
|
44
45
|
onFocus: f,
|
|
45
46
|
onBlur: g
|
|
46
47
|
});
|
|
47
|
-
return /* @__PURE__ */ b("div", { "data-testid": _(
|
|
48
|
+
return /* @__PURE__ */ b("div", { "data-testid": _(l, "data-testid", "checkbox"), className: p(o.Checkbox, _(l, "className")), children: [
|
|
48
49
|
/* @__PURE__ */ b(
|
|
49
50
|
"label",
|
|
50
51
|
{
|
|
@@ -97,9 +98,9 @@ import '../../../assets/checkbox-bwnjS9qO.css';const H = "_Checkbox_d6btg_1", I
|
|
|
97
98
|
]
|
|
98
99
|
}
|
|
99
100
|
),
|
|
100
|
-
/* @__PURE__ */ e(S, { name: "text-message", condition: n === "error" && !!
|
|
101
|
+
/* @__PURE__ */ e(S, { name: "text-message", condition: n === "error" && !!m, children: /* @__PURE__ */ e(F, { text: m, className: o.ErrorMessage }) })
|
|
101
102
|
] });
|
|
102
103
|
};
|
|
103
104
|
export {
|
|
104
|
-
|
|
105
|
+
oo as Checkbox
|
|
105
106
|
};
|
|
@@ -7,6 +7,7 @@ import { Button as J } from "../../buttons/button/button.component.js";
|
|
|
7
7
|
import { Box as R } from "../../primitives/box/box.component.js";
|
|
8
8
|
import { Caption as x } from "../../primitives/caption/caption.component.js";
|
|
9
9
|
import { Choice as Q } from "../../primitives/choice/choice.component.js";
|
|
10
|
+
import "../../../utils/content/content.component.js";
|
|
10
11
|
import { baseProps as H } from "../../../utils/functions/functions.util.js";
|
|
11
12
|
import { Label as U } from "../../primitives/label/label.component.js";
|
|
12
13
|
import { clickHasNode as X } from "../../utils/functions/functions.util.js";
|
|
@@ -29,7 +30,7 @@ import '../../../assets/dropdown-DLhCAHEx.css';const Z = "_Dropdown_1kidn_1", ee
|
|
|
29
30
|
Choices: me,
|
|
30
31
|
Choice: Ce,
|
|
31
32
|
ChoiceNoResult: pe
|
|
32
|
-
},
|
|
33
|
+
}, ze = ({
|
|
33
34
|
choices: v = [],
|
|
34
35
|
value: d = [],
|
|
35
36
|
label: z = "",
|
|
@@ -123,5 +124,5 @@ import '../../../assets/dropdown-DLhCAHEx.css';const Z = "_Dropdown_1kidn_1", ee
|
|
|
123
124
|
);
|
|
124
125
|
};
|
|
125
126
|
export {
|
|
126
|
-
|
|
127
|
+
ze as Dropdown
|
|
127
128
|
};
|
|
@@ -6,7 +6,7 @@ import { Caption as I } from "../../primitives/caption/caption.component.js";
|
|
|
6
6
|
import { Choice as V } from "../../primitives/choice/choice.component.js";
|
|
7
7
|
import { ErrorMessage as y } from "../../primitives/error-message/error-message.component.js";
|
|
8
8
|
import { HiddenInput as F } from "../../primitives/hidden-input/hidden-input.component.js";
|
|
9
|
-
import "
|
|
9
|
+
import "../../../utils/content/content.component.js";
|
|
10
10
|
import { baseProps as _ } from "../../../utils/functions/functions.util.js";
|
|
11
11
|
import { RadioLabel as j } from "../../primitives/radio-label/radio-label.component.js";
|
|
12
12
|
import "lucide-react";
|
|
@@ -2,7 +2,7 @@ import { jsxs as M, jsx as r } from "react/jsx-runtime";
|
|
|
2
2
|
import N from "clsx";
|
|
3
3
|
import { FadeSlide as _ } from "../../../animations/fade-slide/fade-slide.component.js";
|
|
4
4
|
import { Box as I } from "../../primitives/box/box.component.js";
|
|
5
|
-
import "
|
|
5
|
+
import "../../../utils/content/content.component.js";
|
|
6
6
|
import { baseProps as t } from "../../../utils/functions/functions.util.js";
|
|
7
7
|
import "lucide-react";
|
|
8
8
|
import { ErrorMessage as C } from "../../primitives/error-message/error-message.component.js";
|
|
@@ -4,11 +4,12 @@ import { useBoolean as f } from "usehooks-ts";
|
|
|
4
4
|
import { FadeScale as v } from "../../../animations/fade-scale/fade-scale.component.js";
|
|
5
5
|
import { FadeSlide as L } from "../../../animations/fade-slide/fade-slide.component.js";
|
|
6
6
|
import { Box as $ } from "../../primitives/box/box.component.js";
|
|
7
|
-
import "
|
|
7
|
+
import "../../../utils/content/content.component.js";
|
|
8
8
|
import { baseProps as u } from "../../../utils/functions/functions.util.js";
|
|
9
9
|
import "lucide-react";
|
|
10
10
|
import { ErrorMessage as k } from "../../primitives/error-message/error-message.component.js";
|
|
11
11
|
import { Label as C } from "../../primitives/label/label.component.js";
|
|
12
|
+
import "react";
|
|
12
13
|
import { Input as j } from "../input/input.component.js";
|
|
13
14
|
import '../../../assets/text-field-ycFvAkxr.css';const D = "_TextField_diews_1", O = "_Box_diews_10", q = "_Content_diews_14", y = "_Label_diews_30", z = "_Idle_diews_40", G = "_Active_diews_45", H = "_Placeholder_diews_50", J = "_PlaceholderText_diews_57", K = "_ErrorMessage_diews_65", Q = "_Input_diews_69", R = "_MaskStart_diews_73", e = {
|
|
14
15
|
TextField: D,
|
|
@@ -22,7 +23,7 @@ import '../../../assets/text-field-ycFvAkxr.css';const D = "_TextField_diews_1",
|
|
|
22
23
|
ErrorMessage: K,
|
|
23
24
|
Input: Q,
|
|
24
25
|
MaskStart: R
|
|
25
|
-
},
|
|
26
|
+
}, ie = ({
|
|
26
27
|
// Interactive props
|
|
27
28
|
id: d,
|
|
28
29
|
value: s = "",
|
|
@@ -38,9 +39,9 @@ import '../../../assets/text-field-ycFvAkxr.css';const D = "_TextField_diews_1",
|
|
|
38
39
|
message: m = "",
|
|
39
40
|
placeholder: _ = "",
|
|
40
41
|
// Base props
|
|
41
|
-
...
|
|
42
|
+
...p
|
|
42
43
|
}) => {
|
|
43
|
-
const { value:
|
|
44
|
+
const { value: x, setTrue: T, setFalse: A } = f(!1), { value: a, setTrue: S, setFalse: b } = f(!1), r = a || !!s || x, B = !i && !!_ && a && !s && !x, N = !!m && l === "error", g = (o) => {
|
|
44
45
|
S(), I?.(o);
|
|
45
46
|
}, E = (o) => {
|
|
46
47
|
b(), F?.(o);
|
|
@@ -48,8 +49,8 @@ import '../../../assets/text-field-ycFvAkxr.css';const D = "_TextField_diews_1",
|
|
|
48
49
|
return /* @__PURE__ */ n(
|
|
49
50
|
"div",
|
|
50
51
|
{
|
|
51
|
-
"data-testid": u(
|
|
52
|
-
className: c(e.TextField, u(
|
|
52
|
+
"data-testid": u(p, "data-testid", "text-field"),
|
|
53
|
+
className: c(e.TextField, u(p, "className")),
|
|
53
54
|
children: [
|
|
54
55
|
/* @__PURE__ */ n($, { state: l, focused: a, className: e.Box, children: [
|
|
55
56
|
/* @__PURE__ */ t(
|
|
@@ -101,5 +102,5 @@ import '../../../assets/text-field-ycFvAkxr.css';const D = "_TextField_diews_1",
|
|
|
101
102
|
);
|
|
102
103
|
};
|
|
103
104
|
export {
|
|
104
|
-
|
|
105
|
+
ie as TextField
|
|
105
106
|
};
|
|
@@ -12,271 +12,5 @@ export interface ContentProps extends HTMLAttributes<HTMLElementTagNameMap> {
|
|
|
12
12
|
* If the **content** is React nodes, it renders them directly.<br>
|
|
13
13
|
* The **alwaysRender** prop allows rendering an empty tag even if there are no children, which can be useful for layout purposes.
|
|
14
14
|
*/
|
|
15
|
-
export declare const Content: (
|
|
16
|
-
defaultChecked?: boolean | undefined;
|
|
17
|
-
defaultValue?: string | number | readonly string[] | undefined;
|
|
18
|
-
suppressContentEditableWarning?: boolean | undefined;
|
|
19
|
-
suppressHydrationWarning?: boolean | undefined;
|
|
20
|
-
accessKey?: string | undefined;
|
|
21
|
-
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
|
|
22
|
-
autoFocus?: boolean | undefined;
|
|
23
|
-
className?: string | undefined;
|
|
24
|
-
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
25
|
-
contextMenu?: string | undefined;
|
|
26
|
-
dir?: string | undefined;
|
|
27
|
-
draggable?: (boolean | "true" | "false") | undefined;
|
|
28
|
-
enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
|
|
29
|
-
hidden?: boolean | undefined;
|
|
30
|
-
id?: string | undefined;
|
|
31
|
-
lang?: string | undefined;
|
|
32
|
-
nonce?: string | undefined;
|
|
33
|
-
slot?: string | undefined;
|
|
34
|
-
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
35
|
-
style?: import('react').CSSProperties | undefined;
|
|
36
|
-
tabIndex?: number | undefined;
|
|
37
|
-
title?: string | undefined;
|
|
38
|
-
translate?: "yes" | "no" | undefined;
|
|
39
|
-
radioGroup?: string | undefined;
|
|
40
|
-
role?: import('react').AriaRole | undefined;
|
|
41
|
-
about?: string | undefined;
|
|
42
|
-
content?: string | undefined;
|
|
43
|
-
datatype?: string | undefined;
|
|
44
|
-
inlist?: any;
|
|
45
|
-
prefix?: string | undefined;
|
|
46
|
-
property?: string | undefined;
|
|
47
|
-
rel?: string | undefined;
|
|
48
|
-
resource?: string | undefined;
|
|
49
|
-
rev?: string | undefined;
|
|
50
|
-
typeof?: string | undefined;
|
|
51
|
-
vocab?: string | undefined;
|
|
52
|
-
autoCorrect?: string | undefined;
|
|
53
|
-
autoSave?: string | undefined;
|
|
54
|
-
color?: string | undefined;
|
|
55
|
-
itemProp?: string | undefined;
|
|
56
|
-
itemScope?: boolean | undefined;
|
|
57
|
-
itemType?: string | undefined;
|
|
58
|
-
itemID?: string | undefined;
|
|
59
|
-
itemRef?: string | undefined;
|
|
60
|
-
results?: number | undefined;
|
|
61
|
-
security?: string | undefined;
|
|
62
|
-
unselectable?: "on" | "off" | undefined;
|
|
63
|
-
inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
|
|
64
|
-
is?: string | undefined;
|
|
65
|
-
exportparts?: string | undefined;
|
|
66
|
-
part?: string | undefined;
|
|
67
|
-
"aria-activedescendant"?: string | undefined;
|
|
68
|
-
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
69
|
-
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
|
|
70
|
-
"aria-braillelabel"?: string | undefined;
|
|
71
|
-
"aria-brailleroledescription"?: string | undefined;
|
|
72
|
-
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
73
|
-
"aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
|
|
74
|
-
"aria-colcount"?: number | undefined;
|
|
75
|
-
"aria-colindex"?: number | undefined;
|
|
76
|
-
"aria-colindextext"?: string | undefined;
|
|
77
|
-
"aria-colspan"?: number | undefined;
|
|
78
|
-
"aria-controls"?: string | undefined;
|
|
79
|
-
"aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
|
|
80
|
-
"aria-describedby"?: string | undefined;
|
|
81
|
-
"aria-description"?: string | undefined;
|
|
82
|
-
"aria-details"?: string | undefined;
|
|
83
|
-
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
84
|
-
"aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
|
|
85
|
-
"aria-errormessage"?: string | undefined;
|
|
86
|
-
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
87
|
-
"aria-flowto"?: string | undefined;
|
|
88
|
-
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
89
|
-
"aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
|
|
90
|
-
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
91
|
-
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
|
|
92
|
-
"aria-keyshortcuts"?: string | undefined;
|
|
93
|
-
"aria-label"?: string | undefined;
|
|
94
|
-
"aria-labelledby"?: string | undefined;
|
|
95
|
-
"aria-level"?: number | undefined;
|
|
96
|
-
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
97
|
-
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
98
|
-
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
99
|
-
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|
|
100
|
-
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
101
|
-
"aria-owns"?: string | undefined;
|
|
102
|
-
"aria-placeholder"?: string | undefined;
|
|
103
|
-
"aria-posinset"?: number | undefined;
|
|
104
|
-
"aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
|
|
105
|
-
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
106
|
-
"aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
|
|
107
|
-
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
108
|
-
"aria-roledescription"?: string | undefined;
|
|
109
|
-
"aria-rowcount"?: number | undefined;
|
|
110
|
-
"aria-rowindex"?: number | undefined;
|
|
111
|
-
"aria-rowindextext"?: string | undefined;
|
|
112
|
-
"aria-rowspan"?: number | undefined;
|
|
113
|
-
"aria-selected"?: (boolean | "true" | "false") | undefined;
|
|
114
|
-
"aria-setsize"?: number | undefined;
|
|
115
|
-
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
116
|
-
"aria-valuemax"?: number | undefined;
|
|
117
|
-
"aria-valuemin"?: number | undefined;
|
|
118
|
-
"aria-valuenow"?: number | undefined;
|
|
119
|
-
"aria-valuetext"?: string | undefined;
|
|
120
|
-
dangerouslySetInnerHTML?: {
|
|
121
|
-
__html: string | TrustedHTML;
|
|
122
|
-
} | undefined;
|
|
123
|
-
onCopy?: import('react').ClipboardEventHandler<HTMLElementTagNameMap> | undefined;
|
|
124
|
-
onCopyCapture?: import('react').ClipboardEventHandler<HTMLElementTagNameMap> | undefined;
|
|
125
|
-
onCut?: import('react').ClipboardEventHandler<HTMLElementTagNameMap> | undefined;
|
|
126
|
-
onCutCapture?: import('react').ClipboardEventHandler<HTMLElementTagNameMap> | undefined;
|
|
127
|
-
onPaste?: import('react').ClipboardEventHandler<HTMLElementTagNameMap> | undefined;
|
|
128
|
-
onPasteCapture?: import('react').ClipboardEventHandler<HTMLElementTagNameMap> | undefined;
|
|
129
|
-
onCompositionEnd?: import('react').CompositionEventHandler<HTMLElementTagNameMap> | undefined;
|
|
130
|
-
onCompositionEndCapture?: import('react').CompositionEventHandler<HTMLElementTagNameMap> | undefined;
|
|
131
|
-
onCompositionStart?: import('react').CompositionEventHandler<HTMLElementTagNameMap> | undefined;
|
|
132
|
-
onCompositionStartCapture?: import('react').CompositionEventHandler<HTMLElementTagNameMap> | undefined;
|
|
133
|
-
onCompositionUpdate?: import('react').CompositionEventHandler<HTMLElementTagNameMap> | undefined;
|
|
134
|
-
onCompositionUpdateCapture?: import('react').CompositionEventHandler<HTMLElementTagNameMap> | undefined;
|
|
135
|
-
onFocus?: import('react').FocusEventHandler<HTMLElementTagNameMap> | undefined;
|
|
136
|
-
onFocusCapture?: import('react').FocusEventHandler<HTMLElementTagNameMap> | undefined;
|
|
137
|
-
onBlur?: import('react').FocusEventHandler<HTMLElementTagNameMap> | undefined;
|
|
138
|
-
onBlurCapture?: import('react').FocusEventHandler<HTMLElementTagNameMap> | undefined;
|
|
139
|
-
onChange?: import('react').FormEventHandler<HTMLElementTagNameMap> | undefined;
|
|
140
|
-
onChangeCapture?: import('react').FormEventHandler<HTMLElementTagNameMap> | undefined;
|
|
141
|
-
onBeforeInput?: import('react').InputEventHandler<HTMLElementTagNameMap> | undefined;
|
|
142
|
-
onBeforeInputCapture?: import('react').FormEventHandler<HTMLElementTagNameMap> | undefined;
|
|
143
|
-
onInput?: import('react').FormEventHandler<HTMLElementTagNameMap> | undefined;
|
|
144
|
-
onInputCapture?: import('react').FormEventHandler<HTMLElementTagNameMap> | undefined;
|
|
145
|
-
onReset?: import('react').FormEventHandler<HTMLElementTagNameMap> | undefined;
|
|
146
|
-
onResetCapture?: import('react').FormEventHandler<HTMLElementTagNameMap> | undefined;
|
|
147
|
-
onSubmit?: import('react').FormEventHandler<HTMLElementTagNameMap> | undefined;
|
|
148
|
-
onSubmitCapture?: import('react').FormEventHandler<HTMLElementTagNameMap> | undefined;
|
|
149
|
-
onInvalid?: import('react').FormEventHandler<HTMLElementTagNameMap> | undefined;
|
|
150
|
-
onInvalidCapture?: import('react').FormEventHandler<HTMLElementTagNameMap> | undefined;
|
|
151
|
-
onLoad?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
152
|
-
onLoadCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
153
|
-
onError?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
154
|
-
onErrorCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
155
|
-
onKeyDown?: import('react').KeyboardEventHandler<HTMLElementTagNameMap> | undefined;
|
|
156
|
-
onKeyDownCapture?: import('react').KeyboardEventHandler<HTMLElementTagNameMap> | undefined;
|
|
157
|
-
onKeyPress?: import('react').KeyboardEventHandler<HTMLElementTagNameMap> | undefined;
|
|
158
|
-
onKeyPressCapture?: import('react').KeyboardEventHandler<HTMLElementTagNameMap> | undefined;
|
|
159
|
-
onKeyUp?: import('react').KeyboardEventHandler<HTMLElementTagNameMap> | undefined;
|
|
160
|
-
onKeyUpCapture?: import('react').KeyboardEventHandler<HTMLElementTagNameMap> | undefined;
|
|
161
|
-
onAbort?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
162
|
-
onAbortCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
163
|
-
onCanPlay?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
164
|
-
onCanPlayCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
165
|
-
onCanPlayThrough?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
166
|
-
onCanPlayThroughCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
167
|
-
onDurationChange?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
168
|
-
onDurationChangeCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
169
|
-
onEmptied?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
170
|
-
onEmptiedCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
171
|
-
onEncrypted?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
172
|
-
onEncryptedCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
173
|
-
onEnded?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
174
|
-
onEndedCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
175
|
-
onLoadedData?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
176
|
-
onLoadedDataCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
177
|
-
onLoadedMetadata?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
178
|
-
onLoadedMetadataCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
179
|
-
onLoadStart?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
180
|
-
onLoadStartCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
181
|
-
onPause?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
182
|
-
onPauseCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
183
|
-
onPlay?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
184
|
-
onPlayCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
185
|
-
onPlaying?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
186
|
-
onPlayingCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
187
|
-
onProgress?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
188
|
-
onProgressCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
189
|
-
onRateChange?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
190
|
-
onRateChangeCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
191
|
-
onSeeked?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
192
|
-
onSeekedCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
193
|
-
onSeeking?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
194
|
-
onSeekingCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
195
|
-
onStalled?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
196
|
-
onStalledCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
197
|
-
onSuspend?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
198
|
-
onSuspendCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
199
|
-
onTimeUpdate?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
200
|
-
onTimeUpdateCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
201
|
-
onVolumeChange?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
202
|
-
onVolumeChangeCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
203
|
-
onWaiting?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
204
|
-
onWaitingCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
205
|
-
onAuxClick?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
|
|
206
|
-
onAuxClickCapture?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
|
|
207
|
-
onClick?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
|
|
208
|
-
onClickCapture?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
|
|
209
|
-
onContextMenu?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
|
|
210
|
-
onContextMenuCapture?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
|
|
211
|
-
onDoubleClick?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
|
|
212
|
-
onDoubleClickCapture?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
|
|
213
|
-
onDrag?: import('react').DragEventHandler<HTMLElementTagNameMap> | undefined;
|
|
214
|
-
onDragCapture?: import('react').DragEventHandler<HTMLElementTagNameMap> | undefined;
|
|
215
|
-
onDragEnd?: import('react').DragEventHandler<HTMLElementTagNameMap> | undefined;
|
|
216
|
-
onDragEndCapture?: import('react').DragEventHandler<HTMLElementTagNameMap> | undefined;
|
|
217
|
-
onDragEnter?: import('react').DragEventHandler<HTMLElementTagNameMap> | undefined;
|
|
218
|
-
onDragEnterCapture?: import('react').DragEventHandler<HTMLElementTagNameMap> | undefined;
|
|
219
|
-
onDragExit?: import('react').DragEventHandler<HTMLElementTagNameMap> | undefined;
|
|
220
|
-
onDragExitCapture?: import('react').DragEventHandler<HTMLElementTagNameMap> | undefined;
|
|
221
|
-
onDragLeave?: import('react').DragEventHandler<HTMLElementTagNameMap> | undefined;
|
|
222
|
-
onDragLeaveCapture?: import('react').DragEventHandler<HTMLElementTagNameMap> | undefined;
|
|
223
|
-
onDragOver?: import('react').DragEventHandler<HTMLElementTagNameMap> | undefined;
|
|
224
|
-
onDragOverCapture?: import('react').DragEventHandler<HTMLElementTagNameMap> | undefined;
|
|
225
|
-
onDragStart?: import('react').DragEventHandler<HTMLElementTagNameMap> | undefined;
|
|
226
|
-
onDragStartCapture?: import('react').DragEventHandler<HTMLElementTagNameMap> | undefined;
|
|
227
|
-
onDrop?: import('react').DragEventHandler<HTMLElementTagNameMap> | undefined;
|
|
228
|
-
onDropCapture?: import('react').DragEventHandler<HTMLElementTagNameMap> | undefined;
|
|
229
|
-
onMouseDown?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
|
|
230
|
-
onMouseDownCapture?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
|
|
231
|
-
onMouseEnter?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
|
|
232
|
-
onMouseLeave?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
|
|
233
|
-
onMouseMove?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
|
|
234
|
-
onMouseMoveCapture?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
|
|
235
|
-
onMouseOut?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
|
|
236
|
-
onMouseOutCapture?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
|
|
237
|
-
onMouseOver?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
|
|
238
|
-
onMouseOverCapture?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
|
|
239
|
-
onMouseUp?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
|
|
240
|
-
onMouseUpCapture?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
|
|
241
|
-
onSelect?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
242
|
-
onSelectCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
|
|
243
|
-
onTouchCancel?: import('react').TouchEventHandler<HTMLElementTagNameMap> | undefined;
|
|
244
|
-
onTouchCancelCapture?: import('react').TouchEventHandler<HTMLElementTagNameMap> | undefined;
|
|
245
|
-
onTouchEnd?: import('react').TouchEventHandler<HTMLElementTagNameMap> | undefined;
|
|
246
|
-
onTouchEndCapture?: import('react').TouchEventHandler<HTMLElementTagNameMap> | undefined;
|
|
247
|
-
onTouchMove?: import('react').TouchEventHandler<HTMLElementTagNameMap> | undefined;
|
|
248
|
-
onTouchMoveCapture?: import('react').TouchEventHandler<HTMLElementTagNameMap> | undefined;
|
|
249
|
-
onTouchStart?: import('react').TouchEventHandler<HTMLElementTagNameMap> | undefined;
|
|
250
|
-
onTouchStartCapture?: import('react').TouchEventHandler<HTMLElementTagNameMap> | undefined;
|
|
251
|
-
onPointerDown?: import('react').PointerEventHandler<HTMLElementTagNameMap> | undefined;
|
|
252
|
-
onPointerDownCapture?: import('react').PointerEventHandler<HTMLElementTagNameMap> | undefined;
|
|
253
|
-
onPointerMove?: import('react').PointerEventHandler<HTMLElementTagNameMap> | undefined;
|
|
254
|
-
onPointerMoveCapture?: import('react').PointerEventHandler<HTMLElementTagNameMap> | undefined;
|
|
255
|
-
onPointerUp?: import('react').PointerEventHandler<HTMLElementTagNameMap> | undefined;
|
|
256
|
-
onPointerUpCapture?: import('react').PointerEventHandler<HTMLElementTagNameMap> | undefined;
|
|
257
|
-
onPointerCancel?: import('react').PointerEventHandler<HTMLElementTagNameMap> | undefined;
|
|
258
|
-
onPointerCancelCapture?: import('react').PointerEventHandler<HTMLElementTagNameMap> | undefined;
|
|
259
|
-
onPointerEnter?: import('react').PointerEventHandler<HTMLElementTagNameMap> | undefined;
|
|
260
|
-
onPointerLeave?: import('react').PointerEventHandler<HTMLElementTagNameMap> | undefined;
|
|
261
|
-
onPointerOver?: import('react').PointerEventHandler<HTMLElementTagNameMap> | undefined;
|
|
262
|
-
onPointerOverCapture?: import('react').PointerEventHandler<HTMLElementTagNameMap> | undefined;
|
|
263
|
-
onPointerOut?: import('react').PointerEventHandler<HTMLElementTagNameMap> | undefined;
|
|
264
|
-
onPointerOutCapture?: import('react').PointerEventHandler<HTMLElementTagNameMap> | undefined;
|
|
265
|
-
onGotPointerCapture?: import('react').PointerEventHandler<HTMLElementTagNameMap> | undefined;
|
|
266
|
-
onGotPointerCaptureCapture?: import('react').PointerEventHandler<HTMLElementTagNameMap> | undefined;
|
|
267
|
-
onLostPointerCapture?: import('react').PointerEventHandler<HTMLElementTagNameMap> | undefined;
|
|
268
|
-
onLostPointerCaptureCapture?: import('react').PointerEventHandler<HTMLElementTagNameMap> | undefined;
|
|
269
|
-
onScroll?: import('react').UIEventHandler<HTMLElementTagNameMap> | undefined;
|
|
270
|
-
onScrollCapture?: import('react').UIEventHandler<HTMLElementTagNameMap> | undefined;
|
|
271
|
-
onWheel?: import('react').WheelEventHandler<HTMLElementTagNameMap> | undefined;
|
|
272
|
-
onWheelCapture?: import('react').WheelEventHandler<HTMLElementTagNameMap> | undefined;
|
|
273
|
-
onAnimationStart?: import('react').AnimationEventHandler<HTMLElementTagNameMap> | undefined;
|
|
274
|
-
onAnimationStartCapture?: import('react').AnimationEventHandler<HTMLElementTagNameMap> | undefined;
|
|
275
|
-
onAnimationEnd?: import('react').AnimationEventHandler<HTMLElementTagNameMap> | undefined;
|
|
276
|
-
onAnimationEndCapture?: import('react').AnimationEventHandler<HTMLElementTagNameMap> | undefined;
|
|
277
|
-
onAnimationIteration?: import('react').AnimationEventHandler<HTMLElementTagNameMap> | undefined;
|
|
278
|
-
onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLElementTagNameMap> | undefined;
|
|
279
|
-
onTransitionEnd?: import('react').TransitionEventHandler<HTMLElementTagNameMap> | undefined;
|
|
280
|
-
onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLElementTagNameMap> | undefined;
|
|
281
|
-
}, string | import('react').JSXElementConstructor<any>> | null;
|
|
15
|
+
export declare const Content: import('react').ForwardRefExoticComponent<ContentProps & import('react').RefAttributes<HTMLElement>>;
|
|
282
16
|
export {};
|
|
@@ -1,6 +1,9 @@
|
|
|
1
|
-
import { createElement as
|
|
2
|
-
import { isHtmlString as
|
|
3
|
-
const f = (
|
|
1
|
+
import { forwardRef as l, createElement as r } from "react";
|
|
2
|
+
import { isHtmlString as a } from "../functions/functions.util.js";
|
|
3
|
+
const f = l(
|
|
4
|
+
({ tag: n = "div", alwaysRender: m = !1, children: t, ...e }, o) => !m && !t ? null : a(t) ? r(n, { dangerouslySetInnerHTML: { __html: t }, ...e, ref: o }, null) : r(n, { ...e, ref: o }, t)
|
|
5
|
+
);
|
|
6
|
+
f.displayName = "Content";
|
|
4
7
|
export {
|
|
5
8
|
f as Content
|
|
6
9
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@arthurzakharov/ui-kit",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "1.8.
|
|
4
|
+
"version": "1.8.9",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/main.js",
|
|
7
7
|
"types": "dist/main.d.ts",
|
|
@@ -29,7 +29,6 @@
|
|
|
29
29
|
"test-storybook:coverage": "vitest --project=storybook --coverage"
|
|
30
30
|
},
|
|
31
31
|
"peerDependencies": {
|
|
32
|
-
"@types/react-signature-canvas": "^1.0.7",
|
|
33
32
|
"clsx": "^2.1.1",
|
|
34
33
|
"lucide-react": "^0.562.0",
|
|
35
34
|
"motion": "^12.26.1",
|
|
@@ -39,12 +38,12 @@
|
|
|
39
38
|
"usehooks-ts": "^3.1.1"
|
|
40
39
|
},
|
|
41
40
|
"devDependencies": {
|
|
42
|
-
"@chromatic-com/storybook": "^5.
|
|
41
|
+
"@chromatic-com/storybook": "^5.1.1",
|
|
43
42
|
"@eslint/js": "^9.39.2",
|
|
44
|
-
"@storybook/addon-a11y": "^10.3.
|
|
45
|
-
"@storybook/addon-docs": "^10.3.
|
|
46
|
-
"@storybook/addon-vitest": "^10.3.
|
|
47
|
-
"@storybook/react-vite": "^10.3.
|
|
43
|
+
"@storybook/addon-a11y": "^10.3.5",
|
|
44
|
+
"@storybook/addon-docs": "^10.3.5",
|
|
45
|
+
"@storybook/addon-vitest": "^10.3.5",
|
|
46
|
+
"@storybook/react-vite": "^10.3.5",
|
|
48
47
|
"@testing-library/react": "^15.0.7",
|
|
49
48
|
"@types/node": "^24.1.0",
|
|
50
49
|
"@types/react": "^18.3.27",
|
|
@@ -60,7 +59,7 @@
|
|
|
60
59
|
"eslint": "^9.39.2",
|
|
61
60
|
"eslint-plugin-react-hooks": "^7.0.1",
|
|
62
61
|
"eslint-plugin-react-refresh": "^0.4.26",
|
|
63
|
-
"eslint-plugin-storybook": "^10.3.
|
|
62
|
+
"eslint-plugin-storybook": "^10.3.5",
|
|
64
63
|
"glob": "^13.0.6",
|
|
65
64
|
"globals": "^17.0.0",
|
|
66
65
|
"jsdom": "^27.4.0",
|
|
@@ -71,7 +70,7 @@
|
|
|
71
70
|
"react": "^18.3.1",
|
|
72
71
|
"react-dom": "^18.3.1",
|
|
73
72
|
"react-signature-canvas": "^1.0.7",
|
|
74
|
-
"storybook": "^10.3.
|
|
73
|
+
"storybook": "^10.3.5",
|
|
75
74
|
"typescript": "^5.9.3",
|
|
76
75
|
"typescript-eslint": "^8.52.0",
|
|
77
76
|
"usehooks-ts": "^3.1.1",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._Button_2uv09_1{position:relative;box-sizing:border-box;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:border-color var(--rm-ui-amimation-speed-primary) var(--rm-ui-amimation-cubic-primary),background-color var(--rm-ui-amimation-speed-primary) var(--rm-ui-amimation-cubic-primary)}._Button_2uv09_1:disabled{cursor:not-allowed;opacity:.75}._SM_2uv09_19{border-radius:var(--rm-ui-border-radius-sm);padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm)}._LG_2uv09_24._Tertiary_2uv09_24{padding:calc(var(--rm-ui-padding-xs) - 1px) calc(var(--rm-ui-padding-sm) - 1px)}._SM_2uv09_19 ._Text_2uv09_28{font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._MD_2uv09_34{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._MD_2uv09_34._Tertiary_2uv09_24{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._LG_2uv09_24{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._LG_2uv09_24._Tertiary_2uv09_24{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._MD_2uv09_34 ._Text_2uv09_28{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._LG_2uv09_24 ._Text_2uv09_28{font-size:var(--rm-ui-font-size-body-large);line-height:var(--rm-ui-line-height-body-large)}._Primary_2uv09_62{background-color:var(--rm-ui-next-btn-bg)}._Primary_2uv09_62:hover{background-color:var(--rm-ui-next-btn-bg-hover)}._Primary_2uv09_62 ._Text_2uv09_28,._Primary_2uv09_62 ._Info_2uv09_71{color:#fff}._Secondary_2uv09_75{border:1px solid transparent;background-color:transparent}._Secondary_2uv09_75:hover{border-color:var(--rm-ui-grey-400)}._Secondary_2uv09_75:hover ._Text_2uv09_28{color:var(--rm-ui-grey-400);border-color:var(--rm-ui-grey-400)}._Secondary_2uv09_75 ._Text_2uv09_28,._Secondary_2uv09_75 ._Info_2uv09_71{color:var(--rm-ui-color-text-secondary)}._Tertiary_2uv09_24{border:1px solid var(--rm-ui-grey-300);background-color:transparent}._Tertiary_2uv09_24:hover{border-color:var(--rm-ui-grey-200)}._Tertiary_2uv09_24:hover ._Text_2uv09_28{color:var(--rm-ui-grey-700)}._Tertiary_2uv09_24 ._Text_2uv09_28,._Tertiary_2uv09_24 ._Info_2uv09_71{color:var(--rm-ui-color-text-primary)}._Button_2uv09_1:not(._Loading_2uv09_111):not(:disabled):hover{cursor:pointer}._Button_2uv09_1:focus{outline-color:var(--rm-ui-color-focus)}._FullWidth_2uv09_119{width:100%}._Content_2uv09_123{display:flex;flex-direction:column}._Info_2uv09_71{flex-basis:100%;font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body-small);line-height:calc(var(--rm-ui-line-height-body-small) - 2px)}._Text_2uv09_28{font-weight:var(--rm-ui-font-weight-medium);transition:color var(--rm-ui-amimation-speed-primary) var(--rm-ui-amimation-cubic-primary)}._Loader_2uv09_140{position:absolute}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._Sidebar_1d96t_1{padding:var(--rm-ui-padding-sm);display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-lg);background-color:var(--rm-ui-payment-sidebar-bg)}._SidebarContact_1d96t_12{--icon-size: 24px;display:flex;flex-direction:column;gap:var(--rm-ui-padding-sm)}._SidebarLink_1d96t_19{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:var(--rm-ui-padding-sm)}._SidebarText_1d96t_28{font-weight:var(--rm-ui-font-weight-medium);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._SidebarPhone_1d96t_35{width:var(--icon-size);height:var(--icon-size);border-radius:32px;border:3px solid #ffffff;background-color:#23bf96cc;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center}._SidebarPhoneImage_1d96t_48{width:80%;height:80%}._SidebarWhatsapp_1d96t_53{width:var(--icon-size);height:var(--icon-size)}@media screen and (min-width:768px){._Sidebar_1d96t_1{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-md)}}@media screen and (min-width:1024px){._Sidebar_1d96t_1{padding:var(--rm-ui-padding-lg)}}@media screen and (min-width:1200px){._Sidebar_1d96t_1{padding:var(--rm-ui-padding-xxl)}}
|