@aseguragonzalez/ui 1.0.4 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/AppShell/AppShell.cjs +1 -0
- package/dist/components/AppShell/AppShell.d.ts +5 -0
- package/dist/components/AppShell/AppShell.js +46 -0
- package/dist/components/AppShell/AppShell.module.css.cjs +1 -0
- package/dist/components/AppShell/AppShell.module.css.js +15 -0
- package/dist/components/Banner/Banner.cjs +1 -0
- package/dist/components/Banner/Banner.js +200 -0
- package/dist/components/Banner/Banner.module.css.cjs +1 -0
- package/dist/components/Banner/Banner.module.css.js +18 -0
- package/dist/components/BarChart/BarChart.cjs +1 -0
- package/dist/components/BarChart/BarChart.js +104 -0
- package/dist/components/BarChart/BarChart.module.css.cjs +1 -0
- package/dist/components/BarChart/BarChart.module.css.js +13 -0
- package/dist/components/Breadcrumb/Breadcrumb.cjs +1 -0
- package/dist/components/Breadcrumb/Breadcrumb.js +33 -0
- package/dist/components/Breadcrumb/Breadcrumb.module.css.cjs +1 -0
- package/dist/components/Breadcrumb/Breadcrumb.module.css.js +10 -0
- package/dist/components/Card/Card.cjs +1 -0
- package/dist/components/Card/Card.js +54 -0
- package/dist/components/Card/Card.module.css.cjs +1 -0
- package/dist/components/Card/Card.module.css.js +16 -0
- package/dist/components/Carousel/Carousel.cjs +1 -0
- package/dist/components/Carousel/Carousel.js +146 -0
- package/dist/components/Carousel/Carousel.module.css.cjs +1 -0
- package/dist/components/Carousel/Carousel.module.css.js +15 -0
- package/dist/components/CheckboxField/CheckboxField.cjs +1 -0
- package/dist/components/CheckboxField/CheckboxField.js +43 -0
- package/dist/components/CheckboxField/CheckboxField.module.css.cjs +1 -0
- package/dist/components/CheckboxField/CheckboxField.module.css.js +9 -0
- package/dist/components/Container/Container.cjs +1 -0
- package/dist/components/Container/Container.js +20 -0
- package/dist/components/Container/Container.module.css.cjs +1 -0
- package/dist/components/Container/Container.module.css.js +12 -0
- package/dist/components/DataTable/DataTable.cjs +1 -0
- package/dist/components/DataTable/DataTable.js +109 -0
- package/dist/components/DataTable/DataTable.module.css.cjs +1 -0
- package/dist/components/DataTable/DataTable.module.css.js +22 -0
- package/dist/components/DateField/DateField.cjs +1 -0
- package/dist/components/DateField/DateField.js +52 -0
- package/dist/components/DateField/DateField.module.css.cjs +1 -0
- package/dist/components/DateField/DateField.module.css.js +7 -0
- package/dist/components/DonutChart/DonutChart.cjs +1 -0
- package/dist/components/DonutChart/DonutChart.js +98 -0
- package/dist/components/DonutChart/DonutChart.module.css.cjs +1 -0
- package/dist/components/DonutChart/DonutChart.module.css.js +15 -0
- package/dist/components/EmailField/EmailField.cjs +1 -0
- package/dist/components/EmailField/EmailField.js +51 -0
- package/dist/components/EmailField/EmailField.module.css.cjs +1 -0
- package/dist/components/EmailField/EmailField.module.css.js +7 -0
- package/dist/components/Grid/Grid.cjs +1 -0
- package/dist/components/Grid/Grid.js +42 -0
- package/dist/components/Grid/Grid.module.css.cjs +1 -0
- package/dist/components/Grid/Grid.module.css.js +7 -0
- package/dist/components/LineChart/LineChart.cjs +1 -0
- package/dist/components/LineChart/LineChart.js +112 -0
- package/dist/components/LineChart/LineChart.module.css.cjs +1 -0
- package/dist/components/LineChart/LineChart.module.css.js +12 -0
- package/dist/components/Navbar/Navbar.cjs +1 -0
- package/dist/components/Navbar/Navbar.js +101 -0
- package/dist/components/Navbar/Navbar.module.css.cjs +1 -0
- package/dist/components/Navbar/Navbar.module.css.js +22 -0
- package/dist/components/NumberField/NumberField.cjs +1 -0
- package/dist/components/NumberField/NumberField.js +54 -0
- package/dist/components/NumberField/NumberField.module.css.cjs +1 -0
- package/dist/components/NumberField/NumberField.module.css.js +7 -0
- package/dist/components/PageLayout/PageLayout.cjs +1 -0
- package/dist/components/PageLayout/PageLayout.js +42 -0
- package/dist/components/PageLayout/PageLayout.module.css.cjs +1 -0
- package/dist/components/PageLayout/PageLayout.module.css.js +12 -0
- package/dist/components/PasswordField/PasswordField.cjs +1 -0
- package/dist/components/PasswordField/PasswordField.js +50 -0
- package/dist/components/PasswordField/PasswordField.module.css.cjs +1 -0
- package/dist/components/PasswordField/PasswordField.module.css.js +4 -0
- package/dist/components/PhoneField/PhoneField.cjs +1 -0
- package/dist/components/PhoneField/PhoneField.js +51 -0
- package/dist/components/PhoneField/PhoneField.module.css.cjs +1 -0
- package/dist/components/PhoneField/PhoneField.module.css.js +7 -0
- package/dist/components/RadarChart/RadarChart.cjs +1 -0
- package/dist/components/RadarChart/RadarChart.js +101 -0
- package/dist/components/RadarChart/RadarChart.module.css.cjs +1 -0
- package/dist/components/RadarChart/RadarChart.module.css.js +15 -0
- package/dist/components/RadioGroup/RadioGroup.cjs +1 -0
- package/dist/components/RadioGroup/RadioGroup.js +63 -0
- package/dist/components/RadioGroup/RadioGroup.module.css.cjs +1 -0
- package/dist/components/RadioGroup/RadioGroup.module.css.js +12 -0
- package/dist/components/ScatterPlot/ScatterPlot.cjs +1 -0
- package/dist/components/ScatterPlot/ScatterPlot.js +134 -0
- package/dist/components/ScatterPlot/ScatterPlot.module.css.cjs +1 -0
- package/dist/components/ScatterPlot/ScatterPlot.module.css.js +14 -0
- package/dist/components/SearchField/SearchField.cjs +1 -0
- package/dist/components/SearchField/SearchField.js +51 -0
- package/dist/components/SearchField/SearchField.module.css.cjs +1 -0
- package/dist/components/SearchField/SearchField.module.css.js +7 -0
- package/dist/components/Section/Section.cjs +1 -0
- package/dist/components/Section/Section.js +41 -0
- package/dist/components/Section/Section.module.css.cjs +1 -0
- package/dist/components/Section/Section.module.css.js +12 -0
- package/dist/components/SelectField/SelectField.cjs +1 -0
- package/dist/components/SelectField/SelectField.js +57 -0
- package/dist/components/SelectField/SelectField.module.css.cjs +1 -0
- package/dist/components/SelectField/SelectField.module.css.js +4 -0
- package/dist/components/Sidebar/Sidebar.cjs +1 -0
- package/dist/components/Sidebar/Sidebar.js +150 -0
- package/dist/components/Sidebar/Sidebar.module.css.cjs +1 -0
- package/dist/components/Sidebar/Sidebar.module.css.js +25 -0
- package/dist/components/Stack/Stack.cjs +1 -0
- package/dist/components/Stack/Stack.js +42 -0
- package/dist/components/Stack/Stack.module.css.cjs +1 -0
- package/dist/components/Stack/Stack.module.css.js +4 -0
- package/dist/components/TextAreaField/TextAreaField.cjs +1 -0
- package/dist/components/TextAreaField/TextAreaField.js +49 -0
- package/dist/components/TextAreaField/TextAreaField.module.css.cjs +1 -0
- package/dist/components/TextAreaField/TextAreaField.module.css.js +4 -0
- package/dist/components/TextField/TextField.cjs +1 -0
- package/dist/components/TextField/TextField.js +51 -0
- package/dist/components/TextField/TextField.module.css.cjs +1 -0
- package/dist/components/TextField/TextField.module.css.js +7 -0
- package/dist/components/ThemeProvider/ThemeProvider.cjs +1 -0
- package/dist/components/ThemeProvider/ThemeProvider.js +33 -0
- package/dist/components/ThemeProvider/useTheme.cjs +1 -0
- package/dist/components/ThemeProvider/useTheme.js +10 -0
- package/dist/components/ToggleField/ToggleField.cjs +1 -0
- package/dist/components/ToggleField/ToggleField.js +47 -0
- package/dist/components/ToggleField/ToggleField.module.css.cjs +1 -0
- package/dist/components/ToggleField/ToggleField.module.css.js +7 -0
- package/dist/components/shared/useFieldIds.cjs +1 -0
- package/dist/components/shared/useFieldIds.js +13 -0
- package/dist/index.cjs +1 -1
- package/dist/index.css +1 -1
- package/dist/index.js +64 -3653
- package/dist/patterns/AuthLayout/AuthLayout.cjs +1 -0
- package/dist/patterns/AuthLayout/AuthLayout.d.ts +6 -1
- package/dist/patterns/AuthLayout/AuthLayout.js +66 -0
- package/dist/patterns/AuthLayout/AuthLayout.module.css.cjs +1 -0
- package/dist/patterns/AuthLayout/AuthLayout.module.css.js +15 -0
- package/dist/primitives/Alert/Alert.cjs +1 -0
- package/dist/primitives/Alert/Alert.js +170 -0
- package/dist/primitives/Alert/Alert.module.css.cjs +1 -0
- package/dist/primitives/Alert/Alert.module.css.js +15 -0
- package/dist/primitives/Avatar/Avatar.cjs +1 -0
- package/dist/primitives/Avatar/Avatar.js +41 -0
- package/dist/primitives/Avatar/Avatar.module.css.cjs +1 -0
- package/dist/primitives/Avatar/Avatar.module.css.js +15 -0
- package/dist/primitives/Badge/Badge.cjs +1 -0
- package/dist/primitives/Badge/Badge.js +20 -0
- package/dist/primitives/Badge/Badge.module.css.cjs +1 -0
- package/dist/primitives/Badge/Badge.module.css.js +16 -0
- package/dist/primitives/Button/Button.cjs +1 -0
- package/dist/primitives/Button/Button.js +33 -0
- package/dist/primitives/Button/Button.module.css.cjs +1 -0
- package/dist/primitives/Button/Button.module.css.js +16 -0
- package/dist/primitives/Checkbox/Checkbox.cjs +1 -0
- package/dist/primitives/Checkbox/Checkbox.js +22 -0
- package/dist/primitives/Checkbox/Checkbox.module.css.cjs +1 -0
- package/dist/primitives/Checkbox/Checkbox.module.css.js +9 -0
- package/dist/primitives/DateInput/DateInput.cjs +1 -0
- package/dist/primitives/DateInput/DateInput.js +22 -0
- package/dist/primitives/Divider/Divider.cjs +1 -0
- package/dist/primitives/Divider/Divider.js +22 -0
- package/dist/primitives/Divider/Divider.module.css.cjs +1 -0
- package/dist/primitives/Divider/Divider.module.css.js +8 -0
- package/dist/primitives/EmailInput/EmailInput.cjs +1 -0
- package/dist/primitives/EmailInput/EmailInput.js +22 -0
- package/dist/primitives/ErrorMessage/ErrorMessage.cjs +1 -0
- package/dist/primitives/ErrorMessage/ErrorMessage.js +13 -0
- package/dist/primitives/ErrorMessage/ErrorMessage.module.css.cjs +1 -0
- package/dist/primitives/ErrorMessage/ErrorMessage.module.css.js +4 -0
- package/dist/primitives/Heading/Heading.cjs +1 -0
- package/dist/primitives/Heading/Heading.js +52 -0
- package/dist/primitives/Heading/Heading.module.css.cjs +1 -0
- package/dist/primitives/Heading/Heading.module.css.js +13 -0
- package/dist/primitives/Hint/Hint.cjs +1 -0
- package/dist/primitives/Hint/Hint.js +13 -0
- package/dist/primitives/Hint/Hint.module.css.cjs +1 -0
- package/dist/primitives/Hint/Hint.module.css.js +4 -0
- package/dist/primitives/Label/Label.cjs +1 -0
- package/dist/primitives/Label/Label.js +22 -0
- package/dist/primitives/Label/Label.module.css.cjs +1 -0
- package/dist/primitives/Label/Label.module.css.js +8 -0
- package/dist/primitives/Modal/Modal.cjs +1 -0
- package/dist/primitives/Modal/Modal.js +111 -0
- package/dist/primitives/Modal/Modal.module.css.cjs +1 -0
- package/dist/primitives/Modal/Modal.module.css.js +15 -0
- package/dist/primitives/NumberInput/NumberInput.cjs +1 -0
- package/dist/primitives/NumberInput/NumberInput.js +27 -0
- package/dist/primitives/NumberInput/NumberInput.module.css.cjs +1 -0
- package/dist/primitives/NumberInput/NumberInput.module.css.js +4 -0
- package/dist/primitives/PasswordInput/PasswordInput.cjs +1 -0
- package/dist/primitives/PasswordInput/PasswordInput.js +65 -0
- package/dist/primitives/PasswordInput/PasswordInput.module.css.cjs +1 -0
- package/dist/primitives/PasswordInput/PasswordInput.module.css.js +12 -0
- package/dist/primitives/PhoneInput/PhoneInput.cjs +1 -0
- package/dist/primitives/PhoneInput/PhoneInput.js +22 -0
- package/dist/primitives/ProgressBar/ProgressBar.cjs +1 -0
- package/dist/primitives/ProgressBar/ProgressBar.js +32 -0
- package/dist/primitives/ProgressBar/ProgressBar.module.css.cjs +1 -0
- package/dist/primitives/ProgressBar/ProgressBar.module.css.js +18 -0
- package/dist/primitives/RadioButton/RadioButton.cjs +1 -0
- package/dist/primitives/RadioButton/RadioButton.js +22 -0
- package/dist/primitives/RadioButton/RadioButton.module.css.cjs +1 -0
- package/dist/primitives/RadioButton/RadioButton.module.css.js +9 -0
- package/dist/primitives/SearchInput/SearchInput.cjs +1 -0
- package/dist/primitives/SearchInput/SearchInput.js +22 -0
- package/dist/primitives/Select/Select.cjs +1 -0
- package/dist/primitives/Select/Select.js +25 -0
- package/dist/primitives/Select/Select.module.css.cjs +1 -0
- package/dist/primitives/Select/Select.module.css.js +11 -0
- package/dist/primitives/Skeleton/Skeleton.cjs +1 -0
- package/dist/primitives/Skeleton/Skeleton.js +43 -0
- package/dist/primitives/Skeleton/Skeleton.module.css.cjs +1 -0
- package/dist/primitives/Skeleton/Skeleton.module.css.js +11 -0
- package/dist/primitives/Spinner/Spinner.cjs +1 -0
- package/dist/primitives/Spinner/Spinner.js +24 -0
- package/dist/primitives/Spinner/Spinner.module.css.cjs +1 -0
- package/dist/primitives/Spinner/Spinner.module.css.js +11 -0
- package/dist/primitives/Tabs/Tabs.cjs +1 -0
- package/dist/primitives/Tabs/Tabs.js +110 -0
- package/dist/primitives/Tabs/Tabs.module.css.cjs +1 -0
- package/dist/primitives/Tabs/Tabs.module.css.js +9 -0
- package/dist/primitives/Text/Text.cjs +1 -0
- package/dist/primitives/Text/Text.js +21 -0
- package/dist/primitives/Text/Text.module.css.cjs +1 -0
- package/dist/primitives/Text/Text.module.css.js +20 -0
- package/dist/primitives/TextArea/TextArea.cjs +1 -0
- package/dist/primitives/TextArea/TextArea.js +32 -0
- package/dist/primitives/TextArea/TextArea.module.css.cjs +1 -0
- package/dist/primitives/TextArea/TextArea.module.css.js +11 -0
- package/dist/primitives/TextInput/TextInput.cjs +1 -0
- package/dist/primitives/TextInput/TextInput.js +22 -0
- package/dist/primitives/TextInput/TextInput.module.css.cjs +1 -0
- package/dist/primitives/TextInput/TextInput.module.css.js +10 -0
- package/dist/primitives/Toast/Toast.cjs +1 -0
- package/dist/primitives/Toast/Toast.js +178 -0
- package/dist/primitives/Toast/Toast.module.css.cjs +1 -0
- package/dist/primitives/Toast/Toast.module.css.js +14 -0
- package/dist/primitives/Toggle/Toggle.cjs +1 -0
- package/dist/primitives/Toggle/Toggle.js +26 -0
- package/dist/primitives/Toggle/Toggle.module.css.cjs +1 -0
- package/dist/primitives/Toggle/Toggle.module.css.js +12 -0
- package/dist/primitives/Tooltip/Tooltip.cjs +1 -0
- package/dist/primitives/Tooltip/Tooltip.js +95 -0
- package/dist/primitives/Tooltip/Tooltip.module.css.cjs +1 -0
- package/dist/primitives/Tooltip/Tooltip.module.css.js +11 -0
- package/package.json +4 -14
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import e from "./Skeleton.module.css.js";
|
|
2
|
+
import { forwardRef as t } from "react";
|
|
3
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
4
|
+
//#region src/primitives/Skeleton/Skeleton.tsx
|
|
5
|
+
function r(e) {
|
|
6
|
+
return typeof e == "number" ? `${e}px` : e;
|
|
7
|
+
}
|
|
8
|
+
var i = t(({ shape: t = "rect", width: i, height: a, lines: o = 1, className: s, style: c, ...l }, u) => {
|
|
9
|
+
if (t === "text" && o > 1) return /* @__PURE__ */ n("span", {
|
|
10
|
+
ref: u,
|
|
11
|
+
"aria-hidden": "true",
|
|
12
|
+
className: [e.textGroup, s ?? ""].filter(Boolean).join(" "),
|
|
13
|
+
style: i ? {
|
|
14
|
+
width: r(i),
|
|
15
|
+
...c
|
|
16
|
+
} : c,
|
|
17
|
+
...l,
|
|
18
|
+
children: Array.from({ length: o }, (t, r) => /* @__PURE__ */ n("span", {
|
|
19
|
+
className: e.skeleton,
|
|
20
|
+
style: { width: r === o - 1 ? "70%" : "100%" }
|
|
21
|
+
}, r))
|
|
22
|
+
});
|
|
23
|
+
let d = [
|
|
24
|
+
e.skeleton,
|
|
25
|
+
t === "circle" ? e.circle : "",
|
|
26
|
+
t === "text" ? e.text : "",
|
|
27
|
+
s ?? ""
|
|
28
|
+
].filter(Boolean).join(" ");
|
|
29
|
+
return /* @__PURE__ */ n("span", {
|
|
30
|
+
ref: u,
|
|
31
|
+
"aria-hidden": "true",
|
|
32
|
+
className: d,
|
|
33
|
+
style: {
|
|
34
|
+
...i !== void 0 && { width: r(i) },
|
|
35
|
+
...a !== void 0 && { height: r(a) },
|
|
36
|
+
...c
|
|
37
|
+
},
|
|
38
|
+
...l
|
|
39
|
+
});
|
|
40
|
+
});
|
|
41
|
+
i.displayName = "Skeleton";
|
|
42
|
+
//#endregion
|
|
43
|
+
export { i as Skeleton };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var e=`_skeleton_3y1ju_1`,t=`_circle_3y1ju_30`,n=`_text_3y1ju_35`,r=`_textGroup_3y1ju_42`,i={skeleton:e,"ds-skeleton-shimmer":`_ds-skeleton-shimmer_3y1ju_1`,circle:t,text:n,textGroup:r,"ds-skeleton-pulse":`_ds-skeleton-pulse_3y1ju_1`};exports.circle=t,exports.default=i,exports.skeleton=e,exports.text=n,exports.textGroup=r;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
//#region src/primitives/Skeleton/Skeleton.module.css
|
|
2
|
+
var e = "_skeleton_3y1ju_1", t = "_circle_3y1ju_30", n = "_text_3y1ju_35", r = "_textGroup_3y1ju_42", i = {
|
|
3
|
+
skeleton: e,
|
|
4
|
+
"ds-skeleton-shimmer": "_ds-skeleton-shimmer_3y1ju_1",
|
|
5
|
+
circle: t,
|
|
6
|
+
text: n,
|
|
7
|
+
textGroup: r,
|
|
8
|
+
"ds-skeleton-pulse": "_ds-skeleton-pulse_3y1ju_1"
|
|
9
|
+
};
|
|
10
|
+
//#endregion
|
|
11
|
+
export { t as circle, i as default, e as skeleton, n as text, r as textGroup };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e=require("./Spinner.module.css.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=(0,t.forwardRef)(({size:t=`md`,label:r=`Loading...`,className:i,...a},o)=>{let s=[e.default.spinner,e.default[t],i??``].filter(Boolean).join(` `);return(0,n.jsx)(`span`,{ref:o,role:`status`,className:s,...a,children:(0,n.jsx)(`span`,{className:e.default.srOnly,children:r})})});r.displayName=`Spinner`,exports.Spinner=r;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import e from "./Spinner.module.css.js";
|
|
2
|
+
import { forwardRef as t } from "react";
|
|
3
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
4
|
+
//#region src/primitives/Spinner/Spinner.tsx
|
|
5
|
+
var r = t(({ size: t = "md", label: r = "Loading...", className: i, ...a }, o) => {
|
|
6
|
+
let s = [
|
|
7
|
+
e.spinner,
|
|
8
|
+
e[t],
|
|
9
|
+
i ?? ""
|
|
10
|
+
].filter(Boolean).join(" ");
|
|
11
|
+
return /* @__PURE__ */ n("span", {
|
|
12
|
+
ref: o,
|
|
13
|
+
role: "status",
|
|
14
|
+
className: s,
|
|
15
|
+
...a,
|
|
16
|
+
children: /* @__PURE__ */ n("span", {
|
|
17
|
+
className: e.srOnly,
|
|
18
|
+
children: r
|
|
19
|
+
})
|
|
20
|
+
});
|
|
21
|
+
});
|
|
22
|
+
r.displayName = "Spinner";
|
|
23
|
+
//#endregion
|
|
24
|
+
export { r as Spinner };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var e=`_srOnly_ggxjh_2`,t=`_spinner_ggxjh_16`,n=`_sm_ggxjh_30`,r=`_md_ggxjh_36`,i=`_lg_ggxjh_42`,a={srOnly:e,spinner:t,"ds-spin":`_ds-spin_ggxjh_1`,sm:n,md:r,lg:i};exports.default=a,exports.lg=i,exports.md=r,exports.sm=n,exports.spinner=t,exports.srOnly=e;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
//#region src/primitives/Spinner/Spinner.module.css
|
|
2
|
+
var e = "_srOnly_ggxjh_2", t = "_spinner_ggxjh_16", n = "_sm_ggxjh_30", r = "_md_ggxjh_36", i = "_lg_ggxjh_42", a = {
|
|
3
|
+
srOnly: e,
|
|
4
|
+
spinner: t,
|
|
5
|
+
"ds-spin": "_ds-spin_ggxjh_1",
|
|
6
|
+
sm: n,
|
|
7
|
+
md: r,
|
|
8
|
+
lg: i
|
|
9
|
+
};
|
|
10
|
+
//#endregion
|
|
11
|
+
export { a as default, i as lg, r as md, n as sm, t as spinner, e as srOnly };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e=require("./Tabs.module.css.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=(0,t.createContext)(null);function i(){let e=(0,t.useContext)(r);if(!e)throw Error(`Tabs sub-components must be rendered inside <Tabs>.`);return e}var a=(0,t.forwardRef)(({children:i,value:a,defaultValue:o=``,onChange:s,className:c},l)=>{let[u,d]=(0,t.useState)(o),f=a??u,p=(0,t.useId)(),m=(0,t.useCallback)(e=>`${p}-tab-${e}`,[p]),h=(0,t.useCallback)(e=>`${p}-panel-${e}`,[p]),g=(0,t.useRef)([]),_=(0,t.useRef)(new Map),v=(0,t.useRef)(new Set),y=(0,t.useCallback)(e=>{a===void 0&&d(e),s?.(e)},[a,s]),b=(0,t.useCallback)(e=>(g.current=[...g.current,e],()=>{g.current=g.current.filter(t=>t!==e)}),[]),x=(0,t.useCallback)((e,t)=>{t?_.current.set(e,t):_.current.delete(e)},[]),S=(0,t.useCallback)((e,t)=>{t?v.current.add(e):v.current.delete(e)},[]);return(0,n.jsx)(r.Provider,{value:{activeTab:f,setActiveTab:y,getTabId:m,getPanelId:h,tabValuesRef:g,tabRefsRef:_,disabledTabsRef:v,registerTab:b,registerTabRef:x,setTabDisabled:S},children:(0,n.jsx)(`div`,{ref:l,className:[e.default.tabs,c??``].filter(Boolean).join(` `),children:i})})});a.displayName=`Tabs`;var o=(0,t.forwardRef)(({children:t,label:r,className:i},a)=>(0,n.jsx)(`div`,{ref:a,role:`tablist`,"aria-label":r,className:[e.default.tabList,i??``].filter(Boolean).join(` `),children:t}));o.displayName=`TabList`;var s=(0,t.forwardRef)(({value:r,children:a,disabled:o=!1,className:s},c)=>{let{activeTab:l,setActiveTab:u,getTabId:d,getPanelId:f,tabValuesRef:p,tabRefsRef:m,disabledTabsRef:h,registerTab:g,registerTabRef:_,setTabDisabled:v}=i(),y=l===r;return(0,t.useEffect)(()=>g(r),[r,g]),(0,t.useEffect)(()=>(v(r,o),()=>v(r,!1)),[r,o,v]),(0,n.jsx)(`button`,{ref:e=>{_(r,e),typeof c==`function`?c(e):c&&(c.current=e)},role:`tab`,id:d(r),"aria-selected":y,"aria-controls":f(r),tabIndex:y?0:-1,disabled:o,onClick:()=>!o&&u(r),onKeyDown:e=>{let t=p.current.filter(e=>!h.current.has(e)),n=t.indexOf(r),i=e=>{m.current.get(e)?.focus()};switch(e.key){case`ArrowRight`:case`ArrowDown`:e.preventDefault(),n!==-1&&i(t[(n+1)%t.length]);break;case`ArrowLeft`:case`ArrowUp`:e.preventDefault(),n!==-1&&i(t[(n-1+t.length)%t.length]);break;case`Home`:e.preventDefault(),i(t[0]);break;case`End`:e.preventDefault(),i(t[t.length-1]);break;case`Enter`:case` `:e.preventDefault(),o||u(r)}},className:[e.default.tab,s??``].filter(Boolean).join(` `),children:a})});s.displayName=`Tab`;var c=(0,t.forwardRef)(({value:t,children:r,className:a},o)=>{let{activeTab:s,getTabId:c,getPanelId:l}=i(),u=s===t;return(0,n.jsx)(`div`,{ref:o,role:`tabpanel`,id:l(t),"aria-labelledby":c(t),tabIndex:0,hidden:!u,className:[e.default.tabPanel,a??``].filter(Boolean).join(` `),children:r})});c.displayName=`TabPanel`,exports.Tab=s,exports.TabList=o,exports.TabPanel=c,exports.Tabs=a;
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
import e from "./Tabs.module.css.js";
|
|
2
|
+
import { createContext as t, forwardRef as n, useCallback as r, useContext as i, useEffect as a, useId as o, useRef as s, useState as c } from "react";
|
|
3
|
+
import { jsx as l } from "react/jsx-runtime";
|
|
4
|
+
//#region src/primitives/Tabs/Tabs.tsx
|
|
5
|
+
var u = t(null);
|
|
6
|
+
function d() {
|
|
7
|
+
let e = i(u);
|
|
8
|
+
if (!e) throw Error("Tabs sub-components must be rendered inside <Tabs>.");
|
|
9
|
+
return e;
|
|
10
|
+
}
|
|
11
|
+
var f = n(({ children: t, value: n, defaultValue: i = "", onChange: a, className: d }, f) => {
|
|
12
|
+
let [p, m] = c(i), h = n ?? p, g = o(), _ = r((e) => `${g}-tab-${e}`, [g]), v = r((e) => `${g}-panel-${e}`, [g]), y = s([]), b = s(/* @__PURE__ */ new Map()), x = s(/* @__PURE__ */ new Set()), S = r((e) => {
|
|
13
|
+
n === void 0 && m(e), a?.(e);
|
|
14
|
+
}, [n, a]), C = r((e) => (y.current = [...y.current, e], () => {
|
|
15
|
+
y.current = y.current.filter((t) => t !== e);
|
|
16
|
+
}), []), w = r((e, t) => {
|
|
17
|
+
t ? b.current.set(e, t) : b.current.delete(e);
|
|
18
|
+
}, []), T = r((e, t) => {
|
|
19
|
+
t ? x.current.add(e) : x.current.delete(e);
|
|
20
|
+
}, []);
|
|
21
|
+
return /* @__PURE__ */ l(u.Provider, {
|
|
22
|
+
value: {
|
|
23
|
+
activeTab: h,
|
|
24
|
+
setActiveTab: S,
|
|
25
|
+
getTabId: _,
|
|
26
|
+
getPanelId: v,
|
|
27
|
+
tabValuesRef: y,
|
|
28
|
+
tabRefsRef: b,
|
|
29
|
+
disabledTabsRef: x,
|
|
30
|
+
registerTab: C,
|
|
31
|
+
registerTabRef: w,
|
|
32
|
+
setTabDisabled: T
|
|
33
|
+
},
|
|
34
|
+
children: /* @__PURE__ */ l("div", {
|
|
35
|
+
ref: f,
|
|
36
|
+
className: [e.tabs, d ?? ""].filter(Boolean).join(" "),
|
|
37
|
+
children: t
|
|
38
|
+
})
|
|
39
|
+
});
|
|
40
|
+
});
|
|
41
|
+
f.displayName = "Tabs";
|
|
42
|
+
var p = n(({ children: t, label: n, className: r }, i) => /* @__PURE__ */ l("div", {
|
|
43
|
+
ref: i,
|
|
44
|
+
role: "tablist",
|
|
45
|
+
"aria-label": n,
|
|
46
|
+
className: [e.tabList, r ?? ""].filter(Boolean).join(" "),
|
|
47
|
+
children: t
|
|
48
|
+
}));
|
|
49
|
+
p.displayName = "TabList";
|
|
50
|
+
var m = n(({ value: t, children: n, disabled: r = !1, className: i }, o) => {
|
|
51
|
+
let { activeTab: s, setActiveTab: c, getTabId: u, getPanelId: f, tabValuesRef: p, tabRefsRef: m, disabledTabsRef: h, registerTab: g, registerTabRef: _, setTabDisabled: v } = d(), y = s === t;
|
|
52
|
+
return a(() => g(t), [t, g]), a(() => (v(t, r), () => v(t, !1)), [
|
|
53
|
+
t,
|
|
54
|
+
r,
|
|
55
|
+
v
|
|
56
|
+
]), /* @__PURE__ */ l("button", {
|
|
57
|
+
ref: (e) => {
|
|
58
|
+
_(t, e), typeof o == "function" ? o(e) : o && (o.current = e);
|
|
59
|
+
},
|
|
60
|
+
role: "tab",
|
|
61
|
+
id: u(t),
|
|
62
|
+
"aria-selected": y,
|
|
63
|
+
"aria-controls": f(t),
|
|
64
|
+
tabIndex: y ? 0 : -1,
|
|
65
|
+
disabled: r,
|
|
66
|
+
onClick: () => !r && c(t),
|
|
67
|
+
onKeyDown: (e) => {
|
|
68
|
+
let n = p.current.filter((e) => !h.current.has(e)), i = n.indexOf(t), a = (e) => {
|
|
69
|
+
m.current.get(e)?.focus();
|
|
70
|
+
};
|
|
71
|
+
switch (e.key) {
|
|
72
|
+
case "ArrowRight":
|
|
73
|
+
case "ArrowDown":
|
|
74
|
+
e.preventDefault(), i !== -1 && a(n[(i + 1) % n.length]);
|
|
75
|
+
break;
|
|
76
|
+
case "ArrowLeft":
|
|
77
|
+
case "ArrowUp":
|
|
78
|
+
e.preventDefault(), i !== -1 && a(n[(i - 1 + n.length) % n.length]);
|
|
79
|
+
break;
|
|
80
|
+
case "Home":
|
|
81
|
+
e.preventDefault(), a(n[0]);
|
|
82
|
+
break;
|
|
83
|
+
case "End":
|
|
84
|
+
e.preventDefault(), a(n[n.length - 1]);
|
|
85
|
+
break;
|
|
86
|
+
case "Enter":
|
|
87
|
+
case " ": e.preventDefault(), r || c(t);
|
|
88
|
+
}
|
|
89
|
+
},
|
|
90
|
+
className: [e.tab, i ?? ""].filter(Boolean).join(" "),
|
|
91
|
+
children: n
|
|
92
|
+
});
|
|
93
|
+
});
|
|
94
|
+
m.displayName = "Tab";
|
|
95
|
+
var h = n(({ value: t, children: n, className: r }, i) => {
|
|
96
|
+
let { activeTab: a, getTabId: o, getPanelId: s } = d(), c = a === t;
|
|
97
|
+
return /* @__PURE__ */ l("div", {
|
|
98
|
+
ref: i,
|
|
99
|
+
role: "tabpanel",
|
|
100
|
+
id: s(t),
|
|
101
|
+
"aria-labelledby": o(t),
|
|
102
|
+
tabIndex: 0,
|
|
103
|
+
hidden: !c,
|
|
104
|
+
className: [e.tabPanel, r ?? ""].filter(Boolean).join(" "),
|
|
105
|
+
children: n
|
|
106
|
+
});
|
|
107
|
+
});
|
|
108
|
+
h.displayName = "TabPanel";
|
|
109
|
+
//#endregion
|
|
110
|
+
export { m as Tab, p as TabList, h as TabPanel, f as Tabs };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var e=`_tabs_g9je2_1`,t=`_tabList_g9je2_8`,n=`_tab_g9je2_1`,r=`_tabPanel_g9je2_64`,i={tabs:e,tabList:t,tab:n,tabPanel:r};exports.default=i,exports.tab=n,exports.tabList=t,exports.tabPanel=r,exports.tabs=e;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
//#region src/primitives/Tabs/Tabs.module.css
|
|
2
|
+
var e = "_tabs_g9je2_1", t = "_tabList_g9je2_8", n = "_tab_g9je2_1", r = "_tabPanel_g9je2_64", i = {
|
|
3
|
+
tabs: e,
|
|
4
|
+
tabList: t,
|
|
5
|
+
tab: n,
|
|
6
|
+
tabPanel: r
|
|
7
|
+
};
|
|
8
|
+
//#endregion
|
|
9
|
+
export { i as default, n as tab, t as tabList, r as tabPanel, e as tabs };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e=require("./Text.module.css.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=(0,t.forwardRef)(({as:t=`p`,size:r=`md`,weight:i=`regular`,color:a=`default`,className:o,...s},c)=>{let l=[e.default.text,e.default[r],e.default[i],a==="default"?``:e.default[a],o??``].filter(Boolean).join(` `);return(0,n.jsx)(t,{ref:c,className:l,...s})});r.displayName=`Text`,exports.Text=r;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import e from "./Text.module.css.js";
|
|
2
|
+
import { forwardRef as t } from "react";
|
|
3
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
4
|
+
//#region src/primitives/Text/Text.tsx
|
|
5
|
+
var r = t(({ as: t = "p", size: r = "md", weight: i = "regular", color: a = "default", className: o, ...s }, c) => {
|
|
6
|
+
let l = [
|
|
7
|
+
e.text,
|
|
8
|
+
e[r],
|
|
9
|
+
e[i],
|
|
10
|
+
a === "default" ? "" : e[a],
|
|
11
|
+
o ?? ""
|
|
12
|
+
].filter(Boolean).join(" ");
|
|
13
|
+
return /* @__PURE__ */ n(t, {
|
|
14
|
+
ref: c,
|
|
15
|
+
className: l,
|
|
16
|
+
...s
|
|
17
|
+
});
|
|
18
|
+
});
|
|
19
|
+
r.displayName = "Text";
|
|
20
|
+
//#endregion
|
|
21
|
+
export { r as Text };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var e=`_text_nmm1v_1`,t=`_lg_nmm1v_11`,n=`_md_nmm1v_12`,r=`_sm_nmm1v_13`,i=`_xs_nmm1v_14`,a=`_regular_nmm1v_18`,o=`_medium_nmm1v_19`,s=`_semibold_nmm1v_20`,c=`_bold_nmm1v_21`,l=`_muted_nmm1v_25`,u=`_disabled_nmm1v_26`,d=`_error_nmm1v_27`,f=`_success_nmm1v_28`,p=`_warning_nmm1v_29`,m=`_inherit_nmm1v_30`,h={text:e,lg:t,md:n,sm:r,xs:i,regular:a,medium:o,semibold:s,bold:c,muted:l,disabled:u,error:d,success:f,warning:p,inherit:m};exports.bold=c,exports.default=h,exports.disabled=u,exports.error=d,exports.inherit=m,exports.lg=t,exports.md=n,exports.medium=o,exports.muted=l,exports.regular=a,exports.semibold=s,exports.sm=r,exports.success=f,exports.text=e,exports.warning=p,exports.xs=i;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
//#region src/primitives/Text/Text.module.css
|
|
2
|
+
var e = "_text_nmm1v_1", t = "_lg_nmm1v_11", n = "_md_nmm1v_12", r = "_sm_nmm1v_13", i = "_xs_nmm1v_14", a = "_regular_nmm1v_18", o = "_medium_nmm1v_19", s = "_semibold_nmm1v_20", c = "_bold_nmm1v_21", l = "_muted_nmm1v_25", u = "_disabled_nmm1v_26", d = "_error_nmm1v_27", f = "_success_nmm1v_28", p = "_warning_nmm1v_29", m = "_inherit_nmm1v_30", h = {
|
|
3
|
+
text: e,
|
|
4
|
+
lg: t,
|
|
5
|
+
md: n,
|
|
6
|
+
sm: r,
|
|
7
|
+
xs: i,
|
|
8
|
+
regular: a,
|
|
9
|
+
medium: o,
|
|
10
|
+
semibold: s,
|
|
11
|
+
bold: c,
|
|
12
|
+
muted: l,
|
|
13
|
+
disabled: u,
|
|
14
|
+
error: d,
|
|
15
|
+
success: f,
|
|
16
|
+
warning: p,
|
|
17
|
+
inherit: m
|
|
18
|
+
};
|
|
19
|
+
//#endregion
|
|
20
|
+
export { c as bold, h as default, u as disabled, d as error, m as inherit, t as lg, n as md, o as medium, l as muted, a as regular, s as semibold, r as sm, f as success, e as text, p as warning, i as xs };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e=require("./TextArea.module.css.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=(0,t.forwardRef)(({hasError:r=!1,size:i=`md`,autoResize:a=!1,className:o,onChange:s,...c},l)=>{let u=(0,t.useRef)(null),d=(0,t.useCallback)(e=>{u.current=e,typeof l==`function`?l(e):l&&(l.current=e)},[l]);(0,t.useEffect)(()=>{let e=u.current;e&&(a?(e.style.height=`auto`,e.style.height=`${e.scrollHeight}px`):e.style.height=``)},[a]);let f=(0,t.useCallback)(e=>{a&&(e.currentTarget.style.height=`auto`,e.currentTarget.style.height=`${e.currentTarget.scrollHeight}px`),s?.(e)},[a,s]),p=[e.default.textarea,e.default[i],r?e.default.error:``,a?e.default.autoResize:``,o??``].filter(Boolean).join(` `);return(0,n.jsx)(`textarea`,{ref:d,"aria-invalid":r||void 0,className:p,onChange:f,...c})});r.displayName=`TextArea`,exports.TextArea=r;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import e from "./TextArea.module.css.js";
|
|
2
|
+
import { forwardRef as t, useCallback as n, useEffect as r, useRef as i } from "react";
|
|
3
|
+
import { jsx as a } from "react/jsx-runtime";
|
|
4
|
+
//#region src/primitives/TextArea/TextArea.tsx
|
|
5
|
+
var o = t(({ hasError: t = !1, size: o = "md", autoResize: s = !1, className: c, onChange: l, ...u }, d) => {
|
|
6
|
+
let f = i(null), p = n((e) => {
|
|
7
|
+
f.current = e, typeof d == "function" ? d(e) : d && (d.current = e);
|
|
8
|
+
}, [d]);
|
|
9
|
+
r(() => {
|
|
10
|
+
let e = f.current;
|
|
11
|
+
e && (s ? (e.style.height = "auto", e.style.height = `${e.scrollHeight}px`) : e.style.height = "");
|
|
12
|
+
}, [s]);
|
|
13
|
+
let m = n((e) => {
|
|
14
|
+
s && (e.currentTarget.style.height = "auto", e.currentTarget.style.height = `${e.currentTarget.scrollHeight}px`), l?.(e);
|
|
15
|
+
}, [s, l]), h = [
|
|
16
|
+
e.textarea,
|
|
17
|
+
e[o],
|
|
18
|
+
t ? e.error : "",
|
|
19
|
+
s ? e.autoResize : "",
|
|
20
|
+
c ?? ""
|
|
21
|
+
].filter(Boolean).join(" ");
|
|
22
|
+
return /* @__PURE__ */ a("textarea", {
|
|
23
|
+
ref: p,
|
|
24
|
+
"aria-invalid": t || void 0,
|
|
25
|
+
className: h,
|
|
26
|
+
onChange: m,
|
|
27
|
+
...u
|
|
28
|
+
});
|
|
29
|
+
});
|
|
30
|
+
o.displayName = "TextArea";
|
|
31
|
+
//#endregion
|
|
32
|
+
export { o as TextArea };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var e=`_textarea_1l4wd_1`,t=`_error_1l4wd_42`,n=`_autoResize_1l4wd_67`,r=`_sm_1l4wd_74`,i=`_md_1l4wd_79`,a=`_lg_1l4wd_84`,o={textarea:e,error:t,autoResize:n,sm:r,md:i,lg:a};exports.autoResize=n,exports.default=o,exports.error=t,exports.lg=a,exports.md=i,exports.sm=r,exports.textarea=e;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
//#region src/primitives/TextArea/TextArea.module.css
|
|
2
|
+
var e = "_textarea_1l4wd_1", t = "_error_1l4wd_42", n = "_autoResize_1l4wd_67", r = "_sm_1l4wd_74", i = "_md_1l4wd_79", a = "_lg_1l4wd_84", o = {
|
|
3
|
+
textarea: e,
|
|
4
|
+
error: t,
|
|
5
|
+
autoResize: n,
|
|
6
|
+
sm: r,
|
|
7
|
+
md: i,
|
|
8
|
+
lg: a
|
|
9
|
+
};
|
|
10
|
+
//#endregion
|
|
11
|
+
export { n as autoResize, o as default, t as error, a as lg, i as md, r as sm, e as textarea };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e=require("./TextInput.module.css.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=(0,t.forwardRef)(({hasError:t=!1,size:r=`md`,className:i,...a},o)=>{let s=[e.default.input,e.default[r],t?e.default.error:``,i??``].filter(Boolean).join(` `);return(0,n.jsx)(`input`,{ref:o,type:`text`,"aria-invalid":t||void 0,className:s,...a})});r.displayName=`TextInput`,exports.TextInput=r;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import e from "./TextInput.module.css.js";
|
|
2
|
+
import { forwardRef as t } from "react";
|
|
3
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
4
|
+
//#region src/primitives/TextInput/TextInput.tsx
|
|
5
|
+
var r = t(({ hasError: t = !1, size: r = "md", className: i, ...a }, o) => {
|
|
6
|
+
let s = [
|
|
7
|
+
e.input,
|
|
8
|
+
e[r],
|
|
9
|
+
t ? e.error : "",
|
|
10
|
+
i ?? ""
|
|
11
|
+
].filter(Boolean).join(" ");
|
|
12
|
+
return /* @__PURE__ */ n("input", {
|
|
13
|
+
ref: o,
|
|
14
|
+
type: "text",
|
|
15
|
+
"aria-invalid": t || void 0,
|
|
16
|
+
className: s,
|
|
17
|
+
...a
|
|
18
|
+
});
|
|
19
|
+
});
|
|
20
|
+
r.displayName = "TextInput";
|
|
21
|
+
//#endregion
|
|
22
|
+
export { r as TextInput };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var e=`_input_1i1n1_1`,t=`_error_1i1n1_40`,n=`_sm_1i1n1_76`,r=`_md_1i1n1_82`,i=`_lg_1i1n1_88`,a={input:e,error:t,sm:n,md:r,lg:i};exports.default=a,exports.error=t,exports.input=e,exports.lg=i,exports.md=r,exports.sm=n;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
//#region src/primitives/TextInput/TextInput.module.css
|
|
2
|
+
var e = "_input_1i1n1_1", t = "_error_1i1n1_40", n = "_sm_1i1n1_76", r = "_md_1i1n1_82", i = "_lg_1i1n1_88", a = {
|
|
3
|
+
input: e,
|
|
4
|
+
error: t,
|
|
5
|
+
sm: n,
|
|
6
|
+
md: r,
|
|
7
|
+
lg: i
|
|
8
|
+
};
|
|
9
|
+
//#endregion
|
|
10
|
+
export { a as default, t as error, e as input, i as lg, r as md, n as sm };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e=require("./Toast.module.css.cjs");let t=require("react"),n=require("react/jsx-runtime"),r=require("react-dom");var i=(0,t.createContext)(null),a={info:(0,n.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,"aria-hidden":`true`,children:[(0,n.jsx)(`circle`,{cx:`8`,cy:`8`,r:`7`,stroke:`currentColor`,strokeWidth:`1.5`}),(0,n.jsx)(`path`,{d:`M8 7v4M8 5v.5`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`})]}),success:(0,n.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,"aria-hidden":`true`,children:[(0,n.jsx)(`circle`,{cx:`8`,cy:`8`,r:`7`,stroke:`currentColor`,strokeWidth:`1.5`}),(0,n.jsx)(`path`,{d:`M5 8l2 2 4-4`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})]}),error:(0,n.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,"aria-hidden":`true`,children:[(0,n.jsx)(`circle`,{cx:`8`,cy:`8`,r:`7`,stroke:`currentColor`,strokeWidth:`1.5`}),(0,n.jsx)(`path`,{d:`M10 6L6 10M6 6l4 4`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`})]}),warning:(0,n.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,"aria-hidden":`true`,children:[(0,n.jsx)(`path`,{d:`M8 2L14.9 14H1.1L8 2z`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinejoin:`round`}),(0,n.jsx)(`path`,{d:`M8 6.5v3M8 11v.5`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`})]})};function o({item:t,onDismiss:r,onPause:i,onResume:o}){return(0,n.jsxs)(`div`,{className:[e.default.toast,e.default[t.variant]].join(` `),role:`status`,onMouseEnter:()=>i(t.id),onMouseLeave:()=>o(t.id),onFocus:()=>i(t.id),onBlur:()=>o(t.id),children:[(0,n.jsx)(`span`,{className:e.default.icon,children:a[t.variant]}),(0,n.jsx)(`span`,{className:e.default.message,children:t.message}),(0,n.jsx)(`button`,{type:`button`,"aria-label":`Close notification`,className:e.default.closeButton,onClick:()=>r(t.id),children:(0,n.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 12 12`,fill:`none`,"aria-hidden":`true`,children:(0,n.jsx)(`path`,{d:`M9 3L3 9M3 3l6 6`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`})})})]})}function s({children:a,maxToasts:s=5}){let[c,l]=(0,t.useState)([]),u=(0,t.useRef)(new Map),d=(0,t.useRef)(new Map),f=(0,t.useRef)(new Map),p=(0,t.useRef)(0),m=(0,t.useCallback)(e=>{let t=u.current.get(e);t!==void 0&&(clearTimeout(t),u.current.delete(e)),d.current.delete(e),f.current.delete(e),l(t=>t.filter(t=>t.id!==e))},[]),h=(0,t.useCallback)((e,t)=>{let n=setTimeout(()=>m(e),t);u.current.set(e,n)},[m]),g=(0,t.useCallback)(e=>{let t=u.current.get(e);t!==void 0&&(clearTimeout(t),u.current.delete(e),d.current.set(e,Date.now()))},[]),_=(0,t.useCallback)(e=>{let t=d.current.get(e);if(t===void 0)return;let n=Date.now()-t,r=Math.max(0,(f.current.get(e)??0)-n);d.current.delete(e),f.current.set(e,r),r>0?h(e,r):m(e)},[m,h]),v=(0,t.useCallback)(e=>{let t=`toast-${++p.current}`,n=e.variant??`info`,r=e.duration??5e3,i={id:t,message:e.message,variant:n,duration:r};return l(e=>{let t=[...e,i];return t.length>s?t.slice(t.length-s):t}),r>0&&(f.current.set(t,r),h(t,r)),t},[s,h]);return(0,n.jsxs)(i.Provider,{value:{show:v,dismiss:m},children:[a,(0,r.createPortal)((0,n.jsx)(`div`,{role:`region`,className:e.default.region,"aria-label":`Notifications`,"aria-live":`polite`,"aria-atomic":`false`,"aria-relevant":`additions text`,children:c.map(e=>(0,n.jsx)(o,{item:e,onDismiss:m,onPause:g,onResume:_},e.id))}),document.body)]})}s.displayName=`ToastProvider`;function c(){let e=(0,t.useContext)(i);if(!e)throw Error(`useToast must be used inside a <ToastProvider>`);return e}exports.ToastProvider=s,exports.useToast=c;
|
|
@@ -0,0 +1,178 @@
|
|
|
1
|
+
import e from "./Toast.module.css.js";
|
|
2
|
+
import { createContext as t, useCallback as n, useContext as r, useRef as i, useState as a } from "react";
|
|
3
|
+
import { jsx as o, jsxs as s } from "react/jsx-runtime";
|
|
4
|
+
import { createPortal as c } from "react-dom";
|
|
5
|
+
//#region src/primitives/Toast/Toast.tsx
|
|
6
|
+
var l = t(null), u = {
|
|
7
|
+
info: /* @__PURE__ */ s("svg", {
|
|
8
|
+
width: "16",
|
|
9
|
+
height: "16",
|
|
10
|
+
viewBox: "0 0 16 16",
|
|
11
|
+
fill: "none",
|
|
12
|
+
"aria-hidden": "true",
|
|
13
|
+
children: [/* @__PURE__ */ o("circle", {
|
|
14
|
+
cx: "8",
|
|
15
|
+
cy: "8",
|
|
16
|
+
r: "7",
|
|
17
|
+
stroke: "currentColor",
|
|
18
|
+
strokeWidth: "1.5"
|
|
19
|
+
}), /* @__PURE__ */ o("path", {
|
|
20
|
+
d: "M8 7v4M8 5v.5",
|
|
21
|
+
stroke: "currentColor",
|
|
22
|
+
strokeWidth: "1.5",
|
|
23
|
+
strokeLinecap: "round"
|
|
24
|
+
})]
|
|
25
|
+
}),
|
|
26
|
+
success: /* @__PURE__ */ s("svg", {
|
|
27
|
+
width: "16",
|
|
28
|
+
height: "16",
|
|
29
|
+
viewBox: "0 0 16 16",
|
|
30
|
+
fill: "none",
|
|
31
|
+
"aria-hidden": "true",
|
|
32
|
+
children: [/* @__PURE__ */ o("circle", {
|
|
33
|
+
cx: "8",
|
|
34
|
+
cy: "8",
|
|
35
|
+
r: "7",
|
|
36
|
+
stroke: "currentColor",
|
|
37
|
+
strokeWidth: "1.5"
|
|
38
|
+
}), /* @__PURE__ */ o("path", {
|
|
39
|
+
d: "M5 8l2 2 4-4",
|
|
40
|
+
stroke: "currentColor",
|
|
41
|
+
strokeWidth: "1.5",
|
|
42
|
+
strokeLinecap: "round",
|
|
43
|
+
strokeLinejoin: "round"
|
|
44
|
+
})]
|
|
45
|
+
}),
|
|
46
|
+
error: /* @__PURE__ */ s("svg", {
|
|
47
|
+
width: "16",
|
|
48
|
+
height: "16",
|
|
49
|
+
viewBox: "0 0 16 16",
|
|
50
|
+
fill: "none",
|
|
51
|
+
"aria-hidden": "true",
|
|
52
|
+
children: [/* @__PURE__ */ o("circle", {
|
|
53
|
+
cx: "8",
|
|
54
|
+
cy: "8",
|
|
55
|
+
r: "7",
|
|
56
|
+
stroke: "currentColor",
|
|
57
|
+
strokeWidth: "1.5"
|
|
58
|
+
}), /* @__PURE__ */ o("path", {
|
|
59
|
+
d: "M10 6L6 10M6 6l4 4",
|
|
60
|
+
stroke: "currentColor",
|
|
61
|
+
strokeWidth: "1.5",
|
|
62
|
+
strokeLinecap: "round"
|
|
63
|
+
})]
|
|
64
|
+
}),
|
|
65
|
+
warning: /* @__PURE__ */ s("svg", {
|
|
66
|
+
width: "16",
|
|
67
|
+
height: "16",
|
|
68
|
+
viewBox: "0 0 16 16",
|
|
69
|
+
fill: "none",
|
|
70
|
+
"aria-hidden": "true",
|
|
71
|
+
children: [/* @__PURE__ */ o("path", {
|
|
72
|
+
d: "M8 2L14.9 14H1.1L8 2z",
|
|
73
|
+
stroke: "currentColor",
|
|
74
|
+
strokeWidth: "1.5",
|
|
75
|
+
strokeLinejoin: "round"
|
|
76
|
+
}), /* @__PURE__ */ o("path", {
|
|
77
|
+
d: "M8 6.5v3M8 11v.5",
|
|
78
|
+
stroke: "currentColor",
|
|
79
|
+
strokeWidth: "1.5",
|
|
80
|
+
strokeLinecap: "round"
|
|
81
|
+
})]
|
|
82
|
+
})
|
|
83
|
+
};
|
|
84
|
+
function d({ item: t, onDismiss: n, onPause: r, onResume: i }) {
|
|
85
|
+
return /* @__PURE__ */ s("div", {
|
|
86
|
+
className: [e.toast, e[t.variant]].join(" "),
|
|
87
|
+
role: "status",
|
|
88
|
+
onMouseEnter: () => r(t.id),
|
|
89
|
+
onMouseLeave: () => i(t.id),
|
|
90
|
+
onFocus: () => r(t.id),
|
|
91
|
+
onBlur: () => i(t.id),
|
|
92
|
+
children: [
|
|
93
|
+
/* @__PURE__ */ o("span", {
|
|
94
|
+
className: e.icon,
|
|
95
|
+
children: u[t.variant]
|
|
96
|
+
}),
|
|
97
|
+
/* @__PURE__ */ o("span", {
|
|
98
|
+
className: e.message,
|
|
99
|
+
children: t.message
|
|
100
|
+
}),
|
|
101
|
+
/* @__PURE__ */ o("button", {
|
|
102
|
+
type: "button",
|
|
103
|
+
"aria-label": "Close notification",
|
|
104
|
+
className: e.closeButton,
|
|
105
|
+
onClick: () => n(t.id),
|
|
106
|
+
children: /* @__PURE__ */ o("svg", {
|
|
107
|
+
width: "12",
|
|
108
|
+
height: "12",
|
|
109
|
+
viewBox: "0 0 12 12",
|
|
110
|
+
fill: "none",
|
|
111
|
+
"aria-hidden": "true",
|
|
112
|
+
children: /* @__PURE__ */ o("path", {
|
|
113
|
+
d: "M9 3L3 9M3 3l6 6",
|
|
114
|
+
stroke: "currentColor",
|
|
115
|
+
strokeWidth: "1.5",
|
|
116
|
+
strokeLinecap: "round"
|
|
117
|
+
})
|
|
118
|
+
})
|
|
119
|
+
})
|
|
120
|
+
]
|
|
121
|
+
});
|
|
122
|
+
}
|
|
123
|
+
function f({ children: t, maxToasts: r = 5 }) {
|
|
124
|
+
let [u, f] = a([]), p = i(/* @__PURE__ */ new Map()), m = i(/* @__PURE__ */ new Map()), h = i(/* @__PURE__ */ new Map()), g = i(0), _ = n((e) => {
|
|
125
|
+
let t = p.current.get(e);
|
|
126
|
+
t !== void 0 && (clearTimeout(t), p.current.delete(e)), m.current.delete(e), h.current.delete(e), f((t) => t.filter((t) => t.id !== e));
|
|
127
|
+
}, []), v = n((e, t) => {
|
|
128
|
+
let n = setTimeout(() => _(e), t);
|
|
129
|
+
p.current.set(e, n);
|
|
130
|
+
}, [_]), y = n((e) => {
|
|
131
|
+
let t = p.current.get(e);
|
|
132
|
+
t !== void 0 && (clearTimeout(t), p.current.delete(e), m.current.set(e, Date.now()));
|
|
133
|
+
}, []), b = n((e) => {
|
|
134
|
+
let t = m.current.get(e);
|
|
135
|
+
if (t === void 0) return;
|
|
136
|
+
let n = Date.now() - t, r = Math.max(0, (h.current.get(e) ?? 0) - n);
|
|
137
|
+
m.current.delete(e), h.current.set(e, r), r > 0 ? v(e, r) : _(e);
|
|
138
|
+
}, [_, v]), x = n((e) => {
|
|
139
|
+
let t = `toast-${++g.current}`, n = e.variant ?? "info", i = e.duration ?? 5e3, a = {
|
|
140
|
+
id: t,
|
|
141
|
+
message: e.message,
|
|
142
|
+
variant: n,
|
|
143
|
+
duration: i
|
|
144
|
+
};
|
|
145
|
+
return f((e) => {
|
|
146
|
+
let t = [...e, a];
|
|
147
|
+
return t.length > r ? t.slice(t.length - r) : t;
|
|
148
|
+
}), i > 0 && (h.current.set(t, i), v(t, i)), t;
|
|
149
|
+
}, [r, v]);
|
|
150
|
+
return /* @__PURE__ */ s(l.Provider, {
|
|
151
|
+
value: {
|
|
152
|
+
show: x,
|
|
153
|
+
dismiss: _
|
|
154
|
+
},
|
|
155
|
+
children: [t, c(/* @__PURE__ */ o("div", {
|
|
156
|
+
role: "region",
|
|
157
|
+
className: e.region,
|
|
158
|
+
"aria-label": "Notifications",
|
|
159
|
+
"aria-live": "polite",
|
|
160
|
+
"aria-atomic": "false",
|
|
161
|
+
"aria-relevant": "additions text",
|
|
162
|
+
children: u.map((e) => /* @__PURE__ */ o(d, {
|
|
163
|
+
item: e,
|
|
164
|
+
onDismiss: _,
|
|
165
|
+
onPause: y,
|
|
166
|
+
onResume: b
|
|
167
|
+
}, e.id))
|
|
168
|
+
}), document.body)]
|
|
169
|
+
});
|
|
170
|
+
}
|
|
171
|
+
f.displayName = "ToastProvider";
|
|
172
|
+
function p() {
|
|
173
|
+
let e = r(l);
|
|
174
|
+
if (!e) throw Error("useToast must be used inside a <ToastProvider>");
|
|
175
|
+
return e;
|
|
176
|
+
}
|
|
177
|
+
//#endregion
|
|
178
|
+
export { f as ToastProvider, p as useToast };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var e=`_region_j5e79_1`,t=`_toast_j5e79_14`,n=`_info_j5e79_30`,r=`_icon_j5e79_35`,i=`_success_j5e79_39`,a=`_error_j5e79_47`,o=`_warning_j5e79_55`,s=`_message_j5e79_69`,c=`_closeButton_j5e79_74`,l={region:e,toast:t,info:n,icon:r,success:i,error:a,warning:o,message:s,closeButton:c};exports.closeButton=c,exports.default=l,exports.error=a,exports.icon=r,exports.info=n,exports.message=s,exports.region=e,exports.success=i,exports.toast=t,exports.warning=o;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
//#region src/primitives/Toast/Toast.module.css
|
|
2
|
+
var e = "_region_j5e79_1", t = "_toast_j5e79_14", n = "_info_j5e79_30", r = "_icon_j5e79_35", i = "_success_j5e79_39", a = "_error_j5e79_47", o = "_warning_j5e79_55", s = "_message_j5e79_69", c = "_closeButton_j5e79_74", l = {
|
|
3
|
+
region: e,
|
|
4
|
+
toast: t,
|
|
5
|
+
info: n,
|
|
6
|
+
icon: r,
|
|
7
|
+
success: i,
|
|
8
|
+
error: a,
|
|
9
|
+
warning: o,
|
|
10
|
+
message: s,
|
|
11
|
+
closeButton: c
|
|
12
|
+
};
|
|
13
|
+
//#endregion
|
|
14
|
+
export { c as closeButton, l as default, a as error, r as icon, n as info, s as message, e as region, i as success, t as toast, o as warning };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e=require("./Toggle.module.css.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=(0,t.forwardRef)(({hasError:t=!1,size:r=`md`,className:i,...a},o)=>(0,n.jsxs)(`span`,{className:[e.default.root,e.default[r],i??``].filter(Boolean).join(` `),children:[(0,n.jsx)(`input`,{ref:o,type:`checkbox`,role:`switch`,"aria-invalid":t||void 0,className:e.default.input,...a}),(0,n.jsx)(`span`,{className:e.default.track,"aria-hidden":`true`,children:(0,n.jsx)(`span`,{className:e.default.thumb})})]}));r.displayName=`Toggle`,exports.Toggle=r;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import e from "./Toggle.module.css.js";
|
|
2
|
+
import { forwardRef as t } from "react";
|
|
3
|
+
import { jsx as n, jsxs as r } from "react/jsx-runtime";
|
|
4
|
+
//#region src/primitives/Toggle/Toggle.tsx
|
|
5
|
+
var i = t(({ hasError: t = !1, size: i = "md", className: a, ...o }, s) => /* @__PURE__ */ r("span", {
|
|
6
|
+
className: [
|
|
7
|
+
e.root,
|
|
8
|
+
e[i],
|
|
9
|
+
a ?? ""
|
|
10
|
+
].filter(Boolean).join(" "),
|
|
11
|
+
children: [/* @__PURE__ */ n("input", {
|
|
12
|
+
ref: s,
|
|
13
|
+
type: "checkbox",
|
|
14
|
+
role: "switch",
|
|
15
|
+
"aria-invalid": t || void 0,
|
|
16
|
+
className: e.input,
|
|
17
|
+
...o
|
|
18
|
+
}), /* @__PURE__ */ n("span", {
|
|
19
|
+
className: e.track,
|
|
20
|
+
"aria-hidden": "true",
|
|
21
|
+
children: /* @__PURE__ */ n("span", { className: e.thumb })
|
|
22
|
+
})]
|
|
23
|
+
}));
|
|
24
|
+
i.displayName = "Toggle";
|
|
25
|
+
//#endregion
|
|
26
|
+
export { i as Toggle };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var e=`_root_16qku_3`,t=`_input_16qku_18`,n=`_track_16qku_36`,r=`_thumb_16qku_56`,i=`_md_16qku_127`,a=`_sm_16qku_131`,o=`_lg_16qku_138`,s={root:e,input:t,track:n,thumb:r,md:i,sm:a,lg:o};exports.default=s,exports.input=t,exports.lg=o,exports.md=i,exports.root=e,exports.sm=a,exports.thumb=r,exports.track=n;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
//#region src/primitives/Toggle/Toggle.module.css
|
|
2
|
+
var e = "_root_16qku_3", t = "_input_16qku_18", n = "_track_16qku_36", r = "_thumb_16qku_56", i = "_md_16qku_127", a = "_sm_16qku_131", o = "_lg_16qku_138", s = {
|
|
3
|
+
root: e,
|
|
4
|
+
input: t,
|
|
5
|
+
track: n,
|
|
6
|
+
thumb: r,
|
|
7
|
+
md: i,
|
|
8
|
+
sm: a,
|
|
9
|
+
lg: o
|
|
10
|
+
};
|
|
11
|
+
//#endregion
|
|
12
|
+
export { s as default, t as input, o as lg, i as md, e as root, a as sm, r as thumb, n as track };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e=require("./Tooltip.module.css.cjs");let t=require("react"),n=require("react/jsx-runtime"),r=require("react-dom");function i(...e){return t=>{for(let n of e)typeof n==`function`?n(t):n&&`current`in n&&(n.current=t)}}function a({content:a,children:o,placement:s=`top`,delayMs:c=200}){let l=(0,t.useId)(),u=(0,t.useRef)(null),d=(0,t.useRef)(void 0),[f,p]=(0,t.useState)(!1),[m,h]=(0,t.useState)({top:0,left:0}),g=(0,t.useCallback)(()=>{let e=u.current?.getBoundingClientRect();if(e)switch(s){case`top`:h({top:e.top,left:e.left+e.width/2});break;case`bottom`:h({top:e.bottom,left:e.left+e.width/2});break;case`left`:h({top:e.top+e.height/2,left:e.left});break;case`right`:h({top:e.top+e.height/2,left:e.right})}},[s]),_=(0,t.useCallback)(()=>{clearTimeout(d.current),d.current=setTimeout(()=>{g(),p(!0)},c)},[g,c]),v=(0,t.useCallback)(()=>{clearTimeout(d.current),p(!1)},[]);(0,t.useEffect)(()=>{if(!f)return;let e=()=>g();return window.addEventListener(`scroll`,e,{capture:!0,passive:!0}),window.addEventListener(`resize`,e,{passive:!0}),()=>{window.removeEventListener(`scroll`,e,{capture:!0}),window.removeEventListener(`resize`,e)}},[f,g]);let y=o,b=(0,t.cloneElement)(y,{ref:i(u,y.props.ref),"aria-describedby":l,onMouseEnter:e=>{_(),y.props.onMouseEnter?.(e)},onMouseLeave:e=>{v(),y.props.onMouseLeave?.(e)},onFocus:e=>{_(),y.props.onFocus?.(e)},onBlur:e=>{v(),y.props.onBlur?.(e)},onKeyDown:e=>{e.key===`Escape`&&v(),y.props.onKeyDown?.(e)}}),x=(0,n.jsx)(`div`,{id:l,role:`tooltip`,hidden:!f,style:{top:m.top,left:m.left},className:[e.default.tooltip,e.default[s],f?e.default.visible:``].filter(Boolean).join(` `),children:a});return(0,n.jsxs)(n.Fragment,{children:[b,(0,r.createPortal)(x,document.body)]})}a.displayName=`Tooltip`,exports.Tooltip=a;
|