@zimyo/ui 1.2.1 → 1.4.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/Accordion/index.esm.js +5 -218
- package/dist/Accordion/index.js +5 -225
- package/dist/Badge/index.d.ts +29 -0
- package/dist/Badge/index.esm.js +1 -0
- package/dist/Badge/index.js +1 -0
- package/dist/Button/index.esm.js +1 -13
- package/dist/Button/index.js +1 -18
- package/dist/Card/index.esm.js +1 -36
- package/dist/Card/index.js +1 -38
- package/dist/DatePicker/index.d.ts +38 -0
- package/dist/DatePicker/index.esm.js +27 -0
- package/dist/DatePicker/index.js +27 -0
- package/dist/DateRangePicker/index.d.ts +27 -0
- package/dist/DateRangePicker/index.esm.js +27 -0
- package/dist/DateRangePicker/index.js +27 -0
- package/dist/Input/index.d.ts +18 -0
- package/dist/Input/index.esm.js +26 -0
- package/dist/Input/index.js +26 -0
- package/dist/Modal/index.d.ts +11 -9
- package/dist/Modal/index.esm.js +5 -123
- package/dist/Modal/index.js +5 -128
- package/dist/Notice/index.d.ts +19 -0
- package/dist/Notice/index.esm.js +26 -0
- package/dist/Notice/index.js +26 -0
- package/dist/Popover/index.esm.js +1 -22
- package/dist/Popover/index.js +1 -27
- package/dist/RadioGroup/index.esm.js +1 -91
- package/dist/RadioGroup/index.js +1 -96
- package/dist/Select/index.d.ts +15 -13
- package/dist/Select/index.esm.js +5 -173
- package/dist/Select/index.js +5 -178
- package/dist/Switch/index.esm.js +1 -9
- package/dist/Switch/index.js +1 -14
- package/dist/Tabs/index.esm.js +1 -202
- package/dist/Tabs/index.js +1 -207
- package/dist/Typography/index.esm.js +1 -57
- package/dist/Typography/index.js +1 -66
- package/dist/index.d.ts +169 -54
- package/dist/index.esm.js +5 -746
- package/dist/index.js +5 -770
- package/dist/theme/index.esm.js +1 -234
- package/dist/theme/index.js +1 -239
- package/package.json +44 -8
- package/dist/TextInput/index.d.ts +0 -18
- package/dist/TextInput/index.esm.js +0 -33
- package/dist/TextInput/index.js +0 -38
|
@@ -1,239 +1,26 @@
|
|
|
1
|
-
import
|
|
2
|
-
import React, { forwardRef, createElement } from 'react';
|
|
3
|
-
import { useTheme, Accordion as Accordion$1, AccordionSummary, AccordionDetails } from '@mui/material';
|
|
4
|
-
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import r,{forwardRef as a,createElement as o}from"react";import{useTheme as t,Accordion as i,AccordionSummary as n,AccordionDetails as s}from"@mui/material";
|
|
5
2
|
/**
|
|
6
3
|
* @license lucide-react v0.525.0 - ISC
|
|
7
4
|
*
|
|
8
5
|
* This source code is licensed under the ISC license.
|
|
9
6
|
* See the LICENSE file in the root directory of this source tree.
|
|
10
|
-
*/
|
|
11
|
-
|
|
12
|
-
const toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
|
|
13
|
-
const toCamelCase = (string) => string.replace(
|
|
14
|
-
/^([A-Z])|[\s-_]+(\w)/g,
|
|
15
|
-
(match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()
|
|
16
|
-
);
|
|
17
|
-
const toPascalCase = (string) => {
|
|
18
|
-
const camelCase = toCamelCase(string);
|
|
19
|
-
return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
|
|
20
|
-
};
|
|
21
|
-
const mergeClasses = (...classes) => classes.filter((className, index, array) => {
|
|
22
|
-
return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
|
|
23
|
-
}).join(" ").trim();
|
|
24
|
-
const hasA11yProp = (props) => {
|
|
25
|
-
for (const prop in props) {
|
|
26
|
-
if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
|
|
27
|
-
return true;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
|
|
7
|
+
*/const d=e=>{const r=(e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,r,a)=>a?a.toUpperCase():r.toLowerCase()))(e);return r.charAt(0).toUpperCase()+r.slice(1)},l=(...e)=>e.filter((e,r,a)=>Boolean(e)&&""!==e.trim()&&a.indexOf(e)===r).join(" ").trim(),u=e=>{for(const r in e)if(r.startsWith("aria-")||"role"===r||"title"===r)return!0};
|
|
32
8
|
/**
|
|
33
9
|
* @license lucide-react v0.525.0 - ISC
|
|
34
10
|
*
|
|
35
11
|
* This source code is licensed under the ISC license.
|
|
36
12
|
* See the LICENSE file in the root directory of this source tree.
|
|
37
13
|
*/
|
|
38
|
-
|
|
39
|
-
var defaultAttributes = {
|
|
40
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
41
|
-
width: 24,
|
|
42
|
-
height: 24,
|
|
43
|
-
viewBox: "0 0 24 24",
|
|
44
|
-
fill: "none",
|
|
45
|
-
stroke: "currentColor",
|
|
46
|
-
strokeWidth: 2,
|
|
47
|
-
strokeLinecap: "round",
|
|
48
|
-
strokeLinejoin: "round"
|
|
49
|
-
};
|
|
50
|
-
|
|
14
|
+
var c={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};
|
|
51
15
|
/**
|
|
52
16
|
* @license lucide-react v0.525.0 - ISC
|
|
53
17
|
*
|
|
54
18
|
* This source code is licensed under the ISC license.
|
|
55
19
|
* See the LICENSE file in the root directory of this source tree.
|
|
56
|
-
*/
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
const Icon = forwardRef(
|
|
60
|
-
({
|
|
61
|
-
color = "currentColor",
|
|
62
|
-
size = 24,
|
|
63
|
-
strokeWidth = 2,
|
|
64
|
-
absoluteStrokeWidth,
|
|
65
|
-
className = "",
|
|
66
|
-
children,
|
|
67
|
-
iconNode,
|
|
68
|
-
...rest
|
|
69
|
-
}, ref) => createElement(
|
|
70
|
-
"svg",
|
|
71
|
-
{
|
|
72
|
-
ref,
|
|
73
|
-
...defaultAttributes,
|
|
74
|
-
width: size,
|
|
75
|
-
height: size,
|
|
76
|
-
stroke: color,
|
|
77
|
-
strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
|
|
78
|
-
className: mergeClasses("lucide", className),
|
|
79
|
-
...!children && !hasA11yProp(rest) && { "aria-hidden": "true" },
|
|
80
|
-
...rest
|
|
81
|
-
},
|
|
82
|
-
[
|
|
83
|
-
...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),
|
|
84
|
-
...Array.isArray(children) ? children : [children]
|
|
85
|
-
]
|
|
86
|
-
)
|
|
87
|
-
);
|
|
88
|
-
|
|
20
|
+
*/const p=a(({color:e="currentColor",size:r=24,strokeWidth:a=2,absoluteStrokeWidth:t,className:i="",children:n,iconNode:s,...d},p)=>o("svg",{ref:p,...c,width:r,height:r,stroke:e,strokeWidth:t?24*Number(a)/Number(r):a,className:l("lucide",i),...!n&&!u(d)&&{"aria-hidden":"true"},...d},[...s.map(([e,r])=>o(e,r)),...Array.isArray(n)?n:[n]])),m=((e,r)=>{const t=a(({className:a,...t},i)=>{return o(p,{ref:i,iconNode:r,className:l(`lucide-${n=d(e),n.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}`,`lucide-${e}`,a),...t});var n});return t.displayName=d(e),t})("chevron-down",[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]]),h=r.createContext({}),f=r.forwardRef(({type:a="single",collapsible:o=!1,value:i,defaultValue:n,onValueChange:s,children:d,sx:l={},...u},c)=>{const p=t(),[m,f]=r.useState(()=>void 0!==i?i:void 0!==n?n:"multiple"===a?[]:""),g=void 0!==i?i:m,v=r.useCallback(e=>{void 0===i&&f(e),s?.(e)},[i,s]),x=r.useMemo(()=>({type:a,collapsible:o,value:g,defaultValue:n,onValueChange:v}),[a,o,g,n,v]);return e(h.Provider,{value:x,children:e("div",{ref:c,style:{display:"flex",flexDirection:"column",gap:p.spacing(1)},...u,children:d})})}),g=r.forwardRef(({value:a,children:o,sx:n={},...s},d)=>{const l=t(),u=r.useContext(h),c=r.useMemo(()=>"multiple"===u.type?Array.isArray(u.value)&&u.value.includes(a):u.value===a,[u.value,u.type,a]),p=r.useCallback(()=>{if(u.onValueChange)if("multiple"===u.type){const e=Array.isArray(u.value)?u.value:[],r=c?e.filter(e=>e!==a):[...e,a];u.onValueChange(r)}else{const e=c&&u.collapsible?"":a;u.onValueChange(e)}},[u,a,c]);return e(i,{ref:d,expanded:c,onChange:p,variant:"outlined",sx:{borderRadius:l.radius?.sm||l.shape.borderRadius,"&:before":{display:"none"},"&.Mui-expanded":{margin:0},border:`1px solid ${l.palette.divider}`,...n},...s,children:o})}),v=r.forwardRef(({children:r,sx:a={},expandIcon:o,...i},s)=>{const d=t(),l=void 0!==o?o:e(m,{});return e(n,{ref:s,expandIcon:l,sx:{borderRadius:d.radius?.sm||d.shape.borderRadius,minHeight:56,fontWeight:500,"&.Mui-expanded":{minHeight:56,borderBottomLeftRadius:0,borderBottomRightRadius:0,borderBottom:`1px solid ${d.palette.divider}`},"& .MuiAccordionSummary-content":{margin:"12px 0","&.Mui-expanded":{margin:"12px 0"}},"& .MuiAccordionSummary-expandIconWrapper":{transition:d.transitions.create("transform",{duration:d.transitions.duration.shortest}),"&.Mui-expanded":{transform:"rotate(180deg)"}},"&:hover":{backgroundColor:d.palette.action.hover},...a},...i,children:r})}),x=r.forwardRef(({children:r,sx:a={},...o},i)=>{const n=t();return e(s,{ref:i,sx:{padding:n.spacing(2),borderBottomLeftRadius:n.radius?.sm||n.shape.borderRadius,borderBottomRightRadius:n.radius?.sm||n.shape.borderRadius,...a},...o,children:r})});
|
|
89
21
|
/**
|
|
90
22
|
* @license lucide-react v0.525.0 - ISC
|
|
91
23
|
*
|
|
92
24
|
* This source code is licensed under the ISC license.
|
|
93
25
|
* See the LICENSE file in the root directory of this source tree.
|
|
94
|
-
*/
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
const createLucideIcon = (iconName, iconNode) => {
|
|
98
|
-
const Component = forwardRef(
|
|
99
|
-
({ className, ...props }, ref) => createElement(Icon, {
|
|
100
|
-
ref,
|
|
101
|
-
iconNode,
|
|
102
|
-
className: mergeClasses(
|
|
103
|
-
`lucide-${toKebabCase(toPascalCase(iconName))}`,
|
|
104
|
-
`lucide-${iconName}`,
|
|
105
|
-
className
|
|
106
|
-
),
|
|
107
|
-
...props
|
|
108
|
-
})
|
|
109
|
-
);
|
|
110
|
-
Component.displayName = toPascalCase(iconName);
|
|
111
|
-
return Component;
|
|
112
|
-
};
|
|
113
|
-
|
|
114
|
-
/**
|
|
115
|
-
* @license lucide-react v0.525.0 - ISC
|
|
116
|
-
*
|
|
117
|
-
* This source code is licensed under the ISC license.
|
|
118
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
119
|
-
*/
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
const __iconNode = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
|
|
123
|
-
const ChevronDown = createLucideIcon("chevron-down", __iconNode);
|
|
124
|
-
|
|
125
|
-
const AccordionContext = React.createContext({});
|
|
126
|
-
// Main Accordion Container Component
|
|
127
|
-
const Accordion = React.forwardRef(({ type = 'single', collapsible = false, value: controlledValue, defaultValue, onValueChange, children, sx = {}, ...props }, ref) => {
|
|
128
|
-
const theme = useTheme();
|
|
129
|
-
// Internal state management
|
|
130
|
-
const [internalValue, setInternalValue] = React.useState(() => {
|
|
131
|
-
if (controlledValue !== undefined)
|
|
132
|
-
return controlledValue;
|
|
133
|
-
if (defaultValue !== undefined)
|
|
134
|
-
return defaultValue;
|
|
135
|
-
return type === 'multiple' ? [] : '';
|
|
136
|
-
});
|
|
137
|
-
const value = controlledValue !== undefined ? controlledValue : internalValue;
|
|
138
|
-
const handleValueChange = React.useCallback((newValue) => {
|
|
139
|
-
if (controlledValue === undefined) {
|
|
140
|
-
setInternalValue(newValue);
|
|
141
|
-
}
|
|
142
|
-
onValueChange?.(newValue);
|
|
143
|
-
}, [controlledValue, onValueChange]);
|
|
144
|
-
const contextValue = React.useMemo(() => ({
|
|
145
|
-
type,
|
|
146
|
-
collapsible,
|
|
147
|
-
value,
|
|
148
|
-
defaultValue,
|
|
149
|
-
onValueChange: handleValueChange,
|
|
150
|
-
}), [type, collapsible, value, defaultValue, handleValueChange]);
|
|
151
|
-
return (jsx(AccordionContext.Provider, { value: contextValue, children: jsx("div", { ref: ref, style: {
|
|
152
|
-
display: 'flex',
|
|
153
|
-
flexDirection: 'column',
|
|
154
|
-
gap: theme.spacing(1),
|
|
155
|
-
}, ...props, children: children }) }));
|
|
156
|
-
});
|
|
157
|
-
// AccordionItem Component
|
|
158
|
-
const AccordionItem = React.forwardRef(({ value: itemValue, children, sx = {}, ...props }, ref) => {
|
|
159
|
-
const theme = useTheme();
|
|
160
|
-
const context = React.useContext(AccordionContext);
|
|
161
|
-
const isExpanded = React.useMemo(() => {
|
|
162
|
-
if (context.type === 'multiple') {
|
|
163
|
-
return Array.isArray(context.value) && context.value.includes(itemValue);
|
|
164
|
-
}
|
|
165
|
-
return context.value === itemValue;
|
|
166
|
-
}, [context.value, context.type, itemValue]);
|
|
167
|
-
const handleChange = React.useCallback(() => {
|
|
168
|
-
if (!context.onValueChange)
|
|
169
|
-
return;
|
|
170
|
-
if (context.type === 'multiple') {
|
|
171
|
-
const currentValue = Array.isArray(context.value) ? context.value : [];
|
|
172
|
-
const newValue = isExpanded
|
|
173
|
-
? currentValue.filter(v => v !== itemValue)
|
|
174
|
-
: [...currentValue, itemValue];
|
|
175
|
-
context.onValueChange(newValue);
|
|
176
|
-
}
|
|
177
|
-
else {
|
|
178
|
-
const newValue = isExpanded && context.collapsible ? '' : itemValue;
|
|
179
|
-
context.onValueChange(newValue);
|
|
180
|
-
}
|
|
181
|
-
}, [context, itemValue, isExpanded]);
|
|
182
|
-
return (jsx(Accordion$1, { ref: ref, expanded: isExpanded, onChange: handleChange, variant: "outlined", sx: {
|
|
183
|
-
borderRadius: theme.radius?.sm || theme.shape.borderRadius,
|
|
184
|
-
'&:before': {
|
|
185
|
-
display: 'none',
|
|
186
|
-
},
|
|
187
|
-
'&.Mui-expanded': {
|
|
188
|
-
margin: 0,
|
|
189
|
-
},
|
|
190
|
-
border: `1px solid ${theme.palette.divider}`,
|
|
191
|
-
...sx,
|
|
192
|
-
}, ...props, children: children }));
|
|
193
|
-
});
|
|
194
|
-
// AccordionTrigger Component
|
|
195
|
-
const AccordionTrigger = React.forwardRef(({ children, sx = {}, expandIcon, ...props }, ref) => {
|
|
196
|
-
const theme = useTheme();
|
|
197
|
-
const defaultExpandIcon = expandIcon !== undefined ? expandIcon : jsx(ChevronDown, {});
|
|
198
|
-
return (jsx(AccordionSummary, { ref: ref, expandIcon: defaultExpandIcon, sx: {
|
|
199
|
-
borderRadius: theme.radius?.sm || theme.shape.borderRadius,
|
|
200
|
-
minHeight: 56,
|
|
201
|
-
fontWeight: 500,
|
|
202
|
-
'&.Mui-expanded': {
|
|
203
|
-
minHeight: 56,
|
|
204
|
-
borderBottomLeftRadius: 0,
|
|
205
|
-
borderBottomRightRadius: 0,
|
|
206
|
-
borderBottom: `1px solid ${theme.palette.divider}`,
|
|
207
|
-
},
|
|
208
|
-
'& .MuiAccordionSummary-content': {
|
|
209
|
-
margin: '12px 0',
|
|
210
|
-
'&.Mui-expanded': {
|
|
211
|
-
margin: '12px 0',
|
|
212
|
-
},
|
|
213
|
-
},
|
|
214
|
-
'& .MuiAccordionSummary-expandIconWrapper': {
|
|
215
|
-
transition: theme.transitions.create('transform', {
|
|
216
|
-
duration: theme.transitions.duration.shortest,
|
|
217
|
-
}),
|
|
218
|
-
'&.Mui-expanded': {
|
|
219
|
-
transform: 'rotate(180deg)',
|
|
220
|
-
},
|
|
221
|
-
},
|
|
222
|
-
'&:hover': {
|
|
223
|
-
backgroundColor: theme.palette.action.hover,
|
|
224
|
-
},
|
|
225
|
-
...sx,
|
|
226
|
-
}, ...props, children: children }));
|
|
227
|
-
});
|
|
228
|
-
// AccordionContent Component
|
|
229
|
-
const AccordionContent = React.forwardRef(({ children, sx = {}, ...props }, ref) => {
|
|
230
|
-
const theme = useTheme();
|
|
231
|
-
return (jsx(AccordionDetails, { ref: ref, sx: {
|
|
232
|
-
padding: theme.spacing(2),
|
|
233
|
-
borderBottomLeftRadius: theme.radius?.sm || theme.shape.borderRadius,
|
|
234
|
-
borderBottomRightRadius: theme.radius?.sm || theme.shape.borderRadius,
|
|
235
|
-
...sx,
|
|
236
|
-
}, ...props, children: children }));
|
|
237
|
-
});
|
|
238
|
-
|
|
239
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Accordion as default };
|
|
26
|
+
*/export{f as Accordion,x as AccordionContent,g as AccordionItem,v as AccordionTrigger,f as default};
|
package/dist/Accordion/index.js
CHANGED
|
@@ -1,247 +1,27 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
var React = require('react');
|
|
7
|
-
var material = require('@mui/material');
|
|
8
|
-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),o=require("@mui/material");
|
|
9
2
|
/**
|
|
10
3
|
* @license lucide-react v0.525.0 - ISC
|
|
11
4
|
*
|
|
12
5
|
* This source code is licensed under the ISC license.
|
|
13
6
|
* See the LICENSE file in the root directory of this source tree.
|
|
14
7
|
*/
|
|
15
|
-
|
|
16
|
-
const toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
|
|
17
|
-
const toCamelCase = (string) => string.replace(
|
|
18
|
-
/^([A-Z])|[\s-_]+(\w)/g,
|
|
19
|
-
(match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()
|
|
20
|
-
);
|
|
21
|
-
const toPascalCase = (string) => {
|
|
22
|
-
const camelCase = toCamelCase(string);
|
|
23
|
-
return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
|
|
24
|
-
};
|
|
25
|
-
const mergeClasses = (...classes) => classes.filter((className, index, array) => {
|
|
26
|
-
return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
|
|
27
|
-
}).join(" ").trim();
|
|
28
|
-
const hasA11yProp = (props) => {
|
|
29
|
-
for (const prop in props) {
|
|
30
|
-
if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
|
|
31
|
-
return true;
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
|
|
8
|
+
const t=e=>{const r=(e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,r,o)=>o?o.toUpperCase():r.toLowerCase()))(e);return r.charAt(0).toUpperCase()+r.slice(1)},a=(...e)=>e.filter((e,r,o)=>Boolean(e)&&""!==e.trim()&&o.indexOf(e)===r).join(" ").trim(),i=e=>{for(const r in e)if(r.startsWith("aria-")||"role"===r||"title"===r)return!0};
|
|
36
9
|
/**
|
|
37
10
|
* @license lucide-react v0.525.0 - ISC
|
|
38
11
|
*
|
|
39
12
|
* This source code is licensed under the ISC license.
|
|
40
13
|
* See the LICENSE file in the root directory of this source tree.
|
|
41
14
|
*/
|
|
42
|
-
|
|
43
|
-
var defaultAttributes = {
|
|
44
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
45
|
-
width: 24,
|
|
46
|
-
height: 24,
|
|
47
|
-
viewBox: "0 0 24 24",
|
|
48
|
-
fill: "none",
|
|
49
|
-
stroke: "currentColor",
|
|
50
|
-
strokeWidth: 2,
|
|
51
|
-
strokeLinecap: "round",
|
|
52
|
-
strokeLinejoin: "round"
|
|
53
|
-
};
|
|
54
|
-
|
|
15
|
+
var s={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};
|
|
55
16
|
/**
|
|
56
17
|
* @license lucide-react v0.525.0 - ISC
|
|
57
18
|
*
|
|
58
19
|
* This source code is licensed under the ISC license.
|
|
59
20
|
* See the LICENSE file in the root directory of this source tree.
|
|
60
|
-
*/
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
const Icon = React.forwardRef(
|
|
64
|
-
({
|
|
65
|
-
color = "currentColor",
|
|
66
|
-
size = 24,
|
|
67
|
-
strokeWidth = 2,
|
|
68
|
-
absoluteStrokeWidth,
|
|
69
|
-
className = "",
|
|
70
|
-
children,
|
|
71
|
-
iconNode,
|
|
72
|
-
...rest
|
|
73
|
-
}, ref) => React.createElement(
|
|
74
|
-
"svg",
|
|
75
|
-
{
|
|
76
|
-
ref,
|
|
77
|
-
...defaultAttributes,
|
|
78
|
-
width: size,
|
|
79
|
-
height: size,
|
|
80
|
-
stroke: color,
|
|
81
|
-
strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
|
|
82
|
-
className: mergeClasses("lucide", className),
|
|
83
|
-
...!children && !hasA11yProp(rest) && { "aria-hidden": "true" },
|
|
84
|
-
...rest
|
|
85
|
-
},
|
|
86
|
-
[
|
|
87
|
-
...iconNode.map(([tag, attrs]) => React.createElement(tag, attrs)),
|
|
88
|
-
...Array.isArray(children) ? children : [children]
|
|
89
|
-
]
|
|
90
|
-
)
|
|
91
|
-
);
|
|
92
|
-
|
|
93
|
-
/**
|
|
94
|
-
* @license lucide-react v0.525.0 - ISC
|
|
95
|
-
*
|
|
96
|
-
* This source code is licensed under the ISC license.
|
|
97
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
98
|
-
*/
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
const createLucideIcon = (iconName, iconNode) => {
|
|
102
|
-
const Component = React.forwardRef(
|
|
103
|
-
({ className, ...props }, ref) => React.createElement(Icon, {
|
|
104
|
-
ref,
|
|
105
|
-
iconNode,
|
|
106
|
-
className: mergeClasses(
|
|
107
|
-
`lucide-${toKebabCase(toPascalCase(iconName))}`,
|
|
108
|
-
`lucide-${iconName}`,
|
|
109
|
-
className
|
|
110
|
-
),
|
|
111
|
-
...props
|
|
112
|
-
})
|
|
113
|
-
);
|
|
114
|
-
Component.displayName = toPascalCase(iconName);
|
|
115
|
-
return Component;
|
|
116
|
-
};
|
|
117
|
-
|
|
21
|
+
*/const n=r.forwardRef(({color:e="currentColor",size:o=24,strokeWidth:t=2,absoluteStrokeWidth:n,className:d="",children:l,iconNode:u,...c},p)=>r.createElement("svg",{ref:p,...s,width:o,height:o,stroke:e,strokeWidth:n?24*Number(t)/Number(o):t,className:a("lucide",d),...!l&&!i(c)&&{"aria-hidden":"true"},...c},[...u.map(([e,o])=>r.createElement(e,o)),...Array.isArray(l)?l:[l]])),d=((e,o)=>{const i=r.forwardRef(({className:i,...s},d)=>{return r.createElement(n,{ref:d,iconNode:o,className:a(`lucide-${l=t(e),l.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}`,`lucide-${e}`,i),...s});var l});return i.displayName=t(e),i})("chevron-down",[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]]),l=r.createContext({}),u=r.forwardRef(({type:t="single",collapsible:a=!1,value:i,defaultValue:s,onValueChange:n,children:d,sx:u={},...c},p)=>{const m=o.useTheme(),[h,x]=r.useState(()=>void 0!==i?i:void 0!==s?s:"multiple"===t?[]:""),f=void 0!==i?i:h,g=r.useCallback(e=>{void 0===i&&x(e),n?.(e)},[i,n]),v=r.useMemo(()=>({type:t,collapsible:a,value:f,defaultValue:s,onValueChange:g}),[t,a,f,s,g]);return e.jsx(l.Provider,{value:v,children:e.jsx("div",{ref:p,style:{display:"flex",flexDirection:"column",gap:m.spacing(1)},...c,children:d})})}),c=r.forwardRef(({value:t,children:a,sx:i={},...s},n)=>{const d=o.useTheme(),u=r.useContext(l),c=r.useMemo(()=>"multiple"===u.type?Array.isArray(u.value)&&u.value.includes(t):u.value===t,[u.value,u.type,t]),p=r.useCallback(()=>{if(u.onValueChange)if("multiple"===u.type){const e=Array.isArray(u.value)?u.value:[],r=c?e.filter(e=>e!==t):[...e,t];u.onValueChange(r)}else{const e=c&&u.collapsible?"":t;u.onValueChange(e)}},[u,t,c]);return e.jsx(o.Accordion,{ref:n,expanded:c,onChange:p,variant:"outlined",sx:{borderRadius:d.radius?.sm||d.shape.borderRadius,"&:before":{display:"none"},"&.Mui-expanded":{margin:0},border:`1px solid ${d.palette.divider}`,...i},...s,children:a})}),p=r.forwardRef(({children:r,sx:t={},expandIcon:a,...i},s)=>{const n=o.useTheme(),l=void 0!==a?a:e.jsx(d,{});return e.jsx(o.AccordionSummary,{ref:s,expandIcon:l,sx:{borderRadius:n.radius?.sm||n.shape.borderRadius,minHeight:56,fontWeight:500,"&.Mui-expanded":{minHeight:56,borderBottomLeftRadius:0,borderBottomRightRadius:0,borderBottom:`1px solid ${n.palette.divider}`},"& .MuiAccordionSummary-content":{margin:"12px 0","&.Mui-expanded":{margin:"12px 0"}},"& .MuiAccordionSummary-expandIconWrapper":{transition:n.transitions.create("transform",{duration:n.transitions.duration.shortest}),"&.Mui-expanded":{transform:"rotate(180deg)"}},"&:hover":{backgroundColor:n.palette.action.hover},...t},...i,children:r})}),m=r.forwardRef(({children:r,sx:t={},...a},i)=>{const s=o.useTheme();return e.jsx(o.AccordionDetails,{ref:i,sx:{padding:s.spacing(2),borderBottomLeftRadius:s.radius?.sm||s.shape.borderRadius,borderBottomRightRadius:s.radius?.sm||s.shape.borderRadius,...t},...a,children:r})});
|
|
118
22
|
/**
|
|
119
23
|
* @license lucide-react v0.525.0 - ISC
|
|
120
24
|
*
|
|
121
25
|
* This source code is licensed under the ISC license.
|
|
122
26
|
* See the LICENSE file in the root directory of this source tree.
|
|
123
|
-
*/
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
const __iconNode = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
|
|
127
|
-
const ChevronDown = createLucideIcon("chevron-down", __iconNode);
|
|
128
|
-
|
|
129
|
-
const AccordionContext = React.createContext({});
|
|
130
|
-
// Main Accordion Container Component
|
|
131
|
-
const Accordion = React.forwardRef(({ type = 'single', collapsible = false, value: controlledValue, defaultValue, onValueChange, children, sx = {}, ...props }, ref) => {
|
|
132
|
-
const theme = material.useTheme();
|
|
133
|
-
// Internal state management
|
|
134
|
-
const [internalValue, setInternalValue] = React.useState(() => {
|
|
135
|
-
if (controlledValue !== undefined)
|
|
136
|
-
return controlledValue;
|
|
137
|
-
if (defaultValue !== undefined)
|
|
138
|
-
return defaultValue;
|
|
139
|
-
return type === 'multiple' ? [] : '';
|
|
140
|
-
});
|
|
141
|
-
const value = controlledValue !== undefined ? controlledValue : internalValue;
|
|
142
|
-
const handleValueChange = React.useCallback((newValue) => {
|
|
143
|
-
if (controlledValue === undefined) {
|
|
144
|
-
setInternalValue(newValue);
|
|
145
|
-
}
|
|
146
|
-
onValueChange?.(newValue);
|
|
147
|
-
}, [controlledValue, onValueChange]);
|
|
148
|
-
const contextValue = React.useMemo(() => ({
|
|
149
|
-
type,
|
|
150
|
-
collapsible,
|
|
151
|
-
value,
|
|
152
|
-
defaultValue,
|
|
153
|
-
onValueChange: handleValueChange,
|
|
154
|
-
}), [type, collapsible, value, defaultValue, handleValueChange]);
|
|
155
|
-
return (jsxRuntime.jsx(AccordionContext.Provider, { value: contextValue, children: jsxRuntime.jsx("div", { ref: ref, style: {
|
|
156
|
-
display: 'flex',
|
|
157
|
-
flexDirection: 'column',
|
|
158
|
-
gap: theme.spacing(1),
|
|
159
|
-
}, ...props, children: children }) }));
|
|
160
|
-
});
|
|
161
|
-
// AccordionItem Component
|
|
162
|
-
const AccordionItem = React.forwardRef(({ value: itemValue, children, sx = {}, ...props }, ref) => {
|
|
163
|
-
const theme = material.useTheme();
|
|
164
|
-
const context = React.useContext(AccordionContext);
|
|
165
|
-
const isExpanded = React.useMemo(() => {
|
|
166
|
-
if (context.type === 'multiple') {
|
|
167
|
-
return Array.isArray(context.value) && context.value.includes(itemValue);
|
|
168
|
-
}
|
|
169
|
-
return context.value === itemValue;
|
|
170
|
-
}, [context.value, context.type, itemValue]);
|
|
171
|
-
const handleChange = React.useCallback(() => {
|
|
172
|
-
if (!context.onValueChange)
|
|
173
|
-
return;
|
|
174
|
-
if (context.type === 'multiple') {
|
|
175
|
-
const currentValue = Array.isArray(context.value) ? context.value : [];
|
|
176
|
-
const newValue = isExpanded
|
|
177
|
-
? currentValue.filter(v => v !== itemValue)
|
|
178
|
-
: [...currentValue, itemValue];
|
|
179
|
-
context.onValueChange(newValue);
|
|
180
|
-
}
|
|
181
|
-
else {
|
|
182
|
-
const newValue = isExpanded && context.collapsible ? '' : itemValue;
|
|
183
|
-
context.onValueChange(newValue);
|
|
184
|
-
}
|
|
185
|
-
}, [context, itemValue, isExpanded]);
|
|
186
|
-
return (jsxRuntime.jsx(material.Accordion, { ref: ref, expanded: isExpanded, onChange: handleChange, variant: "outlined", sx: {
|
|
187
|
-
borderRadius: theme.radius?.sm || theme.shape.borderRadius,
|
|
188
|
-
'&:before': {
|
|
189
|
-
display: 'none',
|
|
190
|
-
},
|
|
191
|
-
'&.Mui-expanded': {
|
|
192
|
-
margin: 0,
|
|
193
|
-
},
|
|
194
|
-
border: `1px solid ${theme.palette.divider}`,
|
|
195
|
-
...sx,
|
|
196
|
-
}, ...props, children: children }));
|
|
197
|
-
});
|
|
198
|
-
// AccordionTrigger Component
|
|
199
|
-
const AccordionTrigger = React.forwardRef(({ children, sx = {}, expandIcon, ...props }, ref) => {
|
|
200
|
-
const theme = material.useTheme();
|
|
201
|
-
const defaultExpandIcon = expandIcon !== undefined ? expandIcon : jsxRuntime.jsx(ChevronDown, {});
|
|
202
|
-
return (jsxRuntime.jsx(material.AccordionSummary, { ref: ref, expandIcon: defaultExpandIcon, sx: {
|
|
203
|
-
borderRadius: theme.radius?.sm || theme.shape.borderRadius,
|
|
204
|
-
minHeight: 56,
|
|
205
|
-
fontWeight: 500,
|
|
206
|
-
'&.Mui-expanded': {
|
|
207
|
-
minHeight: 56,
|
|
208
|
-
borderBottomLeftRadius: 0,
|
|
209
|
-
borderBottomRightRadius: 0,
|
|
210
|
-
borderBottom: `1px solid ${theme.palette.divider}`,
|
|
211
|
-
},
|
|
212
|
-
'& .MuiAccordionSummary-content': {
|
|
213
|
-
margin: '12px 0',
|
|
214
|
-
'&.Mui-expanded': {
|
|
215
|
-
margin: '12px 0',
|
|
216
|
-
},
|
|
217
|
-
},
|
|
218
|
-
'& .MuiAccordionSummary-expandIconWrapper': {
|
|
219
|
-
transition: theme.transitions.create('transform', {
|
|
220
|
-
duration: theme.transitions.duration.shortest,
|
|
221
|
-
}),
|
|
222
|
-
'&.Mui-expanded': {
|
|
223
|
-
transform: 'rotate(180deg)',
|
|
224
|
-
},
|
|
225
|
-
},
|
|
226
|
-
'&:hover': {
|
|
227
|
-
backgroundColor: theme.palette.action.hover,
|
|
228
|
-
},
|
|
229
|
-
...sx,
|
|
230
|
-
}, ...props, children: children }));
|
|
231
|
-
});
|
|
232
|
-
// AccordionContent Component
|
|
233
|
-
const AccordionContent = React.forwardRef(({ children, sx = {}, ...props }, ref) => {
|
|
234
|
-
const theme = material.useTheme();
|
|
235
|
-
return (jsxRuntime.jsx(material.AccordionDetails, { ref: ref, sx: {
|
|
236
|
-
padding: theme.spacing(2),
|
|
237
|
-
borderBottomLeftRadius: theme.radius?.sm || theme.shape.borderRadius,
|
|
238
|
-
borderBottomRightRadius: theme.radius?.sm || theme.shape.borderRadius,
|
|
239
|
-
...sx,
|
|
240
|
-
}, ...props, children: children }));
|
|
241
|
-
});
|
|
242
|
-
|
|
243
|
-
exports.Accordion = Accordion;
|
|
244
|
-
exports.AccordionContent = AccordionContent;
|
|
245
|
-
exports.AccordionItem = AccordionItem;
|
|
246
|
-
exports.AccordionTrigger = AccordionTrigger;
|
|
247
|
-
exports.default = Accordion;
|
|
27
|
+
*/exports.Accordion=u,exports.AccordionContent=m,exports.AccordionItem=c,exports.AccordionTrigger=p,exports.default=u;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { VariantProps } from 'class-variance-authority';
|
|
5
|
+
|
|
6
|
+
type Position = "start" | "end";
|
|
7
|
+
interface CustomColor {
|
|
8
|
+
bg?: string;
|
|
9
|
+
text?: string;
|
|
10
|
+
border?: string;
|
|
11
|
+
}
|
|
12
|
+
interface BadgeProps extends VariantProps<typeof badgeVariants> {
|
|
13
|
+
label: string;
|
|
14
|
+
icon?: React.ReactNode;
|
|
15
|
+
iconPosition?: Position;
|
|
16
|
+
dot?: boolean;
|
|
17
|
+
dotPosition?: Position;
|
|
18
|
+
color?: CustomColor;
|
|
19
|
+
className?: string;
|
|
20
|
+
}
|
|
21
|
+
declare const badgeVariants: (props?: ({
|
|
22
|
+
variant?: "contained" | "outlined" | "text" | null | undefined;
|
|
23
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
24
|
+
type?: "default" | "success" | "warning" | "error" | "info" | null | undefined;
|
|
25
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
26
|
+
declare const Badge: ({ label, icon, iconPosition, dot, dotPosition, variant, size, type, color, className, }: BadgeProps) => react_jsx_runtime.JSX.Element;
|
|
27
|
+
|
|
28
|
+
export { Badge, Badge as default };
|
|
29
|
+
export type { BadgeProps };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import"react";import{Typography as r}from"@mui/material";function o(e){var r,t,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(r=0;r<a;r++)e[r]&&(t=o(e[r]))&&(n&&(n+=" "),n+=t)}else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function t(){for(var e,r,t=0,n="",a=arguments.length;t<a;t++)(e=arguments[t])&&(r=o(e))&&(n&&(n+=" "),n+=r);return n}const n=e=>"boolean"==typeof e?`${e}`:0===e?"0":e,a=t,s=e=>{const r=c(e),{conflictingClassGroups:o,conflictingClassGroupModifiers:t}=e;return{getClassGroupId:e=>{const o=e.split("-");return""===o[0]&&1!==o.length&&o.shift(),l(o,r)||d(e)},getConflictingClassGroupIds:(e,r)=>{const n=o[e]||[];return r&&t[e]?[...n,...t[e]]:n}}},l=(e,r)=>{if(0===e.length)return r.classGroupId;const o=e[0],t=r.nextPart.get(o),n=t?l(e.slice(1),t):void 0;if(n)return n;if(0===r.validators.length)return;const a=e.join("-");return r.validators.find(({validator:e})=>e(a))?.classGroupId},i=/^\[(.+)\]$/,d=e=>{if(i.test(e)){const r=i.exec(e)[1],o=r?.substring(0,r.indexOf(":"));if(o)return"arbitrary.."+o}},c=e=>{const{theme:r,classGroups:o}=e,t={nextPart:new Map,validators:[]};for(const e in o)m(o[e],t,e,r);return t},m=(e,r,o,t)=>{e.forEach(e=>{if("string"==typeof e){return void((""===e?r:p(r,e)).classGroupId=o)}if("function"==typeof e)return u(e)?void m(e(t),r,o,t):void r.validators.push({validator:e,classGroupId:o});Object.entries(e).forEach(([e,n])=>{m(n,p(r,e),o,t)})})},p=(e,r)=>{let o=e;return r.split("-").forEach(e=>{o.nextPart.has(e)||o.nextPart.set(e,{nextPart:new Map,validators:[]}),o=o.nextPart.get(e)}),o},u=e=>e.isThemeGetter,b=e=>{if(e<1)return{get:()=>{},set:()=>{}};let r=0,o=new Map,t=new Map;const n=(n,a)=>{o.set(n,a),r++,r>e&&(r=0,t=o,o=new Map)};return{get(e){let r=o.get(e);return void 0!==r?r:void 0!==(r=t.get(e))?(n(e,r),r):void 0},set(e,r){o.has(e)?o.set(e,r):n(e,r)}}},f=e=>{const{prefix:r,experimentalParseClassName:o}=e;let t=e=>{const r=[];let o,t=0,n=0,a=0;for(let s=0;s<e.length;s++){let l=e[s];if(0===t&&0===n){if(":"===l){r.push(e.slice(a,s)),a=s+1;continue}if("/"===l){o=s;continue}}"["===l?t++:"]"===l?t--:"("===l?n++:")"===l&&n--}const s=0===r.length?e:e.substring(a),l=g(s);return{modifiers:r,hasImportantModifier:l!==s,baseClassName:l,maybePostfixModifierPosition:o&&o>a?o-a:void 0}};if(r){const e=r+":",o=t;t=r=>r.startsWith(e)?o(r.substring(e.length)):{isExternal:!0,modifiers:[],hasImportantModifier:!1,baseClassName:r,maybePostfixModifierPosition:void 0}}if(o){const e=t;t=r=>o({className:r,parseClassName:e})}return t},g=e=>e.endsWith("!")?e.substring(0,e.length-1):e.startsWith("!")?e.substring(1):e,h=e=>{const r=Object.fromEntries(e.orderSensitiveModifiers.map(e=>[e,!0]));return e=>{if(e.length<=1)return e;const o=[];let t=[];return e.forEach(e=>{"["===e[0]||r[e]?(o.push(...t.sort(),e),t=[]):t.push(e)}),o.push(...t.sort()),o}},x=/\s+/;function k(){let e,r,o=0,t="";for(;o<arguments.length;)(e=arguments[o++])&&(r=y(e))&&(t&&(t+=" "),t+=r);return t}const y=e=>{if("string"==typeof e)return e;let r,o="";for(let t=0;t<e.length;t++)e[t]&&(r=y(e[t]))&&(o&&(o+=" "),o+=r);return o};function w(e,...r){let o,t,n,a=function(i){const d=r.reduce((e,r)=>r(e),e());return o=(e=>({cache:b(e.cacheSize),parseClassName:f(e),sortModifiers:h(e),...s(e)}))(d),t=o.cache.get,n=o.cache.set,a=l,l(i)};function l(e){const r=t(e);if(r)return r;const a=((e,r)=>{const{parseClassName:o,getClassGroupId:t,getConflictingClassGroupIds:n,sortModifiers:a}=r,s=[],l=e.trim().split(x);let i="";for(let e=l.length-1;e>=0;e-=1){const r=l[e],{isExternal:d,modifiers:c,hasImportantModifier:m,baseClassName:p,maybePostfixModifierPosition:u}=o(r);if(d){i=r+(i.length>0?" "+i:i);continue}let b=!!u,f=t(b?p.substring(0,u):p);if(!f){if(!b){i=r+(i.length>0?" "+i:i);continue}if(f=t(p),!f){i=r+(i.length>0?" "+i:i);continue}b=!1}const g=a(c).join(":"),h=m?g+"!":g,x=h+f;if(s.includes(x))continue;s.push(x);const k=n(f,b);for(let e=0;e<k.length;++e){const r=k[e];s.push(h+r)}i=r+(i.length>0?" "+i:i)}return i})(e,o);return n(e,a),a}return function(){return a(k.apply(null,arguments))}}const v=e=>{const r=r=>r[e]||[];return r.isThemeGetter=!0,r},z=/^\[(?:(\w[\w-]*):)?(.+)\]$/i,j=/^\((?:(\w[\w-]*):)?(.+)\)$/i,N=/^\d+\/\d+$/,C=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,M=/\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/,G=/^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/,P=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,I=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,$=e=>N.test(e),E=e=>!!e&&!Number.isNaN(Number(e)),O=e=>!!e&&Number.isInteger(Number(e)),W=e=>e.endsWith("%")&&E(e.slice(0,-1)),A=e=>C.test(e),S=()=>!0,V=e=>M.test(e)&&!G.test(e),q=()=>!1,T=e=>P.test(e),_=e=>I.test(e),B=e=>!F(e)&&!R(e),D=e=>oe(e,se,q),F=e=>z.test(e),H=e=>oe(e,le,V),J=e=>oe(e,ie,E),K=e=>oe(e,ne,q),L=e=>oe(e,ae,_),Q=e=>oe(e,ce,T),R=e=>j.test(e),U=e=>te(e,le),X=e=>te(e,de),Y=e=>te(e,ne),Z=e=>te(e,se),ee=e=>te(e,ae),re=e=>te(e,ce,!0),oe=(e,r,o)=>{const t=z.exec(e);return!!t&&(t[1]?r(t[1]):o(t[2]))},te=(e,r,o=!1)=>{const t=j.exec(e);return!!t&&(t[1]?r(t[1]):o)},ne=e=>"position"===e||"percentage"===e,ae=e=>"image"===e||"url"===e,se=e=>"length"===e||"size"===e||"bg-size"===e,le=e=>"length"===e,ie=e=>"number"===e,de=e=>"family-name"===e,ce=e=>"shadow"===e,me=w(()=>{const e=v("color"),r=v("font"),o=v("text"),t=v("font-weight"),n=v("tracking"),a=v("leading"),s=v("breakpoint"),l=v("container"),i=v("spacing"),d=v("radius"),c=v("shadow"),m=v("inset-shadow"),p=v("text-shadow"),u=v("drop-shadow"),b=v("blur"),f=v("perspective"),g=v("aspect"),h=v("ease"),x=v("animate"),k=()=>["center","top","bottom","left","right","top-left","left-top","top-right","right-top","bottom-right","right-bottom","bottom-left","left-bottom",R,F],y=()=>[R,F,i],w=()=>[$,"full","auto",...y()],z=()=>[O,"none","subgrid",R,F],j=()=>["auto",{span:["full",O,R,F]},O,R,F],N=()=>[O,"auto",R,F],C=()=>["auto","min","max","fr",R,F],M=()=>["auto",...y()],G=()=>[$,"auto","full","dvw","dvh","lvw","lvh","svw","svh","min","max","fit",...y()],P=()=>[e,R,F],I=()=>["center","top","bottom","left","right","top-left","left-top","top-right","right-top","bottom-right","right-bottom","bottom-left","left-bottom",Y,K,{position:[R,F]}],V=()=>["auto","cover","contain",Z,D,{size:[R,F]}],q=()=>[W,U,H],T=()=>["","none","full",d,R,F],_=()=>["",E,U,H],oe=()=>[E,W,Y,K],te=()=>["","none",b,R,F],ne=()=>["none",E,R,F],ae=()=>["none",E,R,F],se=()=>[E,R,F],le=()=>[$,"full",...y()];return{cacheSize:500,theme:{animate:["spin","ping","pulse","bounce"],aspect:["video"],blur:[A],breakpoint:[A],color:[S],container:[A],"drop-shadow":[A],ease:["in","out","in-out"],font:[B],"font-weight":["thin","extralight","light","normal","medium","semibold","bold","extrabold","black"],"inset-shadow":[A],leading:["none","tight","snug","normal","relaxed","loose"],perspective:["dramatic","near","normal","midrange","distant","none"],radius:[A],shadow:[A],spacing:["px",E],text:[A],"text-shadow":[A],tracking:["tighter","tight","normal","wide","wider","widest"]},classGroups:{aspect:[{aspect:["auto","square",$,F,R,g]}],container:["container"],columns:[{columns:[E,F,R,l]}],"break-after":[{"break-after":["auto","avoid","all","avoid-page","page","left","right","column"]}],"break-before":[{"break-before":["auto","avoid","all","avoid-page","page","left","right","column"]}],"break-inside":[{"break-inside":["auto","avoid","avoid-page","avoid-column"]}],"box-decoration":[{"box-decoration":["slice","clone"]}],box:[{box:["border","content"]}],display:["block","inline-block","inline","flex","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","inline-grid","contents","list-item","hidden"],sr:["sr-only","not-sr-only"],float:[{float:["right","left","none","start","end"]}],clear:[{clear:["left","right","both","none","start","end"]}],isolation:["isolate","isolation-auto"],"object-fit":[{object:["contain","cover","fill","none","scale-down"]}],"object-position":[{object:k()}],overflow:[{overflow:["auto","hidden","clip","visible","scroll"]}],"overflow-x":[{"overflow-x":["auto","hidden","clip","visible","scroll"]}],"overflow-y":[{"overflow-y":["auto","hidden","clip","visible","scroll"]}],overscroll:[{overscroll:["auto","contain","none"]}],"overscroll-x":[{"overscroll-x":["auto","contain","none"]}],"overscroll-y":[{"overscroll-y":["auto","contain","none"]}],position:["static","fixed","absolute","relative","sticky"],inset:[{inset:w()}],"inset-x":[{"inset-x":w()}],"inset-y":[{"inset-y":w()}],start:[{start:w()}],end:[{end:w()}],top:[{top:w()}],right:[{right:w()}],bottom:[{bottom:w()}],left:[{left:w()}],visibility:["visible","invisible","collapse"],z:[{z:[O,"auto",R,F]}],basis:[{basis:[$,"full","auto",l,...y()]}],"flex-direction":[{flex:["row","row-reverse","col","col-reverse"]}],"flex-wrap":[{flex:["nowrap","wrap","wrap-reverse"]}],flex:[{flex:[E,$,"auto","initial","none",F]}],grow:[{grow:["",E,R,F]}],shrink:[{shrink:["",E,R,F]}],order:[{order:[O,"first","last","none",R,F]}],"grid-cols":[{"grid-cols":z()}],"col-start-end":[{col:j()}],"col-start":[{"col-start":N()}],"col-end":[{"col-end":N()}],"grid-rows":[{"grid-rows":z()}],"row-start-end":[{row:j()}],"row-start":[{"row-start":N()}],"row-end":[{"row-end":N()}],"grid-flow":[{"grid-flow":["row","col","dense","row-dense","col-dense"]}],"auto-cols":[{"auto-cols":C()}],"auto-rows":[{"auto-rows":C()}],gap:[{gap:y()}],"gap-x":[{"gap-x":y()}],"gap-y":[{"gap-y":y()}],"justify-content":[{justify:["start","end","center","between","around","evenly","stretch","baseline","center-safe","end-safe","normal"]}],"justify-items":[{"justify-items":["start","end","center","stretch","center-safe","end-safe","normal"]}],"justify-self":[{"justify-self":["auto","start","end","center","stretch","center-safe","end-safe"]}],"align-content":[{content:["normal","start","end","center","between","around","evenly","stretch","baseline","center-safe","end-safe"]}],"align-items":[{items:["start","end","center","stretch","center-safe","end-safe",{baseline:["","last"]}]}],"align-self":[{self:["auto","start","end","center","stretch","center-safe","end-safe",{baseline:["","last"]}]}],"place-content":[{"place-content":["start","end","center","between","around","evenly","stretch","baseline","center-safe","end-safe"]}],"place-items":[{"place-items":["start","end","center","stretch","center-safe","end-safe","baseline"]}],"place-self":[{"place-self":["auto","start","end","center","stretch","center-safe","end-safe"]}],p:[{p:y()}],px:[{px:y()}],py:[{py:y()}],ps:[{ps:y()}],pe:[{pe:y()}],pt:[{pt:y()}],pr:[{pr:y()}],pb:[{pb:y()}],pl:[{pl:y()}],m:[{m:M()}],mx:[{mx:M()}],my:[{my:M()}],ms:[{ms:M()}],me:[{me:M()}],mt:[{mt:M()}],mr:[{mr:M()}],mb:[{mb:M()}],ml:[{ml:M()}],"space-x":[{"space-x":y()}],"space-x-reverse":["space-x-reverse"],"space-y":[{"space-y":y()}],"space-y-reverse":["space-y-reverse"],size:[{size:G()}],w:[{w:[l,"screen",...G()]}],"min-w":[{"min-w":[l,"screen","none",...G()]}],"max-w":[{"max-w":[l,"screen","none","prose",{screen:[s]},...G()]}],h:[{h:["screen","lh",...G()]}],"min-h":[{"min-h":["screen","lh","none",...G()]}],"max-h":[{"max-h":["screen","lh",...G()]}],"font-size":[{text:["base",o,U,H]}],"font-smoothing":["antialiased","subpixel-antialiased"],"font-style":["italic","not-italic"],"font-weight":[{font:[t,R,J]}],"font-stretch":[{"font-stretch":["ultra-condensed","extra-condensed","condensed","semi-condensed","normal","semi-expanded","expanded","extra-expanded","ultra-expanded",W,F]}],"font-family":[{font:[X,F,r]}],"fvn-normal":["normal-nums"],"fvn-ordinal":["ordinal"],"fvn-slashed-zero":["slashed-zero"],"fvn-figure":["lining-nums","oldstyle-nums"],"fvn-spacing":["proportional-nums","tabular-nums"],"fvn-fraction":["diagonal-fractions","stacked-fractions"],tracking:[{tracking:[n,R,F]}],"line-clamp":[{"line-clamp":[E,"none",R,J]}],leading:[{leading:[a,...y()]}],"list-image":[{"list-image":["none",R,F]}],"list-style-position":[{list:["inside","outside"]}],"list-style-type":[{list:["disc","decimal","none",R,F]}],"text-alignment":[{text:["left","center","right","justify","start","end"]}],"placeholder-color":[{placeholder:P()}],"text-color":[{text:P()}],"text-decoration":["underline","overline","line-through","no-underline"],"text-decoration-style":[{decoration:["solid","dashed","dotted","double","wavy"]}],"text-decoration-thickness":[{decoration:[E,"from-font","auto",R,H]}],"text-decoration-color":[{decoration:P()}],"underline-offset":[{"underline-offset":[E,"auto",R,F]}],"text-transform":["uppercase","lowercase","capitalize","normal-case"],"text-overflow":["truncate","text-ellipsis","text-clip"],"text-wrap":[{text:["wrap","nowrap","balance","pretty"]}],indent:[{indent:y()}],"vertical-align":[{align:["baseline","top","middle","bottom","text-top","text-bottom","sub","super",R,F]}],whitespace:[{whitespace:["normal","nowrap","pre","pre-line","pre-wrap","break-spaces"]}],break:[{break:["normal","words","all","keep"]}],wrap:[{wrap:["break-word","anywhere","normal"]}],hyphens:[{hyphens:["none","manual","auto"]}],content:[{content:["none",R,F]}],"bg-attachment":[{bg:["fixed","local","scroll"]}],"bg-clip":[{"bg-clip":["border","padding","content","text"]}],"bg-origin":[{"bg-origin":["border","padding","content"]}],"bg-position":[{bg:I()}],"bg-repeat":[{bg:["no-repeat",{repeat:["","x","y","space","round"]}]}],"bg-size":[{bg:V()}],"bg-image":[{bg:["none",{linear:[{to:["t","tr","r","br","b","bl","l","tl"]},O,R,F],radial:["",R,F],conic:[O,R,F]},ee,L]}],"bg-color":[{bg:P()}],"gradient-from-pos":[{from:q()}],"gradient-via-pos":[{via:q()}],"gradient-to-pos":[{to:q()}],"gradient-from":[{from:P()}],"gradient-via":[{via:P()}],"gradient-to":[{to:P()}],rounded:[{rounded:T()}],"rounded-s":[{"rounded-s":T()}],"rounded-e":[{"rounded-e":T()}],"rounded-t":[{"rounded-t":T()}],"rounded-r":[{"rounded-r":T()}],"rounded-b":[{"rounded-b":T()}],"rounded-l":[{"rounded-l":T()}],"rounded-ss":[{"rounded-ss":T()}],"rounded-se":[{"rounded-se":T()}],"rounded-ee":[{"rounded-ee":T()}],"rounded-es":[{"rounded-es":T()}],"rounded-tl":[{"rounded-tl":T()}],"rounded-tr":[{"rounded-tr":T()}],"rounded-br":[{"rounded-br":T()}],"rounded-bl":[{"rounded-bl":T()}],"border-w":[{border:_()}],"border-w-x":[{"border-x":_()}],"border-w-y":[{"border-y":_()}],"border-w-s":[{"border-s":_()}],"border-w-e":[{"border-e":_()}],"border-w-t":[{"border-t":_()}],"border-w-r":[{"border-r":_()}],"border-w-b":[{"border-b":_()}],"border-w-l":[{"border-l":_()}],"divide-x":[{"divide-x":_()}],"divide-x-reverse":["divide-x-reverse"],"divide-y":[{"divide-y":_()}],"divide-y-reverse":["divide-y-reverse"],"border-style":[{border:["solid","dashed","dotted","double","hidden","none"]}],"divide-style":[{divide:["solid","dashed","dotted","double","hidden","none"]}],"border-color":[{border:P()}],"border-color-x":[{"border-x":P()}],"border-color-y":[{"border-y":P()}],"border-color-s":[{"border-s":P()}],"border-color-e":[{"border-e":P()}],"border-color-t":[{"border-t":P()}],"border-color-r":[{"border-r":P()}],"border-color-b":[{"border-b":P()}],"border-color-l":[{"border-l":P()}],"divide-color":[{divide:P()}],"outline-style":[{outline:["solid","dashed","dotted","double","none","hidden"]}],"outline-offset":[{"outline-offset":[E,R,F]}],"outline-w":[{outline:["",E,U,H]}],"outline-color":[{outline:P()}],shadow:[{shadow:["","none",c,re,Q]}],"shadow-color":[{shadow:P()}],"inset-shadow":[{"inset-shadow":["none",m,re,Q]}],"inset-shadow-color":[{"inset-shadow":P()}],"ring-w":[{ring:_()}],"ring-w-inset":["ring-inset"],"ring-color":[{ring:P()}],"ring-offset-w":[{"ring-offset":[E,H]}],"ring-offset-color":[{"ring-offset":P()}],"inset-ring-w":[{"inset-ring":_()}],"inset-ring-color":[{"inset-ring":P()}],"text-shadow":[{"text-shadow":["none",p,re,Q]}],"text-shadow-color":[{"text-shadow":P()}],opacity:[{opacity:[E,R,F]}],"mix-blend":[{"mix-blend":["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity","plus-darker","plus-lighter"]}],"bg-blend":[{"bg-blend":["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"]}],"mask-clip":[{"mask-clip":["border","padding","content","fill","stroke","view"]},"mask-no-clip"],"mask-composite":[{mask:["add","subtract","intersect","exclude"]}],"mask-image-linear-pos":[{"mask-linear":[E]}],"mask-image-linear-from-pos":[{"mask-linear-from":oe()}],"mask-image-linear-to-pos":[{"mask-linear-to":oe()}],"mask-image-linear-from-color":[{"mask-linear-from":P()}],"mask-image-linear-to-color":[{"mask-linear-to":P()}],"mask-image-t-from-pos":[{"mask-t-from":oe()}],"mask-image-t-to-pos":[{"mask-t-to":oe()}],"mask-image-t-from-color":[{"mask-t-from":P()}],"mask-image-t-to-color":[{"mask-t-to":P()}],"mask-image-r-from-pos":[{"mask-r-from":oe()}],"mask-image-r-to-pos":[{"mask-r-to":oe()}],"mask-image-r-from-color":[{"mask-r-from":P()}],"mask-image-r-to-color":[{"mask-r-to":P()}],"mask-image-b-from-pos":[{"mask-b-from":oe()}],"mask-image-b-to-pos":[{"mask-b-to":oe()}],"mask-image-b-from-color":[{"mask-b-from":P()}],"mask-image-b-to-color":[{"mask-b-to":P()}],"mask-image-l-from-pos":[{"mask-l-from":oe()}],"mask-image-l-to-pos":[{"mask-l-to":oe()}],"mask-image-l-from-color":[{"mask-l-from":P()}],"mask-image-l-to-color":[{"mask-l-to":P()}],"mask-image-x-from-pos":[{"mask-x-from":oe()}],"mask-image-x-to-pos":[{"mask-x-to":oe()}],"mask-image-x-from-color":[{"mask-x-from":P()}],"mask-image-x-to-color":[{"mask-x-to":P()}],"mask-image-y-from-pos":[{"mask-y-from":oe()}],"mask-image-y-to-pos":[{"mask-y-to":oe()}],"mask-image-y-from-color":[{"mask-y-from":P()}],"mask-image-y-to-color":[{"mask-y-to":P()}],"mask-image-radial":[{"mask-radial":[R,F]}],"mask-image-radial-from-pos":[{"mask-radial-from":oe()}],"mask-image-radial-to-pos":[{"mask-radial-to":oe()}],"mask-image-radial-from-color":[{"mask-radial-from":P()}],"mask-image-radial-to-color":[{"mask-radial-to":P()}],"mask-image-radial-shape":[{"mask-radial":["circle","ellipse"]}],"mask-image-radial-size":[{"mask-radial":[{closest:["side","corner"],farthest:["side","corner"]}]}],"mask-image-radial-pos":[{"mask-radial-at":["center","top","bottom","left","right","top-left","left-top","top-right","right-top","bottom-right","right-bottom","bottom-left","left-bottom"]}],"mask-image-conic-pos":[{"mask-conic":[E]}],"mask-image-conic-from-pos":[{"mask-conic-from":oe()}],"mask-image-conic-to-pos":[{"mask-conic-to":oe()}],"mask-image-conic-from-color":[{"mask-conic-from":P()}],"mask-image-conic-to-color":[{"mask-conic-to":P()}],"mask-mode":[{mask:["alpha","luminance","match"]}],"mask-origin":[{"mask-origin":["border","padding","content","fill","stroke","view"]}],"mask-position":[{mask:I()}],"mask-repeat":[{mask:["no-repeat",{repeat:["","x","y","space","round"]}]}],"mask-size":[{mask:V()}],"mask-type":[{"mask-type":["alpha","luminance"]}],"mask-image":[{mask:["none",R,F]}],filter:[{filter:["","none",R,F]}],blur:[{blur:te()}],brightness:[{brightness:[E,R,F]}],contrast:[{contrast:[E,R,F]}],"drop-shadow":[{"drop-shadow":["","none",u,re,Q]}],"drop-shadow-color":[{"drop-shadow":P()}],grayscale:[{grayscale:["",E,R,F]}],"hue-rotate":[{"hue-rotate":[E,R,F]}],invert:[{invert:["",E,R,F]}],saturate:[{saturate:[E,R,F]}],sepia:[{sepia:["",E,R,F]}],"backdrop-filter":[{"backdrop-filter":["","none",R,F]}],"backdrop-blur":[{"backdrop-blur":te()}],"backdrop-brightness":[{"backdrop-brightness":[E,R,F]}],"backdrop-contrast":[{"backdrop-contrast":[E,R,F]}],"backdrop-grayscale":[{"backdrop-grayscale":["",E,R,F]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[E,R,F]}],"backdrop-invert":[{"backdrop-invert":["",E,R,F]}],"backdrop-opacity":[{"backdrop-opacity":[E,R,F]}],"backdrop-saturate":[{"backdrop-saturate":[E,R,F]}],"backdrop-sepia":[{"backdrop-sepia":["",E,R,F]}],"border-collapse":[{border:["collapse","separate"]}],"border-spacing":[{"border-spacing":y()}],"border-spacing-x":[{"border-spacing-x":y()}],"border-spacing-y":[{"border-spacing-y":y()}],"table-layout":[{table:["auto","fixed"]}],caption:[{caption:["top","bottom"]}],transition:[{transition:["","all","colors","opacity","shadow","transform","none",R,F]}],"transition-behavior":[{transition:["normal","discrete"]}],duration:[{duration:[E,"initial",R,F]}],ease:[{ease:["linear","initial",h,R,F]}],delay:[{delay:[E,R,F]}],animate:[{animate:["none",x,R,F]}],backface:[{backface:["hidden","visible"]}],perspective:[{perspective:[f,R,F]}],"perspective-origin":[{"perspective-origin":k()}],rotate:[{rotate:ne()}],"rotate-x":[{"rotate-x":ne()}],"rotate-y":[{"rotate-y":ne()}],"rotate-z":[{"rotate-z":ne()}],scale:[{scale:ae()}],"scale-x":[{"scale-x":ae()}],"scale-y":[{"scale-y":ae()}],"scale-z":[{"scale-z":ae()}],"scale-3d":["scale-3d"],skew:[{skew:se()}],"skew-x":[{"skew-x":se()}],"skew-y":[{"skew-y":se()}],transform:[{transform:[R,F,"","none","gpu","cpu"]}],"transform-origin":[{origin:k()}],"transform-style":[{transform:["3d","flat"]}],translate:[{translate:le()}],"translate-x":[{"translate-x":le()}],"translate-y":[{"translate-y":le()}],"translate-z":[{"translate-z":le()}],"translate-none":["translate-none"],accent:[{accent:P()}],appearance:[{appearance:["none","auto"]}],"caret-color":[{caret:P()}],"color-scheme":[{scheme:["normal","dark","light","light-dark","only-dark","only-light"]}],cursor:[{cursor:["auto","default","pointer","wait","text","move","help","not-allowed","none","context-menu","progress","cell","crosshair","vertical-text","alias","copy","no-drop","grab","grabbing","all-scroll","col-resize","row-resize","n-resize","e-resize","s-resize","w-resize","ne-resize","nw-resize","se-resize","sw-resize","ew-resize","ns-resize","nesw-resize","nwse-resize","zoom-in","zoom-out",R,F]}],"field-sizing":[{"field-sizing":["fixed","content"]}],"pointer-events":[{"pointer-events":["auto","none"]}],resize:[{resize:["none","","y","x"]}],"scroll-behavior":[{scroll:["auto","smooth"]}],"scroll-m":[{"scroll-m":y()}],"scroll-mx":[{"scroll-mx":y()}],"scroll-my":[{"scroll-my":y()}],"scroll-ms":[{"scroll-ms":y()}],"scroll-me":[{"scroll-me":y()}],"scroll-mt":[{"scroll-mt":y()}],"scroll-mr":[{"scroll-mr":y()}],"scroll-mb":[{"scroll-mb":y()}],"scroll-ml":[{"scroll-ml":y()}],"scroll-p":[{"scroll-p":y()}],"scroll-px":[{"scroll-px":y()}],"scroll-py":[{"scroll-py":y()}],"scroll-ps":[{"scroll-ps":y()}],"scroll-pe":[{"scroll-pe":y()}],"scroll-pt":[{"scroll-pt":y()}],"scroll-pr":[{"scroll-pr":y()}],"scroll-pb":[{"scroll-pb":y()}],"scroll-pl":[{"scroll-pl":y()}],"snap-align":[{snap:["start","end","center","align-none"]}],"snap-stop":[{snap:["normal","always"]}],"snap-type":[{snap:["none","x","y","both"]}],"snap-strictness":[{snap:["mandatory","proximity"]}],touch:[{touch:["auto","none","manipulation"]}],"touch-x":[{"touch-pan":["x","left","right"]}],"touch-y":[{"touch-pan":["y","up","down"]}],"touch-pz":["touch-pinch-zoom"],select:[{select:["none","text","all","auto"]}],"will-change":[{"will-change":["auto","scroll","contents","transform",R,F]}],fill:[{fill:["none",...P()]}],"stroke-w":[{stroke:[E,U,H,J]}],stroke:[{stroke:["none",...P()]}],"forced-color-adjust":[{"forced-color-adjust":["auto","none"]}]},conflictingClassGroups:{overflow:["overflow-x","overflow-y"],overscroll:["overscroll-x","overscroll-y"],inset:["inset-x","inset-y","start","end","top","right","bottom","left"],"inset-x":["right","left"],"inset-y":["top","bottom"],flex:["basis","grow","shrink"],gap:["gap-x","gap-y"],p:["px","py","ps","pe","pt","pr","pb","pl"],px:["pr","pl"],py:["pt","pb"],m:["mx","my","ms","me","mt","mr","mb","ml"],mx:["mr","ml"],my:["mt","mb"],size:["w","h"],"font-size":["leading"],"fvn-normal":["fvn-ordinal","fvn-slashed-zero","fvn-figure","fvn-spacing","fvn-fraction"],"fvn-ordinal":["fvn-normal"],"fvn-slashed-zero":["fvn-normal"],"fvn-figure":["fvn-normal"],"fvn-spacing":["fvn-normal"],"fvn-fraction":["fvn-normal"],"line-clamp":["display","overflow"],rounded:["rounded-s","rounded-e","rounded-t","rounded-r","rounded-b","rounded-l","rounded-ss","rounded-se","rounded-ee","rounded-es","rounded-tl","rounded-tr","rounded-br","rounded-bl"],"rounded-s":["rounded-ss","rounded-es"],"rounded-e":["rounded-se","rounded-ee"],"rounded-t":["rounded-tl","rounded-tr"],"rounded-r":["rounded-tr","rounded-br"],"rounded-b":["rounded-br","rounded-bl"],"rounded-l":["rounded-tl","rounded-bl"],"border-spacing":["border-spacing-x","border-spacing-y"],"border-w":["border-w-x","border-w-y","border-w-s","border-w-e","border-w-t","border-w-r","border-w-b","border-w-l"],"border-w-x":["border-w-r","border-w-l"],"border-w-y":["border-w-t","border-w-b"],"border-color":["border-color-x","border-color-y","border-color-s","border-color-e","border-color-t","border-color-r","border-color-b","border-color-l"],"border-color-x":["border-color-r","border-color-l"],"border-color-y":["border-color-t","border-color-b"],translate:["translate-x","translate-y","translate-none"],"translate-none":["translate","translate-x","translate-y","translate-z"],"scroll-m":["scroll-mx","scroll-my","scroll-ms","scroll-me","scroll-mt","scroll-mr","scroll-mb","scroll-ml"],"scroll-mx":["scroll-mr","scroll-ml"],"scroll-my":["scroll-mt","scroll-mb"],"scroll-p":["scroll-px","scroll-py","scroll-ps","scroll-pe","scroll-pt","scroll-pr","scroll-pb","scroll-pl"],"scroll-px":["scroll-pr","scroll-pl"],"scroll-py":["scroll-pt","scroll-pb"],touch:["touch-x","touch-y","touch-pz"],"touch-x":["touch"],"touch-y":["touch"],"touch-pz":["touch"]},conflictingClassGroupModifiers:{"font-size":["leading"]},orderSensitiveModifiers:["*","**","after","backdrop","before","details-content","file","first-letter","first-line","marker","placeholder","selection"]}});const pe=({size:o="md",...t})=>e(r,{variant:{sm:"body2",md:"body1",lg:"subtitle1"}[o],component:t.component||"p",...t}),ue=(be="zui:inline-flex zui:items-center zui:rounded-full zui:font-medium zui:gap-2",fe={variants:{variant:{contained:"",outlined:"zui:border zui:bg-transparent",text:"zui:bg-transparent zui:border-transparent"},size:{sm:"zui:text-xs zui:px-2 zui:py-0.5",md:"zui:text-sm zui:px-3 zui:py-1",lg:"zui:text-base zui:px-4 zui:py-1.5"},type:{success:"",warning:"",error:"",info:"",default:""}},defaultVariants:{variant:"contained",size:"md",type:"default"}},e=>{var r;if(null==(null==fe?void 0:fe.variants))return a(be,null==e?void 0:e.class,null==e?void 0:e.className);const{variants:o,defaultVariants:t}=fe,s=Object.keys(o).map(r=>{const a=null==e?void 0:e[r],s=null==t?void 0:t[r];if(null===a)return null;const l=n(a)||n(s);return o[r][l]}),l=e&&Object.entries(e).reduce((e,r)=>{let[o,t]=r;return void 0===t||(e[o]=t),e},{}),i=null==fe||null===(r=fe.compoundVariants)||void 0===r?void 0:r.reduce((e,r)=>{let{class:o,className:n,...a}=r;return Object.entries(a).every(e=>{let[r,o]=e;return Array.isArray(o)?o.includes({...t,...l}[r]):{...t,...l}[r]===o})?[...e,o,n]:e},[]);return a(be,s,i,null==e?void 0:e.class,null==e?void 0:e.className)});var be,fe;const ge={success:{bg:"zui:bg-green-100",text:"zui:text-green-700",border:"zui:border-green-700"},warning:{bg:"zui:bg-yellow-100",text:"zui:text-yellow-600",border:"zui:border-yellow-600"},error:{bg:"zui:bg-red-100",text:"zui:text-red-700",border:"zui:border-red-700"},info:{bg:"zui:bg-blue-100",text:"zui:text-blue-700",border:"zui:border-blue-700"},default:{bg:"zui:bg-gray-100",text:"zui:text-gray-800",border:"zui:border-gray-800"}},he=({label:r,icon:o,iconPosition:n="start",dot:a=!1,dotPosition:s="start",variant:l="contained",size:i="md",type:d="default",color:c,className:m})=>{const p=ge[d],u={bg:c?.bg??p.bg,text:c?.text??p.text,border:c?.border??p.border},b=function(...e){return me(t(e))}(ue({variant:l,size:i,type:d}),"contained"===l?u.bg:"zui:bg-transparent",u.text,"outlined"===l?u.border:"",m),f=a&&e("span",{className:"zui:w-2 zui:h-2 zui:rounded-full zui:bg-current zui:inline-block"}),g=[];return a&&"start"===s&&g.push(f),o&&"start"===n&&g.push(o),g.push(e("span",{children:r},"label")),o&&"end"===n&&g.push(o),a&&"end"===s&&g.push(f),e(pe,{size:"sm",fontWeight:500,className:b,children:g})};export{he as Badge,he as default};
|