@g4rcez/components 0.0.26 → 0.0.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/floating/menu.d.ts +2 -1
- package/dist/components/floating/menu.d.ts.map +1 -1
- package/dist/components/floating/menu.js +7 -6
- package/dist/components/floating/modal.d.ts.map +1 -1
- package/dist/components/floating/modal.js +16 -11
- package/dist/components/form/autocomplete.js +2 -2
- package/dist/components/form/select.d.ts +1 -1
- package/dist/components/form/select.d.ts.map +1 -1
- package/dist/components/form/select.js +3 -3
- package/dist/components/table/index.d.ts.map +1 -1
- package/dist/components/table/index.js +9 -2
- package/dist/index.css +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2997 -2956
- package/dist/index.mjs.map +1 -1
- package/dist/index.umd.js +24 -24
- package/dist/index.umd.js.map +1 -1
- package/dist/preset/src/styles/theme.js +1 -1
- package/dist/styles/theme.js +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { LucideProps } from "lucide-react";
|
|
2
2
|
import React from "react";
|
|
3
|
+
import { Label } from "../../types";
|
|
3
4
|
type MenuItemProps = {
|
|
4
5
|
label: string;
|
|
5
6
|
disabled?: boolean;
|
|
@@ -8,7 +9,7 @@ type MenuItemProps = {
|
|
|
8
9
|
export declare const MenuItem: React.ForwardRefExoticComponent<MenuItemProps & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
|
|
9
10
|
export declare const Menu: React.ForwardRefExoticComponent<Omit<Partial<{
|
|
10
11
|
isParent: boolean;
|
|
11
|
-
label:
|
|
12
|
+
label: Label;
|
|
12
13
|
nested: boolean;
|
|
13
14
|
children: React.ReactNode;
|
|
14
15
|
}> & React.HTMLProps<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/components/floating/menu.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAAoB,WAAW,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,KAAiE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/components/floating/menu.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAAoB,WAAW,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,KAAiE,MAAM,OAAO,CAAC;AAEtF,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAkKpC,KAAK,aAAa,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,CAAA;CAAE,CAAC;AAE1F,eAAO,MAAM,QAAQ,yIAiCpB,CAAC;AAEF,eAAO,MAAM,IAAI;cA7KH,OAAO;WACV,KAAK;YACJ,OAAO;cACL,KAAK,CAAC,SAAS;yFAmL3B,CAAC"}
|
|
@@ -4,7 +4,7 @@ import { autoUpdate, flip, FloatingFocusManager, FloatingList, FloatingNode, Flo
|
|
|
4
4
|
import { ChevronRightIcon } from "lucide-react";
|
|
5
5
|
import React, { createContext, useContext, useEffect, useRef, useState } from "react";
|
|
6
6
|
import { css } from "../../lib/dom";
|
|
7
|
-
const menuItemClassName = (highlight = "
|
|
7
|
+
const menuItemClassName = (highlight = "") => css("w-full min-w-36 outline-none px-2 py-1 items-center flex justify-between text-left", "data-[active=true]:bg-primary data-[open]:bg-primary focus:bg-primary aria-expanded:opacity-80", "first-of-type:rounded-t-lg last-of-type:rounded-b-lg", "disabled:opacity-40 disabled:cursor-not-allowed", highlight);
|
|
8
8
|
const MenuContext = createContext({
|
|
9
9
|
isOpen: false,
|
|
10
10
|
activeIndex: null,
|
|
@@ -13,7 +13,7 @@ const MenuContext = createContext({
|
|
|
13
13
|
setHasFocusInside: () => { },
|
|
14
14
|
});
|
|
15
15
|
const MenuComponent = React.forwardRef((_a, forwardedRef) => {
|
|
16
|
-
var { children,
|
|
16
|
+
var { children, isParent, label } = _a, props = __rest(_a, ["children", "isParent", "label"]);
|
|
17
17
|
const parentId = useFloatingParentNodeId();
|
|
18
18
|
const isNested = parentId !== null;
|
|
19
19
|
const [isOpen, setIsOpen] = useState(false);
|
|
@@ -38,7 +38,7 @@ const MenuComponent = React.forwardRef((_a, forwardedRef) => {
|
|
|
38
38
|
const dismiss = useDismiss(context, { bubbles: true });
|
|
39
39
|
const hover = useHover(context, {
|
|
40
40
|
enabled: true,
|
|
41
|
-
delay: { open:
|
|
41
|
+
delay: { open: 100 },
|
|
42
42
|
handleClose: safePolygon({ blockPointerEvents: true }),
|
|
43
43
|
});
|
|
44
44
|
const click = useClick(context, {
|
|
@@ -83,12 +83,13 @@ const MenuComponent = React.forwardRef((_a, forwardedRef) => {
|
|
|
83
83
|
if (isOpen && tree)
|
|
84
84
|
tree.events.emit("menuopen", { parentId, nodeId });
|
|
85
85
|
}, [tree, isOpen, nodeId, parentId]);
|
|
86
|
-
|
|
86
|
+
const className = isParent ? props.className : menuItemClassName(props.className);
|
|
87
|
+
return (_jsxs(FloatingNode, { id: nodeId, children: [_jsxs("button", Object.assign({ ref: useMergeRefs([refs.setReference, item.ref, forwardedRef]), tabIndex: !isNested ? undefined : parent.activeIndex === item.index ? 0 : -1, "data-open": isOpen ? "" : undefined, "data-nested": isNested ? "" : undefined, role: isNested ? "menuitem" : undefined, "data-focus-inside": hasFocusInside ? "" : undefined, className: className }, getReferenceProps(parent.getItemProps(Object.assign(Object.assign({}, props), { onFocus(event) {
|
|
87
88
|
var _a;
|
|
88
89
|
(_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, event);
|
|
89
90
|
setHasFocusInside(false);
|
|
90
91
|
parent.setHasFocusInside(true);
|
|
91
|
-
} }))), { children: [label, isNested && (_jsxs("span", { style: { marginLeft: 10, fontSize: 10 }, children: [_jsx("span", { className: "sr-only", children: "Next menu" }), _jsx(ChevronRightIcon, { size: 14 })] }))] })), _jsx(MenuContext.Provider, { value: { activeIndex, setActiveIndex, getItemProps, setHasFocusInside, isOpen }, children: _jsx(FloatingList, { elementsRef: elementsRef, labelsRef: labelsRef, children: isOpen && (_jsx(FloatingPortal, { preserveTabOrder: true, children: _jsx(FloatingFocusManager, { context: context, modal: false, initialFocus: isNested ? -1 : 0, returnFocus: !isNested, children: _jsx("div", Object.assign({ ref: refs.setFloating, style: floatingStyles, className: "bg-floating-background outline-none items-start border text-left shadow-xl border-floating-border flex flex-col rounded-lg" }, getFloatingProps(), { children: children })) }) })) }) })] }));
|
|
92
|
+
} }))), { children: [label, isNested && (_jsxs("span", { style: { marginLeft: 10, fontSize: 10 }, children: [_jsx("span", { className: "sr-only", children: "Next menu" }), _jsx(ChevronRightIcon, { size: 14 })] }))] })), _jsx(MenuContext.Provider, { value: { activeIndex, setActiveIndex, getItemProps, setHasFocusInside, isOpen }, children: _jsx(FloatingList, { elementsRef: elementsRef, labelsRef: labelsRef, children: isOpen && (_jsx(FloatingPortal, { preserveTabOrder: true, children: _jsx(FloatingFocusManager, { context: context, modal: false, initialFocus: isNested ? -1 : 0, returnFocus: !isNested, children: _jsx("div", Object.assign({ ref: refs.setFloating, style: floatingStyles, className: "bg-floating-background z-tooltip isolate outline-none items-start border text-left shadow-xl border-floating-border flex flex-col rounded-lg" }, getFloatingProps(), { children: children })) }) })) }) })] }));
|
|
92
93
|
});
|
|
93
94
|
export const MenuItem = React.forwardRef((_a, forwardedRef) => {
|
|
94
95
|
var { label, Right, disabled } = _a, props = __rest(_a, ["label", "Right", "disabled"]);
|
|
@@ -96,7 +97,7 @@ export const MenuItem = React.forwardRef((_a, forwardedRef) => {
|
|
|
96
97
|
const item = useListItem({ label: disabled ? null : label });
|
|
97
98
|
const tree = useFloatingTree();
|
|
98
99
|
const isActive = item.index === menu.activeIndex;
|
|
99
|
-
return (_jsxs("button", Object.assign({}, props, { ref: useMergeRefs([item.ref, forwardedRef]), type: "button", role: "menuitem", disabled: disabled, tabIndex: isActive ? 0 : -1, className: menuItemClassName(props.className) }, menu.getItemProps({
|
|
100
|
+
return (_jsxs("button", Object.assign({}, props, { ref: useMergeRefs([item.ref, forwardedRef]), "data-active": isActive, type: "button", role: "menuitem", disabled: disabled, tabIndex: isActive ? 0 : -1, className: menuItemClassName(props.className) }, menu.getItemProps({
|
|
100
101
|
onClick(event) {
|
|
101
102
|
var _a;
|
|
102
103
|
(_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, event);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/components/floating/modal.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,EAAY,iBAAiB,EAAS,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/components/floating/modal.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,EAAY,iBAAiB,EAAS,MAAM,OAAO,CAAC;AAGlE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAsDpC,MAAM,MAAM,WAAW,GAAG;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAChC,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C,CAAC;AAkEF,eAAO,MAAM,KAAK,uCAA0D,iBAAiB,CAAC,WAAW,CAAC,4CA6FzG,CAAC"}
|
|
@@ -20,9 +20,9 @@ const drawerRight = createDrawerAnimation("right");
|
|
|
20
20
|
const animations = {
|
|
21
21
|
drawer: (type) => (type === "left" ? drawerLeft : drawerRight),
|
|
22
22
|
sheet: {
|
|
23
|
-
initial: { opacity: 0, scaleY: 0.
|
|
23
|
+
initial: { opacity: 0.5, scaleY: 0.5, animationDuration, originY: "bottom" },
|
|
24
24
|
enter: { opacity: 1, scaleY: 1, animationDuration, originY: "bottom" },
|
|
25
|
-
exit: { opacity: 0, scaleY: 0.
|
|
25
|
+
exit: { opacity: 0.1, scaleY: 0.5, animationDuration, originY: "bottom" },
|
|
26
26
|
},
|
|
27
27
|
dialog: {
|
|
28
28
|
initial: { opacity: 0, scale: 0.95, animationDuration },
|
|
@@ -35,7 +35,7 @@ const variants = cva("isolate ring-0 outline-0 appearance-none flex flex-col gap
|
|
|
35
35
|
type: {
|
|
36
36
|
drawer: "max-h-screen max-w-[90%] w-auto h-screen min-h-0",
|
|
37
37
|
dialog: "max-h-[calc(100lvh-10%)] container h-[inherit] rounded-lg py-8",
|
|
38
|
-
sheet: "w-full absolute bottom-0 max-h-[
|
|
38
|
+
sheet: "w-full absolute bottom-0 max-h-[90vh] max-h-[90svh] pt-6 pb-4 rounded-t-lg",
|
|
39
39
|
},
|
|
40
40
|
position: {
|
|
41
41
|
none: "",
|
|
@@ -46,30 +46,35 @@ const variants = cva("isolate ring-0 outline-0 appearance-none flex flex-col gap
|
|
|
46
46
|
defaultVariants: { position: "right", type: "dialog" },
|
|
47
47
|
});
|
|
48
48
|
const dragConstraints = { top: 0, left: 0, right: 0, bottom: 0 };
|
|
49
|
+
const calculateClose = (n) => n * 0.62;
|
|
49
50
|
const Draggable = (props) => {
|
|
50
|
-
const
|
|
51
|
+
const onDrag = (_, info) => {
|
|
51
52
|
if (props.parent.current) {
|
|
52
53
|
if (!props.sheet) {
|
|
53
54
|
const div = props.parent.current;
|
|
54
55
|
const v = props.value.get() || div.getBoundingClientRect().width;
|
|
55
56
|
const delta = props.type === "right" ? -info.delta.x : info.delta.x;
|
|
56
|
-
props.value.set(Math.abs(v + delta));
|
|
57
|
+
return props.value.set(Math.abs(v + delta));
|
|
57
58
|
}
|
|
58
59
|
const div = props.parent.current;
|
|
59
60
|
const rect = div.getBoundingClientRect();
|
|
60
61
|
const v = props.value.get() || rect.height;
|
|
61
62
|
const result = Math.abs(v - info.delta.y);
|
|
62
|
-
const
|
|
63
|
-
if (result <
|
|
63
|
+
const screenHeightToClose = calculateClose(window.outerHeight);
|
|
64
|
+
if (result < screenHeightToClose) {
|
|
64
65
|
props.onChange(false);
|
|
65
|
-
return setTimeout(() => props.value.set(window.outerHeight
|
|
66
|
+
return setTimeout(() => props.value.set(window.outerHeight), 350);
|
|
66
67
|
}
|
|
67
68
|
return props.value.set(result);
|
|
68
69
|
}
|
|
69
70
|
};
|
|
70
|
-
return (_jsx(motion.div, {
|
|
71
|
+
return (_jsx(motion.div, { draggable: true, dragMomentum: true, onDrag: onDrag, animate: false, initial: false, dragElastic: 0.15, dragDirectionLock: true, dragSnapToOrigin: true, drag: props.sheet ? "y" : "x", dragConstraints: dragConstraints, whileDrag: { cursor: "grabbing" }, className: css("absolute rounded-lg cursor-grab", props.sheet ? "" : "bg-floating-border", props.sheet
|
|
72
|
+
? "w-full py-2 top-1 h-3 flex justify-center"
|
|
73
|
+
: props.type === "left"
|
|
74
|
+
? "top-1/2 right-5 h-10 w-2"
|
|
75
|
+
: "top-1/2 left-2 h-10 w-2"), children: props.sheet ? _jsx("div", { className: "bg-floating-border rounded-lg w-1/4 h-2" }) : null }));
|
|
71
76
|
};
|
|
72
|
-
const positions = {
|
|
77
|
+
const positions = { drawer: "right", sheet: "none", dialog: "none" };
|
|
73
78
|
export const Modal = (_a) => {
|
|
74
79
|
var { type: _type = "dialog", resizer = true } = _a, props = __rest(_a, ["type", "resizer"]);
|
|
75
80
|
const headingId = useId();
|
|
@@ -87,5 +92,5 @@ export const Modal = (_a) => {
|
|
|
87
92
|
const { getReferenceProps, getFloatingProps } = useInteractions([click, role, dismiss]);
|
|
88
93
|
const Trigger = props.trigger;
|
|
89
94
|
const value = useMotionValue(undefined);
|
|
90
|
-
return (_jsxs(Fragment, { children: [props.trigger ? (_jsx(Fragment, { children: props.asChild ? (_jsx(Slot, Object.assign({ ref: refs.setReference }, getReferenceProps(), { children: Trigger }))) : (_jsx("button", Object.assign({ ref: refs.setReference }, getReferenceProps(), { type: "button", children: Trigger }))) })) : null, _jsx(FloatingPortal, { children: _jsx(AnimatePresence, { presenceAffectsLayout: true, children: props.open && (_jsx(FloatingOverlay, { lockScroll: true, className: `relative !overflow-clip h-[100dvh] z-floating bg-floating-overlay/70 ${type === "drawer" ? "" : "grid justify-center p-8"}`, children: _jsx(FloatingFocusManager, { modal: true, closeOnFocusOut: true, context: context, children: _jsxs(motion.div, Object.assign({ animate: "enter", "aria-describedby": descriptionId, "aria-labelledby": headingId, className: variants({ position, type }), exit: "exit", initial: "initial", ref: refs.setFloating, variants: animation, style: isDesktop ? { width: value } : { height: value } }, getFloatingProps(), { children: [useResizer && resizer ? _jsx(Draggable, { onChange: props.onChange, sheet: !isDesktop, value: value, parent: refs.floating, type: position }) : null, props.title || props.closable ? (_jsxs("header", { className: "w-full relative", children: [props.title ? (_jsx("h2", { className: "px-8 pb-4 border-b border-floating-border text-3xl font-medium leading-relaxed", children: props.title })) : null, props.closable !== false ? (_jsx("nav", { className: "absolute -top-1 right-8", children: _jsx("button", { type: "button", onClick: () => props.onChange(false), className: "p-1 transition-colors hover:text-danger focus:text-danger", children: _jsx(XIcon, {}) }) })) : null] })) : null, _jsx("div", { className: "flex-1 px-8 overflow-y-auto", children: props.children }), props.footer ? (_jsx("footer", { className: "px-8 border-t border-floating-border pt-4 w-full", children: props.footer })) : null] })) }) })) }) })] }));
|
|
95
|
+
return (_jsxs(Fragment, { children: [props.trigger ? (_jsx(Fragment, { children: props.asChild ? (_jsx(Slot, Object.assign({ ref: refs.setReference }, getReferenceProps(), { children: Trigger }))) : (_jsx("button", Object.assign({ ref: refs.setReference }, getReferenceProps(), { type: "button", children: Trigger }))) })) : null, _jsx(FloatingPortal, { children: _jsx(AnimatePresence, { presenceAffectsLayout: true, children: props.open && (_jsx(FloatingOverlay, { lockScroll: true, className: `relative !overflow-clip h-[100dvh] z-floating bg-floating-overlay/70 ${type === "drawer" ? "" : "grid justify-center p-8"}`, children: _jsx(FloatingFocusManager, { modal: true, closeOnFocusOut: true, context: context, children: _jsxs(motion.div, Object.assign({ animate: "enter", "aria-describedby": descriptionId, "aria-labelledby": headingId, className: variants({ position, type }), exit: "exit", initial: "initial", ref: refs.setFloating, variants: animation, style: isDesktop ? { width: value } : { height: value } }, getFloatingProps(), { children: [useResizer && resizer ? (_jsx(Draggable, { onChange: props.onChange, sheet: !isDesktop, value: value, parent: refs.floating, type: position })) : null, props.title || props.closable ? (_jsxs("header", { className: "w-full relative", children: [props.title ? (_jsx("h2", { className: "px-8 pb-4 border-b border-floating-border text-3xl font-medium leading-relaxed", children: props.title })) : null, props.closable !== false ? (_jsx("nav", { className: "absolute -top-1 right-8", children: _jsx("button", { type: "button", onClick: () => props.onChange(false), className: "p-1 transition-colors hover:text-danger focus:text-danger", children: _jsx(XIcon, {}) }) })) : null] })) : null, _jsx("div", { className: "flex-1 px-8 overflow-y-auto", children: props.children }), props.footer ? (_jsx("footer", { className: "px-8 border-t border-floating-border pt-4 w-full", children: props.footer })) : null] })) }) })) }) })] }));
|
|
91
96
|
};
|
|
@@ -14,7 +14,7 @@ import { useTranslations } from "../../hooks/use-translate-context";
|
|
|
14
14
|
export const Option = forwardRef((_a, ref) => {
|
|
15
15
|
var _b;
|
|
16
16
|
var { selected, active, onClick, option } = _a, rest = __rest(_a, ["selected", "active", "onClick", "option"]);
|
|
17
|
-
return (_jsx("li", Object.assign({}, rest, { ref: ref, role: "option", "aria-selected": selected, className: "w-full", children: _jsx("button", { type: "button", onClick: onClick, "aria-selected": selected, className: `p-2 w-full text-left cursor-pointer ${selected ? "bg-primary text-primary-foreground" : ""} ${active ? "bg-primary-subtle text-primary-foreground" : ""}`, children: (_b = option.label) !== null && _b !== void 0 ? _b : option.value }) })));
|
|
17
|
+
return (_jsx("li", Object.assign({}, rest, { ref: ref, role: "option", "aria-selected": selected, className: "w-full last:border-transparent border-b border-tooltip-border", children: _jsx("button", { type: "button", onClick: onClick, "aria-selected": selected, className: `p-2 w-full text-left cursor-pointer ${selected ? "bg-primary text-primary-foreground" : ""} ${active ? "bg-primary-subtle text-primary-foreground" : ""}`, children: (_b = option.label) !== null && _b !== void 0 ? _b : option.value }) })));
|
|
18
18
|
});
|
|
19
19
|
const transitionStyles = {
|
|
20
20
|
duration: 300,
|
|
@@ -145,7 +145,7 @@ export const Autocomplete = forwardRef((_a, externalRef) => {
|
|
|
145
145
|
} })), { required: required, value: open ? shadow : label || value, "aria-autocomplete": "list", autoComplete: "off", className: css("input text-foreground text-base group h-11 w-full flex-1 rounded-md bg-transparent p-2 placeholder-input-mask outline-none transition-colors group-error:text-danger group-error:placeholder-input-mask-error", !!right || shadow ? "pe-12" : "", !!left ? "ps-8" : "", props.className) })), _jsx(FloatingPortal, { preserveTabOrder: true, children: open ? (_jsx(FloatingFocusManager, { guards: true, returnFocus: false, context: context, initialFocus: -1, visuallyHiddenDismiss: true, children: _jsx("ul", Object.assign({}, getFloatingProps({
|
|
146
146
|
ref: refs.setFloating,
|
|
147
147
|
style: Object.assign({ position: strategy, left: x !== null && x !== void 0 ? x : 0, top: y !== null && y !== void 0 ? y : 0 }, transitions.styles),
|
|
148
|
-
}), { "data-floating": "true", className: "bg-floating-background shadow-floating text-foreground list-none p-0 m-0 rounded-b-lg overflow-auto origin-[top_center] overflow-y-auto z-floating", children: list.map((option, i) => (_createElement(Option, Object.assign({}, getItemProps({
|
|
148
|
+
}), { "data-floating": "true", className: "bg-floating-background shadow-floating text-foreground list-none p-0 m-0 rounded-t-lg rounded-b-lg overflow-auto origin-[top_center] overflow-y-auto z-floating", children: list.map((option, i) => (_createElement(Option, Object.assign({}, getItemProps({
|
|
149
149
|
onClick: () => onSelect(option),
|
|
150
150
|
ref: (node) => void (listRef.current[i] = node),
|
|
151
151
|
selected: index === i,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { InputFieldProps } from "./input-field";
|
|
3
2
|
import { Override } from "../../types";
|
|
3
|
+
import { InputFieldProps } from "./input-field";
|
|
4
4
|
export type OptionProps = Override<React.ComponentProps<"option">, {
|
|
5
5
|
value: string;
|
|
6
6
|
"data-dynamic"?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/form/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/form/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAG7D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAE5D,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAE/G,MAAM,MAAM,WAAW,GAAG,QAAQ,CAC9B,eAAe,CAAC,QAAQ,CAAC,EACzB;IACI,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B,CACJ,CAAC;AAEF,eAAO,MAAM,MAAM,oGAwFlB,CAAC"}
|
|
@@ -3,9 +3,9 @@ import { __rest } from "tslib";
|
|
|
3
3
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
4
4
|
import { ChevronDown } from "lucide-react";
|
|
5
5
|
import { forwardRef, useEffect, useRef } from "react";
|
|
6
|
-
import { InputField } from "./input-field";
|
|
7
|
-
import { css, mergeRefs } from "../../lib/dom";
|
|
8
6
|
import { useTranslations } from "../../hooks/use-translate-context";
|
|
7
|
+
import { css, mergeRefs } from "../../lib/dom";
|
|
8
|
+
import { InputField } from "./input-field";
|
|
9
9
|
export const Select = forwardRef((_a, ref) => {
|
|
10
10
|
var _b;
|
|
11
11
|
var { required = true, options, selectContainer = "", feedback = null, labelClassName, interactive, rightLabel, optionalText, container, hideLeft = false, right, left, error } = _a, props = __rest(_a, ["required", "options", "selectContainer", "feedback", "labelClassName", "interactive", "rightLabel", "optionalText", "container", "hideLeft", "right", "left", "error"]);
|
|
@@ -25,7 +25,7 @@ export const Select = forwardRef((_a, ref) => {
|
|
|
25
25
|
input.removeEventListener("change", change);
|
|
26
26
|
};
|
|
27
27
|
}, []);
|
|
28
|
-
return (_jsx(InputField, { container: css("group inline-block w-full", container), error: error, feedback: feedback, hideLeft: hideLeft, left: left, optionalText: optionalText, rightLabel: rightLabel, interactive: interactive, form: props.form, id: props.name || props.id, name: props.name, labelClassName: labelClassName, title: props.title, placeholder: props.placeholder, required: required, right: _jsxs("button", { type: "button", className: "hover:text-primary transition-colors", children: [_jsx(ChevronDown, { size: 20 }), _jsx("span", { className: "sr-only", children: translation.inputCaretDown })] }), children: _jsxs("select", Object.assign({}, props, { ref: mergeRefs(ref, inputRef), id: id, name: id, required: required, "data-selected": !!props.value || false, className: css("input bg-transparent text-foreground select group h-11 w-full flex-1 rounded-md p-2 placeholder-input-placeholder outline-none transition-colors group-error:text-danger group-error:placeholder-input-mask-error", "data-[selected=false]:text-input-placeholder", props.className), children: [_jsx("option", { value: "",
|
|
28
|
+
return (_jsx(InputField, { container: css("group inline-block w-full", container), error: error, feedback: feedback, hideLeft: hideLeft, left: left, optionalText: optionalText, rightLabel: rightLabel, interactive: interactive, form: props.form, id: props.name || props.id, name: props.name, labelClassName: labelClassName, title: props.title, placeholder: props.placeholder, required: required, right: _jsx("label", { htmlFor: id, children: _jsxs("button", { type: "button", className: "hover:text-primary transition-colors", children: [_jsx(ChevronDown, { size: 20 }), _jsx("span", { className: "sr-only", children: translation.inputCaretDown })] }) }), children: _jsxs("select", Object.assign({}, props, { ref: mergeRefs(ref, inputRef), id: id, name: id, value: props.value, required: required, "data-selected": !!props.value || false, defaultValue: props.value ? undefined : "", className: css("input bg-transparent text-foreground select group h-11 w-full flex-1 rounded-md p-2 placeholder-input-placeholder outline-none transition-colors group-error:text-danger group-error:placeholder-input-mask-error", "data-[selected=false]:text-input-placeholder", props.className), children: [_jsx("option", { value: "", disabled: true, hidden: true, children: props.placeholder }), options.map((option) => {
|
|
29
29
|
var _a;
|
|
30
30
|
return (_jsx("option", Object.assign({}, option, { children: (_a = option.label) !== null && _a !== void 0 ? _a : option.value }), `${id}-select-option-${option.value}`));
|
|
31
31
|
})] })) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAA2B,cAAc,EAAwC,MAAM,OAAO,CAAC;AAM7G,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,OAAO,EAAa,MAAM,EAAE,MAAM,QAAQ,CAAC;AAC3C,OAAO,EAAoB,GAAG,EAA+B,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAKtG,KAAK,eAAe,CAAC,CAAC,SAAS,EAAE,IAAI,cAAc,CAAC,gBAAgB,CAAC,GACjE,mBAAmB,CAAC,CAAC,CAAC,GAAG;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,UAAU,EAAE,WAAW,EAAE,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5B,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAChE,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAA2B,cAAc,EAAwC,MAAM,OAAO,CAAC;AAM7G,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,OAAO,EAAa,MAAM,EAAE,MAAM,QAAQ,CAAC;AAC3C,OAAO,EAAoB,GAAG,EAA+B,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAKtG,KAAK,eAAe,CAAC,CAAC,SAAS,EAAE,IAAI,cAAc,CAAC,gBAAgB,CAAC,GACjE,mBAAmB,CAAC,CAAC,CAAC,GAAG;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,UAAU,EAAE,WAAW,EAAE,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5B,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAChE,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AA2KN,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,EAAE,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,aAAa,GAAG,QAAQ,CAAC,GAAG;IAC1G,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,GAAG,OAAO,CAAC,mBAAmB,CAAC,CAAC,CAAC,GAAG;IAAE,SAAS,EAAE,MAAM,CAAC,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAO/E,eAAO,MAAM,KAAK,GAAI,CAAC,SAAS,EAAE,SAAS,UAAU,CAAC,CAAC,CAAC,4CAgGvD,CAAC"}
|
|
@@ -23,8 +23,15 @@ const VirtualTable = React.forwardRef((props, ref) => {
|
|
|
23
23
|
var _a;
|
|
24
24
|
return (_jsx("table", Object.assign({}, props, { ref: ref, role: "table", className: `table min-w-full divide-y divide-table-border table-auto text-left ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}` })));
|
|
25
25
|
});
|
|
26
|
-
const Thead = React.forwardRef((
|
|
27
|
-
|
|
26
|
+
const Thead = React.forwardRef((_a, ref) => {
|
|
27
|
+
var { context } = _a, props = __rest(_a, ["context"]);
|
|
28
|
+
return (_jsx("thead", Object.assign({}, props, { role: "rowgroup", className: "bg-card-background shadow-xs group:sticky top-0", ref: ref })));
|
|
29
|
+
});
|
|
30
|
+
const TRow = React.forwardRef((_a, ref) => {
|
|
31
|
+
var _b;
|
|
32
|
+
var { context, item } = _a, props = __rest(_a, ["context", "item"]);
|
|
33
|
+
return (_jsx("tr", Object.assign({}, props, { role: "row", ref: ref, className: `table-row ${(_b = props.className) !== null && _b !== void 0 ? _b : ""}` })));
|
|
34
|
+
});
|
|
28
35
|
const TFoot = React.forwardRef((props, ref) => {
|
|
29
36
|
if (props.context.loadingMore) {
|
|
30
37
|
return (_jsx("tfoot", Object.assign({}, props, { ref: ref, className: "bg-card-background", children: _jsx("tr", { role: "row", className: "bg-card-background", children: _jsx("td", { colSpan: 999, className: "px-2 h-14 bg-card-background", children: _jsx("span", { className: "block w-full h-2 bg-foreground rounded opacity-60 animate-pulse" }) }) }) })));
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.form-checkbox,.form-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000}.form-checkbox{border-radius:0}.form-radio{border-radius:100%}.form-checkbox:focus,.form-radio:focus{outline:2px solid #0000;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.form-checkbox:checked,.form-radio:checked{border-color:#0000;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}.form-checkbox:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")}@media (forced-colors:active) {.form-checkbox:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.form-radio:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}@media (forced-colors:active) {.form-radio:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.form-checkbox:checked:focus,.form-checkbox:checked:hover,.form-checkbox:indeterminate,.form-radio:checked:focus,.form-radio:checked:hover{border-color:#0000;background-color:currentColor}.form-checkbox:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media (forced-colors:active) {.form-checkbox:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.form-checkbox:indeterminate:focus,.form-checkbox:indeterminate:hover{border-color:#0000;background-color:currentColor}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.invisible{visibility:hidden}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-top-1{top:-.25rem}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.right-0{right:0}.right-3{right:.75rem}.right-5{right:1.25rem}.right-8{right:2rem}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:.5rem}.top-3{top:.75rem}.isolate{isolation:isolate}.z-calendar{z-index:2}.z-floating{z-index:10}.z-normal{z-index:1}.z-tooltip{z-index:11}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.ml-3{margin-left:.75rem}.mr-2{margin-right:.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.size-10{width:2.5rem;height:2.5rem}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-8{width:2rem;height:2rem}.h-0{height:0}.h-0\.5{height:.125rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[100dvh\]{height:100dvh}.h-\[inherit\]{height:inherit}.h-screen{height:100vh}.max-h-\[calc\(100lvh-10\%\)\]{max-height:calc(100lvh - 10%)}.max-h-screen{max-height:100vh}.min-h-0{min-height:0}.w-11{width:2.75rem}.w-16{width:4rem}.w-2{width:.5rem}.w-28{width:7rem}.w-4{width:1rem}.w-64{width:16rem}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-min{width:-moz-min-content;width:min-content}.min-w-32{min-width:8rem}.min-w-64{min-width:16rem}.min-w-96{min-width:24rem}.min-w-\[1ch\]{min-width:1ch}.min-w-full{min-width:100%}.min-w-xs{min-width:20rem}.max-w-\[90\%\]{max-width:90%}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.table-auto{table-layout:auto}.origin-\[top_center\]{transform-origin:top center}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.resize{resize:both}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-1{row-gap:.25rem}.gap-y-4{row-gap:1rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-right-width:calc(1px*var(--tw-divide-x-reverse));border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-card-border>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:hsla(var(--card-border),var(--tw-divide-opacity))}.divide-table-border>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:hsla(var(--table-border),var(--tw-divide-opacity))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.\!overflow-clip{overflow:clip!important}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.text-balance{text-wrap:balance}.break-keep{word-break:keep-all}.rounded{border-radius:.25rem}.rounded-card{border-radius:var(--card)}.rounded-full{border-radius:var(--full)}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-pill{border-radius:var(--pill)}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-b-lg{border-bottom-right-radius:.5rem}.rounded-b-lg,.rounded-l-lg{border-bottom-left-radius:.5rem}.rounded-l-lg{border-top-left-radius:.5rem}.rounded-r-lg{border-bottom-right-radius:.5rem}.rounded-r-lg,.rounded-t-lg{border-top-right-radius:.5rem}.rounded-t-lg{border-top-left-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-r-2{border-right-width:2px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-card-border{--tw-border-opacity:1;border-color:hsla(var(--card-border),var(--tw-border-opacity))}.border-danger\/50{border-color:hsla(var(--danger-DEFAULT),.5)}.border-floating-border{--tw-border-opacity:1;border-color:hsla(var(--floating-border),var(--tw-border-opacity))}.border-input-border{--tw-border-opacity:1;border-color:hsla(var(--input-border),var(--tw-border-opacity))}.border-primary{--tw-border-opacity:1;border-color:hsla(var(--primary-DEFAULT),var(--tw-border-opacity))}.border-success\/50{border-color:hsla(var(--success-DEFAULT),.5)}.border-table-border{--tw-border-opacity:1;border-color:hsla(var(--table-border),var(--tw-border-opacity))}.border-tooltip-border{--tw-border-opacity:1;border-color:hsla(var(--tooltip-border),var(--tw-border-opacity))}.border-transparent{border-color:#0000}.bg-background{--tw-bg-opacity:1;background-color:hsla(var(--background),var(--tw-bg-opacity))}.bg-card-background{--tw-bg-opacity:1;background-color:hsla(var(--card-background),var(--tw-bg-opacity))}.bg-danger{--tw-bg-opacity:1;background-color:hsla(var(--danger-DEFAULT),var(--tw-bg-opacity))}.bg-danger-subtle{--tw-bg-opacity:1;background-color:hsla(var(--danger-subtle),var(--tw-bg-opacity))}.bg-danger\/10{background-color:hsla(var(--danger-DEFAULT),.1)}.bg-disabled{--tw-bg-opacity:1;background-color:hsla(var(--disabled),var(--tw-bg-opacity))}.bg-floating-background{--tw-bg-opacity:1;background-color:hsla(var(--floating-background),var(--tw-bg-opacity))}.bg-floating-border{--tw-bg-opacity:1;background-color:hsla(var(--floating-border),var(--tw-bg-opacity))}.bg-floating-overlay\/70{background-color:hsla(var(--floating-overlay),.7)}.bg-foreground{--tw-bg-opacity:1;background-color:hsla(var(--foreground),var(--tw-bg-opacity))}.bg-info{--tw-bg-opacity:1;background-color:hsla(var(--info-DEFAULT),var(--tw-bg-opacity))}.bg-info-subtle{--tw-bg-opacity:1;background-color:hsla(var(--info-subtle),var(--tw-bg-opacity))}.bg-primary{--tw-bg-opacity:1;background-color:hsla(var(--primary-DEFAULT),var(--tw-bg-opacity))}.bg-primary-subtle{--tw-bg-opacity:1;background-color:hsla(var(--primary-subtle),var(--tw-bg-opacity))}.bg-secondary-background{--tw-bg-opacity:1;background-color:hsla(var(--secondary-background),var(--tw-bg-opacity))}.bg-success{--tw-bg-opacity:1;background-color:hsla(var(--success-DEFAULT),var(--tw-bg-opacity))}.bg-success-subtle{--tw-bg-opacity:1;background-color:hsla(var(--success-subtle),var(--tw-bg-opacity))}.bg-success\/10{background-color:hsla(var(--success-DEFAULT),.1)}.bg-table-background{--tw-bg-opacity:1;background-color:hsla(var(--table-background),var(--tw-bg-opacity))}.bg-table-border{--tw-bg-opacity:1;background-color:hsla(var(--table-border),var(--tw-bg-opacity))}.bg-tooltip-background{--tw-bg-opacity:1;background-color:hsla(var(--tooltip-background),var(--tw-bg-opacity))}.bg-transparent{background-color:initial}.bg-warn{--tw-bg-opacity:1;background-color:hsla(var(--warn-DEFAULT),var(--tw-bg-opacity))}.bg-warn-subtle{--tw-bg-opacity:1;background-color:hsla(var(--warn-subtle),var(--tw-bg-opacity))}.bg-origin-border{background-origin:border-box}.fill-floating-background{fill:hsla(var(--floating-background),1)}.fill-tooltip-background{fill:hsla(var(--tooltip-background),1)}.stroke-floating-border{stroke:hsla(var(--floating-border),1)}.stroke-tooltip-border{stroke:hsla(var(--tooltip-border),1)}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pe-12{padding-inline-end:3rem}.pe-4{padding-inline-end:1rem}.pl-2{padding-left:.5rem}.pr-1{padding-right:.25rem}.ps-4{padding-inline-start:1rem}.ps-8{padding-inline-start:2rem}.pt-0{padding-top:0}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.proportional-nums{--tw-numeric-spacing:proportional-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.tracking-wide{letter-spacing:.025em}.text-danger{--tw-text-opacity:1;color:hsla(var(--danger-DEFAULT),var(--tw-text-opacity))}.text-danger-foreground{--tw-text-opacity:1;color:hsla(var(--danger-foreground),var(--tw-text-opacity))}.text-danger-hover{--tw-text-opacity:1;color:hsla(var(--danger-hover),var(--tw-text-opacity))}.text-disabled{--tw-text-opacity:1;color:hsla(var(--disabled),var(--tw-text-opacity))}.text-foreground{--tw-text-opacity:1;color:hsla(var(--foreground),var(--tw-text-opacity))}.text-info-foreground{--tw-text-opacity:1;color:hsla(var(--info-foreground),var(--tw-text-opacity))}.text-info-hover{--tw-text-opacity:1;color:hsla(var(--info-hover),var(--tw-text-opacity))}.text-primary{--tw-text-opacity:1;color:hsla(var(--primary-DEFAULT),var(--tw-text-opacity))}.text-primary-foreground{--tw-text-opacity:1;color:hsla(var(--primary-foreground),var(--tw-text-opacity))}.text-primary-hover{--tw-text-opacity:1;color:hsla(var(--primary-hover),var(--tw-text-opacity))}.text-secondary-foreground{--tw-text-opacity:1;color:hsla(var(--secondary-foreground),var(--tw-text-opacity))}.text-success-foreground{--tw-text-opacity:1;color:hsla(var(--success-foreground),var(--tw-text-opacity))}.text-success-hover{--tw-text-opacity:1;color:hsla(var(--success-hover),var(--tw-text-opacity))}.text-tooltip-foreground{--tw-text-opacity:1;color:hsla(var(--tooltip-foreground),var(--tw-text-opacity))}.text-warn-foreground{--tw-text-opacity:1;color:hsla(var(--warn-foreground),var(--tw-text-opacity))}.text-warn-hover{--tw-text-opacity:1;color:hsla(var(--warn-hover),var(--tw-text-opacity))}.text-opacity-70{--tw-text-opacity:0.7}.underline{text-decoration-line:underline}.placeholder-input-placeholder::-moz-placeholder{--tw-placeholder-opacity:1;color:hsla(var(--input-placeholder),var(--tw-placeholder-opacity))}.placeholder-input-placeholder::placeholder{--tw-placeholder-opacity:1;color:hsla(var(--input-placeholder),var(--tw-placeholder-opacity))}.placeholder-primary\/70::-moz-placeholder{color:hsla(var(--primary-DEFAULT),.7)}.placeholder-primary\/70::placeholder{color:hsla(var(--primary-DEFAULT),.7)}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-floating{--tw-shadow:#0f0f0f1a 0px 0px 0px 1px,#0f0f0f1a 0px 3px 6px,#0f0f0f33 0px 5px 12px;--tw-shadow-colored:0px 0px 0px 1px var(--tw-shadow-color),0px 3px 6px var(--tw-shadow-color),0px 5px 12px var(--tw-shadow-color)}.shadow-floating,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid #0000;outline-offset:2px}.outline-0{outline-width:0}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(1,.43,.36,.67);transition-duration:375ms}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(1,.43,.36,.67);transition-duration:375ms}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(1,.43,.36,.67);transition-duration:375ms}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(1,.43,.36,.67);transition-duration:375ms}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(1,.43,.36,.67);transition-duration:375ms}.\[appearance\:textfield\]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}select.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;padding-right:2.5rem}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,select:focus,textarea{font-size:1rem;line-height:1.5rem}.first\:table-cell:first-child{display:table-cell}.last\:border-r-0:last-child{border-right-width:0}.empty\:mt-0:empty{margin-top:0}.empty\:hidden:empty{display:none}.after\:empty\:text-primary\/70:empty:after{content:var(--tw-content);color:hsla(var(--primary-DEFAULT),.7)}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-primary-subtle:hover{--tw-border-opacity:1;border-color:hsla(var(--primary-subtle),var(--tw-border-opacity))}.hover\:bg-primary:hover{--tw-bg-opacity:1;background-color:hsla(var(--primary-DEFAULT),var(--tw-bg-opacity))}.hover\:text-danger:hover{--tw-text-opacity:1;color:hsla(var(--danger-DEFAULT),var(--tw-text-opacity))}.hover\:text-primary:hover{--tw-text-opacity:1;color:hsla(var(--primary-DEFAULT),var(--tw-text-opacity))}.hover\:text-primary-subtle:hover{--tw-text-opacity:1;color:hsla(var(--primary-subtle),var(--tw-text-opacity))}.focus\:bg-primary:focus{--tw-bg-opacity:1;background-color:hsla(var(--primary-DEFAULT),var(--tw-bg-opacity))}.focus\:text-danger:focus{--tw-text-opacity:1;color:hsla(var(--danger-DEFAULT),var(--tw-text-opacity))}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-primary:focus{--tw-ring-opacity:1;--tw-ring-color:hsla(var(--primary-DEFAULT),var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid #0000;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus-visible\:ring-2:focus-visible,.focus-visible\:ring-4:focus-visible{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-4:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.enabled\:hover\:bg-opacity-70:hover:enabled{--tw-bg-opacity:0.7}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-opacity-40:disabled{--tw-bg-opacity:0.4}.disabled\:bg-opacity-50:disabled{--tw-bg-opacity:0.5}.disabled\:text-secondary-subtle:disabled{--tw-text-opacity:1;color:hsla(var(--secondary-subtle),var(--tw-text-opacity))}.disabled\:text-opacity-80:disabled{--tw-text-opacity:0.8}.disabled\:opacity-70:disabled{opacity:.7}.group:focus-within .group-focus-within\:border-primary{--tw-border-opacity:1;border-color:hsla(var(--primary-DEFAULT),var(--tw-border-opacity))}.group:focus-within .group-focus-within\:text-primary{--tw-text-opacity:1;color:hsla(var(--primary-DEFAULT),var(--tw-text-opacity))}.group:hover .group-hover\:border-primary{--tw-border-opacity:1;border-color:hsla(var(--primary-DEFAULT),var(--tw-border-opacity))}.group:hover .group-hover\:text-primary{--tw-text-opacity:1;color:hsla(var(--primary-DEFAULT),var(--tw-text-opacity))}.group:has(input:not(:focus):invalid[data-initialized=true]) .group-has-\[input\:not\(\:focus\)\:invalid\[data-initialized\=true\]\]\:block,.group:has(input:not(:focus):valid[data-initialized=true]) .group-has-\[input\:not\(\:focus\)\:valid\[data-initialized\=true\]\]\:block{display:block}.aria-expanded\:opacity-80[aria-expanded=true]{opacity:.8}.group[aria-disabled=true] .group-aria-disabled\:cursor-not-allowed{cursor:not-allowed}.data-\[open\=true\]\:pointer-events-auto[data-open=true]{pointer-events:auto}.data-\[open\=true\]\:mb-4[data-open=true]{margin-bottom:1rem}.data-\[checked\=false\]\:translate-x-0[data-checked=false]{--tw-translate-x:0px}.data-\[checked\=false\]\:translate-x-0[data-checked=false],.data-\[checked\=true\]\:translate-x-5[data-checked=true]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[checked\=true\]\:translate-x-5[data-checked=true]{--tw-translate-x:1.25rem}@keyframes pulse{50%{opacity:.5}}.data-\[loading\=true\]\:animate-pulse[data-loading=true]{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.data-\[disabled\=true\]\:cursor-not-allowed[data-disabled=true]{cursor:not-allowed}.data-\[active\=true\]\:border-solid[data-active=true]{border-style:solid}.data-\[active\=false\]\:border-dashed[data-active=false]{border-style:dashed}.data-\[active\=true\]\:bg-card-background[data-active=true]{--tw-bg-opacity:1;background-color:hsla(var(--card-background),var(--tw-bg-opacity))}.data-\[checked\=false\]\:bg-disabled[data-checked=false]{--tw-bg-opacity:1;background-color:hsla(var(--disabled),var(--tw-bg-opacity))}.data-\[checked\=false\]\:bg-input-switch-bg[data-checked=false]{--tw-bg-opacity:1;background-color:hsla(var(--input-switch-bg),var(--tw-bg-opacity))}.data-\[checked\=true\]\:bg-input-switch[data-checked=true]{--tw-bg-opacity:1;background-color:hsla(var(--input-switch),var(--tw-bg-opacity))}.data-\[checked\=true\]\:bg-primary[data-checked=true],.data-\[open\]\:bg-primary[data-open]{--tw-bg-opacity:1;background-color:hsla(var(--primary-DEFAULT),var(--tw-bg-opacity))}.data-\[active\=true\]\:text-primary[data-active=true]{--tw-text-opacity:1;color:hsla(var(--primary-DEFAULT),var(--tw-text-opacity))}.data-\[selected\=false\]\:text-input-placeholder[data-selected=false]{--tw-text-opacity:1;color:hsla(var(--input-placeholder),var(--tw-text-opacity))}.data-\[loading\=true\]\:opacity-30[data-loading=true]{opacity:.3}.link\:text-danger:hover{--tw-text-opacity:1;color:hsla(var(--danger-DEFAULT),var(--tw-text-opacity))}.link\:text-primary:hover{--tw-text-opacity:1;color:hsla(var(--primary-DEFAULT),var(--tw-text-opacity))}.link\:text-danger:active{--tw-text-opacity:1;color:hsla(var(--danger-DEFAULT),var(--tw-text-opacity))}.link\:text-primary:active{--tw-text-opacity:1;color:hsla(var(--primary-DEFAULT),var(--tw-text-opacity))}.group:valid:has(.input:valid:not(:-moz-placeholder-shown)) .group-assert\:block{display:block}.group:valid:has(.input:valid:not(:placeholder-shown)) .group-assert\:block{display:block}.group:valid:has(.input:valid:not(:-moz-placeholder-shown)) .group-assert\:text-success{--tw-text-opacity:1;color:hsla(var(--success-DEFAULT),var(--tw-text-opacity))}.group:valid:has(.input:valid:not(:placeholder-shown)) .group-assert\:text-success{--tw-text-opacity:1;color:hsla(var(--success-DEFAULT),var(--tw-text-opacity))}.group:valid:has(.input:valid:not(:-moz-placeholder-shown)) .group-assert\:opacity-100{opacity:1}.group:valid:has(.input:valid:not(:placeholder-shown)) .group-assert\:opacity-100{opacity:1}.group:invalid:has(.input:not(:focus):invalid[data-initialized=true]) .group-error\:block{display:block}.group:invalid:has(.input:not(:focus):invalid[data-initialized=true]) .group-error\:hidden{display:none}.group:invalid:has(.input:not(:focus):invalid[data-initialized=true]) .group-error\:border-danger{--tw-border-opacity:1;border-color:hsla(var(--danger-DEFAULT),var(--tw-border-opacity))}.group:invalid:has(.input:not(:focus):invalid[data-initialized=true]) .group-error\:text-danger{--tw-text-opacity:1;color:hsla(var(--danger-DEFAULT),var(--tw-text-opacity))}.group:invalid:has(.input:not(:focus):invalid[data-initialized=true]) .group-error\:placeholder-input-mask-error::-moz-placeholder{--tw-placeholder-opacity:1;color:hsla(var(--input-mask-error),var(--tw-placeholder-opacity))}.group:invalid:has(.input:not(:focus):invalid[data-initialized=true]) .group-error\:placeholder-input-mask-error::placeholder{--tw-placeholder-opacity:1;color:hsla(var(--input-mask-error),var(--tw-placeholder-opacity))}.group:invalid:has(.input:not(:focus):invalid[data-initialized=true]) .group-error\:opacity-100{opacity:1}.group[data-error=true]:has(.input[data-initialized=true]) .group-error\:block{display:block}.group[data-error=true]:has(.input[data-initialized=true]) .group-error\:hidden{display:none}.group[data-error=true]:has(.input[data-initialized=true]) .group-error\:border-danger{--tw-border-opacity:1;border-color:hsla(var(--danger-DEFAULT),var(--tw-border-opacity))}.group[data-error=true]:has(.input[data-initialized=true]) .group-error\:text-danger{--tw-text-opacity:1;color:hsla(var(--danger-DEFAULT),var(--tw-text-opacity))}.group[data-error=true]:has(.input[data-initialized=true]) .group-error\:placeholder-input-mask-error::-moz-placeholder{--tw-placeholder-opacity:1;color:hsla(var(--input-mask-error),var(--tw-placeholder-opacity))}.group[data-error=true]:has(.input[data-initialized=true]) .group-error\:placeholder-input-mask-error::placeholder{--tw-placeholder-opacity:1;color:hsla(var(--input-mask-error),var(--tw-placeholder-opacity))}.group[data-error=true]:has(.input[data-initialized=true]) .group-error\:opacity-100{opacity:1}.group[data-error=true][data-interactive=true]:has(.input) .group-error\:block{display:block}.group[data-error=true][data-interactive=true]:has(.input) .group-error\:hidden{display:none}.group[data-error=true][data-interactive=true]:has(.input) .group-error\:border-danger{--tw-border-opacity:1;border-color:hsla(var(--danger-DEFAULT),var(--tw-border-opacity))}.group[data-error=true][data-interactive=true]:has(.input) .group-error\:text-danger{--tw-text-opacity:1;color:hsla(var(--danger-DEFAULT),var(--tw-text-opacity))}.group[data-error=true][data-interactive=true]:has(.input) .group-error\:placeholder-input-mask-error::-moz-placeholder{--tw-placeholder-opacity:1;color:hsla(var(--input-mask-error),var(--tw-placeholder-opacity))}.group[data-error=true][data-interactive=true]:has(.input) .group-error\:placeholder-input-mask-error::placeholder{--tw-placeholder-opacity:1;color:hsla(var(--input-mask-error),var(--tw-placeholder-opacity))}.group[data-error=true][data-interactive=true]:has(.input) .group-error\:opacity-100{opacity:1}.group[data-error=true][data-interactive=true]:has(.input[data-initialized=true]) .group-error\:block{display:block}.group[data-error=true][data-interactive=true]:has(.input[data-initialized=true]) .group-error\:hidden{display:none}.group[data-error=true][data-interactive=true]:has(.input[data-initialized=true]) .group-error\:border-danger{--tw-border-opacity:1;border-color:hsla(var(--danger-DEFAULT),var(--tw-border-opacity))}.group[data-error=true][data-interactive=true]:has(.input[data-initialized=true]) .group-error\:text-danger{--tw-text-opacity:1;color:hsla(var(--danger-DEFAULT),var(--tw-text-opacity))}.group[data-error=true][data-interactive=true]:has(.input[data-initialized=true]) .group-error\:placeholder-input-mask-error::-moz-placeholder{--tw-placeholder-opacity:1;color:hsla(var(--input-mask-error),var(--tw-placeholder-opacity))}.group[data-error=true][data-interactive=true]:has(.input[data-initialized=true]) .group-error\:placeholder-input-mask-error::placeholder{--tw-placeholder-opacity:1;color:hsla(var(--input-mask-error),var(--tw-placeholder-opacity))}.group[data-error=true][data-interactive=true]:has(.input[data-initialized=true]) .group-error\:opacity-100{opacity:1}@media (min-width:768px){.md\:table-cell{display:table-cell}.md\:w-auto{width:auto}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:justify-start{justify-content:flex-start}.md\:justify-end{justify-content:flex-end}}@media (min-width:1024px){.lg\:mt-0{margin-top:0}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:justify-between{justify-content:space-between}}.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button,.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}
|
|
1
|
+
/*! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.form-checkbox,.form-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000}.form-checkbox{border-radius:0}.form-radio{border-radius:100%}.form-checkbox:focus,.form-radio:focus{outline:2px solid #0000;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.form-checkbox:checked,.form-radio:checked{border-color:#0000;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}.form-checkbox:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")}@media (forced-colors:active) {.form-checkbox:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.form-radio:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}@media (forced-colors:active) {.form-radio:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.form-checkbox:checked:focus,.form-checkbox:checked:hover,.form-checkbox:indeterminate,.form-radio:checked:focus,.form-radio:checked:hover{border-color:#0000;background-color:currentColor}.form-checkbox:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media (forced-colors:active) {.form-checkbox:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.form-checkbox:indeterminate:focus,.form-checkbox:indeterminate:hover{border-color:#0000;background-color:currentColor}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.invisible{visibility:hidden}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-top-1{top:-.25rem}.bottom-0{bottom:0}.left-0{left:0}.left-2{left:.5rem}.right-0{right:0}.right-3{right:.75rem}.right-5{right:1.25rem}.right-8{right:2rem}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-3{top:.75rem}.isolate{isolation:isolate}.z-calendar{z-index:2}.z-floating{z-index:10}.z-normal{z-index:1}.z-tooltip{z-index:11}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.ml-3{margin-left:.75rem}.mr-2{margin-right:.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.size-10{width:2.5rem;height:2.5rem}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-8{width:2rem;height:2rem}.h-0{height:0}.h-0\.5{height:.125rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[100dvh\]{height:100dvh}.h-\[inherit\]{height:inherit}.h-screen{height:100vh}.max-h-\[90svh\]{max-height:90svh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[calc\(100lvh-10\%\)\]{max-height:calc(100lvh - 10%)}.max-h-screen{max-height:100vh}.min-h-0{min-height:0}.w-1\/4{width:25%}.w-11{width:2.75rem}.w-16{width:4rem}.w-2{width:.5rem}.w-28{width:7rem}.w-4{width:1rem}.w-64{width:16rem}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-min{width:-moz-min-content;width:min-content}.min-w-36{min-width:9rem}.min-w-64{min-width:16rem}.min-w-96{min-width:24rem}.min-w-\[1ch\]{min-width:1ch}.min-w-full{min-width:100%}.min-w-xs{min-width:20rem}.max-w-\[90\%\]{max-width:90%}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.table-auto{table-layout:auto}.origin-\[top_center\]{transform-origin:top center}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.resize{resize:both}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-1{row-gap:.25rem}.gap-y-4{row-gap:1rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-right-width:calc(1px*var(--tw-divide-x-reverse));border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-card-border>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:hsla(var(--card-border),var(--tw-divide-opacity))}.divide-table-border>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:hsla(var(--table-border),var(--tw-divide-opacity))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.\!overflow-clip{overflow:clip!important}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.text-balance{text-wrap:balance}.break-keep{word-break:keep-all}.rounded{border-radius:.25rem}.rounded-card{border-radius:var(--card)}.rounded-full{border-radius:var(--full)}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-pill{border-radius:var(--pill)}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-b-lg{border-bottom-right-radius:.5rem}.rounded-b-lg,.rounded-l-lg{border-bottom-left-radius:.5rem}.rounded-l-lg{border-top-left-radius:.5rem}.rounded-r-lg{border-bottom-right-radius:.5rem}.rounded-r-lg,.rounded-t-lg{border-top-right-radius:.5rem}.rounded-t-lg{border-top-left-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-r-2{border-right-width:2px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-card-border{--tw-border-opacity:1;border-color:hsla(var(--card-border),var(--tw-border-opacity))}.border-danger\/50{border-color:hsla(var(--danger-DEFAULT),.5)}.border-floating-border{--tw-border-opacity:1;border-color:hsla(var(--floating-border),var(--tw-border-opacity))}.border-input-border{--tw-border-opacity:1;border-color:hsla(var(--input-border),var(--tw-border-opacity))}.border-primary{--tw-border-opacity:1;border-color:hsla(var(--primary-DEFAULT),var(--tw-border-opacity))}.border-success\/50{border-color:hsla(var(--success-DEFAULT),.5)}.border-table-border{--tw-border-opacity:1;border-color:hsla(var(--table-border),var(--tw-border-opacity))}.border-tooltip-border{--tw-border-opacity:1;border-color:hsla(var(--tooltip-border),var(--tw-border-opacity))}.border-transparent{border-color:#0000}.bg-background{--tw-bg-opacity:1;background-color:hsla(var(--background),var(--tw-bg-opacity))}.bg-card-background{--tw-bg-opacity:1;background-color:hsla(var(--card-background),var(--tw-bg-opacity))}.bg-danger{--tw-bg-opacity:1;background-color:hsla(var(--danger-DEFAULT),var(--tw-bg-opacity))}.bg-danger-subtle{--tw-bg-opacity:1;background-color:hsla(var(--danger-subtle),var(--tw-bg-opacity))}.bg-danger\/10{background-color:hsla(var(--danger-DEFAULT),.1)}.bg-disabled{--tw-bg-opacity:1;background-color:hsla(var(--disabled),var(--tw-bg-opacity))}.bg-floating-background{--tw-bg-opacity:1;background-color:hsla(var(--floating-background),var(--tw-bg-opacity))}.bg-floating-border{--tw-bg-opacity:1;background-color:hsla(var(--floating-border),var(--tw-bg-opacity))}.bg-floating-overlay\/70{background-color:hsla(var(--floating-overlay),.7)}.bg-foreground{--tw-bg-opacity:1;background-color:hsla(var(--foreground),var(--tw-bg-opacity))}.bg-info{--tw-bg-opacity:1;background-color:hsla(var(--info-DEFAULT),var(--tw-bg-opacity))}.bg-info-subtle{--tw-bg-opacity:1;background-color:hsla(var(--info-subtle),var(--tw-bg-opacity))}.bg-primary{--tw-bg-opacity:1;background-color:hsla(var(--primary-DEFAULT),var(--tw-bg-opacity))}.bg-primary-subtle{--tw-bg-opacity:1;background-color:hsla(var(--primary-subtle),var(--tw-bg-opacity))}.bg-secondary-background{--tw-bg-opacity:1;background-color:hsla(var(--secondary-background),var(--tw-bg-opacity))}.bg-success{--tw-bg-opacity:1;background-color:hsla(var(--success-DEFAULT),var(--tw-bg-opacity))}.bg-success-subtle{--tw-bg-opacity:1;background-color:hsla(var(--success-subtle),var(--tw-bg-opacity))}.bg-success\/10{background-color:hsla(var(--success-DEFAULT),.1)}.bg-table-background{--tw-bg-opacity:1;background-color:hsla(var(--table-background),var(--tw-bg-opacity))}.bg-table-border{--tw-bg-opacity:1;background-color:hsla(var(--table-border),var(--tw-bg-opacity))}.bg-tooltip-background{--tw-bg-opacity:1;background-color:hsla(var(--tooltip-background),var(--tw-bg-opacity))}.bg-transparent{background-color:initial}.bg-warn{--tw-bg-opacity:1;background-color:hsla(var(--warn-DEFAULT),var(--tw-bg-opacity))}.bg-warn-subtle{--tw-bg-opacity:1;background-color:hsla(var(--warn-subtle),var(--tw-bg-opacity))}.bg-origin-border{background-origin:border-box}.fill-floating-background{fill:hsla(var(--floating-background),1)}.fill-tooltip-background{fill:hsla(var(--tooltip-background),1)}.stroke-floating-border{stroke:hsla(var(--floating-border),1)}.stroke-tooltip-border{stroke:hsla(var(--tooltip-border),1)}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pe-12{padding-inline-end:3rem}.pe-4{padding-inline-end:1rem}.pl-2{padding-left:.5rem}.pr-1{padding-right:.25rem}.ps-4{padding-inline-start:1rem}.ps-8{padding-inline-start:2rem}.pt-0{padding-top:0}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.proportional-nums{--tw-numeric-spacing:proportional-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.tracking-wide{letter-spacing:.025em}.text-danger{--tw-text-opacity:1;color:hsla(var(--danger-DEFAULT),var(--tw-text-opacity))}.text-danger-foreground{--tw-text-opacity:1;color:hsla(var(--danger-foreground),var(--tw-text-opacity))}.text-danger-hover{--tw-text-opacity:1;color:hsla(var(--danger-hover),var(--tw-text-opacity))}.text-disabled{--tw-text-opacity:1;color:hsla(var(--disabled),var(--tw-text-opacity))}.text-foreground{--tw-text-opacity:1;color:hsla(var(--foreground),var(--tw-text-opacity))}.text-info-foreground{--tw-text-opacity:1;color:hsla(var(--info-foreground),var(--tw-text-opacity))}.text-info-hover{--tw-text-opacity:1;color:hsla(var(--info-hover),var(--tw-text-opacity))}.text-primary{--tw-text-opacity:1;color:hsla(var(--primary-DEFAULT),var(--tw-text-opacity))}.text-primary-foreground{--tw-text-opacity:1;color:hsla(var(--primary-foreground),var(--tw-text-opacity))}.text-primary-hover{--tw-text-opacity:1;color:hsla(var(--primary-hover),var(--tw-text-opacity))}.text-secondary-foreground{--tw-text-opacity:1;color:hsla(var(--secondary-foreground),var(--tw-text-opacity))}.text-success-foreground{--tw-text-opacity:1;color:hsla(var(--success-foreground),var(--tw-text-opacity))}.text-success-hover{--tw-text-opacity:1;color:hsla(var(--success-hover),var(--tw-text-opacity))}.text-tooltip-foreground{--tw-text-opacity:1;color:hsla(var(--tooltip-foreground),var(--tw-text-opacity))}.text-warn-foreground{--tw-text-opacity:1;color:hsla(var(--warn-foreground),var(--tw-text-opacity))}.text-warn-hover{--tw-text-opacity:1;color:hsla(var(--warn-hover),var(--tw-text-opacity))}.text-opacity-70{--tw-text-opacity:0.7}.underline{text-decoration-line:underline}.placeholder-input-placeholder::-moz-placeholder{--tw-placeholder-opacity:1;color:hsla(var(--input-placeholder),var(--tw-placeholder-opacity))}.placeholder-input-placeholder::placeholder{--tw-placeholder-opacity:1;color:hsla(var(--input-placeholder),var(--tw-placeholder-opacity))}.placeholder-primary\/70::-moz-placeholder{color:hsla(var(--primary-DEFAULT),.7)}.placeholder-primary\/70::placeholder{color:hsla(var(--primary-DEFAULT),.7)}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-floating{--tw-shadow:#0f0f0f1a 0px 0px 0px 1px,#0f0f0f1a 0px 3px 6px,#0f0f0f33 0px 5px 12px;--tw-shadow-colored:0px 0px 0px 1px var(--tw-shadow-color),0px 3px 6px var(--tw-shadow-color),0px 5px 12px var(--tw-shadow-color)}.shadow-floating,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid #0000;outline-offset:2px}.outline-0{outline-width:0}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(1,.43,.36,.67);transition-duration:375ms}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(1,.43,.36,.67);transition-duration:375ms}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(1,.43,.36,.67);transition-duration:375ms}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(1,.43,.36,.67);transition-duration:375ms}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(1,.43,.36,.67);transition-duration:375ms}.\[appearance\:textfield\]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}select.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;padding-right:2.5rem}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,select:focus,textarea{font-size:1rem;line-height:1.5rem}.first\:table-cell:first-child{display:table-cell}.last\:border-r-0:last-child{border-right-width:0}.last\:border-transparent:last-child{border-color:#0000}.first-of-type\:rounded-t-lg:first-of-type{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.last-of-type\:rounded-b-lg:last-of-type{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.empty\:mt-0:empty{margin-top:0}.empty\:hidden:empty{display:none}.after\:empty\:text-primary\/70:empty:after{content:var(--tw-content);color:hsla(var(--primary-DEFAULT),.7)}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-primary-subtle:hover{--tw-border-opacity:1;border-color:hsla(var(--primary-subtle),var(--tw-border-opacity))}.hover\:bg-primary:hover{--tw-bg-opacity:1;background-color:hsla(var(--primary-DEFAULT),var(--tw-bg-opacity))}.hover\:text-danger:hover{--tw-text-opacity:1;color:hsla(var(--danger-DEFAULT),var(--tw-text-opacity))}.hover\:text-primary:hover{--tw-text-opacity:1;color:hsla(var(--primary-DEFAULT),var(--tw-text-opacity))}.hover\:text-primary-subtle:hover{--tw-text-opacity:1;color:hsla(var(--primary-subtle),var(--tw-text-opacity))}.focus\:bg-primary:focus{--tw-bg-opacity:1;background-color:hsla(var(--primary-DEFAULT),var(--tw-bg-opacity))}.focus\:text-danger:focus{--tw-text-opacity:1;color:hsla(var(--danger-DEFAULT),var(--tw-text-opacity))}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-primary:focus{--tw-ring-opacity:1;--tw-ring-color:hsla(var(--primary-DEFAULT),var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid #0000;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus-visible\:ring-2:focus-visible,.focus-visible\:ring-4:focus-visible{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-4:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.enabled\:hover\:bg-opacity-70:hover:enabled{--tw-bg-opacity:0.7}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-opacity-40:disabled{--tw-bg-opacity:0.4}.disabled\:bg-opacity-50:disabled{--tw-bg-opacity:0.5}.disabled\:text-secondary-subtle:disabled{--tw-text-opacity:1;color:hsla(var(--secondary-subtle),var(--tw-text-opacity))}.disabled\:text-opacity-80:disabled{--tw-text-opacity:0.8}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-70:disabled{opacity:.7}.group:focus-within .group-focus-within\:border-primary{--tw-border-opacity:1;border-color:hsla(var(--primary-DEFAULT),var(--tw-border-opacity))}.group:focus-within .group-focus-within\:text-primary{--tw-text-opacity:1;color:hsla(var(--primary-DEFAULT),var(--tw-text-opacity))}.group:hover .group-hover\:border-primary{--tw-border-opacity:1;border-color:hsla(var(--primary-DEFAULT),var(--tw-border-opacity))}.group:hover .group-hover\:text-primary{--tw-text-opacity:1;color:hsla(var(--primary-DEFAULT),var(--tw-text-opacity))}.group:has(input:not(:focus):invalid[data-initialized=true]) .group-has-\[input\:not\(\:focus\)\:invalid\[data-initialized\=true\]\]\:block,.group:has(input:not(:focus):valid[data-initialized=true]) .group-has-\[input\:not\(\:focus\)\:valid\[data-initialized\=true\]\]\:block{display:block}.aria-expanded\:opacity-80[aria-expanded=true]{opacity:.8}.group[aria-disabled=true] .group-aria-disabled\:cursor-not-allowed{cursor:not-allowed}.data-\[open\=true\]\:pointer-events-auto[data-open=true]{pointer-events:auto}.data-\[open\=true\]\:mb-4[data-open=true]{margin-bottom:1rem}.data-\[checked\=false\]\:translate-x-0[data-checked=false]{--tw-translate-x:0px}.data-\[checked\=false\]\:translate-x-0[data-checked=false],.data-\[checked\=true\]\:translate-x-5[data-checked=true]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[checked\=true\]\:translate-x-5[data-checked=true]{--tw-translate-x:1.25rem}@keyframes pulse{50%{opacity:.5}}.data-\[loading\=true\]\:animate-pulse[data-loading=true]{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.data-\[disabled\=true\]\:cursor-not-allowed[data-disabled=true]{cursor:not-allowed}.data-\[active\=true\]\:border-solid[data-active=true]{border-style:solid}.data-\[active\=false\]\:border-dashed[data-active=false]{border-style:dashed}.data-\[active\=true\]\:bg-card-background[data-active=true]{--tw-bg-opacity:1;background-color:hsla(var(--card-background),var(--tw-bg-opacity))}.data-\[active\=true\]\:bg-primary[data-active=true]{--tw-bg-opacity:1;background-color:hsla(var(--primary-DEFAULT),var(--tw-bg-opacity))}.data-\[checked\=false\]\:bg-disabled[data-checked=false]{--tw-bg-opacity:1;background-color:hsla(var(--disabled),var(--tw-bg-opacity))}.data-\[checked\=false\]\:bg-input-switch-bg[data-checked=false]{--tw-bg-opacity:1;background-color:hsla(var(--input-switch-bg),var(--tw-bg-opacity))}.data-\[checked\=true\]\:bg-input-switch[data-checked=true]{--tw-bg-opacity:1;background-color:hsla(var(--input-switch),var(--tw-bg-opacity))}.data-\[checked\=true\]\:bg-primary[data-checked=true],.data-\[open\]\:bg-primary[data-open]{--tw-bg-opacity:1;background-color:hsla(var(--primary-DEFAULT),var(--tw-bg-opacity))}.data-\[active\=true\]\:text-primary[data-active=true]{--tw-text-opacity:1;color:hsla(var(--primary-DEFAULT),var(--tw-text-opacity))}.data-\[selected\=false\]\:text-input-placeholder[data-selected=false]{--tw-text-opacity:1;color:hsla(var(--input-placeholder),var(--tw-text-opacity))}.data-\[loading\=true\]\:opacity-30[data-loading=true]{opacity:.3}.link\:text-danger:hover{--tw-text-opacity:1;color:hsla(var(--danger-DEFAULT),var(--tw-text-opacity))}.link\:text-primary:hover{--tw-text-opacity:1;color:hsla(var(--primary-DEFAULT),var(--tw-text-opacity))}.link\:text-danger:active{--tw-text-opacity:1;color:hsla(var(--danger-DEFAULT),var(--tw-text-opacity))}.link\:text-primary:active{--tw-text-opacity:1;color:hsla(var(--primary-DEFAULT),var(--tw-text-opacity))}.group:valid:has(.input:valid:not(:-moz-placeholder-shown)) .group-assert\:block{display:block}.group:valid:has(.input:valid:not(:placeholder-shown)) .group-assert\:block{display:block}.group:valid:has(.input:valid:not(:-moz-placeholder-shown)) .group-assert\:text-success{--tw-text-opacity:1;color:hsla(var(--success-DEFAULT),var(--tw-text-opacity))}.group:valid:has(.input:valid:not(:placeholder-shown)) .group-assert\:text-success{--tw-text-opacity:1;color:hsla(var(--success-DEFAULT),var(--tw-text-opacity))}.group:valid:has(.input:valid:not(:-moz-placeholder-shown)) .group-assert\:opacity-100{opacity:1}.group:valid:has(.input:valid:not(:placeholder-shown)) .group-assert\:opacity-100{opacity:1}.group:invalid:has(.input:not(:focus):invalid[data-initialized=true]) .group-error\:block{display:block}.group:invalid:has(.input:not(:focus):invalid[data-initialized=true]) .group-error\:hidden{display:none}.group:invalid:has(.input:not(:focus):invalid[data-initialized=true]) .group-error\:border-danger{--tw-border-opacity:1;border-color:hsla(var(--danger-DEFAULT),var(--tw-border-opacity))}.group:invalid:has(.input:not(:focus):invalid[data-initialized=true]) .group-error\:text-danger{--tw-text-opacity:1;color:hsla(var(--danger-DEFAULT),var(--tw-text-opacity))}.group:invalid:has(.input:not(:focus):invalid[data-initialized=true]) .group-error\:placeholder-input-mask-error::-moz-placeholder{--tw-placeholder-opacity:1;color:hsla(var(--input-mask-error),var(--tw-placeholder-opacity))}.group:invalid:has(.input:not(:focus):invalid[data-initialized=true]) .group-error\:placeholder-input-mask-error::placeholder{--tw-placeholder-opacity:1;color:hsla(var(--input-mask-error),var(--tw-placeholder-opacity))}.group:invalid:has(.input:not(:focus):invalid[data-initialized=true]) .group-error\:opacity-100{opacity:1}.group[data-error=true]:has(.input[data-initialized=true]) .group-error\:block{display:block}.group[data-error=true]:has(.input[data-initialized=true]) .group-error\:hidden{display:none}.group[data-error=true]:has(.input[data-initialized=true]) .group-error\:border-danger{--tw-border-opacity:1;border-color:hsla(var(--danger-DEFAULT),var(--tw-border-opacity))}.group[data-error=true]:has(.input[data-initialized=true]) .group-error\:text-danger{--tw-text-opacity:1;color:hsla(var(--danger-DEFAULT),var(--tw-text-opacity))}.group[data-error=true]:has(.input[data-initialized=true]) .group-error\:placeholder-input-mask-error::-moz-placeholder{--tw-placeholder-opacity:1;color:hsla(var(--input-mask-error),var(--tw-placeholder-opacity))}.group[data-error=true]:has(.input[data-initialized=true]) .group-error\:placeholder-input-mask-error::placeholder{--tw-placeholder-opacity:1;color:hsla(var(--input-mask-error),var(--tw-placeholder-opacity))}.group[data-error=true]:has(.input[data-initialized=true]) .group-error\:opacity-100{opacity:1}.group[data-error=true][data-interactive=true]:has(.input) .group-error\:block{display:block}.group[data-error=true][data-interactive=true]:has(.input) .group-error\:hidden{display:none}.group[data-error=true][data-interactive=true]:has(.input) .group-error\:border-danger{--tw-border-opacity:1;border-color:hsla(var(--danger-DEFAULT),var(--tw-border-opacity))}.group[data-error=true][data-interactive=true]:has(.input) .group-error\:text-danger{--tw-text-opacity:1;color:hsla(var(--danger-DEFAULT),var(--tw-text-opacity))}.group[data-error=true][data-interactive=true]:has(.input) .group-error\:placeholder-input-mask-error::-moz-placeholder{--tw-placeholder-opacity:1;color:hsla(var(--input-mask-error),var(--tw-placeholder-opacity))}.group[data-error=true][data-interactive=true]:has(.input) .group-error\:placeholder-input-mask-error::placeholder{--tw-placeholder-opacity:1;color:hsla(var(--input-mask-error),var(--tw-placeholder-opacity))}.group[data-error=true][data-interactive=true]:has(.input) .group-error\:opacity-100{opacity:1}.group[data-error=true][data-interactive=true]:has(.input[data-initialized=true]) .group-error\:block{display:block}.group[data-error=true][data-interactive=true]:has(.input[data-initialized=true]) .group-error\:hidden{display:none}.group[data-error=true][data-interactive=true]:has(.input[data-initialized=true]) .group-error\:border-danger{--tw-border-opacity:1;border-color:hsla(var(--danger-DEFAULT),var(--tw-border-opacity))}.group[data-error=true][data-interactive=true]:has(.input[data-initialized=true]) .group-error\:text-danger{--tw-text-opacity:1;color:hsla(var(--danger-DEFAULT),var(--tw-text-opacity))}.group[data-error=true][data-interactive=true]:has(.input[data-initialized=true]) .group-error\:placeholder-input-mask-error::-moz-placeholder{--tw-placeholder-opacity:1;color:hsla(var(--input-mask-error),var(--tw-placeholder-opacity))}.group[data-error=true][data-interactive=true]:has(.input[data-initialized=true]) .group-error\:placeholder-input-mask-error::placeholder{--tw-placeholder-opacity:1;color:hsla(var(--input-mask-error),var(--tw-placeholder-opacity))}.group[data-error=true][data-interactive=true]:has(.input[data-initialized=true]) .group-error\:opacity-100{opacity:1}@media (min-width:768px){.md\:table-cell{display:table-cell}.md\:w-auto{width:auto}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:justify-start{justify-content:flex-start}.md\:justify-end{justify-content:flex-end}}@media (min-width:1024px){.lg\:mt-0{margin-top:0}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:justify-between{justify-content:space-between}}.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button,.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}
|