frey-ui 1.0.8 → 1.0.10
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/README.md +260 -9
- package/dist/cjs/Alert/alert.module.css.js +9 -0
- package/dist/cjs/Alert/alert.module.css.js.map +1 -0
- package/dist/cjs/Alert/index.js +36 -0
- package/dist/cjs/Alert/index.js.map +1 -0
- package/dist/cjs/Button/button.module.css.js +9 -0
- package/dist/cjs/Button/button.module.css.js.map +1 -0
- package/dist/cjs/Button/index.js +32 -0
- package/dist/cjs/Button/index.js.map +1 -0
- package/dist/cjs/Checkbox/checkbox.module.css.js +9 -0
- package/dist/cjs/Checkbox/checkbox.module.css.js.map +1 -0
- package/dist/cjs/Checkbox/index.js +49 -0
- package/dist/cjs/Checkbox/index.js.map +1 -0
- package/dist/cjs/Chip/chip.module.css.js +9 -0
- package/dist/cjs/Chip/chip.module.css.js.map +1 -0
- package/dist/cjs/Chip/index.js +48 -0
- package/dist/cjs/Chip/index.js.map +1 -0
- package/dist/cjs/Dialog/dialog.module.css.js +9 -0
- package/dist/cjs/Dialog/dialog.module.css.js.map +1 -0
- package/dist/cjs/Dialog/index.js +130 -0
- package/dist/cjs/Dialog/index.js.map +1 -0
- package/dist/cjs/DropdownMenu/dropdownmenu.module.css.js +9 -0
- package/dist/cjs/DropdownMenu/dropdownmenu.module.css.js.map +1 -0
- package/dist/cjs/DropdownMenu/index.js +220 -0
- package/dist/cjs/DropdownMenu/index.js.map +1 -0
- package/dist/cjs/Field/field.module.css.js +9 -0
- package/dist/cjs/Field/field.module.css.js.map +1 -0
- package/dist/cjs/Field/index.js +35 -0
- package/dist/cjs/Field/index.js.map +1 -0
- package/dist/cjs/Icons/icons.module.css.js +9 -0
- package/dist/cjs/Icons/icons.module.css.js.map +1 -0
- package/dist/cjs/Icons/index.js +96 -0
- package/dist/cjs/Icons/index.js.map +1 -0
- package/dist/cjs/Popover/index.js +145 -0
- package/dist/cjs/Popover/index.js.map +1 -0
- package/dist/cjs/Popover/popover.module.css.js +9 -0
- package/dist/cjs/Popover/popover.module.css.js.map +1 -0
- package/dist/cjs/Progress/index.js +31 -0
- package/dist/cjs/Progress/index.js.map +1 -0
- package/dist/cjs/Progress/progress.module.css.js +9 -0
- package/dist/cjs/Progress/progress.module.css.js.map +1 -0
- package/dist/cjs/RadioGroup/index.js +44 -0
- package/dist/cjs/RadioGroup/index.js.map +1 -0
- package/dist/cjs/RadioGroup/radiogroup.module.css.js +9 -0
- package/dist/cjs/RadioGroup/radiogroup.module.css.js.map +1 -0
- package/dist/cjs/Select/index.js +31 -0
- package/dist/cjs/Select/index.js.map +1 -0
- package/dist/cjs/Select/select.module.css.js +9 -0
- package/dist/cjs/Select/select.module.css.js.map +1 -0
- package/dist/cjs/Skeleton/index.js +23 -0
- package/dist/cjs/Skeleton/index.js.map +1 -0
- package/dist/cjs/Skeleton/skeleton.module.css.js +9 -0
- package/dist/cjs/Skeleton/skeleton.module.css.js.map +1 -0
- package/dist/cjs/Spinner/index.js +29 -0
- package/dist/cjs/Spinner/index.js.map +1 -0
- package/dist/cjs/Spinner/spinner.module.css.js +9 -0
- package/dist/cjs/Spinner/spinner.module.css.js.map +1 -0
- package/dist/cjs/Switch/index.js +40 -0
- package/dist/cjs/Switch/index.js.map +1 -0
- package/dist/cjs/Switch/switch.module.css.js +9 -0
- package/dist/cjs/Switch/switch.module.css.js.map +1 -0
- package/dist/cjs/TextInput/index.js +33 -0
- package/dist/cjs/TextInput/index.js.map +1 -0
- package/dist/cjs/TextInput/textinput.module.css.js +9 -0
- package/dist/cjs/TextInput/textinput.module.css.js.map +1 -0
- package/dist/cjs/Textarea/index.js +31 -0
- package/dist/cjs/Textarea/index.js.map +1 -0
- package/dist/cjs/Textarea/textarea.module.css.js +9 -0
- package/dist/cjs/Textarea/textarea.module.css.js.map +1 -0
- package/dist/cjs/ThemeProvider/index.js +29 -0
- package/dist/cjs/ThemeProvider/index.js.map +1 -0
- package/dist/cjs/ThemeProvider/themeprovider.module.css.js +9 -0
- package/dist/cjs/ThemeProvider/themeprovider.module.css.js.map +1 -0
- package/dist/cjs/Toast/index.js +111 -0
- package/dist/cjs/Toast/index.js.map +1 -0
- package/dist/cjs/Toast/toast.module.css.js +9 -0
- package/dist/cjs/Toast/toast.module.css.js.map +1 -0
- package/dist/cjs/Tooltip/index.js +165 -0
- package/dist/cjs/Tooltip/index.js.map +1 -0
- package/dist/cjs/Tooltip/tooltip.module.css.js +9 -0
- package/dist/cjs/Tooltip/tooltip.module.css.js.map +1 -0
- package/dist/cjs/index.js +56 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/esm/Alert/alert.module.css.js +5 -0
- package/dist/esm/Alert/alert.module.css.js.map +1 -0
- package/dist/esm/Alert/index.js +32 -0
- package/dist/esm/Alert/index.js.map +1 -0
- package/dist/esm/Button/button.module.css.js +5 -0
- package/dist/esm/Button/button.module.css.js.map +1 -0
- package/dist/esm/Button/index.js +28 -0
- package/dist/esm/Button/index.js.map +1 -0
- package/dist/esm/Checkbox/checkbox.module.css.js +5 -0
- package/dist/esm/Checkbox/checkbox.module.css.js.map +1 -0
- package/dist/esm/Checkbox/index.js +45 -0
- package/dist/esm/Checkbox/index.js.map +1 -0
- package/dist/esm/Chip/chip.module.css.js +5 -0
- package/dist/esm/Chip/chip.module.css.js.map +1 -0
- package/dist/esm/Chip/index.js +44 -0
- package/dist/esm/Chip/index.js.map +1 -0
- package/dist/esm/Dialog/dialog.module.css.js +5 -0
- package/dist/esm/Dialog/dialog.module.css.js.map +1 -0
- package/dist/esm/Dialog/index.js +126 -0
- package/dist/esm/Dialog/index.js.map +1 -0
- package/dist/esm/DropdownMenu/dropdownmenu.module.css.js +5 -0
- package/dist/esm/DropdownMenu/dropdownmenu.module.css.js.map +1 -0
- package/dist/esm/DropdownMenu/index.js +216 -0
- package/dist/esm/DropdownMenu/index.js.map +1 -0
- package/dist/esm/Field/field.module.css.js +5 -0
- package/dist/esm/Field/field.module.css.js.map +1 -0
- package/dist/esm/Field/index.js +31 -0
- package/dist/esm/Field/index.js.map +1 -0
- package/dist/esm/Icons/icons.module.css.js +5 -0
- package/dist/esm/Icons/icons.module.css.js.map +1 -0
- package/dist/esm/Icons/index.js +84 -0
- package/dist/esm/Icons/index.js.map +1 -0
- package/dist/esm/Popover/index.js +141 -0
- package/dist/esm/Popover/index.js.map +1 -0
- package/dist/esm/Popover/popover.module.css.js +5 -0
- package/dist/esm/Popover/popover.module.css.js.map +1 -0
- package/dist/esm/Progress/index.js +27 -0
- package/dist/esm/Progress/index.js.map +1 -0
- package/dist/esm/Progress/progress.module.css.js +5 -0
- package/dist/esm/Progress/progress.module.css.js.map +1 -0
- package/dist/esm/RadioGroup/index.js +40 -0
- package/dist/esm/RadioGroup/index.js.map +1 -0
- package/dist/esm/RadioGroup/radiogroup.module.css.js +5 -0
- package/dist/esm/RadioGroup/radiogroup.module.css.js.map +1 -0
- package/dist/esm/Select/index.js +27 -0
- package/dist/esm/Select/index.js.map +1 -0
- package/dist/esm/Select/select.module.css.js +5 -0
- package/dist/esm/Select/select.module.css.js.map +1 -0
- package/dist/esm/Skeleton/index.js +19 -0
- package/dist/esm/Skeleton/index.js.map +1 -0
- package/dist/esm/Skeleton/skeleton.module.css.js +5 -0
- package/dist/esm/Skeleton/skeleton.module.css.js.map +1 -0
- package/dist/esm/Spinner/index.js +25 -0
- package/dist/esm/Spinner/index.js.map +1 -0
- package/dist/esm/Spinner/spinner.module.css.js +5 -0
- package/dist/esm/Spinner/spinner.module.css.js.map +1 -0
- package/dist/esm/Switch/index.js +36 -0
- package/dist/esm/Switch/index.js.map +1 -0
- package/dist/esm/Switch/switch.module.css.js +5 -0
- package/dist/esm/Switch/switch.module.css.js.map +1 -0
- package/dist/esm/TextInput/index.js +29 -0
- package/dist/esm/TextInput/index.js.map +1 -0
- package/dist/esm/TextInput/textinput.module.css.js +5 -0
- package/dist/esm/TextInput/textinput.module.css.js.map +1 -0
- package/dist/esm/Textarea/index.js +27 -0
- package/dist/esm/Textarea/index.js.map +1 -0
- package/dist/esm/Textarea/textarea.module.css.js +5 -0
- package/dist/esm/Textarea/textarea.module.css.js.map +1 -0
- package/dist/esm/ThemeProvider/index.js +25 -0
- package/dist/esm/ThemeProvider/index.js.map +1 -0
- package/dist/esm/ThemeProvider/themeprovider.module.css.js +5 -0
- package/dist/esm/ThemeProvider/themeprovider.module.css.js.map +1 -0
- package/dist/esm/Toast/index.js +108 -0
- package/dist/esm/Toast/index.js.map +1 -0
- package/dist/esm/Toast/toast.module.css.js +5 -0
- package/dist/esm/Toast/toast.module.css.js.map +1 -0
- package/dist/esm/Tooltip/index.js +161 -0
- package/dist/esm/Tooltip/index.js.map +1 -0
- package/dist/esm/Tooltip/tooltip.module.css.js +5 -0
- package/dist/esm/Tooltip/tooltip.module.css.js.map +1 -0
- package/dist/esm/index.js +22 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/index.d.ts +339 -0
- package/dist/styles.css +2 -0
- package/dist/styles.css.map +1 -0
- package/dist/tsconfig.lib.tsbuildinfo +1 -0
- package/dist/types/src/Alert/index.d.ts +11 -0
- package/dist/types/src/Button/index.d.ts +22 -0
- package/dist/types/src/Checkbox/index.d.ts +12 -0
- package/dist/types/src/Chip/index.d.ts +21 -0
- package/dist/types/src/Dialog/index.d.ts +18 -0
- package/dist/types/src/DropdownMenu/index.d.ts +27 -0
- package/dist/types/src/Field/index.d.ts +22 -0
- package/dist/types/src/Icons/index.d.ts +29 -0
- package/dist/types/src/Popover/index.d.ts +20 -0
- package/dist/types/src/Progress/index.d.ts +15 -0
- package/dist/types/src/RadioGroup/index.d.ts +27 -0
- package/dist/types/src/Select/index.d.ts +14 -0
- package/dist/types/src/Skeleton/index.d.ts +11 -0
- package/dist/types/src/Spinner/index.d.ts +10 -0
- package/dist/types/src/Switch/index.d.ts +11 -0
- package/dist/types/src/TextInput/index.d.ts +12 -0
- package/dist/types/src/Textarea/index.d.ts +13 -0
- package/dist/types/src/ThemeProvider/index.d.ts +12 -0
- package/dist/types/src/Toast/index.d.ts +30 -0
- package/dist/types/src/Tooltip/index.d.ts +17 -0
- package/dist/types/src/index.d.ts +41 -0
- package/package.json +11 -23
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"textarea.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
|
+
|
|
6
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
7
|
+
var clsx = require('clsx');
|
|
8
|
+
var React = require('react');
|
|
9
|
+
var themeprovider_module = require('./themeprovider.module.css.js');
|
|
10
|
+
|
|
11
|
+
function ThemeProvider({ children, theme = 'light', highContrast = false, id, className, style }) {
|
|
12
|
+
const [systemTheme, setSystemTheme] = React.useState('light');
|
|
13
|
+
React.useEffect(() => {
|
|
14
|
+
if (theme !== 'system')
|
|
15
|
+
return;
|
|
16
|
+
const mediaQuery = globalThis.matchMedia('(prefers-color-scheme: dark)');
|
|
17
|
+
setSystemTheme(mediaQuery.matches ? 'dark' : 'light');
|
|
18
|
+
const handleChange = (e) => {
|
|
19
|
+
setSystemTheme(e.matches ? 'dark' : 'light');
|
|
20
|
+
};
|
|
21
|
+
mediaQuery.addEventListener('change', handleChange);
|
|
22
|
+
return () => mediaQuery.removeEventListener('change', handleChange);
|
|
23
|
+
}, [theme]);
|
|
24
|
+
const resolvedTheme = theme === 'system' ? systemTheme : theme;
|
|
25
|
+
return (jsxRuntime.jsx("div", { id: id, className: clsx(themeprovider_module.default['frey-theme-provider'], className), style: style, "data-frey-theme": resolvedTheme, "data-frey-high-contrast": highContrast, children: children }));
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
exports.default = ThemeProvider;
|
|
29
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/ThemeProvider/index.tsx"],"sourcesContent":[null],"names":["useState","useEffect","_jsx","styles"],"mappings":";;;;;;;;;;AAgBA,SAAS,aAAa,CAAC,EACrB,QAAQ,EACR,KAAK,GAAG,OAAO,EACf,YAAY,GAAG,KAAK,EACpB,EAAE,EACF,SAAS,EACT,KAAK,EACwB,EAAA;IAC7B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAGA,cAAQ,CAAmB,OAAO,CAAC;IAEzEC,eAAS,CAAC,MAAK;QACb,IAAI,KAAK,KAAK,QAAQ;YAAE;QAExB,MAAM,UAAU,GAAG,UAAU,CAAC,UAAU,CAAC,8BAA8B,CAAC;AACxE,QAAA,cAAc,CAAC,UAAU,CAAC,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AAErD,QAAA,MAAM,YAAY,GAAG,CAAC,CAAsB,KAAI;AAC9C,YAAA,cAAc,CAAC,CAAC,CAAC,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AAC9C,QAAA,CAAC;AAED,QAAA,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC;QACnD,OAAO,MAAM,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC;AACrE,IAAA,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;AAEX,IAAA,MAAM,aAAa,GAAG,KAAK,KAAK,QAAQ,GAAG,WAAW,GAAG,KAAK;AAE9D,IAAA,QACEC,cAAA,CAAA,KAAA,EAAA,EACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,IAAI,CAACC,4BAAM,CAAC,qBAAqB,CAAC,EAAE,SAAS,CAAC,EACzD,KAAK,EAAE,KAAK,EAAA,iBAAA,EACK,aAAa,EAAA,yBAAA,EACL,YAAY,EAAA,QAAA,EAEpC,QAAQ,EAAA,CACL;AAEV;;;;"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
|
+
|
|
6
|
+
var styles = {"frey-theme-provider":"themeprovider-module_frey-theme-provider__HZeKb"};
|
|
7
|
+
|
|
8
|
+
exports.default = styles;
|
|
9
|
+
//# sourceMappingURL=themeprovider.module.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"themeprovider.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
var clsx = require('clsx');
|
|
6
|
+
var React = require('react');
|
|
7
|
+
var reactDom = require('react-dom');
|
|
8
|
+
var index = require('../Icons/index.js');
|
|
9
|
+
var toast_module = require('./toast.module.css.js');
|
|
10
|
+
|
|
11
|
+
const ToastContext = React.createContext(null);
|
|
12
|
+
const VariantIconMap = {
|
|
13
|
+
info: jsxRuntime.jsx(index.CircleInfoIcon, { size: 'lg', className: toast_module.default.toast_icon_svg }),
|
|
14
|
+
success: jsxRuntime.jsx(index.CircleCheckIcon, { size: 'lg', className: toast_module.default.toast_icon_svg }),
|
|
15
|
+
warning: jsxRuntime.jsx(index.TriangleAlertIcon, { size: 'lg', className: toast_module.default.toast_icon_svg }),
|
|
16
|
+
error: jsxRuntime.jsx(index.CircleXIcon, { size: 'lg', className: toast_module.default.toast_icon_svg })
|
|
17
|
+
};
|
|
18
|
+
const PlacementClassMap = {
|
|
19
|
+
'top-right': toast_module.default.toast_viewport_top_right,
|
|
20
|
+
'top-left': toast_module.default.toast_viewport_top_left,
|
|
21
|
+
'bottom-right': toast_module.default.toast_viewport_bottom_right,
|
|
22
|
+
'bottom-left': toast_module.default.toast_viewport_bottom_left
|
|
23
|
+
};
|
|
24
|
+
function generateToastId() {
|
|
25
|
+
if (typeof crypto !== 'undefined' &&
|
|
26
|
+
typeof crypto.randomUUID === 'function') {
|
|
27
|
+
return crypto.randomUUID();
|
|
28
|
+
}
|
|
29
|
+
return `toast-${Math.random().toString(36).slice(2, 11)}`;
|
|
30
|
+
}
|
|
31
|
+
function ToastProvider({ children, placement = 'top-right', limit = 4, className, style }) {
|
|
32
|
+
const [toasts, setToasts] = React.useState([]);
|
|
33
|
+
const timersRef = React.useRef({});
|
|
34
|
+
const clearTimer = React.useCallback((id) => {
|
|
35
|
+
const timer = timersRef.current[id];
|
|
36
|
+
if (!timer) {
|
|
37
|
+
return;
|
|
38
|
+
}
|
|
39
|
+
clearTimeout(timer);
|
|
40
|
+
delete timersRef.current[id];
|
|
41
|
+
}, []);
|
|
42
|
+
const dismiss = React.useCallback((id) => {
|
|
43
|
+
clearTimer(id);
|
|
44
|
+
setToasts((currentToasts) => currentToasts.filter((toast) => toast.id !== id));
|
|
45
|
+
}, [clearTimer]);
|
|
46
|
+
const dismissAll = React.useCallback(() => {
|
|
47
|
+
Object.keys(timersRef.current).forEach((id) => {
|
|
48
|
+
clearTimer(id);
|
|
49
|
+
});
|
|
50
|
+
setToasts([]);
|
|
51
|
+
}, [clearTimer]);
|
|
52
|
+
const toast = React.useCallback((options) => {
|
|
53
|
+
var _a, _b;
|
|
54
|
+
const id = (_a = options.id) !== null && _a !== void 0 ? _a : generateToastId();
|
|
55
|
+
const duration = typeof options.duration === 'number' ? options.duration : 4000;
|
|
56
|
+
const nextToast = {
|
|
57
|
+
id,
|
|
58
|
+
title: options.title,
|
|
59
|
+
description: options.description,
|
|
60
|
+
variant: (_b = options.variant) !== null && _b !== void 0 ? _b : 'info',
|
|
61
|
+
duration,
|
|
62
|
+
action: options.action
|
|
63
|
+
};
|
|
64
|
+
setToasts((currentToasts) => {
|
|
65
|
+
const safeLimit = Math.max(limit, 1);
|
|
66
|
+
const nextToasts = [nextToast, ...currentToasts];
|
|
67
|
+
if (nextToasts.length <= safeLimit) {
|
|
68
|
+
return nextToasts;
|
|
69
|
+
}
|
|
70
|
+
const removed = nextToasts.slice(safeLimit);
|
|
71
|
+
for (const removedToast of removed) {
|
|
72
|
+
clearTimer(removedToast.id);
|
|
73
|
+
}
|
|
74
|
+
return nextToasts.slice(0, safeLimit);
|
|
75
|
+
});
|
|
76
|
+
if (duration > 0) {
|
|
77
|
+
clearTimer(id);
|
|
78
|
+
timersRef.current[id] = setTimeout(() => {
|
|
79
|
+
dismiss(id);
|
|
80
|
+
}, duration);
|
|
81
|
+
}
|
|
82
|
+
return id;
|
|
83
|
+
}, [clearTimer, dismiss, limit]);
|
|
84
|
+
React.useEffect(() => {
|
|
85
|
+
return () => {
|
|
86
|
+
Object.keys(timersRef.current).forEach((id) => {
|
|
87
|
+
clearTimer(id);
|
|
88
|
+
});
|
|
89
|
+
};
|
|
90
|
+
}, [clearTimer]);
|
|
91
|
+
const contextValue = React.useMemo(() => ({ toast, dismiss, dismissAll }), [dismiss, dismissAll, toast]);
|
|
92
|
+
const viewport = (jsxRuntime.jsx("section", { className: clsx(toast_module.default.toast_viewport, PlacementClassMap[placement], className), style: style, "aria-label": 'Notifications', children: jsxRuntime.jsx("ol", { className: toast_module.default.toast_list, children: toasts.map((toastItem) => (jsxRuntime.jsx("li", { className: toast_module.default.toast_list_item, children: jsxRuntime.jsxs("output", { className: clsx(toast_module.default.toast, toast_module.default[`toast_${toastItem.variant}`]), "aria-live": toastItem.variant === 'error' ? 'assertive' : 'polite', "aria-atomic": 'true', children: [jsxRuntime.jsx("span", { className: toast_module.default.toast_icon, children: VariantIconMap[toastItem.variant] }), jsxRuntime.jsxs("div", { className: toast_module.default.toast_body, children: [toastItem.title && (jsxRuntime.jsx("strong", { className: toast_module.default.toast_title, children: toastItem.title })), jsxRuntime.jsx("p", { className: toast_module.default.toast_description, children: toastItem.description })] }), toastItem.action && (jsxRuntime.jsx("button", { type: 'button', className: toast_module.default.toast_action, onClick: () => {
|
|
93
|
+
var _a;
|
|
94
|
+
(_a = toastItem.action) === null || _a === void 0 ? void 0 : _a.onClick();
|
|
95
|
+
dismiss(toastItem.id);
|
|
96
|
+
}, children: toastItem.action.label })), jsxRuntime.jsx("button", { type: 'button', className: toast_module.default.toast_close, onClick: () => dismiss(toastItem.id), "aria-label": 'Dismiss notification', children: jsxRuntime.jsx(index.CloseIcon, { size: 'sm' }) })] }) }, toastItem.id))) }) }));
|
|
97
|
+
return (jsxRuntime.jsxs(ToastContext.Provider, { value: contextValue, children: [children, typeof document === 'undefined'
|
|
98
|
+
? viewport
|
|
99
|
+
: reactDom.createPortal(viewport, document.body)] }));
|
|
100
|
+
}
|
|
101
|
+
function useToast() {
|
|
102
|
+
const contextValue = React.useContext(ToastContext);
|
|
103
|
+
if (!contextValue) {
|
|
104
|
+
throw new Error('useToast must be used within a ToastProvider.');
|
|
105
|
+
}
|
|
106
|
+
return contextValue;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
exports.ToastProvider = ToastProvider;
|
|
110
|
+
exports.useToast = useToast;
|
|
111
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/Toast/index.tsx"],"sourcesContent":[null],"names":["_jsx","CircleInfoIcon","styles","CircleCheckIcon","TriangleAlertIcon","CircleXIcon","_jsxs","CloseIcon","createPortal"],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
|
+
|
|
6
|
+
var styles = {"toast_viewport":"toast-module_toast_viewport__vS0tW","toast_list":"toast-module_toast_list__r-4p-","toast_viewport_top_right":"toast-module_toast_viewport_top_right__g8262","toast_viewport_top_left":"toast-module_toast_viewport_top_left__-aF0V","toast_viewport_bottom_right":"toast-module_toast_viewport_bottom_right__haSk0","toast_viewport_bottom_left":"toast-module_toast_viewport_bottom_left__cqfBb","toast_list_item":"toast-module_toast_list_item__K2K8r","toast":"toast-module_toast__VCp84","toast_in":"toast-module_toast_in__W0uZk","toast_info":"toast-module_toast_info__OpgDK","toast_success":"toast-module_toast_success__SS2fN","toast_warning":"toast-module_toast_warning__2boQF","toast_error":"toast-module_toast_error__2d2qC","toast_icon":"toast-module_toast_icon__jYhv5","toast_icon_svg":"toast-module_toast_icon_svg__4oFvo","toast_body":"toast-module_toast_body__tc8Kq","toast_title":"toast-module_toast_title__a5kQQ","toast_description":"toast-module_toast_description__lQu6I","toast_action":"toast-module_toast_action__BLzqc","toast_close":"toast-module_toast_close__lipKl"};
|
|
7
|
+
|
|
8
|
+
exports.default = styles;
|
|
9
|
+
//# sourceMappingURL=toast.module.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toast.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
|
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
|
+
|
|
6
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
7
|
+
var clsx = require('clsx');
|
|
8
|
+
var React = require('react');
|
|
9
|
+
var reactDom = require('react-dom');
|
|
10
|
+
var tooltip_module = require('./tooltip.module.css.js');
|
|
11
|
+
|
|
12
|
+
function clamp(value, min, max) {
|
|
13
|
+
return Math.min(Math.max(value, min), max);
|
|
14
|
+
}
|
|
15
|
+
function mergeRefs(...refs) {
|
|
16
|
+
return (node) => {
|
|
17
|
+
refs.forEach((ref) => {
|
|
18
|
+
if (!ref) {
|
|
19
|
+
return;
|
|
20
|
+
}
|
|
21
|
+
if (typeof ref === 'function') {
|
|
22
|
+
ref(node);
|
|
23
|
+
}
|
|
24
|
+
else {
|
|
25
|
+
ref.current = node;
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
function Tooltip({ children, content, open, defaultOpen = false, onOpenChange, placement = 'top', offset = 8, delay = 120, id, className, style }) {
|
|
31
|
+
const generatedId = React.useId();
|
|
32
|
+
const tooltipId = id !== null && id !== void 0 ? id : `${generatedId}-tooltip`;
|
|
33
|
+
const triggerRef = React.useRef(null);
|
|
34
|
+
const tooltipRef = React.useRef(null);
|
|
35
|
+
const delayTimerRef = React.useRef(null);
|
|
36
|
+
const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
|
|
37
|
+
const [position, setPosition] = React.useState({ top: 0, left: 0 });
|
|
38
|
+
const isControlled = typeof open === 'boolean';
|
|
39
|
+
const isOpen = isControlled ? open : internalOpen;
|
|
40
|
+
const setOpen = React.useCallback((nextOpen) => {
|
|
41
|
+
if (!isControlled) {
|
|
42
|
+
setInternalOpen(nextOpen);
|
|
43
|
+
}
|
|
44
|
+
onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(nextOpen);
|
|
45
|
+
}, [isControlled, onOpenChange]);
|
|
46
|
+
const hideImmediately = React.useCallback(() => {
|
|
47
|
+
if (delayTimerRef.current) {
|
|
48
|
+
clearTimeout(delayTimerRef.current);
|
|
49
|
+
}
|
|
50
|
+
setOpen(false);
|
|
51
|
+
}, [setOpen]);
|
|
52
|
+
const showWithDelay = React.useCallback(() => {
|
|
53
|
+
if (delayTimerRef.current) {
|
|
54
|
+
clearTimeout(delayTimerRef.current);
|
|
55
|
+
}
|
|
56
|
+
delayTimerRef.current = setTimeout(() => {
|
|
57
|
+
setOpen(true);
|
|
58
|
+
}, delay);
|
|
59
|
+
}, [delay, setOpen]);
|
|
60
|
+
const updatePosition = React.useCallback(() => {
|
|
61
|
+
if (!isOpen || !triggerRef.current || !tooltipRef.current) {
|
|
62
|
+
return;
|
|
63
|
+
}
|
|
64
|
+
const triggerRect = triggerRef.current.getBoundingClientRect();
|
|
65
|
+
const tooltipRect = tooltipRef.current.getBoundingClientRect();
|
|
66
|
+
const viewportPadding = 8;
|
|
67
|
+
const viewportWidth = window.innerWidth;
|
|
68
|
+
const viewportHeight = window.innerHeight;
|
|
69
|
+
let top = triggerRect.top - tooltipRect.height - offset;
|
|
70
|
+
let left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2;
|
|
71
|
+
if (placement === 'bottom') {
|
|
72
|
+
top = triggerRect.bottom + offset;
|
|
73
|
+
}
|
|
74
|
+
if (placement === 'left') {
|
|
75
|
+
top = triggerRect.top + (triggerRect.height - tooltipRect.height) / 2;
|
|
76
|
+
left = triggerRect.left - tooltipRect.width - offset;
|
|
77
|
+
}
|
|
78
|
+
if (placement === 'right') {
|
|
79
|
+
top = triggerRect.top + (triggerRect.height - tooltipRect.height) / 2;
|
|
80
|
+
left = triggerRect.right + offset;
|
|
81
|
+
}
|
|
82
|
+
top = clamp(top, viewportPadding, Math.max(viewportPadding, viewportHeight - tooltipRect.height - viewportPadding));
|
|
83
|
+
left = clamp(left, viewportPadding, Math.max(viewportPadding, viewportWidth - tooltipRect.width - viewportPadding));
|
|
84
|
+
setPosition({ top, left });
|
|
85
|
+
}, [isOpen, offset, placement]);
|
|
86
|
+
React.useLayoutEffect(() => {
|
|
87
|
+
updatePosition();
|
|
88
|
+
}, [updatePosition]);
|
|
89
|
+
React.useEffect(() => {
|
|
90
|
+
if (!isOpen) {
|
|
91
|
+
return;
|
|
92
|
+
}
|
|
93
|
+
const handleReposition = () => {
|
|
94
|
+
updatePosition();
|
|
95
|
+
};
|
|
96
|
+
window.addEventListener('resize', handleReposition);
|
|
97
|
+
window.addEventListener('scroll', handleReposition, true);
|
|
98
|
+
return () => {
|
|
99
|
+
window.removeEventListener('resize', handleReposition);
|
|
100
|
+
window.removeEventListener('scroll', handleReposition, true);
|
|
101
|
+
};
|
|
102
|
+
}, [isOpen, updatePosition]);
|
|
103
|
+
React.useEffect(() => {
|
|
104
|
+
return () => {
|
|
105
|
+
if (delayTimerRef.current) {
|
|
106
|
+
clearTimeout(delayTimerRef.current);
|
|
107
|
+
}
|
|
108
|
+
};
|
|
109
|
+
}, []);
|
|
110
|
+
React.useEffect(() => {
|
|
111
|
+
if (!isOpen) {
|
|
112
|
+
return;
|
|
113
|
+
}
|
|
114
|
+
const handleEscape = (event) => {
|
|
115
|
+
if (event.key === 'Escape') {
|
|
116
|
+
event.preventDefault();
|
|
117
|
+
hideImmediately();
|
|
118
|
+
}
|
|
119
|
+
};
|
|
120
|
+
document.addEventListener('keydown', handleEscape);
|
|
121
|
+
return () => {
|
|
122
|
+
document.removeEventListener('keydown', handleEscape);
|
|
123
|
+
};
|
|
124
|
+
}, [hideImmediately, isOpen]);
|
|
125
|
+
const childProps = children.props;
|
|
126
|
+
const triggerElement = React.cloneElement(children, {
|
|
127
|
+
ref: mergeRefs(childProps.ref, triggerRef),
|
|
128
|
+
onMouseEnter: (event) => {
|
|
129
|
+
var _a;
|
|
130
|
+
(_a = childProps.onMouseEnter) === null || _a === void 0 ? void 0 : _a.call(childProps, event);
|
|
131
|
+
showWithDelay();
|
|
132
|
+
},
|
|
133
|
+
onMouseLeave: (event) => {
|
|
134
|
+
var _a;
|
|
135
|
+
(_a = childProps.onMouseLeave) === null || _a === void 0 ? void 0 : _a.call(childProps, event);
|
|
136
|
+
hideImmediately();
|
|
137
|
+
},
|
|
138
|
+
onFocus: (event) => {
|
|
139
|
+
var _a;
|
|
140
|
+
(_a = childProps.onFocus) === null || _a === void 0 ? void 0 : _a.call(childProps, event);
|
|
141
|
+
showWithDelay();
|
|
142
|
+
},
|
|
143
|
+
onBlur: (event) => {
|
|
144
|
+
var _a;
|
|
145
|
+
(_a = childProps.onBlur) === null || _a === void 0 ? void 0 : _a.call(childProps, event);
|
|
146
|
+
hideImmediately();
|
|
147
|
+
},
|
|
148
|
+
onKeyDown: (event) => {
|
|
149
|
+
var _a;
|
|
150
|
+
(_a = childProps.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(childProps, event);
|
|
151
|
+
if (!event.defaultPrevented && event.key === 'Escape') {
|
|
152
|
+
hideImmediately();
|
|
153
|
+
}
|
|
154
|
+
},
|
|
155
|
+
'aria-describedby': isOpen ? tooltipId : undefined
|
|
156
|
+
});
|
|
157
|
+
if (typeof document === 'undefined') {
|
|
158
|
+
return triggerElement;
|
|
159
|
+
}
|
|
160
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [triggerElement, isOpen &&
|
|
161
|
+
reactDom.createPortal(jsxRuntime.jsx("div", { id: tooltipId, ref: tooltipRef, role: 'tooltip', className: clsx(tooltip_module.default.tooltip, className), style: Object.assign({ top: position.top, left: position.left }, style), children: content }), document.body)] }));
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
exports.default = Tooltip;
|
|
165
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/Tooltip/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","createPortal","_jsx","styles"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tooltip.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var index = require('./Alert/index.js');
|
|
5
|
+
var index$1 = require('./Button/index.js');
|
|
6
|
+
var index$3 = require('./Checkbox/index.js');
|
|
7
|
+
var index$4 = require('./Chip/index.js');
|
|
8
|
+
var index$5 = require('./Dialog/index.js');
|
|
9
|
+
var index$6 = require('./DropdownMenu/index.js');
|
|
10
|
+
var index$7 = require('./Field/index.js');
|
|
11
|
+
var index$2 = require('./Icons/index.js');
|
|
12
|
+
var index$8 = require('./Popover/index.js');
|
|
13
|
+
var index$9 = require('./Progress/index.js');
|
|
14
|
+
var index$a = require('./RadioGroup/index.js');
|
|
15
|
+
var index$b = require('./Select/index.js');
|
|
16
|
+
var index$c = require('./Skeleton/index.js');
|
|
17
|
+
var index$d = require('./Spinner/index.js');
|
|
18
|
+
var index$e = require('./Switch/index.js');
|
|
19
|
+
var index$g = require('./Textarea/index.js');
|
|
20
|
+
var index$f = require('./TextInput/index.js');
|
|
21
|
+
var index$h = require('./ThemeProvider/index.js');
|
|
22
|
+
var index$i = require('./Toast/index.js');
|
|
23
|
+
var index$j = require('./Tooltip/index.js');
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
exports.Alert = index.default;
|
|
28
|
+
exports.Button = index$1.default;
|
|
29
|
+
exports.Checkbox = index$3.default;
|
|
30
|
+
exports.Chip = index$4.default;
|
|
31
|
+
exports.Dialog = index$5.default;
|
|
32
|
+
exports.DropdownMenu = index$6.default;
|
|
33
|
+
exports.Field = index$7.default;
|
|
34
|
+
exports.CheckIcon = index$2.CheckIcon;
|
|
35
|
+
exports.ChevronDownIcon = index$2.ChevronDownIcon;
|
|
36
|
+
exports.CircleCheckIcon = index$2.CircleCheckIcon;
|
|
37
|
+
exports.CircleInfoIcon = index$2.CircleInfoIcon;
|
|
38
|
+
exports.CircleXIcon = index$2.CircleXIcon;
|
|
39
|
+
exports.CloseIcon = index$2.CloseIcon;
|
|
40
|
+
exports.Icons = index$2.default;
|
|
41
|
+
exports.MinusIcon = index$2.MinusIcon;
|
|
42
|
+
exports.TriangleAlertIcon = index$2.TriangleAlertIcon;
|
|
43
|
+
exports.Popover = index$8.default;
|
|
44
|
+
exports.Progress = index$9.default;
|
|
45
|
+
exports.RadioGroup = index$a.default;
|
|
46
|
+
exports.Select = index$b.default;
|
|
47
|
+
exports.Skeleton = index$c.default;
|
|
48
|
+
exports.Spinner = index$d.default;
|
|
49
|
+
exports.Switch = index$e.default;
|
|
50
|
+
exports.Textarea = index$g.default;
|
|
51
|
+
exports.TextInput = index$f.default;
|
|
52
|
+
exports.ThemeProvider = index$h.default;
|
|
53
|
+
exports.ToastProvider = index$i.ToastProvider;
|
|
54
|
+
exports.useToast = index$i.useToast;
|
|
55
|
+
exports.Tooltip = index$j.default;
|
|
56
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
var styles = {"alert":"alert-module_alert__j-fLL","alert-error":"alert-module_alert-error__U8yC8","alert-success":"alert-module_alert-success__FYP1Q","alert-warning":"alert-module_alert-warning__tuLWQ","alert-info":"alert-module_alert-info__d2xVj","alert-icon":"alert-module_alert-icon__j-8MC","alert_icon_svg":"alert-module_alert_icon_svg__EBN75","alert-content":"alert-module_alert-content__PUQPc","alert-title":"alert-module_alert-title__3yZS1","alert-message":"alert-module_alert-message__0AJ04"};
|
|
3
|
+
|
|
4
|
+
export { styles as default };
|
|
5
|
+
//# sourceMappingURL=alert.module.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
|
+
import clsx from 'clsx';
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import { CircleInfoIcon, TriangleAlertIcon, CircleCheckIcon, CircleXIcon } from '../Icons/index.js';
|
|
6
|
+
import styles from './alert.module.css.js';
|
|
7
|
+
|
|
8
|
+
const VariantClassMap = {
|
|
9
|
+
error: styles['alert-error'],
|
|
10
|
+
success: styles['alert-success'],
|
|
11
|
+
warning: styles['alert-warning'],
|
|
12
|
+
info: styles['alert-info']
|
|
13
|
+
};
|
|
14
|
+
const VariantRoleMap = {
|
|
15
|
+
error: 'alert',
|
|
16
|
+
warning: 'alert',
|
|
17
|
+
success: 'status',
|
|
18
|
+
info: 'status'
|
|
19
|
+
};
|
|
20
|
+
const icons = {
|
|
21
|
+
error: (jsx(CircleXIcon, { size: 'lg', strokeWidth: 'bold', className: styles.alert_icon_svg })),
|
|
22
|
+
success: (jsx(CircleCheckIcon, { size: 'lg', strokeWidth: 'bold', className: styles.alert_icon_svg })),
|
|
23
|
+
warning: (jsx(TriangleAlertIcon, { size: 'lg', strokeWidth: 'bold', className: styles.alert_icon_svg })),
|
|
24
|
+
info: (jsx(CircleInfoIcon, { size: 'lg', strokeWidth: 'bold', className: styles.alert_icon_svg }))
|
|
25
|
+
};
|
|
26
|
+
const Alert = React.forwardRef(function Alert({ variant = 'info', title, children, className, style }, ref) {
|
|
27
|
+
return (jsxs("div", { ref: ref, role: VariantRoleMap[variant], className: clsx(styles.alert, VariantClassMap[variant], className), style: style, children: [jsx("span", { className: styles['alert-icon'], children: icons[variant] }), jsxs("div", { className: styles['alert-content'], children: [title && jsx("p", { className: styles['alert-title'], children: title }), jsx("p", { className: styles['alert-message'], children: children })] })] }));
|
|
28
|
+
});
|
|
29
|
+
Alert.displayName = 'Alert';
|
|
30
|
+
|
|
31
|
+
export { Alert as default };
|
|
32
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/Alert/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;AAoBA,MAAM,eAAe,GAAiC;AACpD,IAAA,KAAK,EAAE,MAAM,CAAC,aAAa,CAAC;AAC5B,IAAA,OAAO,EAAE,MAAM,CAAC,eAAe,CAAC;AAChC,IAAA,OAAO,EAAE,MAAM,CAAC,eAAe,CAAC;AAChC,IAAA,IAAI,EAAE,MAAM,CAAC,YAAY;CAC1B;AAED,MAAM,cAAc,GAA6C;AAC/D,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,OAAO,EAAE,OAAO;AAChB,IAAA,OAAO,EAAE,QAAQ;AACjB,IAAA,IAAI,EAAE;CACP;AAED,MAAM,KAAK,GAA0C;AACnD,IAAA,KAAK,GACHA,GAAA,CAAC,WAAW,EAAA,EACV,IAAI,EAAC,IAAI,EACT,WAAW,EAAC,MAAM,EAClB,SAAS,EAAE,MAAM,CAAC,cAAc,GAChC,CACH;AACD,IAAA,OAAO,GACLA,GAAA,CAAC,eAAe,EAAA,EACd,IAAI,EAAC,IAAI,EACT,WAAW,EAAC,MAAM,EAClB,SAAS,EAAE,MAAM,CAAC,cAAc,GAChC,CACH;AACD,IAAA,OAAO,GACLA,GAAA,CAAC,iBAAiB,EAAA,EAChB,IAAI,EAAC,IAAI,EACT,WAAW,EAAC,MAAM,EAClB,SAAS,EAAE,MAAM,CAAC,cAAc,GAChC,CACH;AACD,IAAA,IAAI,GACFA,GAAA,CAAC,cAAc,EAAA,EACb,IAAI,EAAC,IAAI,EACT,WAAW,EAAC,MAAM,EAClB,SAAS,EAAE,MAAM,CAAC,cAAc,GAChC;CAEL;AAED,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,SAAS,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,GAAG,EAAA;AACzE,IAAA,QACEC,IAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,cAAc,CAAC,OAAO,CAAC,EAC7B,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,EAClE,KAAK,EAAE,KAAK,EAAA,QAAA,EAAA,CAEZD,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,EAAA,QAAA,EAAG,KAAK,CAAC,OAAO,CAAC,EAAA,CAAQ,EAC9DC,cAAK,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,EAAA,QAAA,EAAA,CACpC,KAAK,IAAID,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,EAAA,QAAA,EAAG,KAAK,GAAK,EAC1DA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,EAAA,QAAA,EAAG,QAAQ,GAAK,CAAA,EAAA,CACjD,CAAA,EAAA,CACF;AAEV,CAAC;AAGH,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
var styles = {"button":"button-module_button__umKM2","button-sm":"button-module_button-sm__TiGU6","button-md":"button-module_button-md__J7V5e","button-lg":"button-module_button-lg__-SzwA","button-primary":"button-module_button-primary__v1Ube","button-secondary":"button-module_button-secondary__sWT9h","button-ghost":"button-module_button-ghost__s0pgs","button-destructive":"button-module_button-destructive__zxYP7","button-loading":"button-module_button-loading__-ye2x","spinner":"button-module_spinner__1Wrqa"};
|
|
3
|
+
|
|
4
|
+
export { styles as default };
|
|
5
|
+
//# sourceMappingURL=button.module.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { __rest } from 'tslib';
|
|
3
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
4
|
+
import clsx from 'clsx';
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import styles from './button.module.css.js';
|
|
7
|
+
|
|
8
|
+
const VariantClassMap = {
|
|
9
|
+
primary: styles['button-primary'],
|
|
10
|
+
secondary: styles['button-secondary'],
|
|
11
|
+
ghost: styles['button-ghost'],
|
|
12
|
+
destructive: styles['button-destructive']
|
|
13
|
+
};
|
|
14
|
+
const SizeClassMap = {
|
|
15
|
+
sm: styles['button-sm'],
|
|
16
|
+
md: styles['button-md'],
|
|
17
|
+
lg: styles['button-lg']
|
|
18
|
+
};
|
|
19
|
+
const Button = React.forwardRef(function Button(_a, ref) {
|
|
20
|
+
var { as, variant = 'primary', size = 'md', loading = false, disabled = false, className, style, children } = _a, restProps = __rest(_a, ["as", "variant", "size", "loading", "disabled", "className", "style", "children"]);
|
|
21
|
+
const Component = (as !== null && as !== void 0 ? as : 'button');
|
|
22
|
+
const isButton = (as !== null && as !== void 0 ? as : 'button') === 'button';
|
|
23
|
+
return (jsxs(Component, Object.assign({ ref: ref, className: clsx(styles.button, VariantClassMap[variant], SizeClassMap[size], { [styles['button-loading']]: loading }, className), style: style, disabled: isButton ? disabled || loading : undefined, "aria-disabled": !isButton && (disabled || loading) ? true : undefined, type: isButton ? 'button' : undefined, "aria-busy": loading || undefined }, restProps, { children: [loading && jsx("span", { className: styles.spinner, "aria-hidden": 'true' }), children] })));
|
|
24
|
+
});
|
|
25
|
+
Button.displayName = 'Button';
|
|
26
|
+
|
|
27
|
+
export { Button as default };
|
|
28
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/Button/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AA+BA,MAAM,eAAe,GAAkC;AACrD,IAAA,OAAO,EAAE,MAAM,CAAC,gBAAgB,CAAC;AACjC,IAAA,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC;AACrC,IAAA,KAAK,EAAE,MAAM,CAAC,cAAc,CAAC;AAC7B,IAAA,WAAW,EAAE,MAAM,CAAC,oBAAoB;CACzC;AAED,MAAM,YAAY,GAA+B;AAC/C,IAAA,EAAE,EAAE,MAAM,CAAC,WAAW,CAAC;AACvB,IAAA,EAAE,EAAE,MAAM,CAAC,WAAW,CAAC;AACvB,IAAA,EAAE,EAAE,MAAM,CAAC,WAAW;CACvB;AAED,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,MAAM,CAG7C,EAU2B,EAC3B,GAAgC,EAAA;AAXhC,IAAA,IAAA,EACE,EAAE,EACF,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,KAAK,EACL,QAAQ,EAAA,GAAA,EAEiB,EADtB,SAAS,GAAA,MAAA,CAAA,EAAA,EATd,CAAA,IAAA,EAAA,SAAA,EAAA,MAAA,EAAA,SAAA,EAAA,UAAA,EAAA,WAAA,EAAA,OAAA,EAAA,UAAA,CAUC,CADa;IAId,MAAM,SAAS,IAAI,EAAE,KAAA,IAAA,IAAF,EAAE,KAAA,MAAA,GAAF,EAAE,GAAI,QAAQ,CAAsB;AACvD,IAAA,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAA,IAAA,IAAF,EAAE,KAAA,MAAA,GAAF,EAAE,GAAI,QAAQ,MAAM,QAAQ;IAE9C,QACEA,IAAA,CAAC,SAAS,EAAA,MAAA,CAAA,MAAA,CAAA,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,MAAM,EACb,eAAe,CAAC,OAAO,CAAC,EACxB,YAAY,CAAC,IAAI,CAAC,EAClB,EAAE,CAAC,MAAM,CAAC,gBAAgB,CAAC,GAAG,OAAO,EAAE,EACvC,SAAS,CACV,EACD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,GAAG,QAAQ,IAAI,OAAO,GAAG,SAAS,EAAA,eAAA,EACrC,CAAC,QAAQ,KAAK,QAAQ,IAAI,OAAO,CAAC,GAAG,IAAI,GAAG,SAAS,EACpE,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,EAAA,WAAA,EAC1B,OAAO,IAAI,SAAS,EAAA,EAC3B,SAAS,EAAA,EAAA,QAAA,EAAA,CAEZ,OAAO,IAAIC,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,OAAO,EAAA,aAAA,EAAc,MAAM,GAAG,EACjE,QAAQ,CAAA,EAAA,CAAA,CACC;AAEhB,CAAC;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
var styles = {"checkbox-container":"checkbox-module_checkbox-container__ljwCZ","checkbox":"checkbox-module_checkbox__-voPf","checkbox-sm":"checkbox-module_checkbox-sm__W4Bsc","checkbox-md":"checkbox-module_checkbox-md__GtRQX","checkbox-lg":"checkbox-module_checkbox-lg__Hl7wJ","checkbox-box":"checkbox-module_checkbox-box__1KZI9","checkbox-disabled":"checkbox-module_checkbox-disabled__e9Ufr","check-icon":"checkbox-module_check-icon__O2v-a","indeterminate-icon":"checkbox-module_indeterminate-icon__ujYHN","label":"checkbox-module_label__4jx3z","visually-hidden":"checkbox-module_visually-hidden__1AzKx"};
|
|
3
|
+
|
|
4
|
+
export { styles as default };
|
|
5
|
+
//# sourceMappingURL=checkbox.module.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { __rest } from 'tslib';
|
|
3
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
4
|
+
import clsx from 'clsx';
|
|
5
|
+
import React, { useId, useRef, useLayoutEffect } from 'react';
|
|
6
|
+
import { CheckIcon, MinusIcon } from '../Icons/index.js';
|
|
7
|
+
import styles from './checkbox.module.css.js';
|
|
8
|
+
|
|
9
|
+
const SizeClassMap = {
|
|
10
|
+
sm: styles['checkbox-sm'],
|
|
11
|
+
md: styles['checkbox-md'],
|
|
12
|
+
lg: styles['checkbox-lg']
|
|
13
|
+
};
|
|
14
|
+
const Checkbox = React.forwardRef(function Checkbox(_a, forwardedRef) {
|
|
15
|
+
var { label, hideLabel = false, size = 'md', indeterminate = false, className, style, id, disabled = false } = _a, inputProps = __rest(_a, ["label", "hideLabel", "size", "indeterminate", "className", "style", "id", "disabled"]);
|
|
16
|
+
const generatedId = useId();
|
|
17
|
+
const inputId = id !== null && id !== void 0 ? id : generatedId;
|
|
18
|
+
const internalRef = useRef(null);
|
|
19
|
+
useLayoutEffect(() => {
|
|
20
|
+
if (internalRef.current) {
|
|
21
|
+
internalRef.current.indeterminate = indeterminate;
|
|
22
|
+
}
|
|
23
|
+
}, [indeterminate]);
|
|
24
|
+
const setRef = (node) => {
|
|
25
|
+
internalRef.current = node;
|
|
26
|
+
if (node) {
|
|
27
|
+
node.indeterminate = indeterminate;
|
|
28
|
+
}
|
|
29
|
+
if (typeof forwardedRef === 'function') {
|
|
30
|
+
forwardedRef(node);
|
|
31
|
+
}
|
|
32
|
+
else if (forwardedRef) {
|
|
33
|
+
forwardedRef.current = node;
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
return (jsxs("div", { className: clsx(styles['checkbox-container'], className), style: style, children: [jsxs("span", { className: clsx(styles.checkbox, SizeClassMap[size], {
|
|
37
|
+
[styles['checkbox-disabled']]: disabled
|
|
38
|
+
}), "aria-disabled": disabled || undefined, children: [jsx("input", Object.assign({ type: 'checkbox', id: inputId, disabled: disabled, ref: setRef, "aria-checked": indeterminate ? 'mixed' : undefined }, inputProps)), jsxs("span", { className: styles['checkbox-box'], "aria-hidden": 'true', children: [jsx(CheckIcon, { className: styles['check-icon'], strokeWidth: 'bold', size: 'md' }), jsx(MinusIcon, { className: styles['indeterminate-icon'], strokeWidth: 'bold', size: 'md' })] })] }), jsx("label", { htmlFor: inputId, className: clsx(styles.label, {
|
|
39
|
+
[styles['visually-hidden']]: hideLabel
|
|
40
|
+
}), children: label })] }));
|
|
41
|
+
});
|
|
42
|
+
Checkbox.displayName = 'Checkbox';
|
|
43
|
+
|
|
44
|
+
export { Checkbox as default };
|
|
45
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/Checkbox/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
var styles = {"chip-outlined":"chip-module_chip-outlined__nsWch","chip-default":"chip-module_chip-default__W71L9","chip-default-clickable":"chip-module_chip-default-clickable__xqeqN","chip-outlined-clickable":"chip-module_chip-outlined-clickable__slYmY","chip-text":"chip-module_chip-text__VIJnW"};
|
|
3
|
+
|
|
4
|
+
export { styles as default };
|
|
5
|
+
//# sourceMappingURL=chip.module.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chip.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
|