@g4rcez/components 0.0.35 → 0.0.37
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/display/tabs.d.ts +1 -1
- package/dist/components/display/tabs.d.ts.map +1 -1
- package/dist/components/display/tabs.js +9 -7
- package/dist/components/floating/tooltip.d.ts +2 -1
- package/dist/components/floating/tooltip.d.ts.map +1 -1
- package/dist/components/floating/tooltip.js +4 -3
- package/dist/components/form/checkbox.d.ts +3 -1
- package/dist/components/form/checkbox.d.ts.map +1 -1
- package/dist/components/form/checkbox.js +2 -2
- package/dist/components/form/task-list.d.ts +3 -0
- package/dist/components/form/task-list.d.ts.map +1 -0
- package/dist/components/form/task-list.js +26 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -0
- package/dist/components/table/group.d.ts.map +1 -1
- package/dist/components/table/group.js +3 -1
- package/dist/components/table/thead.d.ts.map +1 -1
- package/dist/components/table/thead.js +1 -1
- package/dist/hooks/use-stable-ref.d.ts +2 -0
- package/dist/hooks/use-stable-ref.d.ts.map +1 -0
- package/dist/hooks/use-stable-ref.js +8 -0
- package/dist/hooks/use-translate-context.d.ts +4 -0
- package/dist/hooks/use-translate-context.d.ts.map +1 -1
- package/dist/hooks/use-translate-context.js +2 -0
- package/dist/index.css +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +6898 -6556
- package/dist/index.mjs.map +1 -1
- package/dist/index.umd.js +43 -43
- package/dist/index.umd.js.map +1 -1
- package/dist/preset/preset.tailwind.d.ts +3 -0
- package/dist/preset/preset.tailwind.d.ts.map +1 -1
- package/dist/preset/preset.tailwind.js +9 -5
- package/package.json +278 -200
|
@@ -2,9 +2,9 @@ import { PropsWithChildren } from "react";
|
|
|
2
2
|
import { Label } from "../../types";
|
|
3
3
|
export type TabsProps = {
|
|
4
4
|
active: string;
|
|
5
|
-
onChange?: (id: string) => void;
|
|
6
5
|
useHash?: boolean;
|
|
7
6
|
className?: string;
|
|
7
|
+
onChange?: (id: string) => void;
|
|
8
8
|
};
|
|
9
9
|
export declare const Tabs: (props: PropsWithChildren<TabsProps>) => import("react/jsx-runtime").JSX.Element;
|
|
10
10
|
export type TabProps = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/display/tabs.tsx"],"names":[],"mappings":"AAEA,OAAc,EAA2B,iBAAiB,
|
|
1
|
+
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/display/tabs.tsx"],"names":[],"mappings":"AAEA,OAAc,EAA2B,iBAAiB,EAA4D,MAAM,OAAO,CAAC;AAGpI,OAAO,EAAE,KAAK,EAAY,MAAM,aAAa,CAAC;AAK9C,MAAM,MAAM,SAAS,GAAG;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAqCF,eAAO,MAAM,IAAI,UAAW,iBAAiB,CAAC,SAAS,CAAC,4CAmGvD,CAAC;AAIF,MAAM,MAAM,QAAQ,GACd;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,GAChD;IACI,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAER,eAAO,MAAM,GAAG,UAAW,iBAAiB,CAAC,QAAQ,CAAC,4CAGrD,CAAC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { motion, useMotionValue } from "framer-motion";
|
|
4
|
-
import React, { createContext, Fragment, useContext, useEffect, useRef, useState } from "react";
|
|
4
|
+
import React, { createContext, Fragment, useContext, useEffect, useLayoutEffect, useRef, useState } from "react";
|
|
5
5
|
import { useReactive } from "../../hooks/use-reactive";
|
|
6
|
+
import { useStableRef } from "../../hooks/use-stable-ref";
|
|
6
7
|
import { Button } from "../core/button";
|
|
7
8
|
import { Modal } from "../floating/modal";
|
|
8
9
|
import { Card } from "./card";
|
|
@@ -14,7 +15,7 @@ const SelectTab = (props) => {
|
|
|
14
15
|
const inner = x.props;
|
|
15
16
|
return inner.id === props.active;
|
|
16
17
|
});
|
|
17
|
-
return (_jsxs("div", { className: "my-4
|
|
18
|
+
return (_jsxs("div", { className: "my-4 flex min-w-full px-8 text-center lg:hidden", children: [_jsx(Button, { className: "min-w-full", onClick: () => setView(true), children: (_a = title === null || title === void 0 ? void 0 : title.props) === null || _a === void 0 ? void 0 : _a.title }), _jsx(Modal, { closable: true, onChange: setView, open: view, type: "dialog", children: _jsx("ul", { className: "mt-4 space-y-4", children: props.items.map((x) => {
|
|
18
19
|
const inner = x.props;
|
|
19
20
|
const onClick = () => {
|
|
20
21
|
props.setActive(inner.id);
|
|
@@ -29,7 +30,7 @@ export const Tabs = (props) => {
|
|
|
29
30
|
const width = useMotionValue(0);
|
|
30
31
|
const ref = useRef(null);
|
|
31
32
|
const Render = props.useHash ? "a" : "button";
|
|
32
|
-
|
|
33
|
+
useLayoutEffect(() => {
|
|
33
34
|
const header = ref.current;
|
|
34
35
|
if (header === null)
|
|
35
36
|
return;
|
|
@@ -59,10 +60,11 @@ export const Tabs = (props) => {
|
|
|
59
60
|
resize(first);
|
|
60
61
|
return () => window.removeEventListener("resize", listener);
|
|
61
62
|
}, []);
|
|
63
|
+
const onChangeRef = useStableRef(props.onChange);
|
|
62
64
|
useEffect(() => {
|
|
63
|
-
if (
|
|
64
|
-
|
|
65
|
-
}, [
|
|
65
|
+
if (onChangeRef.current)
|
|
66
|
+
onChangeRef.current(active);
|
|
67
|
+
}, [onChangeRef, active]);
|
|
66
68
|
const items = React.Children.toArray(props.children);
|
|
67
69
|
const onClick = (e) => {
|
|
68
70
|
const anchor = e.currentTarget;
|
|
@@ -71,7 +73,7 @@ export const Tabs = (props) => {
|
|
|
71
73
|
left.set(anchor.offsetLeft);
|
|
72
74
|
setActive(anchor.dataset.id || "");
|
|
73
75
|
};
|
|
74
|
-
return (_jsx(Context.Provider, { value: active, children: _jsx(Card, { container: "pt-0", className: props.className, header: _jsxs("header", { ref: ref, className: "relative mb-2 border-b border-card-border", children: [_jsx(motion.div, { layout: true, initial: false, "aria-hidden": "true", style: { left, width }, transition: { type: "tween", left, width }, className: "
|
|
76
|
+
return (_jsx(Context.Provider, { value: active, children: _jsx(Card, { container: "pt-0", className: props.className, header: _jsxs("header", { ref: ref, className: "relative mb-2 border-b border-card-border", children: [_jsx(motion.div, { layout: true, initial: false, "aria-hidden": "true", style: { left, width }, transition: { type: "tween", left, width }, className: "absolute bottom-0 hidden h-0.5 w-28 bg-primary transition-all duration-300 lg:block" }), _jsxs("nav", { children: [_jsx(SelectTab, { setActive: setActive, items: items, active: active }), _jsx("ul", { className: "hidden justify-between divide-x divide-card-border overflow-x-auto md:justify-start lg:flex", children: items.map((x) => {
|
|
75
77
|
const inner = x.props;
|
|
76
78
|
return (_jsx("li", { "data-id": inner.id, "data-active": active === inner.id, className: "w-full data-[active=true]:text-primary md:w-auto", children: _jsx(Render, { "data-id": inner.id, onClick: onClick, "aria-current": "page", className: "block w-full whitespace-nowrap px-10 py-4 font-medium", href: props.useHash ? `#${inner.id}` : undefined, children: inner.title }) }, `tab-header-${inner.id}`));
|
|
77
79
|
}) })] })] }), children: props.children }) }));
|
|
@@ -6,6 +6,7 @@ export type TooltipProps<T extends ComponentLike = "span"> = Override<Polymorphi
|
|
|
6
6
|
title: Label;
|
|
7
7
|
enabled?: boolean;
|
|
8
8
|
placement?: Placement;
|
|
9
|
+
followCursor?: boolean;
|
|
9
10
|
}>;
|
|
10
|
-
export declare const Tooltip: <T extends ComponentLike = "span">({ children, placement, enabled, as, title, ...props }: TooltipProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare const Tooltip: <T extends ComponentLike = "span">({ children, followCursor, placement, enabled, as, title, ...props }: TooltipProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
11
12
|
//# sourceMappingURL=tooltip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/floating/tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,EAOH,KAAK,SAAS,
|
|
1
|
+
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/floating/tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,EAOH,KAAK,SAAS,EASjB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAqC,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAa,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAE9E,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE7D,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,aAAa,GAAG,MAAM,IAAI,QAAQ,CACjE,gBAAgB,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAC5C;IACI,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B,CACJ,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,CAAC,SAAS,aAAa,gFAAwF,YAAY,CAAC,CAAC,CAAC,4CAuCrJ,CAAC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { __rest } from "tslib";
|
|
3
3
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
4
|
-
import { arrow, autoUpdate, flip, FloatingArrow, FloatingPortal, offset, shift, useDismiss, useFloating, useFocus, useHover, useInteractions, useRole, } from "@floating-ui/react";
|
|
4
|
+
import { arrow, autoUpdate, flip, FloatingArrow, FloatingPortal, offset, shift, useClientPoint, useDismiss, useFloating, useFocus, useHover, useInteractions, useRole, } from "@floating-ui/react";
|
|
5
5
|
import { Fragment, useRef, useState } from "react";
|
|
6
6
|
import { Polymorph } from "../../components/core/polymorph";
|
|
7
7
|
import { FLOATING_DELAY } from "../../constants";
|
|
8
8
|
export const Tooltip = (_a) => {
|
|
9
|
-
var { children, placement, enabled, as, title } = _a, props = __rest(_a, ["children", "placement", "enabled", "as", "title"]);
|
|
9
|
+
var { children, followCursor = false, placement, enabled, as, title } = _a, props = __rest(_a, ["children", "followCursor", "placement", "enabled", "as", "title"]);
|
|
10
10
|
const [open, setOpen] = useState(false);
|
|
11
11
|
const arrowRef = useRef(null);
|
|
12
12
|
const Component = as || "span";
|
|
@@ -22,6 +22,7 @@ export const Tooltip = (_a) => {
|
|
|
22
22
|
const focus = useFocus(context, { enabled });
|
|
23
23
|
const dismiss = useDismiss(context, { enabled });
|
|
24
24
|
const role = useRole(context, { role: "tooltip", enabled });
|
|
25
|
-
const
|
|
25
|
+
const clientPoint = useClientPoint(context, { enabled: !!enabled && !!followCursor });
|
|
26
|
+
const { getReferenceProps, getFloatingProps } = useInteractions([hover, focus, dismiss, role, clientPoint]);
|
|
26
27
|
return (_jsxs(Fragment, { children: [_jsx(Component, Object.assign({ ref: refs.setReference }, getReferenceProps(props), { children: title })), _jsx(FloatingPortal, { children: open && (_jsxs(Polymorph, Object.assign({}, getFloatingProps(), { ref: refs.setFloating, style: floatingStyles, className: "z-tooltip rounded-lg border border-tooltip-border bg-tooltip-background p-3 text-tooltip-foreground shadow-lg", children: [_jsx(FloatingArrow, { ref: arrowRef, context: context, strokeWidth: 0.1, className: "fill-tooltip-background stroke-tooltip-border" }), children] }))) })] }));
|
|
27
28
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { Override } from "../../types";
|
|
3
3
|
export type CheckboxProps = Override<React.PropsWithChildren<React.ComponentProps<"input">>, {
|
|
4
|
-
size?: "medium" | "large";
|
|
5
4
|
error?: string;
|
|
5
|
+
asTask?: boolean;
|
|
6
6
|
container?: string;
|
|
7
|
+
labelClassName?: string;
|
|
8
|
+
size?: "medium" | "large";
|
|
7
9
|
}>;
|
|
8
10
|
export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
9
11
|
//# sourceMappingURL=checkbox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/form/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,MAAM,MAAM,aAAa,GAAG,QAAQ,CAChC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,EACtD;IACI,
|
|
1
|
+
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/form/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,MAAM,MAAM,aAAa,GAAG,QAAQ,CAChC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,EACtD;IACI,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;CAC7B,CACJ,CAAC;AAEF,eAAO,MAAM,QAAQ,qGA4BpB,CAAC"}
|
|
@@ -3,6 +3,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import { forwardRef } from "react";
|
|
4
4
|
import { css } from "../../lib/dom";
|
|
5
5
|
export const Checkbox = forwardRef((_a, ref) => {
|
|
6
|
-
var { children, error, className = "", size, container } = _a, props = __rest(_a, ["children", "error", "className", "size", "container"]);
|
|
7
|
-
return (_jsxs("label", { "data-disabled": props.disabled, "aria-disabled": props.disabled, className: css("group flex flex-wrap items-center font-normal data-[disabled=true]:cursor-not-allowed
|
|
6
|
+
var { children, asTask = false, labelClassName, error, className = "", size, container } = _a, props = __rest(_a, ["children", "asTask", "labelClassName", "error", "className", "size", "container"]);
|
|
7
|
+
return (_jsxs("label", { "data-task": asTask, "data-disabled": props.disabled, "aria-disabled": props.disabled, className: css("group flex w-fit flex-wrap items-center font-normal data-[disabled=true]:cursor-not-allowed", asTask ? "group-checkbox-checked:line-through" : "", container), children: [_jsx("input", Object.assign({}, props, { ref: ref, type: "checkbox", "data-task": asTask, className: css("form-checkbox mr-2 inline-block size-4 appearance-none rounded border-card-border bg-origin-border text-primary focus:ring-primary disabled:opacity-70 group-aria-disabled:cursor-not-allowed", className) })), children, _jsx("span", { "data-name": "checkbox-label", className: css("min-w-full flex-1 text-xs text-danger empty:mt-0 empty:hidden", labelClassName), children: error })] }));
|
|
8
8
|
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"task-list.d.ts","sourceRoot":"","sources":["../../../src/components/form/task-list.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAa,MAAM,OAAO,CAAC;AAErE,eAAO,MAAM,QAAQ,UAAW,iBAAiB,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,4CA2B5E,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { stagger, useAnimate } from "framer-motion";
|
|
3
|
+
import { useEffect } from "react";
|
|
4
|
+
export const TaskList = (props) => {
|
|
5
|
+
const [ref, animate] = useAnimate();
|
|
6
|
+
useEffect(() => {
|
|
7
|
+
const container = ref.current;
|
|
8
|
+
if (!container)
|
|
9
|
+
return;
|
|
10
|
+
const handler = (e) => {
|
|
11
|
+
const input = e.target;
|
|
12
|
+
const items = Array.from(container.querySelectorAll("input"));
|
|
13
|
+
const allTaskChecked = items.every((el) => el.checked && el.getAttribute("data-task") === "true");
|
|
14
|
+
const index = items.indexOf(input);
|
|
15
|
+
if (allTaskChecked && index !== -1) {
|
|
16
|
+
animate("input", { scale: [1, 1.35, 1], rotate: [0, 10, -10, 0] }, {
|
|
17
|
+
duration: 0.5,
|
|
18
|
+
delay: stagger(0.075, { from: index }),
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
container.addEventListener("change", handler);
|
|
23
|
+
return () => container.removeEventListener("change", handler);
|
|
24
|
+
}, []);
|
|
25
|
+
return _jsx("fieldset", Object.assign({}, props, { ref: ref }));
|
|
26
|
+
};
|
|
@@ -11,6 +11,7 @@ export * from "./floating/modal";
|
|
|
11
11
|
export * from "./floating/tooltip";
|
|
12
12
|
export * from "./form/autocomplete";
|
|
13
13
|
export * from "./form/checkbox";
|
|
14
|
+
export * from "./form/task-list";
|
|
14
15
|
export * from "./form/date-picker";
|
|
15
16
|
export * from "./form/file-upload";
|
|
16
17
|
export * from "./form/form";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,KAAK,OAAO,EAAE,mBAAmB,EAAE,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,KAAK,OAAO,EAAE,mBAAmB,EAAE,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
|
package/dist/components/index.js
CHANGED
|
@@ -11,6 +11,7 @@ export * from "./floating/modal";
|
|
|
11
11
|
export * from "./floating/tooltip";
|
|
12
12
|
export * from "./form/autocomplete";
|
|
13
13
|
export * from "./form/checkbox";
|
|
14
|
+
export * from "./form/task-list";
|
|
14
15
|
export * from "./form/date-picker";
|
|
15
16
|
export * from "./form/file-upload";
|
|
16
17
|
export * from "./form/form";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../../src/components/table/group.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA6B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../../src/components/table/group.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAOlD,OAAO,EAAE,GAAG,EAAoB,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAExE,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC,GAAG;IAC3C,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC,CAAC;CACrB,CAAC;AAEF,KAAK,KAAK,CAAC,CAAC,SAAS,EAAE,IAAI,kBAAkB,CACzC,CAAC,EACD;IACI,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACvB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;CACnE,CACJ,CAAC;AAqBF,eAAO,MAAM,KAAK,GAAI,CAAC,SAAS,EAAE,SAAS,KAAK,CAAC,CAAC,CAAC,4CA2ElD,CAAC"}
|
|
@@ -5,6 +5,7 @@ import Linq from "linq-arrays";
|
|
|
5
5
|
import { GripVerticalIcon, Trash2Icon, UngroupIcon } from "lucide-react";
|
|
6
6
|
import { Fragment, useState } from "react";
|
|
7
7
|
import { keys } from "sidekicker";
|
|
8
|
+
import { useTranslations } from "../../hooks/use-translate-context";
|
|
8
9
|
import { uuid } from "../../lib/fns";
|
|
9
10
|
import { Button } from "../core/button";
|
|
10
11
|
import { Dropdown } from "../floating/dropdown";
|
|
@@ -16,6 +17,7 @@ const Item = ({ item, onPointerDown }) => {
|
|
|
16
17
|
};
|
|
17
18
|
export const Group = (props) => {
|
|
18
19
|
var _a;
|
|
20
|
+
const translations = useTranslations();
|
|
19
21
|
const options = createOptionCols(props.cols);
|
|
20
22
|
const controls = useDragControls();
|
|
21
23
|
const [group, setGroup] = useState(((_a = props.groups[0]) === null || _a === void 0 ? void 0 : _a.thead) || "");
|
|
@@ -34,7 +36,7 @@ export const Group = (props) => {
|
|
|
34
36
|
}));
|
|
35
37
|
};
|
|
36
38
|
const onDelete = () => props.setGroups([]);
|
|
37
|
-
return (_jsx(Fragment, { children: _jsxs(Dropdown, { arrow: false, title:
|
|
39
|
+
return (_jsx(Fragment, { children: _jsxs(Dropdown, { arrow: false, title: translations.tableGroupLabel, trigger: _jsxs("span", { className: "flex items-center gap-1 proportional-nums", children: [_jsx(UngroupIcon, { size: 14 }), translations.tableGroupLabelWithCount, props.groups.length > 0 ? ` - ${group}(${props.groups.length})` : ""] }), children: [_jsxs("div", { className: "flex flex-nowrap items-center", children: [_jsx(Select, { value: group, title: "Tipo de agrupamento", onChange: onChange, options: options, placeholder: "Agrupar por..." }), _jsx(Button, { className: "mt-4", onClick: onDelete, theme: "raw", "data-id": group, children: _jsx(Trash2Icon, { size: 16, className: "text-danger" }) })] }), props.groups.length > 0 ? (_jsxs("section", { className: "my-4", children: [_jsx("header", { children: _jsx("h2", { className: "text-xl font-medium", children: "Order groups" }) }), _jsx(LayoutGroup, { children: _jsx(Reorder.Group, { axis: "y", className: "relative space-y-2", drag: true, dragControls: controls, dragListener: false, layoutScroll: true, onReorder: props.setGroups, values: props.groups, children: props.groups.map((item) => (_jsx(Item, { item: item, onPointerDown: (e) => {
|
|
38
40
|
controls.start(e);
|
|
39
41
|
props.setGroups([...props.groups]);
|
|
40
42
|
} }, item.groupId))) }) })] })) : null] }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"thead.d.ts","sourceRoot":"","sources":["../../../src/components/table/thead.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,GAAG,EAAY,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAIjE,KAAK,gBAAgB,CAAC,CAAC,SAAS,EAAE,IAAI;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;CACrB,GAAG,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,SAAS,GAAG,YAAY,GAAG,SAAS,GAAG,YAAY,GAAG,SAAS,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"thead.d.ts","sourceRoot":"","sources":["../../../src/components/table/thead.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,GAAG,EAAY,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAIjE,KAAK,gBAAgB,CAAC,CAAC,SAAS,EAAE,IAAI;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;CACrB,GAAG,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,SAAS,GAAG,YAAY,GAAG,SAAS,GAAG,YAAY,GAAG,SAAS,CAAC,CAAC;AA0FlG,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,EAAE,SAAS,gBAAgB,CAAC,CAAC,CAAC,4CA4BnE,CAAC"}
|
|
@@ -24,6 +24,6 @@ const HeaderChild = (props) => {
|
|
|
24
24
|
const ownSorter = props.sorters.find(x => props.header.id === x.value);
|
|
25
25
|
const ariaSort = !(ownSorter === null || ownSorter === void 0 ? void 0 : ownSorter.type) ? "none" : ownSorter.type === Order.Asc ? "ascending" : "descending";
|
|
26
26
|
const label = getLabel(props.header);
|
|
27
|
-
return (_jsx(Reorder.Item, Object.assign({}, props.header.thProps, { as: "th", exit: exit, initial: false, dragSnapToOrigin: true, dragDirectionLock: true, role: "columnheader", value: props.header, whileDrag: whileDrag, "aria-sort": ariaSort, "aria-busy": props.loading, animate: targetTransitionAnimate, className: `hidden font-medium px-2 py-4 first:table-cell md:table-cell ${(_b = (_a = props.header.thProps) === null || _a === void 0 ? void 0 : _a.className) !== null && _b !== void 0 ? _b : ""}`, children: _jsx("span", { className: "flex items-center justify-between", children: _jsxs("span", { className: "flex items-center gap-1", children: [_jsx(Dropdown, { arrow: true, trigger: _jsxs("span", { children: [_jsxs("span", { id: `${props.header.id}-filter-dropdown-button`, className: "sr-only", children: [translation.tableFilterDropdownTitleUnique, " ", label] }), _jsx(FilterIcon, { "aria-labelledby": `${props.header.id}-filter-dropdown-button`, size: 14 })] }), title: _jsxs("span", { children: [translation.tableFilterDropdownTitleUnique, " ", _jsx("span", { className: "text-primary", children: label })] }), children: (ownFilters.length === 0) === null ? null : (_jsxs("ul", { className: "font-medium", children: [ownFilters.map((filter) => (_jsx("li", { className: "my-1", children: _jsx(ColumnHeaderFilter, { onDelete: onDelete, filter: filter, set: props.setFilters }) }, `thead-filter-${filter.id}`))), _jsx("li", { children: _jsxs("button", { onClick: () => props.setFilters((prev) => prev.concat(createFilterFromCol(props.header, operationOptions, operations))), type: "button", className: "text-primary flex items-center gap-1", children: [_jsx(PlusIcon, { size: 14 }), " ", translation.tableFilterNewFilter] }) })] })) }), _jsx("span", { className: "pointer-events-auto text-balance text-base", children: props.header.thead }), _jsx(SorterHead, { col: props.header, setSorters: props.setSorters, sorters: props.sorters })] }) }) })));
|
|
27
|
+
return (_jsx(Reorder.Item, Object.assign({}, props.header.thProps, { as: "th", layout: true, exit: exit, initial: false, dragSnapToOrigin: true, dragDirectionLock: true, role: "columnheader", value: props.header, whileDrag: whileDrag, "aria-sort": ariaSort, "aria-busy": props.loading, animate: targetTransitionAnimate, className: `hidden font-medium px-2 py-4 first:table-cell md:table-cell ${(_b = (_a = props.header.thProps) === null || _a === void 0 ? void 0 : _a.className) !== null && _b !== void 0 ? _b : ""}`, children: _jsx("span", { className: "flex items-center justify-between", children: _jsxs("span", { className: "flex items-center gap-1", children: [_jsx(Dropdown, { arrow: true, trigger: _jsxs("span", { children: [_jsxs("span", { id: `${props.header.id}-filter-dropdown-button`, className: "sr-only", children: [translation.tableFilterDropdownTitleUnique, " ", label] }), _jsx(FilterIcon, { "aria-labelledby": `${props.header.id}-filter-dropdown-button`, size: 14 })] }), title: _jsxs("span", { children: [translation.tableFilterDropdownTitleUnique, " ", _jsx("span", { className: "text-primary", children: label })] }), children: (ownFilters.length === 0) === null ? null : (_jsxs("ul", { className: "font-medium", children: [ownFilters.map((filter) => (_jsx("li", { className: "my-1", children: _jsx(ColumnHeaderFilter, { onDelete: onDelete, filter: filter, set: props.setFilters }) }, `thead-filter-${filter.id}`))), _jsx("li", { children: _jsxs("button", { onClick: () => props.setFilters((prev) => prev.concat(createFilterFromCol(props.header, operationOptions, operations))), type: "button", className: "text-primary flex items-center gap-1", children: [_jsx(PlusIcon, { size: 14 }), " ", translation.tableFilterNewFilter] }) })] })) }), _jsx("span", { className: "pointer-events-auto text-balance text-base", children: props.header.thead }), _jsx(SorterHead, { col: props.header, setSorters: props.setSorters, sorters: props.sorters })] }) }) })));
|
|
28
28
|
};
|
|
29
29
|
export const TableHeader = (props) => (_jsx(Reorder.Group, { as: "tr", role: "row", axis: "x", drag: true, layout: true, layoutRoot: true, layoutScroll: true, initial: false, values: props.headers, onReorder: props.setCols, className: "bg-table-background border-none text-lg", children: _jsx(AnimatePresence, { children: props.headers.map((header) => (_jsx(HeaderChild, { loading: props.loading, setFilters: props.setFilters, filters: props.filters, setSorters: props.setSorters, sorters: props.sorters, header: header }, `header-child-item-${header.id}`))) }) }));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-stable-ref.d.ts","sourceRoot":"","sources":["../../src/hooks/use-stable-ref.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,CAAC,wCAMvC,CAAC"}
|
|
@@ -3,6 +3,8 @@ declare const defaultTranslations: {
|
|
|
3
3
|
inputCaretDown: string;
|
|
4
4
|
datePickerCalendarButtonLabel: string;
|
|
5
5
|
inputOptionalLabel: string;
|
|
6
|
+
tableGroupLabel: string;
|
|
7
|
+
tableGroupLabelWithCount: string;
|
|
6
8
|
tableSortAsc: string;
|
|
7
9
|
tableSortOrderByLabel: string;
|
|
8
10
|
tableSortOrderInputPlaceholder: string;
|
|
@@ -51,6 +53,8 @@ export declare const useTranslations: () => {
|
|
|
51
53
|
inputCaretDown: string;
|
|
52
54
|
datePickerCalendarButtonLabel: string;
|
|
53
55
|
inputOptionalLabel: string;
|
|
56
|
+
tableGroupLabel: string;
|
|
57
|
+
tableGroupLabelWithCount: string;
|
|
54
58
|
tableSortAsc: string;
|
|
55
59
|
tableSortOrderByLabel: string;
|
|
56
60
|
tableSortOrderInputPlaceholder: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-translate-context.d.ts","sourceRoot":"","sources":["../../src/hooks/use-translate-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,iBAAiB,EAAqB,MAAM,OAAO,CAAA;AAE9F,QAAA,MAAM,mBAAmB
|
|
1
|
+
{"version":3,"file":"use-translate-context.d.ts","sourceRoot":"","sources":["../../src/hooks/use-translate-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,iBAAiB,EAAqB,MAAM,OAAO,CAAA;AAE9F,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA8Ca;QAClC,KAAK,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QACrE,MAAM,EAAE,KAAK,CAAC,SAAS,CAAA;KACxB;;;CAOF,CAAA;AAED,KAAK,YAAY,GAAG,OAAO,mBAAmB,CAAC;AAI/C,eAAO,MAAM,kBAAkB,UAAW,iBAAiB,CAAC;IAAE,GAAG,EAAE,OAAO,CAAC,YAAY,CAAC,CAAA;CAAE,CAAC,4CAG1F,CAAA;AAED,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCArBU;QAClC,KAAK,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QACrE,MAAM,EAAE,KAAK,CAAC,SAAS,CAAA;KACxB;;;CAsBF,CAAA"}
|
|
@@ -4,6 +4,8 @@ const defaultTranslations = {
|
|
|
4
4
|
inputCaretDown: "Click to see all options",
|
|
5
5
|
datePickerCalendarButtonLabel: "Click to open a date picker",
|
|
6
6
|
inputOptionalLabel: "Optional",
|
|
7
|
+
tableGroupLabel: "Group",
|
|
8
|
+
tableGroupLabelWithCount: "Group",
|
|
7
9
|
tableSortAsc: "Ascending",
|
|
8
10
|
tableSortOrderByLabel: "Order by",
|
|
9
11
|
tableSortOrderInputPlaceholder: "Order by",
|
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}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-bottom-0{bottom:0}.-bottom-0\.5{bottom:-.125rem}.-left-1\/4{left:-25%}.-right-1{right:-.25rem}.-top-2{top:-.5rem}.-top-3\/4{top:-75%}.bottom-0{bottom:0}.left-0{left:0}.left-2{left:.5rem}.left-5{left:1.25rem}.right-0{right:0}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-5{right:1.25rem}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-10{top:2.5rem}.top-2{top:.5rem}.top-3{top:.75rem}.top-5{top:1.25rem}.isolate{isolation:isolate}.z-calendar{z-index:2}.z-floating{z-index:12}.z-normal{z-index:1}.z-overlay{z-index:11}.z-tooltip{z-index:13}.m-0{margin:0}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-4{margin-top:1rem;margin-bottom:1rem}.-mb-8{margin-bottom:-2rem}.-ml-px{margin-left:-1px}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.ml-3{margin-left:.75rem}.mr-2{margin-right:.5rem}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.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}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.size-10{width:2.5rem;height:2.5rem}.size-12{width:3rem;height:3rem}.size-2{width:.5rem;height:.5rem}.size-2\.5{width:.625rem;height:.625rem}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.h-0{height:0}.h-0\.5{height:.125rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[100dvh\]{height:100dvh}.h-\[85vh\]{height:85vh}.h-full{height:100%}.h-min{height:-moz-min-content;height:min-content}.h-screen{height:100vh}.max-h-\[85svh\]{max-height:85svh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[calc\(100lvh-10\%\)\]{max-height:calc(100lvh - 10%)}.max-h-screen{max-height:100vh}.min-h-0{min-height:0}.w-0{width:0}.w-0\.5{width:.125rem}.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-5{width:1.25rem}.w-80{width:20rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-min{width:-moz-min-content;width:min-content}.w-screen{width:100vw}.min-w-0{min-width:0}.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-col-resize{cursor:col-resize}.cursor-grab{cursor:grab}.cursor-help{cursor:help}.cursor-pointer{cursor:pointer}.cursor-row-resize{cursor:row-resize}.cursor-text{cursor:text}.select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.resize{resize:both}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.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-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}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem*var(--tw-space-x-reverse));margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)))}.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}.overflow-y-clip{overflow-y:clip}.overflow-x-visible{overflow-x:visible}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.text-wrap{text-wrap:wrap}.text-balance{text-wrap:balance}.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}.rounded-tl{border-top-left-radius:.25rem}.border{border-width:1px}.border-0{border-width:0}.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-dashed{border-style:dashed}.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-info\/50{border-color:hsla(var(--info-DEFAULT),.5)}.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}.border-warn\/50{border-color:hsla(var(--warn-DEFAULT),.5)}.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-card-border{--tw-bg-opacity:1;background-color:hsla(var(--card-border),var(--tw-bg-opacity))}.bg-danger{--tw-bg-opacity:1;background-color:hsla(var(--danger-DEFAULT),var(--tw-bg-opacity))}.bg-danger-notification{--tw-bg-opacity:1;background-color:hsla(var(--danger-notification),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-notification{--tw-bg-opacity:1;background-color:hsla(var(--info-notification),var(--tw-bg-opacity))}.bg-info-subtle{--tw-bg-opacity:1;background-color:hsla(var(--info-subtle),var(--tw-bg-opacity))}.bg-info\/10{background-color:hsla(var(--info-DEFAULT),.1)}.bg-primary{--tw-bg-opacity:1;background-color:hsla(var(--primary-DEFAULT),var(--tw-bg-opacity))}.bg-primary-hover{--tw-bg-opacity:1;background-color:hsla(var(--primary-hover),var(--tw-bg-opacity))}.bg-primary-subtle{--tw-bg-opacity:1;background-color:hsla(var(--primary-subtle),var(--tw-bg-opacity))}.bg-primary\/70{background-color:hsla(var(--primary-DEFAULT),.7)}.bg-secondary{--tw-bg-opacity:1;background-color:hsla(var(--secondary-DEFAULT),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-notification{--tw-bg-opacity:1;background-color:hsla(var(--success-notification),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-notification\/90{background-color:hsla(var(--warn-notification),.9)}.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-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.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}.py-px{padding-top:1px;padding-bottom:1px}.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-current{color:currentColor}.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{--tw-text-opacity:1;color:hsla(var(--info-DEFAULT),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{--tw-text-opacity:1;color:hsla(var(--secondary-DEFAULT),var(--tw-text-opacity))}.text-secondary-foreground{--tw-text-opacity:1;color:hsla(var(--secondary-foreground),var(--tw-text-opacity))}.text-success{--tw-text-opacity:1;color:hsla(var(--success-DEFAULT),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-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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)}.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)}.ring-primary{--tw-ring-opacity:1;--tw-ring-color:hsla(var(--primary-DEFAULT),var(--tw-ring-opacity))}.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)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.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:ease-out;transition-duration:375ms}.transition-all{transition-property:all;transition-timing-function:ease-out;transition-duration:375ms}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:ease-out;transition-duration:375ms}.transition-opacity{transition-property:opacity;transition-timing-function:ease-out;transition-duration:375ms}.transition-transform{transition-property:transform;transition-timing-function:ease-out;transition-duration:375ms}.ease-normal{transition-timing-function:ease}.\[appearance\:textfield\]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}select.select{appearance:none;background-repeat:no-repeat;padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;text-indent:1px;text-overflow:""}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.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-danger\/10:hover{background-color:hsla(var(--danger-DEFAULT),.1)}.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-danger-hover:hover{--tw-text-opacity:1;color:hsla(var(--danger-hover),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))}.hover\:opacity-100:hover{opacity:1}.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-inset:focus{--tw-ring-inset:inset}.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-80:hover:enabled{--tw-bg-opacity:0.8}.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-\[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-\[items\=true\]\:pb-8[data-items=true]{padding-bottom:2rem}.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}@supports ((-webkit-backdrop-filter:var(--tw )) or (backdrop-filter:var(--tw ))){.supports-\[backdrop-filter\]\:bg-danger-notification\/60{background-color:hsla(var(--danger-notification),.6)}.supports-\[backdrop-filter\]\:bg-info-notification\/50{background-color:hsla(var(--info-notification),.5)}.supports-\[backdrop-filter\]\:bg-info\/20{background-color:hsla(var(--info-DEFAULT),.2)}.supports-\[backdrop-filter\]\:bg-success-notification\/50{background-color:hsla(var(--success-notification),.5)}.supports-\[backdrop-filter\]\:backdrop-blur-xl{--tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}}@media not all and (min-width:640px){.max-sm\:top-20{top:5rem}}@media (min-width:768px){.md\:table-cell{display:table-cell}.md\:w-auto{width:auto}.md\:justify-start{justify-content:flex-start}.md\:justify-end{justify-content:flex-end}}@media (min-width:1024px){.lg\:right-2{right:.5rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:items-center{align-items:center}.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%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.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}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-bottom-0{bottom:0}.-bottom-0\.5{bottom:-.125rem}.-left-1\/4{left:-25%}.-right-1{right:-.25rem}.-top-2{top:-.5rem}.-top-3\/4{top:-75%}.bottom-0{bottom:0}.left-0{left:0}.left-2{left:.5rem}.left-5{left:1.25rem}.right-0{right:0}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-5{right:1.25rem}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-10{top:2.5rem}.top-2{top:.5rem}.top-3{top:.75rem}.top-5{top:1.25rem}.isolate{isolation:isolate}.z-calendar{z-index:2}.z-floating{z-index:12}.z-normal{z-index:1}.z-overlay{z-index:11}.z-tooltip{z-index:13}.m-0{margin:0}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-4{margin-top:1rem;margin-bottom:1rem}.-mb-8{margin-bottom:-2rem}.-ml-px{margin-left:-1px}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.ml-3{margin-left:.75rem}.mr-2{margin-right:.5rem}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.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}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.size-10{width:2.5rem;height:2.5rem}.size-12{width:3rem;height:3rem}.size-2{width:.5rem;height:.5rem}.size-2\.5{width:.625rem;height:.625rem}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.h-0{height:0}.h-0\.5{height:.125rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[100dvh\]{height:100dvh}.h-\[85vh\]{height:85vh}.h-full{height:100%}.h-min{height:-moz-min-content;height:min-content}.h-screen{height:100vh}.max-h-\[85svh\]{max-height:85svh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[calc\(100lvh-10\%\)\]{max-height:calc(100lvh - 10%)}.max-h-screen{max-height:100vh}.min-h-0{min-height:0}.w-0{width:0}.w-0\.5{width:.125rem}.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-5{width:1.25rem}.w-80{width:20rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-min{width:-moz-min-content;width:min-content}.w-screen{width:100vw}.min-w-0{min-width:0}.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-col-resize{cursor:col-resize}.cursor-grab{cursor:grab}.cursor-help{cursor:help}.cursor-pointer{cursor:pointer}.cursor-row-resize{cursor:row-resize}.cursor-text{cursor:text}.select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.resize{resize:both}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.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-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}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem*var(--tw-space-x-reverse));margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)))}.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}.overflow-y-clip{overflow-y:clip}.overflow-x-visible{overflow-x:visible}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.text-wrap{text-wrap:wrap}.text-balance{text-wrap:balance}.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}.rounded-tl{border-top-left-radius:.25rem}.border{border-width:1px}.border-0{border-width:0}.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-dashed{border-style:dashed}.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-info\/50{border-color:hsla(var(--info-DEFAULT),.5)}.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}.border-warn\/50{border-color:hsla(var(--warn-DEFAULT),.5)}.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-card-border{--tw-bg-opacity:1;background-color:hsla(var(--card-border),var(--tw-bg-opacity))}.bg-danger{--tw-bg-opacity:1;background-color:hsla(var(--danger-DEFAULT),var(--tw-bg-opacity))}.bg-danger-notification{--tw-bg-opacity:1;background-color:hsla(var(--danger-notification),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-notification{--tw-bg-opacity:1;background-color:hsla(var(--info-notification),var(--tw-bg-opacity))}.bg-info-subtle{--tw-bg-opacity:1;background-color:hsla(var(--info-subtle),var(--tw-bg-opacity))}.bg-info\/10{background-color:hsla(var(--info-DEFAULT),.1)}.bg-primary{--tw-bg-opacity:1;background-color:hsla(var(--primary-DEFAULT),var(--tw-bg-opacity))}.bg-primary-hover{--tw-bg-opacity:1;background-color:hsla(var(--primary-hover),var(--tw-bg-opacity))}.bg-primary-subtle{--tw-bg-opacity:1;background-color:hsla(var(--primary-subtle),var(--tw-bg-opacity))}.bg-primary\/70{background-color:hsla(var(--primary-DEFAULT),.7)}.bg-secondary{--tw-bg-opacity:1;background-color:hsla(var(--secondary-DEFAULT),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-notification{--tw-bg-opacity:1;background-color:hsla(var(--success-notification),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-notification\/90{background-color:hsla(var(--warn-notification),.9)}.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-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.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}.py-px{padding-top:1px;padding-bottom:1px}.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-current{color:currentColor}.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{--tw-text-opacity:1;color:hsla(var(--info-DEFAULT),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{--tw-text-opacity:1;color:hsla(var(--secondary-DEFAULT),var(--tw-text-opacity))}.text-secondary-foreground{--tw-text-opacity:1;color:hsla(var(--secondary-foreground),var(--tw-text-opacity))}.text-success{--tw-text-opacity:1;color:hsla(var(--success-DEFAULT),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-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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)}.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)}.ring-primary{--tw-ring-opacity:1;--tw-ring-color:hsla(var(--primary-DEFAULT),var(--tw-ring-opacity))}.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)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.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:ease-out;transition-duration:375ms}.transition-all{transition-property:all;transition-timing-function:ease-out;transition-duration:375ms}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:ease-out;transition-duration:375ms}.transition-opacity{transition-property:opacity;transition-timing-function:ease-out;transition-duration:375ms}.transition-transform{transition-property:transform;transition-timing-function:ease-out;transition-duration:375ms}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-normal{transition-timing-function:ease}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[appearance\:textfield\]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}select.select{appearance:none;background-repeat:no-repeat;padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;text-indent:1px;text-overflow:""}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.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-danger\/10:hover{background-color:hsla(var(--danger-DEFAULT),.1)}.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-danger-hover:hover{--tw-text-opacity:1;color:hsla(var(--danger-hover),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))}.hover\:opacity-100:hover{opacity:1}.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-inset:focus{--tw-ring-inset:inset}.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-80:hover:enabled{--tw-bg-opacity:0.8}.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-\[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-\[items\=true\]\:pb-8[data-items=true]{padding-bottom:2rem}.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}.group-checkbox-checked\:line-through:has(.form-checkbox[type=checkbox]:checked){text-decoration-line:line-through}@supports ((-webkit-backdrop-filter:var(--tw )) or (backdrop-filter:var(--tw ))){.supports-\[backdrop-filter\]\:bg-danger-notification\/60{background-color:hsla(var(--danger-notification),.6)}.supports-\[backdrop-filter\]\:bg-info-notification\/50{background-color:hsla(var(--info-notification),.5)}.supports-\[backdrop-filter\]\:bg-info\/20{background-color:hsla(var(--info-DEFAULT),.2)}.supports-\[backdrop-filter\]\:bg-success-notification\/50{background-color:hsla(var(--success-notification),.5)}.supports-\[backdrop-filter\]\:backdrop-blur-xl{--tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}}@media not all and (min-width:640px){.max-sm\:top-20{top:5rem}}@media (min-width:768px){.md\:table-cell{display:table-cell}.md\:w-auto{width:auto}.md\:justify-start{justify-content:flex-start}.md\:justify-end{justify-content:flex-end}}@media (min-width:1024px){.lg\:right-2{right:.5rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:items-center{align-items:center}.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}
|