@aseguragonzalez/ui 1.0.3 → 1.0.5
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.js +37 -0
- package/dist/components/AppShell/AppShell.module.css.cjs +1 -0
- package/dist/components/AppShell/AppShell.module.css.js +12 -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.js +64 -3653
- package/dist/patterns/AuthLayout/AuthLayout.cjs +1 -0
- package/dist/patterns/AuthLayout/AuthLayout.js +59 -0
- package/dist/patterns/AuthLayout/AuthLayout.module.css.cjs +1 -0
- package/dist/patterns/AuthLayout/AuthLayout.module.css.js +13 -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 @@
|
|
|
1
|
+
const e=require("./AppShell.module.css.cjs");let t=require("react"),n=require("react/jsx-runtime");var r={"sidebar-only":e.default.sidebarOnly,"navbar-only":e.default.navbarOnly,both:e.default.both},i=(0,t.forwardRef)(({variant:t,sidebar:i,navbar:a,children:o,className:s,...c},l)=>{let u=t??(i&&a?`both`:i?`sidebar-only`:`navbar-only`),d=[e.default.shell,r[u],s??``].filter(Boolean).join(` `);return(0,n.jsxs)(`div`,{ref:l,className:d,...c,children:[i&&(0,n.jsx)(`div`,{className:e.default.sidebarSlot,children:i}),a&&(0,n.jsx)(`div`,{className:e.default.navbarSlot,children:a}),(0,n.jsx)(`main`,{className:e.default.mainArea,children:o})]})});i.displayName=`AppShell`,exports.AppShell=i;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import e from "./AppShell.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/components/AppShell/AppShell.tsx
|
|
5
|
+
var i = {
|
|
6
|
+
"sidebar-only": e.sidebarOnly,
|
|
7
|
+
"navbar-only": e.navbarOnly,
|
|
8
|
+
both: e.both
|
|
9
|
+
}, a = t(({ variant: t, sidebar: a, navbar: o, children: s, className: c, ...l }, u) => {
|
|
10
|
+
let d = t ?? (a && o ? "both" : a ? "sidebar-only" : "navbar-only"), f = [
|
|
11
|
+
e.shell,
|
|
12
|
+
i[d],
|
|
13
|
+
c ?? ""
|
|
14
|
+
].filter(Boolean).join(" ");
|
|
15
|
+
return /* @__PURE__ */ r("div", {
|
|
16
|
+
ref: u,
|
|
17
|
+
className: f,
|
|
18
|
+
...l,
|
|
19
|
+
children: [
|
|
20
|
+
a && /* @__PURE__ */ n("div", {
|
|
21
|
+
className: e.sidebarSlot,
|
|
22
|
+
children: a
|
|
23
|
+
}),
|
|
24
|
+
o && /* @__PURE__ */ n("div", {
|
|
25
|
+
className: e.navbarSlot,
|
|
26
|
+
children: o
|
|
27
|
+
}),
|
|
28
|
+
/* @__PURE__ */ n("main", {
|
|
29
|
+
className: e.mainArea,
|
|
30
|
+
children: s
|
|
31
|
+
})
|
|
32
|
+
]
|
|
33
|
+
});
|
|
34
|
+
});
|
|
35
|
+
a.displayName = "AppShell";
|
|
36
|
+
//#endregion
|
|
37
|
+
export { a as AppShell };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var e=`_shell_5ehfr_1`,t=`_sidebarOnly_5ehfr_9`,n=`_mainArea_5ehfr_13`,r=`_navbarOnly_5ehfr_19`,i=`_navbarSlot_5ehfr_23`,a=`_both_5ehfr_33`,o=`_sidebarSlot_5ehfr_38`,s={shell:e,sidebarOnly:t,mainArea:n,navbarOnly:r,navbarSlot:i,both:a,sidebarSlot:o};exports.both=a,exports.default=s,exports.mainArea=n,exports.navbarOnly=r,exports.navbarSlot=i,exports.shell=e,exports.sidebarOnly=t,exports.sidebarSlot=o;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
//#region src/components/AppShell/AppShell.module.css
|
|
2
|
+
var e = "_shell_5ehfr_1", t = "_sidebarOnly_5ehfr_9", n = "_mainArea_5ehfr_13", r = "_navbarOnly_5ehfr_19", i = "_navbarSlot_5ehfr_23", a = "_both_5ehfr_33", o = "_sidebarSlot_5ehfr_38", s = {
|
|
3
|
+
shell: e,
|
|
4
|
+
sidebarOnly: t,
|
|
5
|
+
mainArea: n,
|
|
6
|
+
navbarOnly: r,
|
|
7
|
+
navbarSlot: i,
|
|
8
|
+
both: a,
|
|
9
|
+
sidebarSlot: o
|
|
10
|
+
};
|
|
11
|
+
//#endregion
|
|
12
|
+
export { a as both, s as default, n as mainArea, r as navbarOnly, i as navbarSlot, e as shell, t as sidebarOnly, o as sidebarSlot };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e=require("./Banner.module.css.cjs");let t=require("react"),n=require("react/jsx-runtime");var r={error:`alert`,warning:`alert`,success:`status`,info:`status`,promotional:`region`},i={info:(0,n.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,n.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10`}),(0,n.jsx)(`line`,{x1:`12`,y1:`8`,x2:`12`,y2:`12`}),(0,n.jsx)(`line`,{x1:`12`,y1:`16`,x2:`12.01`,y2:`16`})]}),success:(0,n.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,n.jsx)(`path`,{d:`M22 11.08V12a10 10 0 1 1-5.93-9.14`}),(0,n.jsx)(`polyline`,{points:`22 4 12 14.01 9 11.01`})]}),warning:(0,n.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,n.jsx)(`path`,{d:`M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z`}),(0,n.jsx)(`line`,{x1:`12`,y1:`9`,x2:`12`,y2:`13`}),(0,n.jsx)(`line`,{x1:`12`,y1:`17`,x2:`12.01`,y2:`17`})]}),error:(0,n.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,n.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10`}),(0,n.jsx)(`line`,{x1:`15`,y1:`9`,x2:`9`,y2:`15`}),(0,n.jsx)(`line`,{x1:`9`,y1:`9`,x2:`15`,y2:`15`})]}),promotional:(0,n.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:(0,n.jsx)(`path`,{d:`M22 12h-4l-3 9L9 3l-3 9H2`})})},a=()=>(0,n.jsxs)(`svg`,{"aria-hidden":`true`,xmlns:`http://www.w3.org/2000/svg`,width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,n.jsx)(`line`,{x1:`18`,y1:`6`,x2:`6`,y2:`18`}),(0,n.jsx)(`line`,{x1:`6`,y1:`6`,x2:`18`,y2:`18`})]}),o=(0,t.forwardRef)(({headline:t,description:o,variant:s=`info`,layout:c=`horizontal`,media:l,actions:u,onDismiss:d,dismissLabel:f=`Close banner`,role:p,className:m,...h},g)=>{let _=p??r[s],v=[e.default.root,e.default[s],c===`stacked`?e.default.stacked:``,m??``].filter(Boolean).join(` `);return(0,n.jsxs)(`div`,{ref:g,role:_,"aria-label":_===`region`?t:void 0,...h,className:v,children:[(0,n.jsx)(`span`,{className:e.default.icon,children:l??i[s]}),(0,n.jsxs)(`div`,{className:e.default.content,children:[(0,n.jsx)(`p`,{className:e.default.headline,children:t}),o&&(0,n.jsx)(`p`,{className:e.default.description,children:o}),c===`stacked`&&u&&(0,n.jsx)(`div`,{className:e.default.actions,children:u})]}),c===`horizontal`&&u&&(0,n.jsx)(`div`,{className:e.default.actions,children:u}),d&&(0,n.jsx)(`button`,{type:`button`,className:e.default.dismiss,"aria-label":f,onClick:d,children:(0,n.jsx)(a,{})})]})});o.displayName=`Banner`,exports.Banner=o;
|
|
@@ -0,0 +1,200 @@
|
|
|
1
|
+
import e from "./Banner.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/components/Banner/Banner.tsx
|
|
5
|
+
var i = {
|
|
6
|
+
error: "alert",
|
|
7
|
+
warning: "alert",
|
|
8
|
+
success: "status",
|
|
9
|
+
info: "status",
|
|
10
|
+
promotional: "region"
|
|
11
|
+
}, a = {
|
|
12
|
+
info: /* @__PURE__ */ r("svg", {
|
|
13
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
14
|
+
width: "20",
|
|
15
|
+
height: "20",
|
|
16
|
+
viewBox: "0 0 24 24",
|
|
17
|
+
fill: "none",
|
|
18
|
+
stroke: "currentColor",
|
|
19
|
+
strokeWidth: "2",
|
|
20
|
+
strokeLinecap: "round",
|
|
21
|
+
strokeLinejoin: "round",
|
|
22
|
+
"aria-hidden": "true",
|
|
23
|
+
children: [
|
|
24
|
+
/* @__PURE__ */ n("circle", {
|
|
25
|
+
cx: "12",
|
|
26
|
+
cy: "12",
|
|
27
|
+
r: "10"
|
|
28
|
+
}),
|
|
29
|
+
/* @__PURE__ */ n("line", {
|
|
30
|
+
x1: "12",
|
|
31
|
+
y1: "8",
|
|
32
|
+
x2: "12",
|
|
33
|
+
y2: "12"
|
|
34
|
+
}),
|
|
35
|
+
/* @__PURE__ */ n("line", {
|
|
36
|
+
x1: "12",
|
|
37
|
+
y1: "16",
|
|
38
|
+
x2: "12.01",
|
|
39
|
+
y2: "16"
|
|
40
|
+
})
|
|
41
|
+
]
|
|
42
|
+
}),
|
|
43
|
+
success: /* @__PURE__ */ r("svg", {
|
|
44
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
45
|
+
width: "20",
|
|
46
|
+
height: "20",
|
|
47
|
+
viewBox: "0 0 24 24",
|
|
48
|
+
fill: "none",
|
|
49
|
+
stroke: "currentColor",
|
|
50
|
+
strokeWidth: "2",
|
|
51
|
+
strokeLinecap: "round",
|
|
52
|
+
strokeLinejoin: "round",
|
|
53
|
+
"aria-hidden": "true",
|
|
54
|
+
children: [/* @__PURE__ */ n("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }), /* @__PURE__ */ n("polyline", { points: "22 4 12 14.01 9 11.01" })]
|
|
55
|
+
}),
|
|
56
|
+
warning: /* @__PURE__ */ r("svg", {
|
|
57
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
58
|
+
width: "20",
|
|
59
|
+
height: "20",
|
|
60
|
+
viewBox: "0 0 24 24",
|
|
61
|
+
fill: "none",
|
|
62
|
+
stroke: "currentColor",
|
|
63
|
+
strokeWidth: "2",
|
|
64
|
+
strokeLinecap: "round",
|
|
65
|
+
strokeLinejoin: "round",
|
|
66
|
+
"aria-hidden": "true",
|
|
67
|
+
children: [
|
|
68
|
+
/* @__PURE__ */ n("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
|
|
69
|
+
/* @__PURE__ */ n("line", {
|
|
70
|
+
x1: "12",
|
|
71
|
+
y1: "9",
|
|
72
|
+
x2: "12",
|
|
73
|
+
y2: "13"
|
|
74
|
+
}),
|
|
75
|
+
/* @__PURE__ */ n("line", {
|
|
76
|
+
x1: "12",
|
|
77
|
+
y1: "17",
|
|
78
|
+
x2: "12.01",
|
|
79
|
+
y2: "17"
|
|
80
|
+
})
|
|
81
|
+
]
|
|
82
|
+
}),
|
|
83
|
+
error: /* @__PURE__ */ r("svg", {
|
|
84
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
85
|
+
width: "20",
|
|
86
|
+
height: "20",
|
|
87
|
+
viewBox: "0 0 24 24",
|
|
88
|
+
fill: "none",
|
|
89
|
+
stroke: "currentColor",
|
|
90
|
+
strokeWidth: "2",
|
|
91
|
+
strokeLinecap: "round",
|
|
92
|
+
strokeLinejoin: "round",
|
|
93
|
+
"aria-hidden": "true",
|
|
94
|
+
children: [
|
|
95
|
+
/* @__PURE__ */ n("circle", {
|
|
96
|
+
cx: "12",
|
|
97
|
+
cy: "12",
|
|
98
|
+
r: "10"
|
|
99
|
+
}),
|
|
100
|
+
/* @__PURE__ */ n("line", {
|
|
101
|
+
x1: "15",
|
|
102
|
+
y1: "9",
|
|
103
|
+
x2: "9",
|
|
104
|
+
y2: "15"
|
|
105
|
+
}),
|
|
106
|
+
/* @__PURE__ */ n("line", {
|
|
107
|
+
x1: "9",
|
|
108
|
+
y1: "9",
|
|
109
|
+
x2: "15",
|
|
110
|
+
y2: "15"
|
|
111
|
+
})
|
|
112
|
+
]
|
|
113
|
+
}),
|
|
114
|
+
promotional: /* @__PURE__ */ n("svg", {
|
|
115
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
116
|
+
width: "20",
|
|
117
|
+
height: "20",
|
|
118
|
+
viewBox: "0 0 24 24",
|
|
119
|
+
fill: "none",
|
|
120
|
+
stroke: "currentColor",
|
|
121
|
+
strokeWidth: "2",
|
|
122
|
+
strokeLinecap: "round",
|
|
123
|
+
strokeLinejoin: "round",
|
|
124
|
+
"aria-hidden": "true",
|
|
125
|
+
children: /* @__PURE__ */ n("path", { d: "M22 12h-4l-3 9L9 3l-3 9H2" })
|
|
126
|
+
})
|
|
127
|
+
}, o = () => /* @__PURE__ */ r("svg", {
|
|
128
|
+
"aria-hidden": "true",
|
|
129
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
130
|
+
width: "16",
|
|
131
|
+
height: "16",
|
|
132
|
+
viewBox: "0 0 24 24",
|
|
133
|
+
fill: "none",
|
|
134
|
+
stroke: "currentColor",
|
|
135
|
+
strokeWidth: "2",
|
|
136
|
+
strokeLinecap: "round",
|
|
137
|
+
strokeLinejoin: "round",
|
|
138
|
+
children: [/* @__PURE__ */ n("line", {
|
|
139
|
+
x1: "18",
|
|
140
|
+
y1: "6",
|
|
141
|
+
x2: "6",
|
|
142
|
+
y2: "18"
|
|
143
|
+
}), /* @__PURE__ */ n("line", {
|
|
144
|
+
x1: "6",
|
|
145
|
+
y1: "6",
|
|
146
|
+
x2: "18",
|
|
147
|
+
y2: "18"
|
|
148
|
+
})]
|
|
149
|
+
}), s = t(({ headline: t, description: s, variant: c = "info", layout: l = "horizontal", media: u, actions: d, onDismiss: f, dismissLabel: p = "Close banner", role: m, className: h, ...g }, _) => {
|
|
150
|
+
let v = m ?? i[c], y = [
|
|
151
|
+
e.root,
|
|
152
|
+
e[c],
|
|
153
|
+
l === "stacked" ? e.stacked : "",
|
|
154
|
+
h ?? ""
|
|
155
|
+
].filter(Boolean).join(" ");
|
|
156
|
+
return /* @__PURE__ */ r("div", {
|
|
157
|
+
ref: _,
|
|
158
|
+
role: v,
|
|
159
|
+
"aria-label": v === "region" ? t : void 0,
|
|
160
|
+
...g,
|
|
161
|
+
className: y,
|
|
162
|
+
children: [
|
|
163
|
+
/* @__PURE__ */ n("span", {
|
|
164
|
+
className: e.icon,
|
|
165
|
+
children: u ?? a[c]
|
|
166
|
+
}),
|
|
167
|
+
/* @__PURE__ */ r("div", {
|
|
168
|
+
className: e.content,
|
|
169
|
+
children: [
|
|
170
|
+
/* @__PURE__ */ n("p", {
|
|
171
|
+
className: e.headline,
|
|
172
|
+
children: t
|
|
173
|
+
}),
|
|
174
|
+
s && /* @__PURE__ */ n("p", {
|
|
175
|
+
className: e.description,
|
|
176
|
+
children: s
|
|
177
|
+
}),
|
|
178
|
+
l === "stacked" && d && /* @__PURE__ */ n("div", {
|
|
179
|
+
className: e.actions,
|
|
180
|
+
children: d
|
|
181
|
+
})
|
|
182
|
+
]
|
|
183
|
+
}),
|
|
184
|
+
l === "horizontal" && d && /* @__PURE__ */ n("div", {
|
|
185
|
+
className: e.actions,
|
|
186
|
+
children: d
|
|
187
|
+
}),
|
|
188
|
+
f && /* @__PURE__ */ n("button", {
|
|
189
|
+
type: "button",
|
|
190
|
+
className: e.dismiss,
|
|
191
|
+
"aria-label": p,
|
|
192
|
+
onClick: f,
|
|
193
|
+
children: /* @__PURE__ */ n(o, {})
|
|
194
|
+
})
|
|
195
|
+
]
|
|
196
|
+
});
|
|
197
|
+
});
|
|
198
|
+
s.displayName = "Banner";
|
|
199
|
+
//#endregion
|
|
200
|
+
export { s as Banner };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var e=`_root_xmnn0_3`,t=`_info_xmnn0_16`,n=`_success_xmnn0_22`,r=`_warning_xmnn0_28`,i=`_error_xmnn0_34`,a=`_promotional_xmnn0_40`,o=`_stacked_xmnn0_48`,s=`_icon_xmnn0_52`,c=`_content_xmnn0_68`,l=`_headline_xmnn0_76`,u=`_description_xmnn0_85`,d=`_actions_xmnn0_95`,f=`_dismiss_xmnn0_108`,p={root:e,info:t,success:n,warning:r,error:i,promotional:a,stacked:o,icon:s,content:c,headline:l,description:u,actions:d,dismiss:f};exports.actions=d,exports.content=c,exports.default=p,exports.description=u,exports.dismiss=f,exports.error=i,exports.headline=l,exports.icon=s,exports.info=t,exports.promotional=a,exports.root=e,exports.stacked=o,exports.success=n,exports.warning=r;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
//#region src/components/Banner/Banner.module.css
|
|
2
|
+
var e = "_root_xmnn0_3", t = "_info_xmnn0_16", n = "_success_xmnn0_22", r = "_warning_xmnn0_28", i = "_error_xmnn0_34", a = "_promotional_xmnn0_40", o = "_stacked_xmnn0_48", s = "_icon_xmnn0_52", c = "_content_xmnn0_68", l = "_headline_xmnn0_76", u = "_description_xmnn0_85", d = "_actions_xmnn0_95", f = "_dismiss_xmnn0_108", p = {
|
|
3
|
+
root: e,
|
|
4
|
+
info: t,
|
|
5
|
+
success: n,
|
|
6
|
+
warning: r,
|
|
7
|
+
error: i,
|
|
8
|
+
promotional: a,
|
|
9
|
+
stacked: o,
|
|
10
|
+
icon: s,
|
|
11
|
+
content: c,
|
|
12
|
+
headline: l,
|
|
13
|
+
description: u,
|
|
14
|
+
actions: d,
|
|
15
|
+
dismiss: f
|
|
16
|
+
};
|
|
17
|
+
//#endregion
|
|
18
|
+
export { d as actions, c as content, p as default, u as description, f as dismiss, i as error, l as headline, s as icon, t as info, a as promotional, e as root, o as stacked, n as success, r as warning };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e=require("./BarChart.module.css.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=480,i=280,a={top:20,right:20,bottom:56,left:48},o=r-a.left-a.right,s=i-a.top-a.bottom,c=4,l=2;function u(e){return e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}k`:String(Math.round(e))}function d(e,t){return e.color??`var(--ds-chart-${t%6+1})`}var f=(0,t.forwardRef)(({title:f,series:p,className:m},h)=>{let g=(0,t.useId)();if(p.length===0||p.every(e=>e.data.length===0))return(0,n.jsxs)(`div`,{className:[e.default.empty,m??``].filter(Boolean).join(` `),children:[f,` — no data`]});let _=p[0].data.map(e=>e.label),v=_.length,y=p.length,b=Math.max(...p.flatMap(e=>e.data.map(e=>e.value)),0),x=o/v,S=Math.min(Math.max((x*.8-l*(y-1))/y,4),y===1?60:40);return(0,n.jsxs)(`div`,{ref:h,className:[e.default.wrapper,m??``].filter(Boolean).join(` `),children:[(0,n.jsxs)(`svg`,{role:`img`,"aria-labelledby":g,viewBox:`0 0 ${r} ${i}`,className:e.default.svg,children:[(0,n.jsx)(`title`,{id:g,children:f}),Array.from({length:5},(t,i)=>{let o=i/c,l=a.top+s-o*s,d=b*o;return(0,n.jsxs)(`g`,{children:[(0,n.jsx)(`line`,{x1:a.left,y1:l,x2:r-a.right,y2:l,stroke:`var(--ds-chart-grid)`,strokeWidth:`1`}),(0,n.jsx)(`text`,{x:a.left-6,y:l,textAnchor:`end`,dominantBaseline:`middle`,className:e.default.axisLabel,children:u(d)})]},i)}),_.map((t,r)=>{let o=S*y+l*(y-1),c=a.left+r*x,f=c+(x-o)/2,m=c+x/2;return(0,n.jsxs)(`g`,{children:[p.map((i,o)=>{let c=i.data[r];if(!c)return null;let p=b>0?c.value/b*s:0,m=f+o*(S+l),h=a.top+s-p,g=d(i,o);return(0,n.jsx)(`rect`,{x:m,y:h,width:S,height:p,fill:g,rx:`3`,className:e.default.bar,children:(0,n.jsx)(`title`,{children:`${i.label} — ${t}: ${u(c.value)}`})},i.id)}),(0,n.jsx)(`text`,{x:m,y:i-a.bottom+16,textAnchor:`middle`,className:e.default.axisLabel,children:t})]},t)}),(0,n.jsx)(`line`,{x1:a.left,y1:a.top+s,x2:r-a.right,y2:a.top+s,stroke:`var(--ds-chart-axis)`,strokeWidth:`1`})]}),y>1&&(0,n.jsx)(`ul`,{className:e.default.legend,"aria-label":`Chart legend`,children:p.map((t,r)=>(0,n.jsxs)(`li`,{className:e.default.legendItem,children:[(0,n.jsx)(`span`,{className:e.default.legendSwatch,style:{background:d(t,r)},"aria-hidden":`true`}),(0,n.jsx)(`span`,{children:t.label})]},t.id))})]})});f.displayName=`BarChart`,exports.BarChart=f;
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
import e from "./BarChart.module.css.js";
|
|
2
|
+
import { forwardRef as t, useId as n } from "react";
|
|
3
|
+
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
4
|
+
//#region src/components/BarChart/BarChart.tsx
|
|
5
|
+
var a = 480, o = 280, s = {
|
|
6
|
+
top: 20,
|
|
7
|
+
right: 20,
|
|
8
|
+
bottom: 56,
|
|
9
|
+
left: 48
|
|
10
|
+
}, c = a - s.left - s.right, l = o - s.top - s.bottom, u = 4, d = 2;
|
|
11
|
+
function f(e) {
|
|
12
|
+
return e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).toFixed(1)}k` : String(Math.round(e));
|
|
13
|
+
}
|
|
14
|
+
function p(e, t) {
|
|
15
|
+
return e.color ?? `var(--ds-chart-${t % 6 + 1})`;
|
|
16
|
+
}
|
|
17
|
+
var m = t(({ title: t, series: m, className: h }, g) => {
|
|
18
|
+
let _ = n();
|
|
19
|
+
if (m.length === 0 || m.every((e) => e.data.length === 0)) return /* @__PURE__ */ i("div", {
|
|
20
|
+
className: [e.empty, h ?? ""].filter(Boolean).join(" "),
|
|
21
|
+
children: [t, " — no data"]
|
|
22
|
+
});
|
|
23
|
+
let v = m[0].data.map((e) => e.label), y = v.length, b = m.length, x = Math.max(...m.flatMap((e) => e.data.map((e) => e.value)), 0), S = c / y, C = Math.min(Math.max((S * .8 - d * (b - 1)) / b, 4), b === 1 ? 60 : 40);
|
|
24
|
+
return /* @__PURE__ */ i("div", {
|
|
25
|
+
ref: g,
|
|
26
|
+
className: [e.wrapper, h ?? ""].filter(Boolean).join(" "),
|
|
27
|
+
children: [/* @__PURE__ */ i("svg", {
|
|
28
|
+
role: "img",
|
|
29
|
+
"aria-labelledby": _,
|
|
30
|
+
viewBox: `0 0 ${a} ${o}`,
|
|
31
|
+
className: e.svg,
|
|
32
|
+
children: [
|
|
33
|
+
/* @__PURE__ */ r("title", {
|
|
34
|
+
id: _,
|
|
35
|
+
children: t
|
|
36
|
+
}),
|
|
37
|
+
Array.from({ length: 5 }, (t, n) => {
|
|
38
|
+
let o = n / u, c = s.top + l - o * l, d = x * o;
|
|
39
|
+
return /* @__PURE__ */ i("g", { children: [/* @__PURE__ */ r("line", {
|
|
40
|
+
x1: s.left,
|
|
41
|
+
y1: c,
|
|
42
|
+
x2: a - s.right,
|
|
43
|
+
y2: c,
|
|
44
|
+
stroke: "var(--ds-chart-grid)",
|
|
45
|
+
strokeWidth: "1"
|
|
46
|
+
}), /* @__PURE__ */ r("text", {
|
|
47
|
+
x: s.left - 6,
|
|
48
|
+
y: c,
|
|
49
|
+
textAnchor: "end",
|
|
50
|
+
dominantBaseline: "middle",
|
|
51
|
+
className: e.axisLabel,
|
|
52
|
+
children: f(d)
|
|
53
|
+
})] }, n);
|
|
54
|
+
}),
|
|
55
|
+
v.map((t, n) => {
|
|
56
|
+
let a = C * b + d * (b - 1), c = s.left + n * S, u = c + (S - a) / 2, h = c + S / 2;
|
|
57
|
+
return /* @__PURE__ */ i("g", { children: [m.map((i, a) => {
|
|
58
|
+
let o = i.data[n];
|
|
59
|
+
if (!o) return null;
|
|
60
|
+
let c = x > 0 ? o.value / x * l : 0, m = u + a * (C + d), h = s.top + l - c, g = p(i, a);
|
|
61
|
+
return /* @__PURE__ */ r("rect", {
|
|
62
|
+
x: m,
|
|
63
|
+
y: h,
|
|
64
|
+
width: C,
|
|
65
|
+
height: c,
|
|
66
|
+
fill: g,
|
|
67
|
+
rx: "3",
|
|
68
|
+
className: e.bar,
|
|
69
|
+
children: /* @__PURE__ */ r("title", { children: `${i.label} — ${t}: ${f(o.value)}` })
|
|
70
|
+
}, i.id);
|
|
71
|
+
}), /* @__PURE__ */ r("text", {
|
|
72
|
+
x: h,
|
|
73
|
+
y: o - s.bottom + 16,
|
|
74
|
+
textAnchor: "middle",
|
|
75
|
+
className: e.axisLabel,
|
|
76
|
+
children: t
|
|
77
|
+
})] }, t);
|
|
78
|
+
}),
|
|
79
|
+
/* @__PURE__ */ r("line", {
|
|
80
|
+
x1: s.left,
|
|
81
|
+
y1: s.top + l,
|
|
82
|
+
x2: a - s.right,
|
|
83
|
+
y2: s.top + l,
|
|
84
|
+
stroke: "var(--ds-chart-axis)",
|
|
85
|
+
strokeWidth: "1"
|
|
86
|
+
})
|
|
87
|
+
]
|
|
88
|
+
}), b > 1 && /* @__PURE__ */ r("ul", {
|
|
89
|
+
className: e.legend,
|
|
90
|
+
"aria-label": "Chart legend",
|
|
91
|
+
children: m.map((t, n) => /* @__PURE__ */ i("li", {
|
|
92
|
+
className: e.legendItem,
|
|
93
|
+
children: [/* @__PURE__ */ r("span", {
|
|
94
|
+
className: e.legendSwatch,
|
|
95
|
+
style: { background: p(t, n) },
|
|
96
|
+
"aria-hidden": "true"
|
|
97
|
+
}), /* @__PURE__ */ r("span", { children: t.label })]
|
|
98
|
+
}, t.id))
|
|
99
|
+
})]
|
|
100
|
+
});
|
|
101
|
+
});
|
|
102
|
+
m.displayName = "BarChart";
|
|
103
|
+
//#endregion
|
|
104
|
+
export { m as BarChart };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var e=`_wrapper_1ke2z_1`,t=`_svg_1ke2z_6`,n=`_bar_1ke2z_12`,r=`_axisLabel_1ke2z_20`,i=`_legend_1ke2z_26`,a=`_legendItem_1ke2z_37`,o=`_legendSwatch_1ke2z_46`,s=`_empty_1ke2z_53`,c={wrapper:e,svg:t,bar:n,axisLabel:r,legend:i,legendItem:a,legendSwatch:o,empty:s};exports.axisLabel=r,exports.bar=n,exports.default=c,exports.empty=s,exports.legend=i,exports.legendItem=a,exports.legendSwatch=o,exports.svg=t,exports.wrapper=e;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
//#region src/components/BarChart/BarChart.module.css
|
|
2
|
+
var e = "_wrapper_1ke2z_1", t = "_svg_1ke2z_6", n = "_bar_1ke2z_12", r = "_axisLabel_1ke2z_20", i = "_legend_1ke2z_26", a = "_legendItem_1ke2z_37", o = "_legendSwatch_1ke2z_46", s = "_empty_1ke2z_53", c = {
|
|
3
|
+
wrapper: e,
|
|
4
|
+
svg: t,
|
|
5
|
+
bar: n,
|
|
6
|
+
axisLabel: r,
|
|
7
|
+
legend: i,
|
|
8
|
+
legendItem: a,
|
|
9
|
+
legendSwatch: o,
|
|
10
|
+
empty: s
|
|
11
|
+
};
|
|
12
|
+
//#endregion
|
|
13
|
+
export { r as axisLabel, n as bar, c as default, s as empty, i as legend, a as legendItem, o as legendSwatch, t as svg, e as wrapper };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e=require("./Breadcrumb.module.css.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=(0,t.forwardRef)(({items:t,"aria-label":r=`Breadcrumb`,className:i},a)=>(0,n.jsx)(`nav`,{ref:a,"aria-label":r,className:[e.default.nav,i??``].filter(Boolean).join(` `),children:(0,n.jsx)(`ol`,{className:e.default.list,children:t.map((r,i)=>{let a=i===t.length-1;return(0,n.jsx)(`li`,{className:e.default.item,children:a?(0,n.jsx)(`span`,{className:e.default.current,"aria-current":`page`,children:r.label}):r.href?(0,n.jsx)(`a`,{href:r.href,className:e.default.link,children:r.label}):(0,n.jsx)(`span`,{className:e.default.link,children:r.label})},`${r.label}-${i}`)})})}));r.displayName=`Breadcrumb`,exports.Breadcrumb=r;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import e from "./Breadcrumb.module.css.js";
|
|
2
|
+
import { forwardRef as t } from "react";
|
|
3
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
4
|
+
//#region src/components/Breadcrumb/Breadcrumb.tsx
|
|
5
|
+
var r = t(({ items: t, "aria-label": r = "Breadcrumb", className: i }, a) => /* @__PURE__ */ n("nav", {
|
|
6
|
+
ref: a,
|
|
7
|
+
"aria-label": r,
|
|
8
|
+
className: [e.nav, i ?? ""].filter(Boolean).join(" "),
|
|
9
|
+
children: /* @__PURE__ */ n("ol", {
|
|
10
|
+
className: e.list,
|
|
11
|
+
children: t.map((r, i) => {
|
|
12
|
+
let a = i === t.length - 1;
|
|
13
|
+
return /* @__PURE__ */ n("li", {
|
|
14
|
+
className: e.item,
|
|
15
|
+
children: a ? /* @__PURE__ */ n("span", {
|
|
16
|
+
className: e.current,
|
|
17
|
+
"aria-current": "page",
|
|
18
|
+
children: r.label
|
|
19
|
+
}) : r.href ? /* @__PURE__ */ n("a", {
|
|
20
|
+
href: r.href,
|
|
21
|
+
className: e.link,
|
|
22
|
+
children: r.label
|
|
23
|
+
}) : /* @__PURE__ */ n("span", {
|
|
24
|
+
className: e.link,
|
|
25
|
+
children: r.label
|
|
26
|
+
})
|
|
27
|
+
}, `${r.label}-${i}`);
|
|
28
|
+
})
|
|
29
|
+
})
|
|
30
|
+
}));
|
|
31
|
+
r.displayName = "Breadcrumb";
|
|
32
|
+
//#endregion
|
|
33
|
+
export { r as Breadcrumb };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var e=`_nav_1eaxa_1`,t=`_list_1eaxa_5`,n=`_item_1eaxa_14`,r=`_link_1eaxa_29`,i=`_current_1eaxa_47`,a={nav:e,list:t,item:n,link:r,current:i};exports.current=i,exports.default=a,exports.item=n,exports.link=r,exports.list=t,exports.nav=e;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
//#region src/components/Breadcrumb/Breadcrumb.module.css
|
|
2
|
+
var e = "_nav_1eaxa_1", t = "_list_1eaxa_5", n = "_item_1eaxa_14", r = "_link_1eaxa_29", i = "_current_1eaxa_47", a = {
|
|
3
|
+
nav: e,
|
|
4
|
+
list: t,
|
|
5
|
+
item: n,
|
|
6
|
+
link: r,
|
|
7
|
+
current: i
|
|
8
|
+
};
|
|
9
|
+
//#endregion
|
|
10
|
+
export { i as current, a as default, n as item, r as link, t as list, e as nav };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e=require("./Card.module.css.cjs");let t=require("react"),n=require("react/jsx-runtime");var r={sm:e.default.paddingSm,md:e.default.paddingMd,lg:e.default.paddingLg},i=(0,t.forwardRef)(({className:t,...r},i)=>(0,n.jsx)(`div`,{ref:i,className:[e.default.media,t??``].filter(Boolean).join(` `),...r}));i.displayName=`Card.Media`;var a=(0,t.forwardRef)(({className:t,...r},i)=>(0,n.jsx)(`div`,{ref:i,className:[e.default.header,t??``].filter(Boolean).join(` `),...r}));a.displayName=`Card.Header`;var o=(0,t.forwardRef)(({className:t,...r},i)=>(0,n.jsx)(`div`,{ref:i,className:[e.default.body,t??``].filter(Boolean).join(` `),...r}));o.displayName=`Card.Body`;var s=(0,t.forwardRef)(({className:t,...r},i)=>(0,n.jsx)(`div`,{ref:i,className:[e.default.footer,t??``].filter(Boolean).join(` `),...r}));s.displayName=`Card.Footer`;var c=(0,t.forwardRef)(({variant:t=`outlined`,padding:i=`md`,className:a,...o},s)=>{let c=[e.default.root,e.default[t],r[i],a??``].filter(Boolean).join(` `);return(0,n.jsx)(`div`,{ref:s,className:c,...o})});c.displayName=`Card`;var l=Object.assign(c,{Media:i,Header:a,Body:o,Footer:s});exports.Card=l;
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import e from "./Card.module.css.js";
|
|
2
|
+
import { forwardRef as t } from "react";
|
|
3
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
4
|
+
//#region src/components/Card/Card.tsx
|
|
5
|
+
var r = {
|
|
6
|
+
sm: e.paddingSm,
|
|
7
|
+
md: e.paddingMd,
|
|
8
|
+
lg: e.paddingLg
|
|
9
|
+
}, i = t(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
|
|
10
|
+
ref: i,
|
|
11
|
+
className: [e.media, t ?? ""].filter(Boolean).join(" "),
|
|
12
|
+
...r
|
|
13
|
+
}));
|
|
14
|
+
i.displayName = "Card.Media";
|
|
15
|
+
var a = t(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
|
|
16
|
+
ref: i,
|
|
17
|
+
className: [e.header, t ?? ""].filter(Boolean).join(" "),
|
|
18
|
+
...r
|
|
19
|
+
}));
|
|
20
|
+
a.displayName = "Card.Header";
|
|
21
|
+
var o = t(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
|
|
22
|
+
ref: i,
|
|
23
|
+
className: [e.body, t ?? ""].filter(Boolean).join(" "),
|
|
24
|
+
...r
|
|
25
|
+
}));
|
|
26
|
+
o.displayName = "Card.Body";
|
|
27
|
+
var s = t(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
|
|
28
|
+
ref: i,
|
|
29
|
+
className: [e.footer, t ?? ""].filter(Boolean).join(" "),
|
|
30
|
+
...r
|
|
31
|
+
}));
|
|
32
|
+
s.displayName = "Card.Footer";
|
|
33
|
+
var c = t(({ variant: t = "outlined", padding: i = "md", className: a, ...o }, s) => {
|
|
34
|
+
let c = [
|
|
35
|
+
e.root,
|
|
36
|
+
e[t],
|
|
37
|
+
r[i],
|
|
38
|
+
a ?? ""
|
|
39
|
+
].filter(Boolean).join(" ");
|
|
40
|
+
return /* @__PURE__ */ n("div", {
|
|
41
|
+
ref: s,
|
|
42
|
+
className: c,
|
|
43
|
+
...o
|
|
44
|
+
});
|
|
45
|
+
});
|
|
46
|
+
c.displayName = "Card";
|
|
47
|
+
var l = Object.assign(c, {
|
|
48
|
+
Media: i,
|
|
49
|
+
Header: a,
|
|
50
|
+
Body: o,
|
|
51
|
+
Footer: s
|
|
52
|
+
});
|
|
53
|
+
//#endregion
|
|
54
|
+
export { l as Card };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var e=`_root_1jo5p_3`,t=`_outlined_1jo5p_14`,n=`_elevated_1jo5p_18`,r=`_flat_1jo5p_22`,i=`_paddingSm_1jo5p_28`,a=`_paddingMd_1jo5p_29`,o=`_paddingLg_1jo5p_30`,s=`_media_1jo5p_34`,c=`_header_1jo5p_47`,l=`_body_1jo5p_48`,u=`_footer_1jo5p_49`,d={root:e,outlined:t,elevated:n,flat:r,paddingSm:i,paddingMd:a,paddingLg:o,media:s,header:c,body:l,footer:u};exports.body=l,exports.default=d,exports.elevated=n,exports.flat=r,exports.footer=u,exports.header=c,exports.media=s,exports.outlined=t,exports.paddingLg=o,exports.paddingMd=a,exports.paddingSm=i,exports.root=e;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
//#region src/components/Card/Card.module.css
|
|
2
|
+
var e = "_root_1jo5p_3", t = "_outlined_1jo5p_14", n = "_elevated_1jo5p_18", r = "_flat_1jo5p_22", i = "_paddingSm_1jo5p_28", a = "_paddingMd_1jo5p_29", o = "_paddingLg_1jo5p_30", s = "_media_1jo5p_34", c = "_header_1jo5p_47", l = "_body_1jo5p_48", u = "_footer_1jo5p_49", d = {
|
|
3
|
+
root: e,
|
|
4
|
+
outlined: t,
|
|
5
|
+
elevated: n,
|
|
6
|
+
flat: r,
|
|
7
|
+
paddingSm: i,
|
|
8
|
+
paddingMd: a,
|
|
9
|
+
paddingLg: o,
|
|
10
|
+
media: s,
|
|
11
|
+
header: c,
|
|
12
|
+
body: l,
|
|
13
|
+
footer: u
|
|
14
|
+
};
|
|
15
|
+
//#endregion
|
|
16
|
+
export { l as body, d as default, n as elevated, r as flat, u as footer, c as header, s as media, t as outlined, o as paddingLg, a as paddingMd, i as paddingSm, e as root };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e=require("../../primitives/Button/Button.cjs"),t=require("./Carousel.module.css.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=()=>(0,r.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:(0,r.jsx)(`polyline`,{points:`15 18 9 12 15 6`})}),a=()=>(0,r.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:(0,r.jsx)(`polyline`,{points:`9 18 15 12 9 6`})}),o=(0,n.forwardRef)(({children:o,"aria-label":s,loop:c=!1,autoplay:l,visibleSlides:u=1,prevLabel:d=`Previous`,nextLabel:f=`Next`,className:p,onKeyDown:m,...h},g)=>{let _=n.Children.toArray(o),v=_.length,y=Math.min(u,v),b=Math.max(0,v-y),x=b+1,[S,C]=(0,n.useState)(0),[w,T]=(0,n.useState)(!1),E=(0,n.useRef)(!1),D=(0,n.useRef)(!1);(0,n.useLayoutEffect)(()=>{if(!w)return;let e=requestAnimationFrame(()=>requestAnimationFrame(()=>T(!1)));return()=>cancelAnimationFrame(e)},[w]);let O=(0,n.useCallback)(e=>{c?((e<0||e>=v)&&T(!0),C((e%v+v)%v)):C(Math.max(0,Math.min(b,e)))},[c,v,b]),k=(0,n.useCallback)(()=>O(S-1),[S,O]),A=(0,n.useCallback)(()=>O(S+1),[S,O]);(0,n.useEffect)(()=>{if(!l)return;let e=setInterval(()=>{E.current||D.current||(c?O(S+1):C(e=>e<b?e+1:0))},l);return()=>clearInterval(e)},[l,S,O,c,b]);let j=(0,n.useCallback)(e=>{e.key===`ArrowLeft`&&(e.preventDefault(),k()),e.key===`ArrowRight`&&(e.preventDefault(),A()),m?.(e)},[k,A,m]),M=!c&&S===0,N=!c&&S>=b,P=v>0?S/v*100:0,F=v>0?v/y*100:100,I=v>0?100/v:100,L=[t.default.root,p??``].filter(Boolean).join(` `);return(0,r.jsxs)(`div`,{ref:g,role:`region`,"aria-label":s,className:L,onKeyDown:j,onMouseEnter:()=>{E.current=!0},onMouseLeave:()=>{E.current=!1},onFocus:()=>{D.current=!0},onBlur:()=>{D.current=!1},...h,children:[(0,r.jsx)(`span`,{className:t.default.srOnly,"aria-live":`polite`,"aria-atomic":`true`,children:`Slide ${S+1} of ${v}`}),(0,r.jsx)(`div`,{className:t.default.viewport,children:(0,r.jsx)(`div`,{className:t.default.track,style:{width:`${F}%`,transform:`translateX(-${P}%)`,...w?{transition:`none`}:{}},children:_.map((e,n)=>(0,r.jsx)(`div`,{role:`group`,"aria-roledescription":`slide`,"aria-label":`Slide ${n+1} of ${v}`,className:t.default.slide,style:{width:`${I}%`},children:e},n))})}),(0,r.jsxs)(`div`,{className:t.default.controls,children:[(0,r.jsx)(e.Button,{variant:`secondary`,size:`sm`,"aria-label":d,disabled:M,onClick:k,className:t.default.navBtn,children:(0,r.jsx)(i,{})}),(0,r.jsx)(`ul`,{className:t.default.dots,"aria-label":`Slides`,children:Array.from({length:x}).map((e,n)=>(0,r.jsx)(`li`,{children:(0,r.jsx)(`button`,{type:`button`,"aria-label":`Go to slide ${n+1}`,"aria-current":n===S||void 0,className:[t.default.dot,n===S?t.default.dotActive:``].filter(Boolean).join(` `),onClick:()=>O(n)})},n))}),(0,r.jsx)(e.Button,{variant:`secondary`,size:`sm`,"aria-label":f,disabled:N,onClick:A,className:t.default.navBtn,children:(0,r.jsx)(a,{})})]})]})});o.displayName=`Carousel`,exports.Carousel=o;
|