@gunkin/uiify 0.0.13-alpha → 0.0.14-alpha
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/button/Button.d.ts.map +1 -1
- package/dist/components/button/Button.js +2 -0
- package/dist/components/button/Button.js.map +1 -1
- package/dist/components/button/index.d.ts +1 -1
- package/dist/components/button/index.d.ts.map +1 -1
- package/dist/components/button/index.js.map +1 -1
- package/dist/components/button/types.d.ts +2 -0
- package/dist/components/button/types.d.ts.map +1 -1
- package/dist/components/dropdown-menu/DropdownMenu.d.ts.map +1 -1
- package/dist/components/dropdown-menu/DropdownMenu.js +2 -0
- package/dist/components/dropdown-menu/DropdownMenu.js.map +1 -1
- package/dist/components/dropdown-menu/types.d.ts +1 -0
- package/dist/components/dropdown-menu/types.d.ts.map +1 -1
- package/dist/components/toggle-group/ToggleGroup.d.ts.map +1 -1
- package/dist/components/toggle-group/ToggleGroup.js +1 -0
- package/dist/components/toggle-group/ToggleGroup.js.map +1 -1
- package/dist/components/toggle-group/client/ToggleGroupClient.js +2 -0
- package/dist/components/toggle-group/client/ToggleGroupClient.js.map +1 -1
- package/dist/components/toggle-group/types.d.ts +1 -0
- package/dist/components/toggle-group/types.d.ts.map +1 -1
- package/dist/components/toolbar/ToolbarShell.d.ts.map +1 -1
- package/dist/components/toolbar/ToolbarShell.js +2 -1
- package/dist/components/toolbar/ToolbarShell.js.map +1 -1
- package/dist/components/toolbar/types.d.ts +1 -0
- package/dist/components/toolbar/types.d.ts.map +1 -1
- package/dist/styles/index.css +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAM9C,wBAAgB,MAAM,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACvD,KAAK,EAAE,WAAW,CAAC,GAAG,CAAC,GACtB,YAAY,GAAG,IAAI,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAM9C,wBAAgB,MAAM,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACvD,KAAK,EAAE,WAAW,CAAC,GAAG,CAAC,GACtB,YAAY,GAAG,IAAI,CAuCrB"}
|
|
@@ -7,6 +7,7 @@ function Button(props) {
|
|
|
7
7
|
as,
|
|
8
8
|
render,
|
|
9
9
|
disabled = false,
|
|
10
|
+
shape,
|
|
10
11
|
size,
|
|
11
12
|
type,
|
|
12
13
|
variant,
|
|
@@ -19,6 +20,7 @@ function Button(props) {
|
|
|
19
20
|
props: {
|
|
20
21
|
...consumerProps,
|
|
21
22
|
"data-uiify-button": "",
|
|
23
|
+
...shape !== void 0 ? { "data-shape": shape } : {},
|
|
22
24
|
...size !== void 0 ? { "data-size": size } : {},
|
|
23
25
|
...variant !== void 0 ? { "data-variant": variant } : {},
|
|
24
26
|
...nativeButton ? { type: type ?? "button", ...disabled ? { disabled: true } : {} } : disabled ? {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { ButtonProps } from \"./types.js\";\n\nfunction isNativeButton(as: ElementType | undefined): boolean {\n return as === undefined || as === \"button\";\n}\n\nexport function Button<TAs extends ElementType = \"button\">(\n props: ButtonProps<TAs>,\n): ReactElement | null {\n const {\n as,\n render,\n disabled = false,\n size,\n type,\n variant,\n ...consumerProps\n } = props as ButtonProps<\"button\">;\n\n const nativeButton = isNativeButton(as);\n\n return useRenderElement({\n as,\n defaultTag: \"button\",\n props: {\n ...consumerProps,\n \"data-uiify-button\": \"\",\n ...(size !== undefined ? { \"data-size\": size } : {}),\n ...(variant !== undefined ? { \"data-variant\": variant } : {}),\n ...(nativeButton\n ? { type: type ?? \"button\", ...(disabled ? { disabled: true } : {}) }\n : disabled\n ? {\n \"aria-disabled\": true,\n tabIndex: -1,\n onClick: (event: { preventDefault: () => void }) => {\n event.preventDefault();\n },\n }\n : {}),\n ...(disabled ? { \"data-disabled\": \"\" } : {}),\n },\n render,\n state: { disabled },\n });\n}\n"],"mappings":"AACA,SAAS,wBAAwB;AAGjC,SAAS,eAAe,IAAsC;AAC5D,SAAO,OAAO,UAAa,OAAO;AACpC;AAEO,SAAS,OACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,eAAe,eAAe,EAAE;AAEtC,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,qBAAqB;AAAA,MACrB,GAAI,SAAS,SAAY,EAAE,aAAa,KAAK,IAAI,CAAC;AAAA,MAClD,GAAI,YAAY,SAAY,EAAE,gBAAgB,QAAQ,IAAI,CAAC;AAAA,MAC3D,GAAI,eACA,EAAE,MAAM,QAAQ,UAAU,GAAI,WAAW,EAAE,UAAU,KAAK,IAAI,CAAC,EAAG,IAClE,WACE;AAAA,QACE,iBAAiB;AAAA,QACjB,UAAU;AAAA,QACV,SAAS,CAAC,UAA0C;AAClD,gBAAM,eAAe;AAAA,QACvB;AAAA,MACF,IACA,CAAC;AAAA,MACP,GAAI,WAAW,EAAE,iBAAiB,GAAG,IAAI,CAAC;AAAA,IAC5C;AAAA,IACA;AAAA,IACA,OAAO,EAAE,SAAS;AAAA,EACpB,CAAC;AACH;","names":[]}
|
|
1
|
+
{"version":3,"sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { ButtonProps } from \"./types.js\";\n\nfunction isNativeButton(as: ElementType | undefined): boolean {\n return as === undefined || as === \"button\";\n}\n\nexport function Button<TAs extends ElementType = \"button\">(\n props: ButtonProps<TAs>,\n): ReactElement | null {\n const {\n as,\n render,\n disabled = false,\n shape,\n size,\n type,\n variant,\n ...consumerProps\n } = props as ButtonProps<\"button\">;\n\n const nativeButton = isNativeButton(as);\n\n return useRenderElement({\n as,\n defaultTag: \"button\",\n props: {\n ...consumerProps,\n \"data-uiify-button\": \"\",\n ...(shape !== undefined ? { \"data-shape\": shape } : {}),\n ...(size !== undefined ? { \"data-size\": size } : {}),\n ...(variant !== undefined ? { \"data-variant\": variant } : {}),\n ...(nativeButton\n ? { type: type ?? \"button\", ...(disabled ? { disabled: true } : {}) }\n : disabled\n ? {\n \"aria-disabled\": true,\n tabIndex: -1,\n onClick: (event: { preventDefault: () => void }) => {\n event.preventDefault();\n },\n }\n : {}),\n ...(disabled ? { \"data-disabled\": \"\" } : {}),\n },\n render,\n state: { disabled },\n });\n}\n"],"mappings":"AACA,SAAS,wBAAwB;AAGjC,SAAS,eAAe,IAAsC;AAC5D,SAAO,OAAO,UAAa,OAAO;AACpC;AAEO,SAAS,OACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,eAAe,eAAe,EAAE;AAEtC,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,qBAAqB;AAAA,MACrB,GAAI,UAAU,SAAY,EAAE,cAAc,MAAM,IAAI,CAAC;AAAA,MACrD,GAAI,SAAS,SAAY,EAAE,aAAa,KAAK,IAAI,CAAC;AAAA,MAClD,GAAI,YAAY,SAAY,EAAE,gBAAgB,QAAQ,IAAI,CAAC;AAAA,MAC3D,GAAI,eACA,EAAE,MAAM,QAAQ,UAAU,GAAI,WAAW,EAAE,UAAU,KAAK,IAAI,CAAC,EAAG,IAClE,WACE;AAAA,QACE,iBAAiB;AAAA,QACjB,UAAU;AAAA,QACV,SAAS,CAAC,UAA0C;AAClD,gBAAM,eAAe;AAAA,QACvB;AAAA,MACF,IACA,CAAC;AAAA,MACP,GAAI,WAAW,EAAE,iBAAiB,GAAG,IAAI,CAAC;AAAA,IAC5C;AAAA,IACA;AAAA,IACA,OAAO,EAAE,SAAS;AAAA,EACpB,CAAC;AACH;","names":[]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { Button } from "./Button.js";
|
|
2
|
-
export type { ButtonOwnProps, ButtonProps, ButtonSize, ButtonState, ButtonVariant, } from "./types.js";
|
|
2
|
+
export type { ButtonOwnProps, ButtonProps, ButtonShape, ButtonSize, ButtonState, ButtonVariant, } from "./types.js";
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EACV,cAAc,EACd,WAAW,EACX,UAAU,EACV,WAAW,EACX,aAAa,GACd,MAAM,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EACV,cAAc,EACd,WAAW,EACX,WAAW,EACX,UAAU,EACV,WAAW,EACX,aAAa,GACd,MAAM,YAAY,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/button/index.ts"],"sourcesContent":["export { Button } from \"./Button.js\";\nexport type {\n ButtonOwnProps,\n ButtonProps,\n ButtonSize,\n ButtonState,\n ButtonVariant,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,cAAc;","names":[]}
|
|
1
|
+
{"version":3,"sources":["../../../src/components/button/index.ts"],"sourcesContent":["export { Button } from \"./Button.js\";\nexport type {\n ButtonOwnProps,\n ButtonProps,\n ButtonShape,\n ButtonSize,\n ButtonState,\n ButtonVariant,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,cAAc;","names":[]}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import type { ElementType } from "react";
|
|
2
2
|
import type { RenderableProps } from "@gunkin/uiify/core/render";
|
|
3
3
|
export type ButtonVariant = "solid" | "outline" | "ghost" | "destructive";
|
|
4
|
+
export type ButtonShape = "square" | "circle";
|
|
4
5
|
export type ButtonSize = "sm" | "md" | "lg";
|
|
5
6
|
export interface ButtonOwnProps {
|
|
6
7
|
readonly disabled?: boolean;
|
|
7
8
|
readonly type?: "button" | "submit" | "reset";
|
|
9
|
+
readonly shape?: ButtonShape;
|
|
8
10
|
readonly size?: ButtonSize;
|
|
9
11
|
readonly variant?: ButtonVariant;
|
|
10
12
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,CAAC;AAC1E,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC9C,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC;CAClC;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,MAAM,WAAW,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,IAAI,eAAe,CAC3E,GAAG,EACH,cAAc,EACd,WAAW,EACX,WAAW,CACZ,CAAC"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,CAAC;AAC1E,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC9C,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC9C,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC;IAC7B,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC;CAClC;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,MAAM,WAAW,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,IAAI,eAAe,CAC3E,GAAG,EACH,cAAc,EACd,WAAW,EACX,WAAW,CACZ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/DropdownMenu.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,WAAW,EAIX,YAAY,EAGb,MAAM,OAAO,CAAC;AAgBf,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,KAAK,EAEV,6BAA6B,EAC7B,wBAAwB,EAExB,sBAAsB,EACtB,gCAAgC,EAChC,yBAAyB,EACzB,8BAA8B,EAC9B,qBAAqB,EACrB,yBAAyB,EACzB,sBAAsB,EAGtB,2BAA2B,EAC3B,0BAA0B,EAC1B,qBAAqB,EACrB,0BAA0B,EAC1B,yBAAyB,EACzB,2BAA2B,EAC3B,oBAAoB,EACpB,2BAA2B,EAC3B,wBAAwB,EACzB,MAAM,YAAY,CAAC;AAEpB,YAAY,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAYlD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,GAAG,IAAI,CAwDlF;yBAxDe,gBAAgB;;;AA0DhC,wBAAgB,mBAAmB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACpE,KAAK,EAAE,wBAAwB,CAAC,GAAG,CAAC,GACnC,YAAY,GAAG,IAAI,
|
|
1
|
+
{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/DropdownMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -74,6 +74,7 @@ function DropdownMenuTrigger(props) {
|
|
|
74
74
|
render,
|
|
75
75
|
className,
|
|
76
76
|
openOnHover = false,
|
|
77
|
+
shape,
|
|
77
78
|
...consumerProps
|
|
78
79
|
} = props;
|
|
79
80
|
const {
|
|
@@ -133,6 +134,7 @@ function DropdownMenuTrigger(props) {
|
|
|
133
134
|
...nativeButton ? { "data-uiify-button": "" } : {},
|
|
134
135
|
"aria-haspopup": "menu",
|
|
135
136
|
"data-part": "trigger",
|
|
137
|
+
...shape !== void 0 ? { "data-shape": shape } : {},
|
|
136
138
|
"data-state": open ? "open" : "closed",
|
|
137
139
|
"data-disabled": disabled ? "" : void 0,
|
|
138
140
|
disabled: nativeButton && disabled ? true : void 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/dropdown-menu/DropdownMenu.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useMemo, useRef } from \"react\";\nimport type {\n ElementType,\n KeyboardEvent,\n MouseEvent,\n PointerEvent,\n ReactElement,\n RefObject,\n SyntheticEvent,\n} from \"react\";\nimport { useControllableState, useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport { createPartContext, splitRef } from \"@gunkin/uiify/core\";\nimport { useAnchorPosition } from \"@gunkin/uiify/core/anchor-position\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { useDirection } from \"@gunkin/uiify/core/direction\";\nimport { createHoverIntentStore } from \"@gunkin/uiify/core/hover-intent-store\";\nimport type { HoverIntentStore } from \"@gunkin/uiify/core/hover-intent-store\";\nimport type { OpenChangeDetails } from \"@gunkin/uiify/core/open-change-details\";\nimport { usePopover } from \"@gunkin/uiify/core/popover\";\nimport { RovingFocusItem, RovingFocusRoot } from \"@gunkin/uiify/core/roving-focus\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { createMenuSelectEvent } from \"../internal/menu/menu-utils.js\";\nimport { focusMenuItem } from \"../internal/menu/focus-menu-item.js\";\nimport { MenuGroup, MenuLabel, MenuSeparator } from \"../internal/menu/menu-parts.js\";\nimport { useMenuSurface } from \"../internal/menu/use-menu-surface.js\";\nimport { DropdownMenuBar } from \"./DropdownMenuBar.js\";\nimport type {\n DropdownMenuCheckedState,\n DropdownMenuCheckboxItemProps,\n DropdownMenuContentProps,\n DropdownMenuContextValue,\n DropdownMenuGroupProps,\n DropdownMenuItemDescriptionProps,\n DropdownMenuItemIconProps,\n DropdownMenuItemIndicatorProps,\n DropdownMenuItemProps,\n DropdownMenuItemTextProps,\n DropdownMenuLabelProps,\n DropdownMenuOpenChangeReason,\n DropdownMenuPartProps,\n DropdownMenuRadioGroupProps,\n DropdownMenuRadioItemProps,\n DropdownMenuRootProps,\n DropdownMenuSeparatorProps,\n DropdownMenuShortcutProps,\n DropdownMenuSubContentProps,\n DropdownMenuSubProps,\n DropdownMenuSubTriggerProps,\n DropdownMenuTriggerProps,\n} from \"./types.js\";\n\nexport type { MenuSelectEvent } from \"./types.js\";\n\nfunction mapReason(reason: OpenChangeDetails[\"reason\"]): DropdownMenuOpenChangeReason {\n if (reason === \"escape-key\") return \"escape\";\n if (reason === \"focus-outside\") return \"focus-out\";\n if (reason === \"native-toggle\") return \"trigger-press\";\n return reason;\n}\n\nconst [DropdownMenuProvider, useDropdownMenuContext] =\n createPartContext<DropdownMenuContextValue>(\"DropdownMenu\");\n\nexport function DropdownMenuRoot(props: DropdownMenuRootProps): ReactElement | null {\n const {\n children,\n className,\n defaultOpen,\n dir: localDir,\n disabled = false,\n loop = true,\n onOpenChange,\n open,\n } = props;\n const dir = useDirection(localDir);\n const surface = useMenuSurface({\n mode: \"auto\",\n ...(defaultOpen !== undefined ? { defaultOpen } : {}),\n ...(open !== undefined ? { open } : {}),\n ...(onOpenChange\n ? {\n onOpenChange: (next, details) =>\n onOpenChange(next, { event: details.event, reason: mapReason(details.reason) }),\n }\n : {}),\n });\n const intentRef = useRef<HoverIntentStore | null>(null);\n intentRef.current ??= createHoverIntentStore({ closeDelay: 150, openDelay: 0 });\n const intent = intentRef.current;\n const hoverEnabledRef = useRef(false);\n // Read by the scheduled close so a timer from a menu that already closed\n // cannot emit onOpenChange(false) over a sibling that opened since.\n const openRef = useRef(surface.open);\n openRef.current = surface.open;\n\n const cancelHoverClose = useCallback(() => intent.clearCloseTimer(), [intent]);\n const scheduleHoverClose = useCallback(() => {\n intent.scheduleClose(() => {\n if (openRef.current) surface.close();\n });\n }, [intent, surface]);\n\n const value = useMemo(\n () => ({\n ...surface,\n cancelHoverClose,\n dir,\n disabled,\n hoverEnabledRef,\n loop,\n scheduleHoverClose,\n }),\n [cancelHoverClose, surface, dir, disabled, loop, scheduleHoverClose],\n );\n return (\n <div className={className} data-uiify-menu=\"\">\n <DropdownMenuProvider value={value}>{children}</DropdownMenuProvider>\n </div>\n );\n}\n\nexport function DropdownMenuTrigger<TAs extends ElementType = \"button\">(\n props: DropdownMenuTriggerProps<TAs>,\n): ReactElement | null {\n const {\n as,\n render,\n className,\n openOnHover = false,\n ...consumerProps\n } = props as DropdownMenuTriggerProps<\"button\"> & { openOnHover?: boolean };\n const {\n anchorProps,\n cancelHoverClose,\n close,\n disabled,\n focusTrigger,\n hoverEnabledRef,\n open,\n openPopover,\n openToItem,\n scheduleHoverClose,\n setTriggerElement,\n triggerProps,\n } = useDropdownMenuContext(\"Trigger\");\n hoverEnabledRef.current = openOnHover;\n const [consumerRef, withoutRef] = splitRef<HTMLElement, typeof consumerProps>(consumerProps);\n const mergedRef = useMergedRefs(setTriggerElement, consumerRef);\n const nativeButton = !as || as === \"button\";\n const {\n onClick: consumerOnClick,\n onKeyDown: consumerOnKeyDown,\n onPointerEnter: consumerOnPointerEnter,\n onPointerLeave: consumerOnPointerLeave,\n } = withoutRef as {\n onClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n onKeyDown?: (event: KeyboardEvent<HTMLButtonElement>) => void;\n onPointerEnter?: (event: PointerEvent<HTMLElement>) => void;\n onPointerLeave?: (event: PointerEvent<HTMLElement>) => void;\n };\n const internalOnClick = triggerProps.onClick as (event: MouseEvent<HTMLButtonElement>) => void;\n const handlePointerEnter = () => {\n if (disabled) return;\n cancelHoverClose();\n if (!open) openPopover();\n };\n const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n if (disabled) return;\n if (event.key === \"Enter\" || event.key === \" \") {\n event.preventDefault();\n if (open) close();\n else openToItem(false);\n } else if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n event.preventDefault();\n openToItem(event.key === \"ArrowUp\");\n } else if (event.key === \"Escape\" && open) {\n event.preventDefault();\n close();\n focusTrigger();\n }\n };\n return useRenderElement({\n as,\n defaultTag: \"button\",\n render,\n props: {\n ...withoutRef,\n ...triggerProps,\n ...anchorProps,\n ref: mergedRef,\n ...(nativeButton ? { \"data-uiify-button\": \"\" } : {}),\n \"aria-haspopup\": \"menu\",\n \"data-part\": \"trigger\",\n \"data-state\": open ? \"open\" : \"closed\",\n \"data-disabled\": disabled ? \"\" : undefined,\n disabled: nativeButton && disabled ? true : undefined,\n ...(nativeButton && !triggerProps.type ? { type: \"button\" } : {}),\n ...(className ? { className } : {}),\n onClick: disabled ? consumerOnClick : composeEventHandlers(consumerOnClick, internalOnClick),\n onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n ...(openOnHover && !disabled\n ? {\n onPointerEnter: composeEventHandlers(consumerOnPointerEnter, handlePointerEnter),\n onPointerLeave: composeEventHandlers(consumerOnPointerLeave, scheduleHoverClose),\n }\n : {}),\n },\n state: { open },\n });\n}\n\nexport function DropdownMenuContent<TAs extends ElementType = \"div\">(\n props: DropdownMenuContentProps<TAs>,\n): ReactElement | null {\n const {\n align = \"start\",\n as,\n className,\n side = \"bottom\",\n children,\n render,\n ...consumerProps\n } = props as DropdownMenuContentProps<\"div\">;\n const {\n cancelHoverClose,\n close,\n contentRef,\n dir,\n focusTrigger,\n hoverEnabledRef,\n loop,\n open,\n popupProps,\n popupRef,\n positionerProps,\n scheduleHoverClose,\n } = useDropdownMenuContext(\"Content\");\n const [consumerRef, withoutRef] = splitRef<HTMLElement, typeof consumerProps>(consumerProps);\n const mergedRef = useMergedRefs(popupRef, contentRef, consumerRef);\n const {\n onKeyDown: consumerOnKeyDown,\n onPointerEnter: consumerOnPointerEnter,\n onPointerLeave: consumerOnPointerLeave,\n } = withoutRef as {\n onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n onPointerEnter?: (event: PointerEvent<HTMLElement>) => void;\n onPointerLeave?: (event: PointerEvent<HTMLElement>) => void;\n };\n const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n if (event.key === \"Escape\") {\n event.preventDefault();\n close();\n focusTrigger();\n }\n };\n const contentProps = {\n ...withoutRef,\n ...popupProps,\n ...positionerProps,\n ref: mergedRef,\n role: \"menu\",\n \"data-part\": \"content\",\n \"data-align\": align,\n \"data-side\": side,\n \"data-state\": open ? \"open\" : \"closed\",\n ...(className ? { className } : {}),\n onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n ...(hoverEnabledRef.current\n ? {\n onPointerEnter: composeEventHandlers(consumerOnPointerEnter, cancelHoverClose),\n onPointerLeave: composeEventHandlers(consumerOnPointerLeave, scheduleHoverClose),\n }\n : {}),\n children,\n };\n if (render)\n return (\n <RovingFocusRoot\n direction={dir}\n loop={loop}\n orientation=\"vertical\"\n {...contentProps}\n render={(p) => render(p, { open })}\n />\n );\n return (\n <RovingFocusRoot\n as={as ?? \"div\"}\n direction={dir}\n loop={loop}\n orientation=\"vertical\"\n {...contentProps}\n />\n );\n}\n\ninterface ItemActivationOptions {\n closeOnSelect: boolean;\n disabled: boolean;\n onSelect?: DropdownMenuItemProps[\"onSelect\"];\n onStateChange?: () => void;\n}\nfunction useItemActivation({\n closeOnSelect,\n disabled,\n onSelect,\n onStateChange,\n}: ItemActivationOptions) {\n const { close, focusTrigger } = useDropdownMenuContext(\"Item\");\n const select = (event: SyntheticEvent<HTMLElement>) => {\n if (disabled) return;\n const selectEvent = createMenuSelectEvent();\n onSelect?.(selectEvent);\n if (!selectEvent.defaultPrevented) {\n onStateChange?.();\n if (closeOnSelect) {\n close();\n focusTrigger();\n }\n }\n event.preventDefault();\n };\n return {\n select,\n keyDown: (event: KeyboardEvent<HTMLElement>) => {\n if (event.key === \"Enter\" || event.key === \" \") select(event);\n },\n };\n}\n\nfunction MenuItem<TAs extends ElementType>(\n props: DropdownMenuItemProps<TAs> & {\n roleName: string;\n checked?: boolean | \"mixed\";\n state?: string;\n onStateChange?: () => void;\n defaultClose: boolean;\n },\n): ReactElement | null {\n const {\n as,\n render,\n children,\n className,\n closeOnSelect,\n disabled = false,\n onSelect,\n textValue,\n roleName,\n checked,\n state,\n onStateChange,\n defaultClose,\n ...consumerProps\n } = props as DropdownMenuItemProps<\"div\"> & {\n roleName: string;\n checked?: boolean | \"mixed\";\n state?: string;\n onStateChange?: () => void;\n defaultClose: boolean;\n };\n const { onClick: consumerOnClick, onKeyDown: consumerOnKeyDown } = consumerProps as {\n onClick?: (event: SyntheticEvent<HTMLElement>) => void;\n onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n };\n const activation = useItemActivation({\n closeOnSelect: closeOnSelect ?? defaultClose,\n disabled,\n onSelect,\n ...(onStateChange ? { onStateChange } : {}),\n });\n const itemProps = {\n ...consumerProps,\n role: roleName,\n \"aria-checked\": checked,\n \"data-part\": roleName === \"menuitem\" ? \"item\" : roleName.replace(\"menuitem\", \"\") + \"-item\",\n \"data-state\": state,\n ...(className ? { className } : {}),\n onClick: composeEventHandlers(consumerOnClick, activation.select),\n onKeyDown: composeEventHandlers(consumerOnKeyDown, activation.keyDown),\n children,\n };\n if (render)\n return (\n <RovingFocusItem\n disabled={disabled}\n {...(textValue !== undefined ? { textValue } : {})}\n {...(itemProps as object)}\n render={(p) => render(p, { disabled })}\n />\n );\n return (\n <RovingFocusItem\n as={as ?? \"div\"}\n disabled={disabled}\n {...(textValue !== undefined ? { textValue } : {})}\n {...(itemProps as object)}\n />\n );\n}\n\nexport function DropdownMenuItem<TAs extends ElementType = \"div\">(\n props: DropdownMenuItemProps<TAs>,\n): ReactElement | null {\n return <MenuItem {...props} roleName=\"menuitem\" defaultClose />;\n}\n\ninterface SelectionContextValue {\n checked: DropdownMenuCheckedState;\n kind: \"checkbox\" | \"radio\";\n}\nconst [SelectionProvider, useSelectionContext] = createPartContext<SelectionContextValue>(\n \"DropdownMenu\",\n \"ItemIndicator\",\n);\n\nexport function DropdownMenuCheckboxItem<TAs extends ElementType = \"div\">(\n props: DropdownMenuCheckboxItemProps<TAs>,\n): ReactElement | null {\n const { checked: controlled, defaultChecked = false, onCheckedChange, ...itemProps } = props;\n const [checked, setChecked] = useControllableState<DropdownMenuCheckedState>({\n value: controlled,\n defaultValue: defaultChecked,\n });\n const next = checked === \"indeterminate\" ? true : !checked;\n return (\n <SelectionProvider value={{ checked, kind: \"checkbox\" }}>\n <MenuItem\n {...(itemProps as DropdownMenuItemProps<ElementType>)}\n roleName=\"menuitemcheckbox\"\n checked={checked === \"indeterminate\" ? \"mixed\" : checked}\n state={checked === \"indeterminate\" ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\"}\n defaultClose={false}\n onStateChange={() => {\n setChecked(next);\n onCheckedChange?.(next);\n }}\n />\n </SelectionProvider>\n );\n}\n\ninterface RadioContextValue {\n setValue: (value: string) => void;\n value: string | undefined;\n}\nconst [RadioProvider, useRadioContext] = createPartContext<RadioContextValue>(\n \"DropdownMenu\",\n \"RadioGroup\",\n);\nexport function DropdownMenuRadioGroup<TAs extends ElementType = \"div\">(\n props: DropdownMenuRadioGroupProps<TAs>,\n): ReactElement | null {\n const {\n as,\n render,\n children,\n defaultValue,\n onValueChange,\n value: controlled,\n ...consumerProps\n } = props as DropdownMenuRadioGroupProps<\"div\">;\n const [value, setValue] = useControllableState<string | undefined>({\n value: controlled,\n defaultValue,\n ...(onValueChange\n ? {\n onChange: (next) => {\n if (next !== undefined) onValueChange(next);\n },\n }\n : {}),\n });\n return (\n <RadioProvider value={{ value, setValue }}>\n {useRenderElement({\n as,\n defaultTag: \"div\",\n render,\n props: { ...consumerProps, role: \"group\", \"data-part\": \"radio-group\", children },\n state: { value },\n })}\n </RadioProvider>\n );\n}\nexport function DropdownMenuRadioItem<TAs extends ElementType = \"div\">(\n props: DropdownMenuRadioItemProps<TAs>,\n): ReactElement | null {\n const { value, ...itemProps } = props;\n const radio = useRadioContext(\"RadioItem\");\n const checked = radio.value === value;\n return (\n <SelectionProvider value={{ checked, kind: \"radio\" }}>\n <MenuItem\n {...(itemProps as DropdownMenuItemProps<ElementType>)}\n roleName=\"menuitemradio\"\n checked={checked}\n state={checked ? \"checked\" : \"unchecked\"}\n defaultClose={false}\n onStateChange={() => radio.setValue(value)}\n />\n </SelectionProvider>\n );\n}\n\nfunction Part<TAs extends ElementType = \"span\">({\n part,\n defaultTag,\n ...props\n}: DropdownMenuPartProps<TAs> & { part: string; defaultTag: ElementType }): ReactElement | null {\n const { as, render, children, className, ...consumerProps } =\n props as DropdownMenuPartProps<\"span\">;\n return useRenderElement({\n as,\n defaultTag,\n render,\n props: { ...consumerProps, \"data-part\": part, ...(className ? { className } : {}), children },\n state: {},\n });\n}\nexport const DropdownMenuItemIcon = <TAs extends ElementType = \"span\">(\n p: DropdownMenuItemIconProps<TAs>,\n) => <Part {...p} part=\"item-icon\" defaultTag=\"span\" />;\nexport const DropdownMenuItemText = <TAs extends ElementType = \"span\">(\n p: DropdownMenuItemTextProps<TAs>,\n) => <Part {...p} part=\"item-text\" defaultTag=\"span\" />;\nexport const DropdownMenuItemDescription = <TAs extends ElementType = \"span\">(\n p: DropdownMenuItemDescriptionProps<TAs>,\n) => <Part {...p} part=\"item-description\" defaultTag=\"span\" />;\nexport const DropdownMenuShortcut = <TAs extends ElementType = \"span\">(\n p: DropdownMenuShortcutProps<TAs>,\n) => <Part {...p} part=\"shortcut\" defaultTag=\"kbd\" />;\nexport function DropdownMenuItemIndicator<TAs extends ElementType = \"span\">(\n p: DropdownMenuItemIndicatorProps<TAs>,\n): ReactElement | null {\n const s = useSelectionContext(\"ItemIndicator\");\n return (\n <Part\n {...p}\n part=\"item-indicator\"\n defaultTag=\"span\"\n data-state={\n s.checked === \"indeterminate\" ? \"indeterminate\" : s.checked ? \"checked\" : \"unchecked\"\n }\n />\n );\n}\nexport function DropdownMenuGroup<TAs extends ElementType = \"div\">(\n p: DropdownMenuGroupProps<TAs>,\n): ReactElement | null {\n return <MenuGroup {...p} />;\n}\nexport function DropdownMenuLabel<TAs extends ElementType = \"div\">(\n p: DropdownMenuLabelProps<TAs>,\n): ReactElement | null {\n return <MenuLabel {...p} />;\n}\nexport function DropdownMenuSeparator<TAs extends ElementType = \"div\">(\n p: DropdownMenuSeparatorProps<TAs>,\n): ReactElement | null {\n return <MenuSeparator {...p} />;\n}\n\ninterface SubValue {\n clickedRef: RefObject<boolean>;\n contentRef: React.RefObject<HTMLElement | null>;\n open: boolean;\n popover: ReturnType<typeof usePopover>;\n anchor: ReturnType<typeof useAnchorPosition>;\n triggerRef: React.RefObject<HTMLElement | null>;\n}\nconst [SubProvider, useSubContext] = createPartContext<SubValue>(\"DropdownMenu\", \"Sub\");\nexport function DropdownMenuSub(props: DropdownMenuSubProps): ReactElement | null {\n const { children, defaultOpen, onOpenChange, open } = props;\n const contentRef = useRef<HTMLElement | null>(null);\n const triggerRef = useRef<HTMLElement | null>(null);\n const popover = usePopover({\n mode: \"auto\",\n ...(defaultOpen !== undefined ? { defaultOpen } : {}),\n ...(open !== undefined ? { open } : {}),\n ...(onOpenChange\n ? {\n onOpenChange: (next, details) =>\n onOpenChange(next, { event: details.event, reason: mapReason(details.reason) }),\n }\n : {}),\n });\n const anchor = useAnchorPosition();\n const clickedRef = useRef(false);\n const value = useMemo(\n () => ({ anchor, clickedRef, contentRef, open: popover.open, popover, triggerRef }),\n [anchor, popover, clickedRef],\n );\n return <SubProvider value={value}>{children}</SubProvider>;\n}\nexport function DropdownMenuSubTrigger<TAs extends ElementType = \"button\">(\n props: DropdownMenuSubTriggerProps<TAs>,\n): ReactElement | null {\n const {\n as,\n render,\n children,\n disabled = false,\n textValue,\n ...consumerProps\n } = props as DropdownMenuSubTriggerProps<\"div\">;\n const sub = useSubContext(\"SubTrigger\");\n const root = useDropdownMenuContext(\"SubTrigger\");\n const { clickedRef } = sub;\n const { onClick, onKeyDown, onPointerEnter, ...withoutEvents } =\n consumerProps as typeof consumerProps & {\n onClick?: (event: MouseEvent<HTMLElement>) => void;\n onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n onPointerEnter?: (event: PointerEvent<HTMLElement>) => void;\n };\n const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n const openKey = root.dir === \"rtl\" ? \"ArrowLeft\" : \"ArrowRight\";\n if (event.key === openKey || event.key === \"Enter\" || event.key === \" \") {\n event.preventDefault();\n clickedRef.current = true;\n sub.popover.openPopover();\n queueMicrotask(() => focusMenuItem(sub.contentRef.current));\n }\n };\n const handlePointerEnter = () => {\n clickedRef.current = false;\n sub.popover.openPopover();\n };\n const handlePointerLeave = (event: PointerEvent<HTMLElement>) => {\n if (clickedRef.current) return;\n const nextTarget = event.relatedTarget;\n if (nextTarget instanceof Node && sub.contentRef.current?.contains(nextTarget)) return;\n sub.popover.close();\n };\n const handleClick = (event: MouseEvent<HTMLElement>) => {\n clickedRef.current = true;\n if (!sub.open) {\n (sub.popover.triggerProps.onClick as (event: MouseEvent<HTMLElement>) => void)(event);\n }\n };\n const triggerProps = {\n ...(withoutEvents as object),\n ...sub.popover.triggerProps,\n ...sub.anchor.anchorProps,\n command: \"show-popover\",\n ref: sub.triggerRef,\n role: \"menuitem\",\n \"aria-haspopup\": \"menu\" as const,\n \"aria-expanded\": sub.open,\n \"data-part\": \"sub-trigger\",\n \"data-state\": sub.open ? \"open\" : \"closed\",\n onClick: composeEventHandlers(onClick, handleClick),\n onKeyDown: composeEventHandlers(onKeyDown, handleKeyDown),\n onPointerEnter: composeEventHandlers(onPointerEnter, handlePointerEnter),\n onPointerLeave: handlePointerLeave,\n children,\n };\n if (render)\n return (\n <RovingFocusItem\n {...(triggerProps as object)}\n disabled={disabled}\n {...(textValue !== undefined ? { textValue } : {})}\n render={(p) => render(p, { disabled, open: sub.open })}\n />\n );\n return (\n <RovingFocusItem\n as={as ?? \"button\"}\n {...(triggerProps as object)}\n disabled={disabled}\n {...(textValue !== undefined ? { textValue } : {})}\n />\n );\n}\nexport function DropdownMenuSubContent<TAs extends ElementType = \"div\">(\n props: DropdownMenuSubContentProps<TAs>,\n): ReactElement | null {\n const {\n align = \"start\",\n as,\n render,\n side = \"right\",\n children,\n ...consumerProps\n } = props as DropdownMenuSubContentProps<\"div\">;\n const sub = useSubContext(\"SubContent\");\n const root = useDropdownMenuContext(\"SubContent\");\n const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n const closeKey = root.dir === \"rtl\" ? \"ArrowRight\" : \"ArrowLeft\";\n if (event.key === closeKey || event.key === \"Escape\") {\n event.preventDefault();\n sub.popover.close();\n sub.triggerRef.current?.focus();\n }\n };\n const contentProps = {\n ...consumerProps,\n ...sub.popover.popupProps,\n ...sub.anchor.positionerProps,\n ref: useMergedRefs(sub.popover.popupRef, sub.contentRef),\n role: \"menu\",\n \"data-part\": \"sub-content\",\n \"data-state\": sub.open ? \"open\" : \"closed\",\n \"data-side\": side,\n \"data-align\": align,\n onKeyDown: handleKeyDown,\n onPointerLeave: (event: PointerEvent<HTMLElement>) => {\n if (sub.clickedRef.current) return;\n const nextTarget = event.relatedTarget;\n if (!(nextTarget instanceof Node) || !sub.triggerRef.current?.contains(nextTarget)) {\n sub.popover.close();\n }\n },\n children,\n };\n if (render)\n return (\n <RovingFocusRoot\n direction={root.dir}\n loop={root.loop}\n orientation=\"vertical\"\n {...contentProps}\n render={(p) => render(p, { open: sub.open })}\n />\n );\n return (\n <RovingFocusRoot\n as={as ?? \"div\"}\n direction={root.dir}\n loop={root.loop}\n orientation=\"vertical\"\n {...contentProps}\n />\n );\n}\n\nDropdownMenuRoot.displayName = \"DropdownMenuRoot\";\nDropdownMenuTrigger.displayName = \"DropdownMenuTrigger\";\nDropdownMenuContent.displayName = \"DropdownMenuContent\";\nMenuItem.displayName = \"DropdownMenuItemBase\";\nDropdownMenuItem.displayName = \"DropdownMenuItem\";\nDropdownMenuCheckboxItem.displayName = \"DropdownMenuCheckboxItem\";\nDropdownMenuRadioGroup.displayName = \"DropdownMenuRadioGroup\";\nDropdownMenuRadioItem.displayName = \"DropdownMenuRadioItem\";\nPart.displayName = \"DropdownMenuPart\";\nDropdownMenuItemIcon.displayName = \"DropdownMenuItemIcon\";\nDropdownMenuItemText.displayName = \"DropdownMenuItemText\";\nDropdownMenuItemDescription.displayName = \"DropdownMenuItemDescription\";\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\";\nDropdownMenuItemIndicator.displayName = \"DropdownMenuItemIndicator\";\nDropdownMenuGroup.displayName = \"DropdownMenuGroup\";\nDropdownMenuLabel.displayName = \"DropdownMenuLabel\";\nDropdownMenuSeparator.displayName = \"DropdownMenuSeparator\";\nDropdownMenuSub.displayName = \"DropdownMenuSub\";\nDropdownMenuSubTrigger.displayName = \"DropdownMenuSubTrigger\";\nDropdownMenuSubContent.displayName = \"DropdownMenuSubContent\";\n\nexport const DropdownMenu = {\n Bar: DropdownMenuBar,\n Root: DropdownMenuRoot,\n Trigger: DropdownMenuTrigger,\n Content: DropdownMenuContent,\n Group: DropdownMenuGroup,\n Label: DropdownMenuLabel,\n Item: DropdownMenuItem,\n ItemIcon: DropdownMenuItemIcon,\n ItemText: DropdownMenuItemText,\n ItemDescription: DropdownMenuItemDescription,\n Shortcut: DropdownMenuShortcut,\n Separator: DropdownMenuSeparator,\n CheckboxItem: DropdownMenuCheckboxItem,\n ItemIndicator: DropdownMenuItemIndicator,\n RadioGroup: DropdownMenuRadioGroup,\n RadioItem: DropdownMenuRadioItem,\n Sub: DropdownMenuSub,\n SubTrigger: DropdownMenuSubTrigger,\n SubContent: DropdownMenuSubContent,\n};\n"],"mappings":"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","names":[]}
|
|
1
|
+
{"version":3,"sources":["../../../src/components/dropdown-menu/DropdownMenu.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useMemo, useRef } from \"react\";\nimport type {\n ElementType,\n KeyboardEvent,\n MouseEvent,\n PointerEvent,\n ReactElement,\n RefObject,\n SyntheticEvent,\n} from \"react\";\nimport { useControllableState, useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport { createPartContext, splitRef } from \"@gunkin/uiify/core\";\nimport { useAnchorPosition } from \"@gunkin/uiify/core/anchor-position\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { useDirection } from \"@gunkin/uiify/core/direction\";\nimport { createHoverIntentStore } from \"@gunkin/uiify/core/hover-intent-store\";\nimport type { HoverIntentStore } from \"@gunkin/uiify/core/hover-intent-store\";\nimport type { OpenChangeDetails } from \"@gunkin/uiify/core/open-change-details\";\nimport { usePopover } from \"@gunkin/uiify/core/popover\";\nimport { RovingFocusItem, RovingFocusRoot } from \"@gunkin/uiify/core/roving-focus\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { createMenuSelectEvent } from \"../internal/menu/menu-utils.js\";\nimport { focusMenuItem } from \"../internal/menu/focus-menu-item.js\";\nimport { MenuGroup, MenuLabel, MenuSeparator } from \"../internal/menu/menu-parts.js\";\nimport { useMenuSurface } from \"../internal/menu/use-menu-surface.js\";\nimport { DropdownMenuBar } from \"./DropdownMenuBar.js\";\nimport type {\n DropdownMenuCheckedState,\n DropdownMenuCheckboxItemProps,\n DropdownMenuContentProps,\n DropdownMenuContextValue,\n DropdownMenuGroupProps,\n DropdownMenuItemDescriptionProps,\n DropdownMenuItemIconProps,\n DropdownMenuItemIndicatorProps,\n DropdownMenuItemProps,\n DropdownMenuItemTextProps,\n DropdownMenuLabelProps,\n DropdownMenuOpenChangeReason,\n DropdownMenuPartProps,\n DropdownMenuRadioGroupProps,\n DropdownMenuRadioItemProps,\n DropdownMenuRootProps,\n DropdownMenuSeparatorProps,\n DropdownMenuShortcutProps,\n DropdownMenuSubContentProps,\n DropdownMenuSubProps,\n DropdownMenuSubTriggerProps,\n DropdownMenuTriggerProps,\n} from \"./types.js\";\n\nexport type { MenuSelectEvent } from \"./types.js\";\n\nfunction mapReason(reason: OpenChangeDetails[\"reason\"]): DropdownMenuOpenChangeReason {\n if (reason === \"escape-key\") return \"escape\";\n if (reason === \"focus-outside\") return \"focus-out\";\n if (reason === \"native-toggle\") return \"trigger-press\";\n return reason;\n}\n\nconst [DropdownMenuProvider, useDropdownMenuContext] =\n createPartContext<DropdownMenuContextValue>(\"DropdownMenu\");\n\nexport function DropdownMenuRoot(props: DropdownMenuRootProps): ReactElement | null {\n const {\n children,\n className,\n defaultOpen,\n dir: localDir,\n disabled = false,\n loop = true,\n onOpenChange,\n open,\n } = props;\n const dir = useDirection(localDir);\n const surface = useMenuSurface({\n mode: \"auto\",\n ...(defaultOpen !== undefined ? { defaultOpen } : {}),\n ...(open !== undefined ? { open } : {}),\n ...(onOpenChange\n ? {\n onOpenChange: (next, details) =>\n onOpenChange(next, { event: details.event, reason: mapReason(details.reason) }),\n }\n : {}),\n });\n const intentRef = useRef<HoverIntentStore | null>(null);\n intentRef.current ??= createHoverIntentStore({ closeDelay: 150, openDelay: 0 });\n const intent = intentRef.current;\n const hoverEnabledRef = useRef(false);\n // Read by the scheduled close so a timer from a menu that already closed\n // cannot emit onOpenChange(false) over a sibling that opened since.\n const openRef = useRef(surface.open);\n openRef.current = surface.open;\n\n const cancelHoverClose = useCallback(() => intent.clearCloseTimer(), [intent]);\n const scheduleHoverClose = useCallback(() => {\n intent.scheduleClose(() => {\n if (openRef.current) surface.close();\n });\n }, [intent, surface]);\n\n const value = useMemo(\n () => ({\n ...surface,\n cancelHoverClose,\n dir,\n disabled,\n hoverEnabledRef,\n loop,\n scheduleHoverClose,\n }),\n [cancelHoverClose, surface, dir, disabled, loop, scheduleHoverClose],\n );\n return (\n <div className={className} data-uiify-menu=\"\">\n <DropdownMenuProvider value={value}>{children}</DropdownMenuProvider>\n </div>\n );\n}\n\nexport function DropdownMenuTrigger<TAs extends ElementType = \"button\">(\n props: DropdownMenuTriggerProps<TAs>,\n): ReactElement | null {\n const {\n as,\n render,\n className,\n openOnHover = false,\n shape,\n ...consumerProps\n } = props as DropdownMenuTriggerProps<\"button\"> & { openOnHover?: boolean };\n const {\n anchorProps,\n cancelHoverClose,\n close,\n disabled,\n focusTrigger,\n hoverEnabledRef,\n open,\n openPopover,\n openToItem,\n scheduleHoverClose,\n setTriggerElement,\n triggerProps,\n } = useDropdownMenuContext(\"Trigger\");\n hoverEnabledRef.current = openOnHover;\n const [consumerRef, withoutRef] = splitRef<HTMLElement, typeof consumerProps>(consumerProps);\n const mergedRef = useMergedRefs(setTriggerElement, consumerRef);\n const nativeButton = !as || as === \"button\";\n const {\n onClick: consumerOnClick,\n onKeyDown: consumerOnKeyDown,\n onPointerEnter: consumerOnPointerEnter,\n onPointerLeave: consumerOnPointerLeave,\n } = withoutRef as {\n onClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n onKeyDown?: (event: KeyboardEvent<HTMLButtonElement>) => void;\n onPointerEnter?: (event: PointerEvent<HTMLElement>) => void;\n onPointerLeave?: (event: PointerEvent<HTMLElement>) => void;\n };\n const internalOnClick = triggerProps.onClick as (event: MouseEvent<HTMLButtonElement>) => void;\n const handlePointerEnter = () => {\n if (disabled) return;\n cancelHoverClose();\n if (!open) openPopover();\n };\n const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n if (disabled) return;\n if (event.key === \"Enter\" || event.key === \" \") {\n event.preventDefault();\n if (open) close();\n else openToItem(false);\n } else if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n event.preventDefault();\n openToItem(event.key === \"ArrowUp\");\n } else if (event.key === \"Escape\" && open) {\n event.preventDefault();\n close();\n focusTrigger();\n }\n };\n return useRenderElement({\n as,\n defaultTag: \"button\",\n render,\n props: {\n ...withoutRef,\n ...triggerProps,\n ...anchorProps,\n ref: mergedRef,\n ...(nativeButton ? { \"data-uiify-button\": \"\" } : {}),\n \"aria-haspopup\": \"menu\",\n \"data-part\": \"trigger\",\n ...(shape !== undefined ? { \"data-shape\": shape } : {}),\n \"data-state\": open ? \"open\" : \"closed\",\n \"data-disabled\": disabled ? \"\" : undefined,\n disabled: nativeButton && disabled ? true : undefined,\n ...(nativeButton && !triggerProps.type ? { type: \"button\" } : {}),\n ...(className ? { className } : {}),\n onClick: disabled ? consumerOnClick : composeEventHandlers(consumerOnClick, internalOnClick),\n onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n ...(openOnHover && !disabled\n ? {\n onPointerEnter: composeEventHandlers(consumerOnPointerEnter, handlePointerEnter),\n onPointerLeave: composeEventHandlers(consumerOnPointerLeave, scheduleHoverClose),\n }\n : {}),\n },\n state: { open },\n });\n}\n\nexport function DropdownMenuContent<TAs extends ElementType = \"div\">(\n props: DropdownMenuContentProps<TAs>,\n): ReactElement | null {\n const {\n align = \"start\",\n as,\n className,\n side = \"bottom\",\n children,\n render,\n ...consumerProps\n } = props as DropdownMenuContentProps<\"div\">;\n const {\n cancelHoverClose,\n close,\n contentRef,\n dir,\n focusTrigger,\n hoverEnabledRef,\n loop,\n open,\n popupProps,\n popupRef,\n positionerProps,\n scheduleHoverClose,\n } = useDropdownMenuContext(\"Content\");\n const [consumerRef, withoutRef] = splitRef<HTMLElement, typeof consumerProps>(consumerProps);\n const mergedRef = useMergedRefs(popupRef, contentRef, consumerRef);\n const {\n onKeyDown: consumerOnKeyDown,\n onPointerEnter: consumerOnPointerEnter,\n onPointerLeave: consumerOnPointerLeave,\n } = withoutRef as {\n onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n onPointerEnter?: (event: PointerEvent<HTMLElement>) => void;\n onPointerLeave?: (event: PointerEvent<HTMLElement>) => void;\n };\n const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n if (event.key === \"Escape\") {\n event.preventDefault();\n close();\n focusTrigger();\n }\n };\n const contentProps = {\n ...withoutRef,\n ...popupProps,\n ...positionerProps,\n ref: mergedRef,\n role: \"menu\",\n \"data-part\": \"content\",\n \"data-align\": align,\n \"data-side\": side,\n \"data-state\": open ? \"open\" : \"closed\",\n ...(className ? { className } : {}),\n onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n ...(hoverEnabledRef.current\n ? {\n onPointerEnter: composeEventHandlers(consumerOnPointerEnter, cancelHoverClose),\n onPointerLeave: composeEventHandlers(consumerOnPointerLeave, scheduleHoverClose),\n }\n : {}),\n children,\n };\n if (render)\n return (\n <RovingFocusRoot\n direction={dir}\n loop={loop}\n orientation=\"vertical\"\n {...contentProps}\n render={(p) => render(p, { open })}\n />\n );\n return (\n <RovingFocusRoot\n as={as ?? \"div\"}\n direction={dir}\n loop={loop}\n orientation=\"vertical\"\n {...contentProps}\n />\n );\n}\n\ninterface ItemActivationOptions {\n closeOnSelect: boolean;\n disabled: boolean;\n onSelect?: DropdownMenuItemProps[\"onSelect\"];\n onStateChange?: () => void;\n}\nfunction useItemActivation({\n closeOnSelect,\n disabled,\n onSelect,\n onStateChange,\n}: ItemActivationOptions) {\n const { close, focusTrigger } = useDropdownMenuContext(\"Item\");\n const select = (event: SyntheticEvent<HTMLElement>) => {\n if (disabled) return;\n const selectEvent = createMenuSelectEvent();\n onSelect?.(selectEvent);\n if (!selectEvent.defaultPrevented) {\n onStateChange?.();\n if (closeOnSelect) {\n close();\n focusTrigger();\n }\n }\n event.preventDefault();\n };\n return {\n select,\n keyDown: (event: KeyboardEvent<HTMLElement>) => {\n if (event.key === \"Enter\" || event.key === \" \") select(event);\n },\n };\n}\n\nfunction MenuItem<TAs extends ElementType>(\n props: DropdownMenuItemProps<TAs> & {\n roleName: string;\n checked?: boolean | \"mixed\";\n state?: string;\n onStateChange?: () => void;\n defaultClose: boolean;\n },\n): ReactElement | null {\n const {\n as,\n render,\n children,\n className,\n closeOnSelect,\n disabled = false,\n onSelect,\n textValue,\n roleName,\n checked,\n state,\n onStateChange,\n defaultClose,\n ...consumerProps\n } = props as DropdownMenuItemProps<\"div\"> & {\n roleName: string;\n checked?: boolean | \"mixed\";\n state?: string;\n onStateChange?: () => void;\n defaultClose: boolean;\n };\n const { onClick: consumerOnClick, onKeyDown: consumerOnKeyDown } = consumerProps as {\n onClick?: (event: SyntheticEvent<HTMLElement>) => void;\n onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n };\n const activation = useItemActivation({\n closeOnSelect: closeOnSelect ?? defaultClose,\n disabled,\n onSelect,\n ...(onStateChange ? { onStateChange } : {}),\n });\n const itemProps = {\n ...consumerProps,\n role: roleName,\n \"aria-checked\": checked,\n \"data-part\": roleName === \"menuitem\" ? \"item\" : roleName.replace(\"menuitem\", \"\") + \"-item\",\n \"data-state\": state,\n ...(className ? { className } : {}),\n onClick: composeEventHandlers(consumerOnClick, activation.select),\n onKeyDown: composeEventHandlers(consumerOnKeyDown, activation.keyDown),\n children,\n };\n if (render)\n return (\n <RovingFocusItem\n disabled={disabled}\n {...(textValue !== undefined ? { textValue } : {})}\n {...(itemProps as object)}\n render={(p) => render(p, { disabled })}\n />\n );\n return (\n <RovingFocusItem\n as={as ?? \"div\"}\n disabled={disabled}\n {...(textValue !== undefined ? { textValue } : {})}\n {...(itemProps as object)}\n />\n );\n}\n\nexport function DropdownMenuItem<TAs extends ElementType = \"div\">(\n props: DropdownMenuItemProps<TAs>,\n): ReactElement | null {\n return <MenuItem {...props} roleName=\"menuitem\" defaultClose />;\n}\n\ninterface SelectionContextValue {\n checked: DropdownMenuCheckedState;\n kind: \"checkbox\" | \"radio\";\n}\nconst [SelectionProvider, useSelectionContext] = createPartContext<SelectionContextValue>(\n \"DropdownMenu\",\n \"ItemIndicator\",\n);\n\nexport function DropdownMenuCheckboxItem<TAs extends ElementType = \"div\">(\n props: DropdownMenuCheckboxItemProps<TAs>,\n): ReactElement | null {\n const { checked: controlled, defaultChecked = false, onCheckedChange, ...itemProps } = props;\n const [checked, setChecked] = useControllableState<DropdownMenuCheckedState>({\n value: controlled,\n defaultValue: defaultChecked,\n });\n const next = checked === \"indeterminate\" ? true : !checked;\n return (\n <SelectionProvider value={{ checked, kind: \"checkbox\" }}>\n <MenuItem\n {...(itemProps as DropdownMenuItemProps<ElementType>)}\n roleName=\"menuitemcheckbox\"\n checked={checked === \"indeterminate\" ? \"mixed\" : checked}\n state={checked === \"indeterminate\" ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\"}\n defaultClose={false}\n onStateChange={() => {\n setChecked(next);\n onCheckedChange?.(next);\n }}\n />\n </SelectionProvider>\n );\n}\n\ninterface RadioContextValue {\n setValue: (value: string) => void;\n value: string | undefined;\n}\nconst [RadioProvider, useRadioContext] = createPartContext<RadioContextValue>(\n \"DropdownMenu\",\n \"RadioGroup\",\n);\nexport function DropdownMenuRadioGroup<TAs extends ElementType = \"div\">(\n props: DropdownMenuRadioGroupProps<TAs>,\n): ReactElement | null {\n const {\n as,\n render,\n children,\n defaultValue,\n onValueChange,\n value: controlled,\n ...consumerProps\n } = props as DropdownMenuRadioGroupProps<\"div\">;\n const [value, setValue] = useControllableState<string | undefined>({\n value: controlled,\n defaultValue,\n ...(onValueChange\n ? {\n onChange: (next) => {\n if (next !== undefined) onValueChange(next);\n },\n }\n : {}),\n });\n return (\n <RadioProvider value={{ value, setValue }}>\n {useRenderElement({\n as,\n defaultTag: \"div\",\n render,\n props: { ...consumerProps, role: \"group\", \"data-part\": \"radio-group\", children },\n state: { value },\n })}\n </RadioProvider>\n );\n}\nexport function DropdownMenuRadioItem<TAs extends ElementType = \"div\">(\n props: DropdownMenuRadioItemProps<TAs>,\n): ReactElement | null {\n const { value, ...itemProps } = props;\n const radio = useRadioContext(\"RadioItem\");\n const checked = radio.value === value;\n return (\n <SelectionProvider value={{ checked, kind: \"radio\" }}>\n <MenuItem\n {...(itemProps as DropdownMenuItemProps<ElementType>)}\n roleName=\"menuitemradio\"\n checked={checked}\n state={checked ? \"checked\" : \"unchecked\"}\n defaultClose={false}\n onStateChange={() => radio.setValue(value)}\n />\n </SelectionProvider>\n );\n}\n\nfunction Part<TAs extends ElementType = \"span\">({\n part,\n defaultTag,\n ...props\n}: DropdownMenuPartProps<TAs> & { part: string; defaultTag: ElementType }): ReactElement | null {\n const { as, render, children, className, ...consumerProps } =\n props as DropdownMenuPartProps<\"span\">;\n return useRenderElement({\n as,\n defaultTag,\n render,\n props: { ...consumerProps, \"data-part\": part, ...(className ? { className } : {}), children },\n state: {},\n });\n}\nexport const DropdownMenuItemIcon = <TAs extends ElementType = \"span\">(\n p: DropdownMenuItemIconProps<TAs>,\n) => <Part {...p} part=\"item-icon\" defaultTag=\"span\" />;\nexport const DropdownMenuItemText = <TAs extends ElementType = \"span\">(\n p: DropdownMenuItemTextProps<TAs>,\n) => <Part {...p} part=\"item-text\" defaultTag=\"span\" />;\nexport const DropdownMenuItemDescription = <TAs extends ElementType = \"span\">(\n p: DropdownMenuItemDescriptionProps<TAs>,\n) => <Part {...p} part=\"item-description\" defaultTag=\"span\" />;\nexport const DropdownMenuShortcut = <TAs extends ElementType = \"span\">(\n p: DropdownMenuShortcutProps<TAs>,\n) => <Part {...p} part=\"shortcut\" defaultTag=\"kbd\" />;\nexport function DropdownMenuItemIndicator<TAs extends ElementType = \"span\">(\n p: DropdownMenuItemIndicatorProps<TAs>,\n): ReactElement | null {\n const s = useSelectionContext(\"ItemIndicator\");\n return (\n <Part\n {...p}\n part=\"item-indicator\"\n defaultTag=\"span\"\n data-state={\n s.checked === \"indeterminate\" ? \"indeterminate\" : s.checked ? \"checked\" : \"unchecked\"\n }\n />\n );\n}\nexport function DropdownMenuGroup<TAs extends ElementType = \"div\">(\n p: DropdownMenuGroupProps<TAs>,\n): ReactElement | null {\n return <MenuGroup {...p} />;\n}\nexport function DropdownMenuLabel<TAs extends ElementType = \"div\">(\n p: DropdownMenuLabelProps<TAs>,\n): ReactElement | null {\n return <MenuLabel {...p} />;\n}\nexport function DropdownMenuSeparator<TAs extends ElementType = \"div\">(\n p: DropdownMenuSeparatorProps<TAs>,\n): ReactElement | null {\n return <MenuSeparator {...p} />;\n}\n\ninterface SubValue {\n clickedRef: RefObject<boolean>;\n contentRef: React.RefObject<HTMLElement | null>;\n open: boolean;\n popover: ReturnType<typeof usePopover>;\n anchor: ReturnType<typeof useAnchorPosition>;\n triggerRef: React.RefObject<HTMLElement | null>;\n}\nconst [SubProvider, useSubContext] = createPartContext<SubValue>(\"DropdownMenu\", \"Sub\");\nexport function DropdownMenuSub(props: DropdownMenuSubProps): ReactElement | null {\n const { children, defaultOpen, onOpenChange, open } = props;\n const contentRef = useRef<HTMLElement | null>(null);\n const triggerRef = useRef<HTMLElement | null>(null);\n const popover = usePopover({\n mode: \"auto\",\n ...(defaultOpen !== undefined ? { defaultOpen } : {}),\n ...(open !== undefined ? { open } : {}),\n ...(onOpenChange\n ? {\n onOpenChange: (next, details) =>\n onOpenChange(next, { event: details.event, reason: mapReason(details.reason) }),\n }\n : {}),\n });\n const anchor = useAnchorPosition();\n const clickedRef = useRef(false);\n const value = useMemo(\n () => ({ anchor, clickedRef, contentRef, open: popover.open, popover, triggerRef }),\n [anchor, popover, clickedRef],\n );\n return <SubProvider value={value}>{children}</SubProvider>;\n}\nexport function DropdownMenuSubTrigger<TAs extends ElementType = \"button\">(\n props: DropdownMenuSubTriggerProps<TAs>,\n): ReactElement | null {\n const {\n as,\n render,\n children,\n disabled = false,\n textValue,\n ...consumerProps\n } = props as DropdownMenuSubTriggerProps<\"div\">;\n const sub = useSubContext(\"SubTrigger\");\n const root = useDropdownMenuContext(\"SubTrigger\");\n const { clickedRef } = sub;\n const { onClick, onKeyDown, onPointerEnter, ...withoutEvents } =\n consumerProps as typeof consumerProps & {\n onClick?: (event: MouseEvent<HTMLElement>) => void;\n onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n onPointerEnter?: (event: PointerEvent<HTMLElement>) => void;\n };\n const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n const openKey = root.dir === \"rtl\" ? \"ArrowLeft\" : \"ArrowRight\";\n if (event.key === openKey || event.key === \"Enter\" || event.key === \" \") {\n event.preventDefault();\n clickedRef.current = true;\n sub.popover.openPopover();\n queueMicrotask(() => focusMenuItem(sub.contentRef.current));\n }\n };\n const handlePointerEnter = () => {\n clickedRef.current = false;\n sub.popover.openPopover();\n };\n const handlePointerLeave = (event: PointerEvent<HTMLElement>) => {\n if (clickedRef.current) return;\n const nextTarget = event.relatedTarget;\n if (nextTarget instanceof Node && sub.contentRef.current?.contains(nextTarget)) return;\n sub.popover.close();\n };\n const handleClick = (event: MouseEvent<HTMLElement>) => {\n clickedRef.current = true;\n if (!sub.open) {\n (sub.popover.triggerProps.onClick as (event: MouseEvent<HTMLElement>) => void)(event);\n }\n };\n const triggerProps = {\n ...(withoutEvents as object),\n ...sub.popover.triggerProps,\n ...sub.anchor.anchorProps,\n command: \"show-popover\",\n ref: sub.triggerRef,\n role: \"menuitem\",\n \"aria-haspopup\": \"menu\" as const,\n \"aria-expanded\": sub.open,\n \"data-part\": \"sub-trigger\",\n \"data-state\": sub.open ? \"open\" : \"closed\",\n onClick: composeEventHandlers(onClick, handleClick),\n onKeyDown: composeEventHandlers(onKeyDown, handleKeyDown),\n onPointerEnter: composeEventHandlers(onPointerEnter, handlePointerEnter),\n onPointerLeave: handlePointerLeave,\n children,\n };\n if (render)\n return (\n <RovingFocusItem\n {...(triggerProps as object)}\n disabled={disabled}\n {...(textValue !== undefined ? { textValue } : {})}\n render={(p) => render(p, { disabled, open: sub.open })}\n />\n );\n return (\n <RovingFocusItem\n as={as ?? \"button\"}\n {...(triggerProps as object)}\n disabled={disabled}\n {...(textValue !== undefined ? { textValue } : {})}\n />\n );\n}\nexport function DropdownMenuSubContent<TAs extends ElementType = \"div\">(\n props: DropdownMenuSubContentProps<TAs>,\n): ReactElement | null {\n const {\n align = \"start\",\n as,\n render,\n side = \"right\",\n children,\n ...consumerProps\n } = props as DropdownMenuSubContentProps<\"div\">;\n const sub = useSubContext(\"SubContent\");\n const root = useDropdownMenuContext(\"SubContent\");\n const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n const closeKey = root.dir === \"rtl\" ? \"ArrowRight\" : \"ArrowLeft\";\n if (event.key === closeKey || event.key === \"Escape\") {\n event.preventDefault();\n sub.popover.close();\n sub.triggerRef.current?.focus();\n }\n };\n const contentProps = {\n ...consumerProps,\n ...sub.popover.popupProps,\n ...sub.anchor.positionerProps,\n ref: useMergedRefs(sub.popover.popupRef, sub.contentRef),\n role: \"menu\",\n \"data-part\": \"sub-content\",\n \"data-state\": sub.open ? \"open\" : \"closed\",\n \"data-side\": side,\n \"data-align\": align,\n onKeyDown: handleKeyDown,\n onPointerLeave: (event: PointerEvent<HTMLElement>) => {\n if (sub.clickedRef.current) return;\n const nextTarget = event.relatedTarget;\n if (!(nextTarget instanceof Node) || !sub.triggerRef.current?.contains(nextTarget)) {\n sub.popover.close();\n }\n },\n children,\n };\n if (render)\n return (\n <RovingFocusRoot\n direction={root.dir}\n loop={root.loop}\n orientation=\"vertical\"\n {...contentProps}\n render={(p) => render(p, { open: sub.open })}\n />\n );\n return (\n <RovingFocusRoot\n as={as ?? \"div\"}\n direction={root.dir}\n loop={root.loop}\n orientation=\"vertical\"\n {...contentProps}\n />\n );\n}\n\nDropdownMenuRoot.displayName = \"DropdownMenuRoot\";\nDropdownMenuTrigger.displayName = \"DropdownMenuTrigger\";\nDropdownMenuContent.displayName = \"DropdownMenuContent\";\nMenuItem.displayName = \"DropdownMenuItemBase\";\nDropdownMenuItem.displayName = \"DropdownMenuItem\";\nDropdownMenuCheckboxItem.displayName = \"DropdownMenuCheckboxItem\";\nDropdownMenuRadioGroup.displayName = \"DropdownMenuRadioGroup\";\nDropdownMenuRadioItem.displayName = \"DropdownMenuRadioItem\";\nPart.displayName = \"DropdownMenuPart\";\nDropdownMenuItemIcon.displayName = \"DropdownMenuItemIcon\";\nDropdownMenuItemText.displayName = \"DropdownMenuItemText\";\nDropdownMenuItemDescription.displayName = \"DropdownMenuItemDescription\";\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\";\nDropdownMenuItemIndicator.displayName = \"DropdownMenuItemIndicator\";\nDropdownMenuGroup.displayName = \"DropdownMenuGroup\";\nDropdownMenuLabel.displayName = \"DropdownMenuLabel\";\nDropdownMenuSeparator.displayName = \"DropdownMenuSeparator\";\nDropdownMenuSub.displayName = \"DropdownMenuSub\";\nDropdownMenuSubTrigger.displayName = \"DropdownMenuSubTrigger\";\nDropdownMenuSubContent.displayName = \"DropdownMenuSubContent\";\n\nexport const DropdownMenu = {\n Bar: DropdownMenuBar,\n Root: DropdownMenuRoot,\n Trigger: DropdownMenuTrigger,\n Content: DropdownMenuContent,\n Group: DropdownMenuGroup,\n Label: DropdownMenuLabel,\n Item: DropdownMenuItem,\n ItemIcon: DropdownMenuItemIcon,\n ItemText: DropdownMenuItemText,\n ItemDescription: DropdownMenuItemDescription,\n Shortcut: DropdownMenuShortcut,\n Separator: DropdownMenuSeparator,\n CheckboxItem: DropdownMenuCheckboxItem,\n ItemIndicator: DropdownMenuItemIndicator,\n RadioGroup: DropdownMenuRadioGroup,\n RadioItem: DropdownMenuRadioItem,\n Sub: DropdownMenuSub,\n SubTrigger: DropdownMenuSubTrigger,\n SubContent: DropdownMenuSubContent,\n};\n"],"mappings":"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","names":[]}
|
|
@@ -41,6 +41,7 @@ export type DropdownMenuRootShellOwnProps = DropdownMenuRootOwnProps;
|
|
|
41
41
|
export type DropdownMenuRootControlledOwnProps = Pick<DropdownMenuRootOwnProps, "onOpenChange" | "open">;
|
|
42
42
|
export type DropdownMenuRootShellProps = DropdownMenuRootOwnProps;
|
|
43
43
|
export interface DropdownMenuTriggerOwnProps {
|
|
44
|
+
readonly shape?: "square" | "circle";
|
|
44
45
|
readonly children?: ReactNode;
|
|
45
46
|
readonly className?: string;
|
|
46
47
|
readonly openOnHover?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/types.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-group/ToggleGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAmB,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEpE,wBAAgB,WAAW,CAAC,EAC1B,EAAE,EACF,KAAK,EACL,IAAe,EACf,YAAY,EACZ,QAAgB,EAChB,WAA0B,EAC1B,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,GAClC,EAAE,gBAAgB,GAAG,YAAY,
|
|
1
|
+
{"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-group/ToggleGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAmB,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEpE,wBAAgB,WAAW,CAAC,EAC1B,EAAE,EACF,KAAK,EACL,IAAe,EACf,YAAY,EACZ,QAAgB,EAChB,WAA0B,EAC1B,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,GAClC,EAAE,gBAAgB,GAAG,YAAY,CAyBjC;yBAnCe,WAAW"}
|
|
@@ -22,6 +22,7 @@ function ToggleGroup({
|
|
|
22
22
|
...className !== void 0 ? { className } : {},
|
|
23
23
|
id,
|
|
24
24
|
items: resolvedItems,
|
|
25
|
+
itemWrapperAttributes: (item) => ({ "data-shape": item.shape }),
|
|
25
26
|
isChecked: (item) => values.includes(item.value),
|
|
26
27
|
kind: type,
|
|
27
28
|
namespace: "toggle-group",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/toggle-group/ToggleGroup.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { ChoiceGroup } from \"../internal/choice-family/ChoiceGroup.js\";\nimport type { ToggleGroupItem, ToggleGroupProps } from \"./types.js\";\n\nexport function ToggleGroup({\n id,\n items,\n type = \"single\",\n defaultValue,\n disabled = false,\n orientation = \"horizontal\",\n className,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n}: ToggleGroupProps): ReactElement {\n const values = Array.isArray(defaultValue) ? defaultValue : [defaultValue];\n const resolvedItems = items.map((item) => ({\n ...item,\n disabled: disabled || item.disabled === true,\n }));\n\n return (\n <ChoiceGroup<ToggleGroupItem>\n {...(className !== undefined ? { className } : {})}\n id={id}\n items={resolvedItems}\n isChecked={(item) => values.includes(item.value)}\n kind={type}\n namespace=\"toggle-group\"\n orientation={orientation}\n rootAttributes={{\n role: type === \"single\" ? \"radiogroup\" : \"group\",\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"data-disabled\": disabled ? \"\" : undefined,\n }}\n />\n );\n}\nToggleGroup.displayName = \"ToggleGroup\";\n"],"mappings":"AAsBI;AArBJ,SAAS,mBAAmB;AAGrB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,WAAW;AAAA,EACX,cAAc;AAAA,EACd;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AACrB,GAAmC;AACjC,QAAM,SAAS,MAAM,QAAQ,YAAY,IAAI,eAAe,CAAC,YAAY;AACzE,QAAM,gBAAgB,MAAM,IAAI,CAAC,UAAU;AAAA,IACzC,GAAG;AAAA,IACH,UAAU,YAAY,KAAK,aAAa;AAAA,EAC1C,EAAE;AAEF,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAI,cAAc,SAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MAChD;AAAA,MACA,OAAO;AAAA,MACP,WAAW,CAAC,SAAS,OAAO,SAAS,KAAK,KAAK;AAAA,MAC/C,MAAM;AAAA,MACN,WAAU;AAAA,MACV;AAAA,MACA,gBAAgB;AAAA,QACd,MAAM,SAAS,WAAW,eAAe;AAAA,QACzC,cAAc;AAAA,QACd,mBAAmB;AAAA,QACnB,iBAAiB,WAAW,KAAK;AAAA,MACnC;AAAA;AAAA,EACF;AAEJ;AACA,YAAY,cAAc;","names":[]}
|
|
1
|
+
{"version":3,"sources":["../../../src/components/toggle-group/ToggleGroup.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { ChoiceGroup } from \"../internal/choice-family/ChoiceGroup.js\";\nimport type { ToggleGroupItem, ToggleGroupProps } from \"./types.js\";\n\nexport function ToggleGroup({\n id,\n items,\n type = \"single\",\n defaultValue,\n disabled = false,\n orientation = \"horizontal\",\n className,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n}: ToggleGroupProps): ReactElement {\n const values = Array.isArray(defaultValue) ? defaultValue : [defaultValue];\n const resolvedItems = items.map((item) => ({\n ...item,\n disabled: disabled || item.disabled === true,\n }));\n\n return (\n <ChoiceGroup<ToggleGroupItem>\n {...(className !== undefined ? { className } : {})}\n id={id}\n items={resolvedItems}\n itemWrapperAttributes={(item) => ({ \"data-shape\": item.shape })}\n isChecked={(item) => values.includes(item.value)}\n kind={type}\n namespace=\"toggle-group\"\n orientation={orientation}\n rootAttributes={{\n role: type === \"single\" ? \"radiogroup\" : \"group\",\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"data-disabled\": disabled ? \"\" : undefined,\n }}\n />\n );\n}\nToggleGroup.displayName = \"ToggleGroup\";\n"],"mappings":"AAsBI;AArBJ,SAAS,mBAAmB;AAGrB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,WAAW;AAAA,EACX,cAAc;AAAA,EACd;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AACrB,GAAmC;AACjC,QAAM,SAAS,MAAM,QAAQ,YAAY,IAAI,eAAe,CAAC,YAAY;AACzE,QAAM,gBAAgB,MAAM,IAAI,CAAC,UAAU;AAAA,IACzC,GAAG;AAAA,IACH,UAAU,YAAY,KAAK,aAAa;AAAA,EAC1C,EAAE;AAEF,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAI,cAAc,SAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MAChD;AAAA,MACA,OAAO;AAAA,MACP,uBAAuB,CAAC,UAAU,EAAE,cAAc,KAAK,MAAM;AAAA,MAC7D,WAAW,CAAC,SAAS,OAAO,SAAS,KAAK,KAAK;AAAA,MAC/C,MAAM;AAAA,MACN,WAAU;AAAA,MACV;AAAA,MACA,gBAAgB;AAAA,QACd,MAAM,SAAS,WAAW,eAAe;AAAA,QACzC,cAAc;AAAA,QACd,mBAAmB;AAAA,QACnB,iBAAiB,WAAW,KAAK;AAAA,MACnC;AAAA;AAAA,EACF;AAEJ;AACA,YAAY,cAAc;","names":[]}
|
|
@@ -83,6 +83,7 @@ function SingleToggleGroupClient({
|
|
|
83
83
|
...className !== void 0 ? { className } : {},
|
|
84
84
|
id,
|
|
85
85
|
items: resolvedItems,
|
|
86
|
+
itemWrapperAttributes: (item) => ({ "data-shape": item.shape }),
|
|
86
87
|
isChecked: (item) => item.value === selectedValue,
|
|
87
88
|
isControlled: controlledValue !== void 0,
|
|
88
89
|
kind: "single",
|
|
@@ -126,6 +127,7 @@ function MultipleToggleGroupClient({
|
|
|
126
127
|
...className !== void 0 ? { className } : {},
|
|
127
128
|
id,
|
|
128
129
|
items: resolvedItems,
|
|
130
|
+
itemWrapperAttributes: (item) => ({ "data-shape": item.shape }),
|
|
129
131
|
isChecked: (item) => selectedValues.includes(item.value),
|
|
130
132
|
isControlled: controlledValue !== void 0,
|
|
131
133
|
kind: "multiple",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/toggle-group/client/ToggleGroupClient.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactElement } from \"react\";\nimport { useControllableState } from \"@gunkin/uiify/hooks\";\nimport { ChoiceGroup } from \"../../internal/choice-family/ChoiceGroup.js\";\nimport type { ToggleGroupClientProps, ToggleGroupItem } from \"../types.js\";\n\nfunction normalizeSingle(value: string | readonly string[] | undefined): string | undefined {\n return typeof value === \"string\" ? value : value?.[0];\n}\n\nfunction normalizeMultiple(value: string | readonly string[] | undefined): readonly string[] {\n return value === undefined ? [] : typeof value === \"string\" ? [value] : value;\n}\n\nexport function ToggleGroupClient({\n id,\n items,\n type = \"single\",\n value: controlledValue,\n defaultValue,\n onValueChange,\n disabled = false,\n orientation = \"horizontal\",\n className,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n}: ToggleGroupClientProps): ReactElement {\n if (type === \"multiple\") {\n return (\n <MultipleToggleGroupClient\n ariaLabel={ariaLabel}\n ariaLabelledBy={ariaLabelledBy}\n className={className}\n controlledValue={controlledValue}\n defaultValue={defaultValue}\n disabled={disabled}\n id={id}\n items={items}\n onValueChange={onValueChange}\n orientation={orientation}\n />\n );\n }\n\n return (\n <SingleToggleGroupClient\n ariaLabel={ariaLabel}\n ariaLabelledBy={ariaLabelledBy}\n className={className}\n controlledValue={controlledValue}\n defaultValue={defaultValue}\n disabled={disabled}\n id={id}\n items={items}\n onValueChange={onValueChange}\n orientation={orientation}\n />\n );\n}\n\ninterface ToggleGroupClientBranchProps {\n readonly ariaLabel?: string | undefined;\n readonly ariaLabelledBy?: string | undefined;\n readonly className?: string | undefined;\n readonly controlledValue?: string | readonly string[] | undefined;\n readonly defaultValue?: string | readonly string[] | undefined;\n readonly disabled: boolean;\n readonly id: string;\n readonly items: readonly ToggleGroupItem[];\n readonly onValueChange?: ((value: string | readonly string[]) => void) | undefined;\n readonly orientation: \"horizontal\" | \"vertical\";\n}\n\nfunction SingleToggleGroupClient({\n ariaLabel,\n ariaLabelledBy,\n className,\n controlledValue,\n defaultValue,\n disabled,\n id,\n items,\n onValueChange,\n orientation,\n}: ToggleGroupClientBranchProps): ReactElement {\n const [selectedValue, setSelectedValue] = useControllableState<string | undefined>({\n defaultValue: normalizeSingle(defaultValue),\n onChange: (nextValue) => {\n if (nextValue !== undefined) onValueChange?.(nextValue);\n },\n value: normalizeSingle(controlledValue),\n });\n const resolvedItems = items.map((item) => ({\n ...item,\n disabled: disabled || item.disabled === true,\n }));\n\n return (\n <ChoiceGroup<ToggleGroupItem>\n {...(className !== undefined ? { className } : {})}\n id={id}\n items={resolvedItems}\n isChecked={(item) => item.value === selectedValue}\n isControlled={controlledValue !== undefined}\n kind=\"single\"\n namespace=\"toggle-group\"\n onItemChange={(item) => setSelectedValue(item.value)}\n orientation={orientation}\n rootAttributes={{\n role: \"radiogroup\",\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"data-disabled\": disabled ? \"\" : undefined,\n }}\n />\n );\n}\n\nSingleToggleGroupClient.displayName = \"SingleToggleGroupClient\";\n\nfunction MultipleToggleGroupClient({\n ariaLabel,\n ariaLabelledBy,\n className,\n controlledValue,\n defaultValue,\n disabled,\n id,\n items,\n onValueChange,\n orientation,\n}: ToggleGroupClientBranchProps): ReactElement {\n const [selectedValues, setSelectedValues] = useControllableState<readonly string[]>({\n defaultValue: normalizeMultiple(defaultValue),\n onChange: onValueChange,\n value: controlledValue === undefined ? undefined : normalizeMultiple(controlledValue),\n });\n const resolvedItems = items.map((item) => ({\n ...item,\n disabled: disabled || item.disabled === true,\n }));\n\n return (\n <ChoiceGroup<ToggleGroupItem>\n {...(className !== undefined ? { className } : {})}\n id={id}\n items={resolvedItems}\n isChecked={(item) => selectedValues.includes(item.value)}\n isControlled={controlledValue !== undefined}\n kind=\"multiple\"\n namespace=\"toggle-group\"\n onItemChange={(item) =>\n setSelectedValues((currentValues) =>\n currentValues.includes(item.value)\n ? currentValues.filter((value) => value !== item.value)\n : [...currentValues, item.value],\n )\n }\n orientation={orientation}\n rootAttributes={{\n role: \"group\",\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"data-disabled\": disabled ? \"\" : undefined,\n }}\n />\n );\n}\n\nMultipleToggleGroupClient.displayName = \"MultipleToggleGroupClient\";\nToggleGroupClient.displayName = \"ToggleGroupClient\";\n"],"mappings":";AA8BM;AA3BN,SAAS,4BAA4B;AACrC,SAAS,mBAAmB;AAG5B,SAAS,gBAAgB,OAAmE;AAC1F,SAAO,OAAO,UAAU,WAAW,QAAQ,QAAQ,CAAC;AACtD;AAEA,SAAS,kBAAkB,OAAkE;AAC3F,SAAO,UAAU,SAAY,CAAC,IAAI,OAAO,UAAU,WAAW,CAAC,KAAK,IAAI;AAC1E;AAEO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,cAAc;AAAA,EACd;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AACrB,GAAyC;AACvC,MAAI,SAAS,YAAY;AACvB,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AAeA,SAAS,wBAAwB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA+C;AAC7C,QAAM,CAAC,eAAe,gBAAgB,IAAI,qBAAyC;AAAA,IACjF,cAAc,gBAAgB,YAAY;AAAA,IAC1C,UAAU,CAAC,cAAc;AACvB,UAAI,cAAc,OAAW,iBAAgB,SAAS;AAAA,IACxD;AAAA,IACA,OAAO,gBAAgB,eAAe;AAAA,EACxC,CAAC;AACD,QAAM,gBAAgB,MAAM,IAAI,CAAC,UAAU;AAAA,IACzC,GAAG;AAAA,IACH,UAAU,YAAY,KAAK,aAAa;AAAA,EAC1C,EAAE;AAEF,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAI,cAAc,SAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MAChD;AAAA,MACA,OAAO;AAAA,MACP,WAAW,CAAC,SAAS,KAAK,UAAU;AAAA,MACpC,cAAc,oBAAoB;AAAA,MAClC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,cAAc,CAAC,SAAS,iBAAiB,KAAK,KAAK;AAAA,MACnD;AAAA,MACA,gBAAgB;AAAA,QACd,MAAM;AAAA,QACN,cAAc;AAAA,QACd,mBAAmB;AAAA,QACnB,iBAAiB,WAAW,KAAK;AAAA,MACnC;AAAA;AAAA,EACF;AAEJ;AAEA,wBAAwB,cAAc;AAEtC,SAAS,0BAA0B;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA+C;AAC7C,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,qBAAwC;AAAA,IAClF,cAAc,kBAAkB,YAAY;AAAA,IAC5C,UAAU;AAAA,IACV,OAAO,oBAAoB,SAAY,SAAY,kBAAkB,eAAe;AAAA,EACtF,CAAC;AACD,QAAM,gBAAgB,MAAM,IAAI,CAAC,UAAU;AAAA,IACzC,GAAG;AAAA,IACH,UAAU,YAAY,KAAK,aAAa;AAAA,EAC1C,EAAE;AAEF,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAI,cAAc,SAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MAChD;AAAA,MACA,OAAO;AAAA,MACP,WAAW,CAAC,SAAS,eAAe,SAAS,KAAK,KAAK;AAAA,MACvD,cAAc,oBAAoB;AAAA,MAClC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,cAAc,CAAC,SACb;AAAA,QAAkB,CAAC,kBACjB,cAAc,SAAS,KAAK,KAAK,IAC7B,cAAc,OAAO,CAAC,UAAU,UAAU,KAAK,KAAK,IACpD,CAAC,GAAG,eAAe,KAAK,KAAK;AAAA,MACnC;AAAA,MAEF;AAAA,MACA,gBAAgB;AAAA,QACd,MAAM;AAAA,QACN,cAAc;AAAA,QACd,mBAAmB;AAAA,QACnB,iBAAiB,WAAW,KAAK;AAAA,MACnC;AAAA;AAAA,EACF;AAEJ;AAEA,0BAA0B,cAAc;AACxC,kBAAkB,cAAc;","names":[]}
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/toggle-group/client/ToggleGroupClient.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactElement } from \"react\";\nimport { useControllableState } from \"@gunkin/uiify/hooks\";\nimport { ChoiceGroup } from \"../../internal/choice-family/ChoiceGroup.js\";\nimport type { ToggleGroupClientProps, ToggleGroupItem } from \"../types.js\";\n\nfunction normalizeSingle(value: string | readonly string[] | undefined): string | undefined {\n return typeof value === \"string\" ? value : value?.[0];\n}\n\nfunction normalizeMultiple(value: string | readonly string[] | undefined): readonly string[] {\n return value === undefined ? [] : typeof value === \"string\" ? [value] : value;\n}\n\nexport function ToggleGroupClient({\n id,\n items,\n type = \"single\",\n value: controlledValue,\n defaultValue,\n onValueChange,\n disabled = false,\n orientation = \"horizontal\",\n className,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n}: ToggleGroupClientProps): ReactElement {\n if (type === \"multiple\") {\n return (\n <MultipleToggleGroupClient\n ariaLabel={ariaLabel}\n ariaLabelledBy={ariaLabelledBy}\n className={className}\n controlledValue={controlledValue}\n defaultValue={defaultValue}\n disabled={disabled}\n id={id}\n items={items}\n onValueChange={onValueChange}\n orientation={orientation}\n />\n );\n }\n\n return (\n <SingleToggleGroupClient\n ariaLabel={ariaLabel}\n ariaLabelledBy={ariaLabelledBy}\n className={className}\n controlledValue={controlledValue}\n defaultValue={defaultValue}\n disabled={disabled}\n id={id}\n items={items}\n onValueChange={onValueChange}\n orientation={orientation}\n />\n );\n}\n\ninterface ToggleGroupClientBranchProps {\n readonly ariaLabel?: string | undefined;\n readonly ariaLabelledBy?: string | undefined;\n readonly className?: string | undefined;\n readonly controlledValue?: string | readonly string[] | undefined;\n readonly defaultValue?: string | readonly string[] | undefined;\n readonly disabled: boolean;\n readonly id: string;\n readonly items: readonly ToggleGroupItem[];\n readonly onValueChange?: ((value: string | readonly string[]) => void) | undefined;\n readonly orientation: \"horizontal\" | \"vertical\";\n}\n\nfunction SingleToggleGroupClient({\n ariaLabel,\n ariaLabelledBy,\n className,\n controlledValue,\n defaultValue,\n disabled,\n id,\n items,\n onValueChange,\n orientation,\n}: ToggleGroupClientBranchProps): ReactElement {\n const [selectedValue, setSelectedValue] = useControllableState<string | undefined>({\n defaultValue: normalizeSingle(defaultValue),\n onChange: (nextValue) => {\n if (nextValue !== undefined) onValueChange?.(nextValue);\n },\n value: normalizeSingle(controlledValue),\n });\n const resolvedItems = items.map((item) => ({\n ...item,\n disabled: disabled || item.disabled === true,\n }));\n\n return (\n <ChoiceGroup<ToggleGroupItem>\n {...(className !== undefined ? { className } : {})}\n id={id}\n items={resolvedItems}\n itemWrapperAttributes={(item) => ({ \"data-shape\": item.shape })}\n isChecked={(item) => item.value === selectedValue}\n isControlled={controlledValue !== undefined}\n kind=\"single\"\n namespace=\"toggle-group\"\n onItemChange={(item) => setSelectedValue(item.value)}\n orientation={orientation}\n rootAttributes={{\n role: \"radiogroup\",\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"data-disabled\": disabled ? \"\" : undefined,\n }}\n />\n );\n}\n\nSingleToggleGroupClient.displayName = \"SingleToggleGroupClient\";\n\nfunction MultipleToggleGroupClient({\n ariaLabel,\n ariaLabelledBy,\n className,\n controlledValue,\n defaultValue,\n disabled,\n id,\n items,\n onValueChange,\n orientation,\n}: ToggleGroupClientBranchProps): ReactElement {\n const [selectedValues, setSelectedValues] = useControllableState<readonly string[]>({\n defaultValue: normalizeMultiple(defaultValue),\n onChange: onValueChange,\n value: controlledValue === undefined ? undefined : normalizeMultiple(controlledValue),\n });\n const resolvedItems = items.map((item) => ({\n ...item,\n disabled: disabled || item.disabled === true,\n }));\n\n return (\n <ChoiceGroup<ToggleGroupItem>\n {...(className !== undefined ? { className } : {})}\n id={id}\n items={resolvedItems}\n itemWrapperAttributes={(item) => ({ \"data-shape\": item.shape })}\n isChecked={(item) => selectedValues.includes(item.value)}\n isControlled={controlledValue !== undefined}\n kind=\"multiple\"\n namespace=\"toggle-group\"\n onItemChange={(item) =>\n setSelectedValues((currentValues) =>\n currentValues.includes(item.value)\n ? currentValues.filter((value) => value !== item.value)\n : [...currentValues, item.value],\n )\n }\n orientation={orientation}\n rootAttributes={{\n role: \"group\",\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"data-disabled\": disabled ? \"\" : undefined,\n }}\n />\n );\n}\n\nMultipleToggleGroupClient.displayName = \"MultipleToggleGroupClient\";\nToggleGroupClient.displayName = \"ToggleGroupClient\";\n"],"mappings":"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","names":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAExF,MAAM,WAAW,eAAgB,SAAQ,UAAU;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAExF,MAAM,WAAW,eAAgB,SAAQ,UAAU;IACjD,QAAQ,CAAC,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CACtC;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IACtC,QAAQ,CAAC,KAAK,EAAE,SAAS,eAAe,EAAE,CAAC;IAC3C,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;IACnD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAC;IACzC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;CACrC;AAED,MAAM,WAAW,sBAAuB,SAAQ,gBAAgB;IAC9D,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;IAC5C,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,KAAK,IAAI,CAAC;CACtE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarShell.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/ToolbarShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EACV,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,YAAY,CAAC;AAEpB,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,GAAG,IAAI,CAuBxE;yBAvBe,WAAW;;;AA0B3B,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,GAAG,IAAI,
|
|
1
|
+
{"version":3,"file":"ToolbarShell.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/ToolbarShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EACV,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,YAAY,CAAC;AAEpB,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,GAAG,IAAI,CAuBxE;yBAvBe,WAAW;;;AA0B3B,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,GAAG,IAAI,CAiB5E;yBAjBe,aAAa;;;AAoB7B,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,GAAG,IAAI,CAQxE;yBARe,WAAW;;;AAW3B,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,GAAG,IAAI,CAWlF;yBAXe,gBAAgB;;;AAchC,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,uBAAuB,GAAG,YAAY,GAAG,IAAI,CAE1F;yBAFe,sBAAsB;;;AAKtC,eAAO,MAAM,kBAAkB,+BAAyB,CAAC;AAEzD,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC"}
|
|
@@ -25,11 +25,12 @@ function ToolbarRoot(props) {
|
|
|
25
25
|
}
|
|
26
26
|
ToolbarRoot.displayName = "ToolbarRoot";
|
|
27
27
|
function ToolbarButton(props) {
|
|
28
|
-
const { children, className, disabled = false, ...consumerProps } = props;
|
|
28
|
+
const { children, className, disabled = false, shape, ...consumerProps } = props;
|
|
29
29
|
return /* @__PURE__ */ jsx(
|
|
30
30
|
"button",
|
|
31
31
|
{
|
|
32
32
|
...consumerProps,
|
|
33
|
+
...shape !== void 0 ? { "data-shape": shape } : {},
|
|
33
34
|
"aria-disabled": disabled || void 0,
|
|
34
35
|
"data-part": "item",
|
|
35
36
|
"data-uiify-toolbar": "",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/toolbar/ToolbarShell.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { ToggleGroup } from \"../toggle-group/ToggleGroup.js\";\nimport type {\n ToolbarRootProps,\n ToolbarButtonProps,\n ToolbarLinkProps,\n ToolbarSeparatorProps,\n ToolbarToggleGroupProps,\n} from \"./types.js\";\n\nexport function ToolbarRoot(props: ToolbarRootProps): ReactElement | null {\n const {\n children,\n className,\n dir,\n loop: _loop = true,\n orientation = \"horizontal\",\n ...consumerProps\n } = props;\n\n return (\n <div\n {...consumerProps}\n className={className}\n data-orientation={orientation}\n data-part=\"root\"\n data-uiify-toolbar=\"\"\n dir={dir}\n role=\"toolbar\"\n >\n {children}\n </div>\n );\n}\nToolbarRoot.displayName = \"ToolbarRoot\";\n\nexport function ToolbarButton(props: ToolbarButtonProps): ReactElement | null {\n const { children, className, disabled = false, ...consumerProps } = props;\n\n return (\n <button\n {...consumerProps}\n aria-disabled={disabled || undefined}\n data-part=\"item\"\n data-uiify-toolbar=\"\"\n disabled={disabled}\n type=\"button\"\n {...(className ? { className } : {})}\n >\n {children}\n </button>\n );\n}\nToolbarButton.displayName = \"ToolbarButton\";\n\nexport function ToolbarLink(props: ToolbarLinkProps): ReactElement | null {\n const { children, className, href, ...consumerProps } = props;\n\n return (\n <a {...consumerProps} className={className} data-part=\"item\" data-uiify-toolbar=\"\" href={href}>\n {children}\n </a>\n );\n}\nToolbarLink.displayName = \"ToolbarLink\";\n\nexport function ToolbarSeparator(props: ToolbarSeparatorProps): ReactElement | null {\n const { className, orientation = \"vertical\", ...consumerProps } = props;\n return (\n <hr\n {...consumerProps}\n {...(className ? { className } : {})}\n aria-orientation={orientation}\n data-part=\"separator\"\n data-orientation={orientation}\n />\n );\n}\nToolbarSeparator.displayName = \"ToolbarSeparator\";\n\nexport function ToolbarToggleGroupRoot(props: ToolbarToggleGroupProps): ReactElement | null {\n return <ToggleGroup {...props} />;\n}\nToolbarToggleGroupRoot.displayName = \"ToolbarToggleGroupRoot\";\n\nexport const ToolbarToggleGroup = ToolbarToggleGroupRoot;\n\nexport const Toolbar = {\n Button: ToolbarButton,\n Link: ToolbarLink,\n Root: ToolbarRoot,\n Separator: ToolbarSeparator,\n ToggleGroup: ToolbarToggleGroup,\n};\n"],"mappings":"AAqBI;AApBJ,SAAS,mBAAmB;AASrB,SAAS,YAAY,OAA8C;AACxE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM,QAAQ;AAAA,IACd,cAAc;AAAA,IACd,GAAG;AAAA,EACL,IAAI;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,oBAAkB;AAAA,MAClB,aAAU;AAAA,MACV,sBAAmB;AAAA,MACnB;AAAA,MACA,MAAK;AAAA,MAEJ;AAAA;AAAA,EACH;AAEJ;AACA,YAAY,cAAc;AAEnB,SAAS,cAAc,OAAgD;AAC5E,QAAM,EAAE,UAAU,WAAW,WAAW,OAAO,GAAG,cAAc,IAAI;
|
|
1
|
+
{"version":3,"sources":["../../../src/components/toolbar/ToolbarShell.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { ToggleGroup } from \"../toggle-group/ToggleGroup.js\";\nimport type {\n ToolbarRootProps,\n ToolbarButtonProps,\n ToolbarLinkProps,\n ToolbarSeparatorProps,\n ToolbarToggleGroupProps,\n} from \"./types.js\";\n\nexport function ToolbarRoot(props: ToolbarRootProps): ReactElement | null {\n const {\n children,\n className,\n dir,\n loop: _loop = true,\n orientation = \"horizontal\",\n ...consumerProps\n } = props;\n\n return (\n <div\n {...consumerProps}\n className={className}\n data-orientation={orientation}\n data-part=\"root\"\n data-uiify-toolbar=\"\"\n dir={dir}\n role=\"toolbar\"\n >\n {children}\n </div>\n );\n}\nToolbarRoot.displayName = \"ToolbarRoot\";\n\nexport function ToolbarButton(props: ToolbarButtonProps): ReactElement | null {\n const { children, className, disabled = false, shape, ...consumerProps } = props;\n\n return (\n <button\n {...consumerProps}\n {...(shape !== undefined ? { \"data-shape\": shape } : {})}\n aria-disabled={disabled || undefined}\n data-part=\"item\"\n data-uiify-toolbar=\"\"\n disabled={disabled}\n type=\"button\"\n {...(className ? { className } : {})}\n >\n {children}\n </button>\n );\n}\nToolbarButton.displayName = \"ToolbarButton\";\n\nexport function ToolbarLink(props: ToolbarLinkProps): ReactElement | null {\n const { children, className, href, ...consumerProps } = props;\n\n return (\n <a {...consumerProps} className={className} data-part=\"item\" data-uiify-toolbar=\"\" href={href}>\n {children}\n </a>\n );\n}\nToolbarLink.displayName = \"ToolbarLink\";\n\nexport function ToolbarSeparator(props: ToolbarSeparatorProps): ReactElement | null {\n const { className, orientation = \"vertical\", ...consumerProps } = props;\n return (\n <hr\n {...consumerProps}\n {...(className ? { className } : {})}\n aria-orientation={orientation}\n data-part=\"separator\"\n data-orientation={orientation}\n />\n );\n}\nToolbarSeparator.displayName = \"ToolbarSeparator\";\n\nexport function ToolbarToggleGroupRoot(props: ToolbarToggleGroupProps): ReactElement | null {\n return <ToggleGroup {...props} />;\n}\nToolbarToggleGroupRoot.displayName = \"ToolbarToggleGroupRoot\";\n\nexport const ToolbarToggleGroup = ToolbarToggleGroupRoot;\n\nexport const Toolbar = {\n Button: ToolbarButton,\n Link: ToolbarLink,\n Root: ToolbarRoot,\n Separator: ToolbarSeparator,\n ToggleGroup: ToolbarToggleGroup,\n};\n"],"mappings":"AAqBI;AApBJ,SAAS,mBAAmB;AASrB,SAAS,YAAY,OAA8C;AACxE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM,QAAQ;AAAA,IACd,cAAc;AAAA,IACd,GAAG;AAAA,EACL,IAAI;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,oBAAkB;AAAA,MAClB,aAAU;AAAA,MACV,sBAAmB;AAAA,MACnB;AAAA,MACA,MAAK;AAAA,MAEJ;AAAA;AAAA,EACH;AAEJ;AACA,YAAY,cAAc;AAEnB,SAAS,cAAc,OAAgD;AAC5E,QAAM,EAAE,UAAU,WAAW,WAAW,OAAO,OAAO,GAAG,cAAc,IAAI;AAE3E,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAI,UAAU,SAAY,EAAE,cAAc,MAAM,IAAI,CAAC;AAAA,MACtD,iBAAe,YAAY;AAAA,MAC3B,aAAU;AAAA,MACV,sBAAmB;AAAA,MACnB;AAAA,MACA,MAAK;AAAA,MACJ,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MAEjC;AAAA;AAAA,EACH;AAEJ;AACA,cAAc,cAAc;AAErB,SAAS,YAAY,OAA8C;AACxE,QAAM,EAAE,UAAU,WAAW,MAAM,GAAG,cAAc,IAAI;AAExD,SACE,oBAAC,OAAG,GAAG,eAAe,WAAsB,aAAU,QAAO,sBAAmB,IAAG,MAChF,UACH;AAEJ;AACA,YAAY,cAAc;AAEnB,SAAS,iBAAiB,OAAmD;AAClF,QAAM,EAAE,WAAW,cAAc,YAAY,GAAG,cAAc,IAAI;AAClE,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MAClC,oBAAkB;AAAA,MAClB,aAAU;AAAA,MACV,oBAAkB;AAAA;AAAA,EACpB;AAEJ;AACA,iBAAiB,cAAc;AAExB,SAAS,uBAAuB,OAAqD;AAC1F,SAAO,oBAAC,eAAa,GAAG,OAAO;AACjC;AACA,uBAAuB,cAAc;AAE9B,MAAM,qBAAqB;AAE3B,MAAM,UAAU;AAAA,EACrB,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;","names":[]}
|
|
@@ -10,6 +10,7 @@ export interface ToolbarRootOwnProps {
|
|
|
10
10
|
export interface ToolbarRootProps extends ToolbarRootOwnProps, Omit<HTMLAttributes<HTMLDivElement>, keyof ToolbarRootOwnProps> {
|
|
11
11
|
}
|
|
12
12
|
export interface ToolbarButtonOwnProps {
|
|
13
|
+
readonly shape?: "square" | "circle";
|
|
13
14
|
readonly children?: ReactNode;
|
|
14
15
|
readonly className?: string;
|
|
15
16
|
readonly disabled?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAC9E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,WAAW,CAAC,EAAE,sBAAsB,CAAC;CAC/C;AAED,MAAM,WAAW,gBACf,SAAQ,mBAAmB,EAAE,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,MAAM,mBAAmB,CAAC;CAAG;AAEjG,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,kBACf,SACE,qBAAqB,EACrB,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,MAAM,qBAAqB,GAAG,UAAU,CAAC;CAAG;AAExF,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,gBACf,SACE,mBAAmB,EACnB,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,MAAM,mBAAmB,GAAG,MAAM,CAAC;CAAG;AAElF,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CAClD;AAED,MAAM,MAAM,qBAAqB,GAAG,wBAAwB,GAC1D,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,EAAE,MAAM,wBAAwB,CAAC,CAAC;AAEtE,MAAM,MAAM,uBAAuB,GAAG,gBAAgB,CAAC"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAC9E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,WAAW,CAAC,EAAE,sBAAsB,CAAC;CAC/C;AAED,MAAM,WAAW,gBACf,SAAQ,mBAAmB,EAAE,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,MAAM,mBAAmB,CAAC;CAAG;AAEjG,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACrC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,kBACf,SACE,qBAAqB,EACrB,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,MAAM,qBAAqB,GAAG,UAAU,CAAC;CAAG;AAExF,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,gBACf,SACE,mBAAmB,EACnB,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,MAAM,mBAAmB,GAAG,MAAM,CAAC;CAAG;AAElF,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CAClD;AAED,MAAM,MAAM,qBAAqB,GAAG,wBAAwB,GAC1D,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,EAAE,MAAM,wBAAwB,CAAC,CAAC;AAEtE,MAAM,MAAM,uBAAuB,GAAG,gBAAgB,CAAC"}
|
package/dist/styles/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer reset;@layer tokens{:root{--gray-0:oklch(100% 0 0);--gray-1:oklch(99% 0 0);--gray-2:oklch(97% 0 0);--gray-3:oklch(94% 0 0);--gray-4:oklch(90% 0 0);--gray-5:oklch(83% 0 0);--gray-6:oklch(70% 0 0);--gray-7:oklch(55% 0 0);--gray-8:oklch(45% 0 0);--gray-9:oklch(35% 0 0);--gray-10:oklch(27% 0 0);--gray-11:oklch(21% 0 0);--gray-12:oklch(15% 0 0);--blue-4:oklch(80% .1 255);--blue-5:oklch(68% .16 255);--blue-6:oklch(55% .2 255);--blue-7:oklch(48% .21 255);--red-5:oklch(68% .18 25);--red-6:oklch(58% .22 25);--red-7:oklch(50% .22 25);--green-6:oklch(62% .17 150);--size-1:.25rem;--size-2:.5rem;--size-3:.75rem;--size-4:1rem;--size-5:1.5rem;--size-6:2rem;--size-7:3rem;--size-8:4rem;--radius-1:8px;--radius-2:16px;--radius-3:20px;--radius-4:24px;--radius-5:32px;--radius-full:9999px;--font-sans:system-ui, -apple-system, "Segoe UI", roboto, helvetica, arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:2rem;--leading-tight:1.2;--leading-normal:1.5;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--shadow-1:0 1px 2px #00000014;--shadow-2:0 12px 32px #14161a24;--shadow-3:0 24px 60px #14161a33;--border-width:1px;--ring-width:3px;--ring-offset:2px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.12s;--duration-base:.18s;color-scheme:light;--background:light-dark(oklch(96.1% .007 88.6),oklch(17.8% .006 271));--foreground:light-dark(oklch(20% .009 264.4),oklch(95.2% .004 91.4));--card:light-dark(var(--gray-0),oklch(21.7% .008 264.4));--card-foreground:var(--foreground);--popover:light-dark(var(--gray-0),oklch(21.7% .008 264.4));--popover-foreground:var(--foreground);--secondary:light-dark(oklch(98.5% .003 84.6),oklch(19.6% .006 271.1));--secondary-foreground:var(--foreground);--muted:light-dark(var(--gray-3),oklch(26.4% .01 260.7));--muted-foreground:light-dark(oklch(48.5% .012 267.3),oklch(64.863% .0101 258.447));--primary:light-dark(oklch(48.6% .272 267.3),oklch(68.1% .169 275));--primary-foreground:light-dark(var(--gray-0),oklch(17.8% .006 271));--accent:color-mix(in oklch, var(--primary) 12%, transparent);--accent-foreground:var(--primary);--border:light-dark(oklch(90.4% .013 86.8),oklch(30% .012 258.4));--input:light-dark(oklch(87.1% .013 86.8),oklch(36.6% .015 259.8));--ring:light-dark(var(--blue-7),oklch(68.1% .169 275));--destructive:light-dark(var(--red-7),var(--red-5));--destructive-foreground:light-dark(var(--gray-0),oklch(17.8% .006 271));--success:var(--green-6);--success-foreground:var(--gray-0);--warning:light-dark(oklch(72% .16 75),oklch(80% .14 85));--warning-foreground:var(--gray-12);--chart-1:var(--primary);--chart-2:var(--blue-5);--chart-3:var(--green-6);--chart-4:var(--red-5);--chart-5:var(--gray-7);--radius:var(--radius-3);--radius-xs:calc(var(--radius) * .4);--radius-sm:calc(var(--radius) * .8);--radius-md:var(--radius);--radius-lg:calc(var(--radius) * 1.2);--radius-xl:calc(var(--radius) * 1.6);--space-xs:var(--size-1);--space-sm:var(--size-2);--space-md:var(--size-3);--space-lg:var(--size-4);--space-xl:var(--size-5);--shadow-popover:var(--shadow-2);--shadow-modal:var(--shadow-3);--transition-colors:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);--presence-scale:.96;--transition-presence:opacity var(--duration-fast) var(--ease-out), scale var(--duration-fast) var(--ease-out), display var(--duration-fast) allow-discrete, overlay var(--duration-fast) allow-discrete}[data-theme=basic-light]{color-scheme:light}[data-theme=basic-dark]{color-scheme:dark}}@layer base{:root{--uiify-control-text:var(--text-sm)}@media (pointer:coarse){:root{--uiify-control-text:var(--text-base)}}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal)}[popover]:popover-open:not([data-positioning=native]){margin:revert}[data-positioning=native]{--uiify-anchor-offset:var(--space-sm)}:where([data-uiify-button],[data-uiify-input],[data-uiify-textarea],[data-uiify-select],[data-uiify-checkbox],[data-uiify-radio],[data-uiify-switch],[data-uiify-toggle]):focus-visible{box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);outline:none}}@layer demo;@layer components{:where([data-uiify-button]){border:var(--border-width) solid transparent;border-radius:var(--radius-md);corner-shape:squircle;background-color:var(--primary);min-block-size:36px;color:var(--primary-foreground);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:var(--transition-colors);background-clip:padding-box;justify-content:center;align-items:center;gap:.375rem;padding-block:0;padding-inline:.625rem;line-height:1.25rem;display:inline-flex}[data-uiify-button][data-size=sm]{border-radius:var(--radius-sm);corner-shape:squircle;gap:.25rem;min-block-size:32px;padding-inline:.5rem}[data-uiify-button][data-size=lg]{border-radius:var(--radius-lg);corner-shape:squircle;min-block-size:40px;font-size:var(--text-base);padding-inline:1rem}[data-uiify-button]:hover{background-color:color-mix(in oklch, var(--primary), transparent 20%)}[data-uiify-button]:active{background-color:color-mix(in oklch, var(--primary), var(--primary-foreground) 20%)}[data-uiify-button]:disabled,[data-uiify-button][data-disabled]{opacity:.5;cursor:not-allowed}[data-uiify-button][data-variant=ghost]{color:var(--foreground);border-color:var(--border);background-color:#0000}[data-uiify-button][data-variant=outline]{border-color:var(--input);background-color:var(--card);color:var(--foreground)}[data-uiify-button][data-variant=outline]:hover{background-color:var(--secondary)}[data-uiify-button][data-variant=solid]{background-color:var(--foreground);color:var(--background)}[data-uiify-button][data-variant=solid]:hover{background-color:var(--muted-foreground)}[data-uiify-button][data-variant=ghost]:hover{background-color:color-mix(in oklch, var(--foreground) 8%, transparent)}[data-uiify-button][data-variant=ghost]:active{background-color:color-mix(in oklch, var(--foreground) 14%, transparent)}[data-uiify-button][data-variant=destructive]{background-color:var(--destructive);color:var(--destructive-foreground)}[data-uiify-button][data-variant=destructive]:hover{background-color:color-mix(in oklch, var(--destructive), black 12%)}[data-uiify-button][data-variant=destructive]:active{background-color:color-mix(in oklch, var(--destructive), black 20%)}a[data-uiify-button],a[data-uiify-button]:is(:hover,:active){color:var(--primary);text-underline-offset:.2em;background:0 0;border:0;border-radius:0;padding-inline:0;text-decoration:underline}a[data-uiify-button]:focus-visible{outline:2px solid var(--ring);outline-offset:3px}[data-uiify-surface]{gap:var(--space-md);inline-size:max-content;max-inline-size:min(28rem, calc(100vw - 2 * var(--space-lg)));padding:var(--space-lg);border:var(--border-width) solid var(--border);border-radius:var(--radius-xl);corner-shape:squircle;background-color:var(--card);color:var(--card-foreground);box-shadow:var(--shadow-popover);display:grid}[data-uiify-surface][popover]:not(:popover-open){display:none}@media (prefers-reduced-motion:no-preference){[data-uiify-surface][popover]{transition:var(--transition-presence)}[data-uiify-surface][popover]:not(:popover-open){opacity:0;scale:var(--presence-scale)}@starting-style{[data-uiify-surface][popover]:popover-open{opacity:0;scale:var(--presence-scale)}}}:where([data-uiify-input],[data-uiify-textarea]){inline-size:100%;max-inline-size:24rem;padding-block:var(--space-sm);padding-inline:var(--space-md);border:var(--border-width) solid var(--input);border-radius:var(--radius-md);corner-shape:squircle;background-color:var(--card);color:var(--foreground);font-size:var(--uiify-control-text);line-height:var(--leading-normal);transition:var(--transition-colors);display:block}:where([data-uiify-input],[data-uiify-textarea])::placeholder{color:var(--muted-foreground)}:where([data-uiify-input],[data-uiify-textarea]):focus-visible{border-color:var(--primary)}:where([data-uiify-input],[data-uiify-textarea]):disabled,:where([data-uiify-input],[data-uiify-textarea])[data-disabled]{opacity:.5;cursor:not-allowed}:is(:where([data-uiify-input],[data-uiify-textarea])[data-invalid],:where([data-uiify-input],[data-uiify-textarea]):user-invalid){border-color:var(--destructive)}:where([data-uiify-input],[data-uiify-textarea])[data-invalid]:focus-visible{outline-color:var(--destructive)}[data-uiify-textarea]{resize:vertical;min-block-size:4lh}[data-uiify-textarea][data-autosize]{field-sizing:content;resize:none}[data-uiify-field]{gap:var(--space-sm);inline-size:100%;max-inline-size:24rem;display:grid}[data-uiify-field] [data-part=label]{color:var(--foreground);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-normal)}[data-uiify-field] [data-part=label][data-required]:after{content:" *";color:var(--destructive)}[data-uiify-field] [data-part=description]{color:var(--muted-foreground);font-size:var(--text-xs);line-height:var(--leading-normal);margin:0}[data-uiify-field] [data-part=error]{color:var(--destructive);font-size:var(--text-xs);line-height:var(--leading-normal);margin:0}@media (prefers-reduced-motion:no-preference){[data-uiify-field] [data-part=error]{transition:opacity var(--duration-fast) var(--ease-out)}@starting-style{[data-uiify-field] [data-part=error]{opacity:0}}}:where([data-uiify-checkbox]>input,[data-uiify-radio]){appearance:none;border:var(--border-width) solid var(--input);background-color:var(--card);cursor:pointer;block-size:1.15rem;inline-size:1.15rem;transition:var(--transition-colors);place-content:center;margin:0;display:inline-grid}[data-uiify-checkbox]{--uiify-checkbox-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.6 8.6l3 3L12.4 4.8' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--foreground);font-size:var(--text-sm);line-height:var(--leading-normal);display:inline-flex}[data-uiify-checkbox]>input{border-radius:var(--radius-xs);corner-shape:squircle}[data-uiify-radio]{border-radius:var(--radius-full)}[data-uiify-checkbox]>input:checked,[data-uiify-checkbox]>input[data-state=checked]{border-color:var(--primary);background-color:var(--primary)}[data-uiify-radio]:checked,[data-uiify-radio][data-state=checked]{border-width:5px;border-color:var(--primary);background-color:var(--card)}[data-uiify-checkbox]>input:before{content:"";block-size:1rem;inline-size:1rem;transition:transform var(--duration-fast) var(--ease-out);background-color:var(--primary-foreground);mask:var(--uiify-checkbox-mask);transform:scale(0)}[data-uiify-checkbox]>input:checked:before,[data-uiify-checkbox]>input[data-state=checked]:before{transform:scale(1)}[data-uiify-checkbox]>input:indeterminate,[data-uiify-checkbox]>input[data-state=indeterminate]{border-color:var(--primary);background-color:var(--primary)}[data-uiify-checkbox]>input:indeterminate:before,[data-uiify-checkbox]>input[data-state=indeterminate]:before{clip-path:inset(42% 12%);transform:scale(1);mask:none}:where([data-uiify-checkbox]>input,[data-uiify-radio]):disabled,:where([data-uiify-checkbox]>input,[data-uiify-radio])[data-disabled],[data-uiify-checkbox]:has(>input:disabled){opacity:.5;cursor:not-allowed}[data-uiify-radio-group]{gap:var(--space-md);flex-direction:column;display:flex}[data-uiify-switch]{appearance:none;border-radius:var(--radius-full);background-color:var(--input);cursor:pointer;block-size:1.25rem;inline-size:2.25rem;transition:background-color var(--duration-fast) var(--ease-out);border:none;flex:none;margin:0;position:relative}[data-uiify-switch]:before{content:"";border-radius:var(--radius-full);background-color:var(--gray-0);block-size:calc(1.25rem - 4px);inline-size:calc(1.25rem - 4px);box-shadow:var(--shadow-1);transition:translate var(--duration-fast) var(--ease-out);position:absolute;inset-block-start:2px;inset-inline-start:2px}[data-uiify-switch]:checked,[data-uiify-switch][data-state=checked]{background-color:var(--primary)}[data-uiify-switch]:checked:before,[data-uiify-switch][data-state=checked]:before{translate:1rem}[data-uiify-switch]:disabled,[data-uiify-switch][data-disabled]{opacity:.5;cursor:not-allowed}label:has([data-uiify-radio]),[data-uiify-radio-group] label{-webkit-user-select:none;user-select:none;cursor:pointer}:where([data-uiify-radio-group]){padding:var(--space-md);flex-direction:column;display:flex}[data-uiify-radio-group] [data-part=item]{align-items:center;gap:var(--space-sm);display:flex}[data-uiify-radio-group] [data-part=item]>input{flex:none}[data-uiify-radio-group] [data-part=item]>label{flex:auto}[data-uiify-slider],[data-uiify-slider-client]{--uiify-slider-track-size:.375rem;--uiify-slider-track-radius:999px;--uiify-slider-thumb-size:1.125rem}[data-uiify-slider]{box-sizing:border-box;appearance:none;cursor:pointer;background-color:#0000;min-block-size:2.75rem;inline-size:100%;min-inline-size:14rem;max-inline-size:22rem;padding-inline:.5625rem;display:block}[data-uiify-slider]::-webkit-slider-runnable-track{block-size:var(--uiify-slider-track-size);border-radius:var(--uiify-slider-track-radius);background:linear-gradient(to right, var(--primary) 0 var(--uiify-slider-progress,50%), var(--muted) var(--uiify-slider-progress,50%) 100%)}[data-uiify-slider]::-webkit-slider-thumb{box-sizing:border-box;inline-size:var(--uiify-slider-thumb-size);block-size:var(--uiify-slider-thumb-size);border:2px solid var(--background);background:var(--primary);box-shadow:0 0 0 1px var(--primary);appearance:none;border-radius:50%;margin-block-start:calc((var(--uiify-slider-track-size) - var(--uiify-slider-thumb-size)) / 2)}[data-uiify-slider]::-moz-range-thumb{box-sizing:border-box;inline-size:var(--uiify-slider-thumb-size);block-size:var(--uiify-slider-thumb-size);border:2px solid var(--background);background:var(--primary);box-shadow:0 0 0 1px var(--primary);border-radius:50%}[data-uiify-slider]::-moz-range-track{block-size:var(--uiify-slider-track-size);border-radius:var(--uiify-slider-track-radius);background:linear-gradient(to right, var(--primary) 0 var(--uiify-slider-progress,50%), var(--muted) var(--uiify-slider-progress,50%) 100%);border:0}[data-uiify-slider]::-moz-range-progress{background:0 0}[dir=rtl] [data-uiify-slider]::-webkit-slider-runnable-track{background-image:linear-gradient(to left, var(--primary) 0 var(--uiify-slider-progress,50%), var(--muted) var(--uiify-slider-progress,50%) 100%)}[dir=rtl] [data-uiify-slider]::-moz-range-track{background-image:linear-gradient(to left, var(--primary) 0 var(--uiify-slider-progress,50%), var(--muted) var(--uiify-slider-progress,50%) 100%)}[data-uiify-slider]:focus-visible{outline:3px solid var(--ring);outline-offset:.25rem}[data-uiify-slider]:disabled,[data-uiify-slider][data-disabled]{opacity:.55;cursor:not-allowed}[data-uiify-slider-client]{min-block-size:2.75rem;inline-size:100%;min-inline-size:14rem;max-inline-size:22rem;accent-color:var(--primary);align-items:center;display:grid;position:relative}[data-uiify-slider-client]>input[data-part=thumb]{block-size:100%;inline-size:100%;accent-color:var(--primary);opacity:.001;margin:0;position:absolute;inset:0}[data-uiify-slider-client] [data-part=track]{block-size:var(--uiify-slider-track-size);border-radius:var(--uiify-slider-track-radius);background:var(--muted);pointer-events:none;display:block;position:absolute;inset-block-start:50%;inset-inline:.5625rem;translate:0 -50%}[data-uiify-slider-client][data-enhanced][data-range]>input[data-part=thumb]:first-of-type{clip-path:inset(0 calc(100% - var(--uiify-slider-middle)) 0 0)}[data-uiify-slider-client][data-enhanced][data-range]>input[data-part=thumb]:last-of-type{clip-path:inset(0 0 0 var(--uiify-slider-middle))}[data-uiify-slider-client] [data-part=range]{inline-size:calc(var(--uiify-slider-end) - var(--uiify-slider-start));border-radius:var(--uiify-slider-track-radius);background:var(--primary);position:absolute;inset-block:0;inset-inline-start:var(--uiify-slider-start)}[data-uiify-slider-client] [data-part=mark]{z-index:1;color:var(--muted-foreground);text-align:center;justify-items:center;gap:.25rem;font-size:.75rem;line-height:1;display:grid;position:absolute;inset-block-start:calc(50% + .8rem);inset-inline-start:var(--uiify-slider-position);translate:-50%}[data-uiify-slider-client] [data-part=mark]:before{content:"";background:currentColor;block-size:.4rem;inline-size:1px}[data-uiify-slider-client] [data-part=visual-thumb]{z-index:2;inline-size:var(--uiify-slider-thumb-size);aspect-ratio:1;border:2px solid var(--background);background:var(--primary);box-shadow:0 0 0 1px var(--primary);border-radius:50%;position:absolute;inset-block-start:50%;inset-inline-start:var(--uiify-slider-position);translate:-50% -50%}[data-uiify-slider-client]:has(input:focus-visible) [data-part=track]{outline:3px solid var(--ring);outline-offset:.25rem}[data-uiify-slider-client][data-disabled]{opacity:.55;cursor:not-allowed}[data-uiify-slider-client][data-disabled]>input{cursor:not-allowed}[data-uiify-slider-client][data-orientation=vertical]{writing-mode:vertical-rl;block-size:3rem;inline-size:14rem;max-inline-size:none}[data-uiify-slider-client][data-orientation=vertical] [data-part=track]{block-size:.375rem;inline-size:auto;inset-block:50% auto;inset-inline:.5625rem;translate:50%}[data-uiify-slider-client][data-enhanced][data-range][data-orientation=vertical]>input[data-part=thumb]:first-of-type{clip-path:inset(0 0 calc(100% - var(--uiify-slider-middle)) 0)}[data-uiify-slider-client][data-enhanced][data-range][data-orientation=vertical]>input[data-part=thumb]:last-of-type{clip-path:inset(var(--uiify-slider-middle) 0 0 0)}[data-uiify-slider-client][data-orientation=vertical] [data-part=range]{inset-block:0;inset-inline:var(--uiify-slider-start) auto;inline-size:calc(var(--uiify-slider-end) - var(--uiify-slider-start));block-size:100%}[data-uiify-slider-client][data-orientation=vertical] [data-part=mark]{writing-mode:horizontal-tb;justify-items:start;inset-block-start:var(--uiify-slider-position);inset-inline:calc(50% + .8rem) auto;translate:0 -50%}[data-uiify-slider-client][data-orientation=vertical] [data-part=mark]:before{block-size:1px;inline-size:.4rem}[data-uiify-slider-client][data-orientation=vertical] [data-part=visual-thumb]{inset-block-start:50%;inset-inline-start:var(--uiify-slider-position);translate:50% -50%}[data-uiify-toggle]>[data-part=label]{min-inline-size:2.25rem;padding-block:var(--space-sm);padding-inline:var(--space-md);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);corner-shape:squircle;background-color:var(--card);color:var(--foreground);font-size:var(--text-sm);line-height:var(--leading-normal);font-weight:var(--weight-medium);cursor:pointer;transition:var(--transition-colors);justify-content:center;align-items:center;display:inline-flex}[data-uiify-toggle]{display:inline-flex;position:relative}[data-uiify-toggle]>[data-part=label]:hover{background-color:var(--secondary)}[data-uiify-toggle]:has(>input:checked)>[data-part=label],[data-uiify-toggle]:has(>input[data-state=on])>[data-part=label]{background-color:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}[data-uiify-toggle][data-disabled]>[data-part=label],[data-uiify-toggle]:has(>input:disabled)>[data-part=label]{opacity:.5;cursor:not-allowed}[data-uiify-toggle]>input{opacity:0;cursor:pointer;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}[data-uiify-toggle]>input:disabled{cursor:not-allowed}[data-uiify-toggle]>input:focus-visible+[data-part=label]{box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);outline:none}[data-uiify-toggle-group]{gap:var(--space-xs);display:inline-flex}[data-uiify-toggle-group][data-orientation=vertical]{flex-direction:column}[data-uiify-toggle-group] [data-part=item]{position:relative}[data-uiify-toggle-group] [data-part=item]>input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:hidden}[data-uiify-toggle-group] [data-part=item]>label{min-inline-size:2.25rem;padding-block:var(--space-sm);padding-inline:var(--space-md);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);corner-shape:squircle;background-color:var(--card);color:var(--foreground);font-size:var(--text-sm);line-height:var(--leading-normal);font-weight:var(--weight-medium);cursor:pointer;transition:var(--transition-colors);justify-content:center;align-items:center;display:inline-flex}[data-uiify-toggle-group] [data-part=item]>label:hover{background-color:var(--secondary)}[data-uiify-toggle-group] [data-part=item]:has(>input:checked)>label{background-color:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}[data-uiify-toggle-group] [data-part=item]:has(>input:disabled)>label{opacity:.5;cursor:not-allowed}[data-uiify-toggle-group] [data-part=item]>input:focus-visible+label{box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);outline:none}:where([data-uiify-dialog][data-part=content],[data-uiify-modal][data-part=content],[data-uiify-alert-modal][data-part=content],[data-uiify-drawer][data-part=content]){inline-size:min(28rem, calc(100vw - 2 * var(--space-lg)));padding:var(--space-xl);border:var(--border-width) solid var(--border);border-radius:var(--radius-xl);corner-shape:squircle;background-color:var(--popover);color:var(--popover-foreground);box-shadow:var(--shadow-modal);margin:auto}:where([data-uiify-dialog][data-part=content],[data-uiify-modal][data-part=content],[data-uiify-alert-modal][data-part=content],[data-uiify-drawer][data-part=content])::backdrop{background-color:#00000073}:where([data-uiify-dialog],[data-uiify-modal],[data-uiify-alert-modal],[data-uiify-drawer]) [data-part=title]{font-size:var(--text-xl);font-weight:var(--weight-semibold);margin:0;line-height:1.3}:where([data-uiify-dialog],[data-uiify-modal],[data-uiify-alert-modal],[data-uiify-drawer]) [data-part=description]{margin-block:var(--space-sm) var(--space-lg);color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--leading-normal)}@media (prefers-reduced-motion:no-preference){:where([data-uiify-dialog][data-part=content],[data-uiify-modal][data-part=content],[data-uiify-alert-modal][data-part=content],[data-uiify-drawer][data-part=content]),:where([data-uiify-dialog][data-part=content],[data-uiify-modal][data-part=content],[data-uiify-alert-modal][data-part=content],[data-uiify-drawer][data-part=content])::backdrop{transition:var(--transition-presence)}:where([data-uiify-dialog][data-part=content],[data-uiify-modal][data-part=content],[data-uiify-alert-modal][data-part=content]):not([open]){opacity:0;scale:var(--presence-scale)}:where([data-uiify-dialog][data-part=content],[data-uiify-modal][data-part=content],[data-uiify-alert-modal][data-part=content],[data-uiify-drawer][data-part=content]):not([open])::backdrop{opacity:0}@starting-style{:where([data-uiify-dialog][data-part=content],[data-uiify-modal][data-part=content],[data-uiify-alert-modal][data-part=content])[open]{opacity:0;scale:var(--presence-scale)}:where([data-uiify-dialog][data-part=content],[data-uiify-modal][data-part=content],[data-uiify-alert-modal][data-part=content],[data-uiify-drawer][data-part=content])[open]::backdrop{opacity:0}}}[data-uiify-modal][data-part=content]{--uiify-modal-inline-size:28rem;gap:var(--space-md);inline-size:min(var(--uiify-modal-inline-size), calc(100vw - 2 * var(--space-lg)));max-block-size:calc(100dvh - 2 * var(--space-lg));flex-direction:column}[data-uiify-modal][data-part=content][open]{display:flex}[data-uiify-modal][data-part=content][data-size=sm]{--uiify-modal-inline-size:24rem}[data-uiify-modal][data-part=content][data-size=lg]{--uiify-modal-inline-size:40rem}[data-uiify-modal][data-part=content][data-size=full]{block-size:100%;max-block-size:none;inline-size:100%;max-inline-size:none;padding-block:max(var(--space-xl), env(safe-area-inset-top)) max(var(--space-xl), env(safe-area-inset-bottom));padding-inline:max(var(--space-xl), env(safe-area-inset-left)) max(var(--space-xl), env(safe-area-inset-right));border:0;border-radius:0;margin:0;inset:0}@media (width>=40rem){[data-uiify-modal][data-part=content][data-align=start]:not([data-size=full]){margin-block:var(--space-xl) auto}}[data-uiify-modal][data-part=header]{flex:none;padding-inline-end:2.5rem;position:relative}[data-uiify-modal][data-part=close][data-uiify-button]{background-color:color-mix(in oklch, var(--foreground) 8%, transparent);color:var(--foreground);border-color:#0000}[data-uiify-modal][data-part=close][data-uiify-button]:hover{background-color:color-mix(in oklch, var(--foreground) 14%, transparent)}[data-uiify-modal][data-part=close][data-uiify-button]:active{background-color:color-mix(in oklch, var(--foreground) 20%, transparent)}[data-uiify-modal][data-part=header]>[data-part=close]{border-radius:999px;place-items:center;block-size:2rem;min-block-size:0;inline-size:2rem;padding:0;display:grid;position:absolute;inset-block-start:0;inset-inline-end:0}[data-uiify-modal][data-part=body]{overscroll-behavior:contain;flex:auto;min-block-size:0;overflow:auto}[data-uiify-modal][data-part=footer]{justify-content:flex-end;gap:var(--space-sm);flex-wrap:wrap;flex:none;display:flex}@media (pointer:coarse){[data-uiify-modal][data-part=header]{padding-inline-end:2.75rem}[data-uiify-modal][data-part=header]>[data-part=close]{min-block-size:2.75rem;min-inline-size:2.75rem}[data-uiify-modal][data-part=footer]>*{min-block-size:2.75rem}}[data-uiify-modal][data-part=grabber]{block-size:1.5rem;margin-block:calc(-1 * var(--space-md)) calc(-1 * var(--space-sm));touch-action:none;flex:none;display:none}[data-uiify-modal][data-part=grabber]:after{content:"";background-color:var(--border);border-radius:999px;block-size:.25rem;inline-size:2.25rem;margin:.5rem auto 0;display:block}@media (width<40rem){[data-uiify-modal][data-part=content]:not([data-size=full]){min-block-size:50dvh;max-block-size:80dvh;inline-size:100%;max-inline-size:100%;border-block-end-width:0;border-end-end-radius:0;border-end-start-radius:0;margin:auto 0 0;padding-block-end:calc(var(--space-xl) + env(safe-area-inset-bottom))}[data-uiify-modal][data-part=content]:not([data-size=full]):has(>[data-uiify-modal][data-part=body]),[data-uiify-modal][data-part=content]:not([data-size=full]) [data-uiify-modal][data-part=header]{touch-action:none}[data-uiify-modal][data-part=body]{touch-action:pan-y}[data-uiify-modal][data-part=content]:not([data-size=full])>[data-part=grabber]{display:block}}@media (width<40rem) and (prefers-reduced-motion:no-preference){[data-uiify-modal][data-part=content]:not([data-size=full]){transition:translate var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out), display var(--duration-fast) allow-discrete, overlay var(--duration-fast) allow-discrete}[data-uiify-modal][data-part=content]:not([data-size=full],[open]){translate:0 100%;scale:1}@starting-style{[data-uiify-modal][data-part=content]:not([data-size=full])[open]{translate:0 100%;scale:1}}}[data-uiify-modal][data-part=content][data-dragging][open]:not([data-size=full]){translate:0 var(--uiify-sheet-offset,0);transition:none}[data-uiify-modal][data-part=content][data-backdrop=blur]::backdrop{backdrop-filter:blur(4px)}[data-uiify-modal][data-part=content][data-backdrop=none]::backdrop{background-color:#0000}[data-uiify-modal][data-part=content] [data-uiify-modal][data-part=content]::backdrop{backdrop-filter:none;background-color:#0000}[data-uiify-modal][data-part=content]:has([data-uiify-modal][data-part=content]:modal){filter:brightness(.9)}@media (width>=40rem){[data-uiify-modal][data-part=content]:has([data-uiify-modal][data-part=content]:modal){scale:.97}}[data-uiify-alert-modal][data-part=content]{gap:var(--space-md);display:none}[data-uiify-alert-modal][data-part=content][open]{display:grid}[data-uiify-alert-modal] [data-part=footer]{justify-content:flex-end;gap:var(--space-sm);border-block-start:1px solid var(--border);padding-block-start:var(--space-md);display:flex}:where([data-uiify-popover][data-part=surface],[data-uiify-popup][data-part=content],[data-uiify-hover-card][data-part=content]){gap:var(--space-sm);inline-size:max-content;max-inline-size:18rem;padding:var(--space-md);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);corner-shape:squircle;background-color:var(--popover);color:var(--popover-foreground);box-shadow:var(--shadow-popover);flex-direction:column;display:flex}:where([data-uiify-popover][data-part=surface],[data-uiify-popup][data-part=content],[data-uiify-hover-card][data-part=content])[data-state=closed]{display:none}[data-uiify-tooltip]{inline-size:max-content;max-inline-size:16rem;padding-block:var(--space-xs);padding-inline:var(--space-sm);border-radius:var(--radius-sm);corner-shape:squircle;background-color:var(--foreground);color:var(--background);font-size:var(--text-xs);line-height:var(--leading-normal);box-shadow:var(--shadow-popover);border:none;display:block}:where([data-uiify-tooltip])[data-state=closed]{display:none}@media (prefers-reduced-motion:no-preference){:where([data-uiify-popover][data-part=surface],[data-uiify-popup][data-part=content],[data-uiify-hover-card][data-part=content],[data-uiify-tooltip]){transition:var(--transition-presence)}:where([data-uiify-popover][data-part=surface],[data-uiify-popup][data-part=content],[data-uiify-hover-card][data-part=content],[data-uiify-tooltip])[popover]:not(:popover-open){opacity:0;scale:var(--presence-scale)}@starting-style{:where([data-uiify-popover][data-part=surface],[data-uiify-popup][data-part=content],[data-uiify-hover-card][data-part=content],[data-uiify-tooltip]):popover-open{opacity:0;scale:var(--presence-scale)}}}[data-uiify-menu-bar]{align-items:center;gap:var(--space-xs);padding:var(--space-xs);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);corner-shape:squircle;background-color:var(--background);display:inline-flex}:where([data-uiify-menu] :is([data-part=content],[data-part=sub-content]),[data-uiify-menu]:is([data-part=content],[data-part=sub-content])){overscroll-behavior:contain;max-block-size:min(24rem,100dvb - 2rem);min-inline-size:12rem;padding:var(--space-xs);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);corner-shape:squircle;background-color:var(--popover);color:var(--popover-foreground);box-shadow:var(--shadow-popover);transform-origin:var(--transform-origin,top);flex-direction:column;display:flex;overflow-y:auto}:where([data-uiify-menu] :is([data-part=content],[data-part=sub-content]),[data-uiify-menu]:is([data-part=content],[data-part=sub-content]))[data-state=closed]{display:none}[data-uiify-menu] :is([data-part=item],[data-part=checkbox-item],[data-part=radio-item],[data-part=sub-trigger]){align-items:center;column-gap:var(--space-md);padding-block:var(--space-sm);padding-inline:var(--space-md);border-radius:calc(var(--radius-lg) - var(--space-xs));corner-shape:squircle;cursor:pointer;-webkit-user-select:none;user-select:none;inline-size:100%;color:inherit;font:inherit;line-height:var(--leading-normal);text-align:start;appearance:none;background:0 0;border:0;display:flex;font-size:var(--text-sm)!important}[data-uiify-menu] :is([data-part=item],[data-part=checkbox-item],[data-part=radio-item],[data-part=sub-trigger]):is(:hover,:focus-visible,[data-highlighted]){background-color:var(--accent);color:var(--accent-foreground);outline:none}[data-uiify-menu] [data-part=radio-item]:hover[role=menuitemradio][data-state=checked] [data-part=item-indicator],[data-uiify-menu] [data-part=radio-item]:focus-visible[role=menuitemradio][data-state=checked] [data-part=item-indicator],[data-uiify-menu] [data-part=radio-item][data-highlighted][role=menuitemradio][data-state=checked] [data-part=item-indicator]{border-color:var(--accent-foreground)}[data-uiify-menu] :is([data-part=item],[data-part=checkbox-item],[data-part=radio-item],[data-part=sub-trigger]):is([aria-disabled=true],[data-disabled]){opacity:.5;pointer-events:none}[data-uiify-menu] :is([data-part=item],[data-part=checkbox-item],[data-part=radio-item],[data-part=sub-trigger])[data-danger]{color:var(--destructive,var(--foreground))}[data-uiify-menu] :is([data-part=item],[data-part=checkbox-item],[data-part=radio-item],[data-part=sub-trigger])[data-danger]:is(:hover,:focus-visible,[data-highlighted]){background-color:var(--destructive);color:var(--destructive-foreground)}[data-uiify-menu] [data-part=item-icon],[data-uiify-menu] [data-part=item-indicator]{flex:0 0 1.15rem;place-items:center;block-size:1.15rem;inline-size:1.15rem;display:inline-grid}[data-uiify-menu] [data-part=item-indicator]{border:var(--border-width) solid var(--input);border-radius:var(--radius-xs);corner-shape:squircle;color:#0000}[role=menuitemcheckbox][data-state=checked] [data-part=item-indicator],[role=menuitemcheckbox][data-state=indeterminate] [data-part=item-indicator]{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}[role=menuitemcheckbox][data-state=checked] [data-part=item-indicator]:before{clip-path:polygon(14% 44%,0 65%,38% 100%,100% 22%,84% 6%,38% 68%);content:"";background-color:currentColor;block-size:.65rem;inline-size:.65rem}[role=menuitemcheckbox][data-state=indeterminate] [data-part=item-indicator]:before{content:"";background:currentColor;block-size:.12rem;inline-size:.65rem}[role=menuitemradio] [data-part=item-indicator]{border-radius:50%}[role=menuitemradio][data-state=checked] [data-part=item-indicator]{border-width:5px;border-color:var(--primary);background:var(--card)}[role=menuitemradio][data-state=checked] [data-part=item-indicator]:before{content:none}[data-uiify-menu] [data-part=item-icon]>svg,[data-uiify-menu] [data-part=item-indicator]>svg{block-size:100%;inline-size:100%;display:block}[data-uiify-menu] [data-part=item-text]{flex:auto;min-inline-size:0;display:grid}[data-uiify-menu] [data-part=item-description]{color:var(--muted-foreground);font-size:var(--text-xs);line-height:var(--leading-normal)}[data-uiify-menu] :is([data-part=item],[data-part=checkbox-item],[data-part=radio-item],[data-part=sub-trigger]):is(:hover,:focus-visible,[data-highlighted]) [data-part=item-description]{color:inherit;opacity:.8}[data-uiify-menu] [data-part=shortcut]{color:var(--muted-foreground);font-size:var(--text-xs);font-family:inherit;font-weight:inherit;white-space:nowrap;margin-inline-start:auto;line-height:1}[data-uiify-menu] :is([data-part=item],[data-part=checkbox-item],[data-part=radio-item],[data-part=sub-trigger]):is(:hover,:focus-visible,[data-highlighted]) [data-part=shortcut]{color:inherit;opacity:.85}[data-uiify-menu] [data-part=label]{padding-block:var(--space-xs);padding-inline:var(--space-md);color:var(--muted-foreground);font-size:var(--text-xs);font-weight:var(--weight-semibold)}[data-uiify-menu] [data-part=separator]{block-size:var(--border-width);margin-block:var(--space-xs);margin-inline:calc(-1 * var(--space-xs));background-color:var(--border)}[data-uiify-menu] [data-part=sub-content]{min-inline-size:11rem}[data-uiify-menu] [data-part=sub-content][data-side=right]{--uiify-anchor-offset:0;inset-block-start:calc(anchor(start) - var(--space-xs))}@media (prefers-reduced-motion:no-preference){:where([data-uiify-menu] :is([data-part=content],[data-part=sub-content]),[data-uiify-menu]:is([data-part=content],[data-part=sub-content])){transition:var(--transition-presence)}:where([data-uiify-menu] :is([data-part=content],[data-part=sub-content]),[data-uiify-menu]:is([data-part=content],[data-part=sub-content]))[popover]:not(:popover-open){opacity:0;scale:var(--presence-scale)}@starting-style{:where([data-uiify-menu] :is([data-part=content],[data-part=sub-content]),[data-uiify-menu]:is([data-part=content],[data-part=sub-content])):popover-open{opacity:0;scale:var(--presence-scale)}}}:is([data-uiify-dropdown-menu],[data-uiify-context-menu]) [role=menuitemradio] [data-part=item-indicator]{corner-shape:round;border-radius:50%}[data-uiify-select]{align-items:center;gap:var(--space-md);inline-size:100%;min-inline-size:12rem;max-inline-size:16rem;padding-block:var(--space-sm);padding-inline:var(--space-md);border:var(--border-width) solid var(--input);border-radius:var(--radius-md);corner-shape:squircle;background-color:var(--card);color:var(--foreground);font-size:var(--uiify-control-text);line-height:var(--leading-normal);cursor:pointer;transition:var(--transition-colors);display:flex}[data-uiify-select]:focus-visible{border-color:var(--primary)}[data-uiify-select]:disabled,[data-uiify-select][data-disabled]{opacity:.5;cursor:not-allowed}[data-uiify-select]::picker-icon{content:"";border-inline-end:2px solid var(--muted-foreground);border-block-end:2px solid var(--muted-foreground);block-size:.3rem;inline-size:.3rem;transition:rotate var(--duration-fast) var(--ease-out);margin-block-end:.1rem;margin-inline-start:auto;padding:0;display:inline-block;rotate:45deg}[data-uiify-select]:open::picker-icon{margin-block-end:-.2rem;rotate:225deg}[data-uiify-select]::picker(select){max-block-size:min(24rem,100dvb - 2rem);min-inline-size:12rem;padding:var(--space-xs);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);corner-shape:squircle;background-color:var(--popover);color:var(--popover-foreground);box-shadow:var(--shadow-popover);overscroll-behavior:contain;inset-block-start:calc(anchor(bottom) + var(--space-sm))}@media (prefers-reduced-motion:no-preference){[data-uiify-select]::picker(select){transition:var(--transition-presence)}[data-uiify-select]:not(:open)::picker(select){opacity:0;scale:var(--presence-scale)}@starting-style{[data-uiify-select]:open::picker(select){opacity:0;scale:var(--presence-scale)}}}[data-uiify-select] optgroup{padding-block-start:var(--space-xs);padding-inline:var(--space-md);color:var(--muted-foreground);font-size:var(--text-xs);font-weight:var(--weight-semibold)}[data-uiify-select] optgroup option{margin-inline:calc(-1 * var(--space-md));inline-size:calc(100% + 2 * var(--space-md))}[data-uiify-select] option{align-items:center;column-gap:var(--space-md);padding-block:var(--space-sm);padding-inline:var(--space-md);border-radius:calc(var(--radius-lg) - var(--space-xs));corner-shape:squircle;color:var(--foreground);cursor:pointer;display:flex;font-size:var(--text-sm)!important}[data-uiify-select] option:hover,[data-uiify-select] option:focus-visible{background-color:var(--accent);color:var(--accent-foreground)}[data-uiify-select] option:disabled{opacity:.5;pointer-events:none}[data-uiify-select] option::checkmark{box-sizing:border-box;border-radius:var(--radius-xs);corner-shape:squircle;background:var(--primary);content:"";flex:0 0 1.15rem;order:-1;block-size:1.15rem;inline-size:1.15rem;display:block;mask-image:linear-gradient(#000 0 0),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.6 8.6l3 3L12.4 4.8' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-position:0 0,50%;mask-size:auto,100% 100%;mask-repeat:repeat,no-repeat;mask-clip:border-box,border-box;mask-origin:border-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}[data-uiify-select] hr{margin-block:var(--space-xs);border:0;border-block-start:var(--border-width) solid var(--border)}@media (prefers-reduced-motion:reduce){[data-uiify-select]::picker-icon{transition:none}[data-uiify-select]::picker(select){transition:none}}[data-uiify-tabs] [data-part=trigger]{padding-block:var(--space-sm);padding-inline:var(--space-md);color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--leading-normal);font-weight:var(--weight-medium);cursor:pointer;border:none;transition:var(--transition-colors);background:0 0;border-block-end:2px solid #0000;margin-block-end:calc(-1 * var(--border-width))}[data-uiify-tabs] [data-part=trigger]:hover{color:var(--foreground)}[data-uiify-tabs] [data-part=trigger][data-state=active]{border-block-end-color:var(--primary);color:var(--foreground);font-weight:var(--weight-semibold)}[data-uiify-tabs] [data-part=panel]{font-size:var(--text-sm);line-height:var(--leading-normal)}[data-uiify-tabs]>[data-part=item]{display:contents}[data-uiify-tabs]{grid-template-rows:auto auto;grid-auto-columns:max-content;grid-auto-flow:column;align-items:start;gap:0;display:grid}[data-uiify-tabs]>[data-part=item]>input{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:hidden}[data-uiify-tabs]>[data-part=item]>label{padding-block:var(--space-sm);padding-inline:var(--space-md);color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--leading-normal);font-weight:var(--weight-medium);cursor:pointer;border-block-end:2px solid #0000;grid-row:1;display:inline-flex}[data-uiify-tabs]>[data-part=item]>label:hover{color:var(--foreground)}[data-uiify-tabs]>[data-part=item]:has(>input:checked)>label{border-block-end-color:var(--primary);color:var(--foreground);font-weight:var(--weight-semibold)}[data-uiify-tabs]>[data-part=item]>input:focus-visible+label{box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);outline:none}[data-uiify-tabs]>[data-part=item]>[data-part=panel]{font-size:var(--text-sm);line-height:var(--leading-normal);grid-area:2/1/auto/-1}@media (prefers-reduced-motion:no-preference){[data-uiify-tabs]>[data-part=item]>[data-part=panel]{transition:opacity var(--duration-fast) var(--ease-out)}@starting-style{[data-uiify-tabs]>[data-part=item]>[data-part=control]:checked~[data-part=panel]{opacity:0}}}:where([data-uiify-accordion]){border:var(--border-width) solid var(--border);border-radius:var(--radius-xl);corner-shape:squircle;inline-size:100%;overflow:hidden}[data-uiify-accordion]>[data-part=item]{border-block-end:var(--border-width) solid var(--border)}[data-uiify-accordion]>[data-part=item]:last-child{border-block-end:none}[data-uiify-accordion] [data-part=trigger]{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-lg);font-size:var(--text-sm);line-height:var(--leading-normal);font-weight:var(--weight-medium);cursor:pointer;list-style:none;display:flex}[data-uiify-accordion] [data-part=trigger]::-webkit-details-marker{display:none}[data-uiify-accordion] [data-part=trigger]:hover{background-color:var(--secondary)}[data-uiify-accordion] [data-part=trigger]:focus-visible{box-shadow:inset 0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);outline:none}[data-uiify-accordion] [data-part=trigger]:after{content:"+";block-size:1.5rem;inline-size:1.5rem;color:var(--muted-foreground);transition:rotate var(--duration-fast) var(--ease-out);flex:0 0 1.5rem;place-items:center;font:1.25rem/1 ui-monospace,monospace;display:grid}[data-uiify-accordion] [data-part=item][open]>[data-part=trigger]:after{content:"−"}[data-uiify-accordion] [data-part=item][open]>[data-part=trigger]{color:var(--primary)}[data-uiify-accordion]{interpolate-size:allow-keywords}[data-uiify-accordion]>[data-part=item]::details-content{block-size:0;overflow:clip}[data-uiify-accordion]>[data-part=item][open]::details-content{block-size:auto}@media (prefers-reduced-motion:no-preference){[data-uiify-accordion]>[data-part=item]::details-content{opacity:0;transition:opacity var(--duration-fast) var(--ease-out), block-size var(--duration-fast) var(--ease-out), content-visibility var(--duration-fast) allow-discrete}[data-uiify-accordion]>[data-part=item][open]::details-content{opacity:1}}[data-uiify-accordion] [data-part=panel]{padding-block:0 var(--space-lg);padding-inline:var(--space-lg);color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--leading-normal)}[data-uiify-combobox]{inline-size:100%;max-inline-size:18rem;position:relative}[data-uiify-combobox] [data-part=control]{align-items:center;gap:var(--space-xs);min-block-size:2.5rem;inline-size:100%;padding-block:var(--space-sm);padding-inline:var(--space-md);border:var(--border-width) solid var(--input);border-radius:var(--radius-md);corner-shape:squircle;background-color:var(--card);color:var(--foreground);transition:var(--transition-colors);flex-wrap:wrap;display:flex}[data-uiify-combobox] [data-part=control]:focus-within{border-color:var(--primary)}[data-uiify-combobox] [data-part=control][data-disabled],[data-uiify-combobox] [data-part=control]:has([data-part=input]:disabled){opacity:.5;cursor:not-allowed}[data-uiify-combobox] [data-part=control] [data-part=tags]{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}[data-uiify-combobox] [data-part=control] [data-part=tag]{align-items:center;gap:var(--space-xs);padding-block:var(--space-xs);padding-inline:var(--space-sm);border-radius:var(--radius-xs);corner-shape:squircle;background-color:var(--accent);color:var(--accent-foreground);font-size:var(--text-xs);font-weight:var(--weight-medium);display:inline-flex}[data-uiify-combobox] [data-part=control] [data-part=tag-remove]{border-radius:var(--radius-xs);corner-shape:squircle;block-size:1.25rem;inline-size:1.25rem;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex:0 0 1.25rem;place-items:center;padding:0;line-height:1;display:inline-grid}[data-uiify-combobox] [data-part=control] [data-part=tag-remove]:hover,[data-uiify-combobox] [data-part=control] [data-part=tag-remove]:focus-visible{background-color:var(--primary);color:var(--primary-foreground)}[data-uiify-combobox] [data-part=input]{inline-size:100%;padding-block:var(--space-sm);padding-inline:var(--space-md);border:var(--border-width) solid var(--input);border-radius:var(--radius-md);corner-shape:squircle;background-color:var(--card);color:var(--foreground);font-size:var(--uiify-control-text);transition:var(--transition-colors)}[data-uiify-combobox] [data-part=input]:focus-visible{border-color:var(--primary)}[data-uiify-combobox] [data-part=control] [data-part=input]{inline-size:auto;min-inline-size:5rem;padding-block:var(--space-xs);box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;flex:5rem;padding-inline:0}[data-uiify-combobox] [data-part=content]{overscroll-behavior:contain;max-block-size:min(24rem,100dvb - 2rem);min-inline-size:12rem;padding:var(--space-xs);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);corner-shape:squircle;background-color:var(--card);color:var(--foreground);box-shadow:var(--shadow-popover);transform-origin:var(--transform-origin,top);flex-direction:column;display:flex;overflow-y:auto}[data-uiify-combobox] [data-part=content][data-state=closed]{display:none}[data-uiify-combobox] [data-part=item]{inline-size:100%;padding-block:var(--space-sm);padding-inline:var(--space-md);border-radius:calc(var(--radius-lg) - var(--space-xs));corner-shape:squircle;color:inherit;font:inherit;font-size:var(--text-sm);line-height:var(--leading-normal);text-align:start;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;align-items:center;display:flex}[data-uiify-combobox] [data-part=item]:hover,[data-uiify-combobox] [data-part=item]:focus-visible,[data-uiify-combobox] [data-part=item][data-highlighted],[data-uiify-combobox] [data-part=item][aria-selected=true],[data-uiify-combobox] [data-part=item][data-selected]{background-color:var(--accent);color:var(--accent-foreground);outline:none}[data-uiify-combobox] [data-part=item][aria-disabled=true],[data-uiify-combobox] [data-part=item][data-disabled]{opacity:.5;pointer-events:none}[data-uiify-combobox] [data-part=empty]{padding:var(--space-sm) var(--space-md);color:var(--muted-foreground);font-size:var(--text-sm)}@media (prefers-reduced-motion:no-preference){[data-uiify-combobox] [data-part=content]{transition:var(--transition-presence)}[data-uiify-combobox] [data-part=content][popover]:not(:popover-open){opacity:0;scale:var(--presence-scale)}@starting-style{[data-uiify-combobox] [data-part=content]:popover-open{opacity:0;scale:var(--presence-scale)}}}[data-uiify-toast] [data-part=viewport],[data-uiify-toast][data-part=viewport]{gap:var(--space-sm);inline-size:min(24rem, calc(100vw - 2 * var(--space-lg)));background:0 0;border:none;flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:fixed;inset:auto;inset-block-end:var(--space-lg);inset-inline-end:var(--space-lg)}[data-uiify-toast] [data-part=item],[data-uiify-toast][data-part=viewport] [data-part=item]{gap:var(--space-xs);padding:var(--space-md) var(--space-lg);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);corner-shape:squircle;background-color:var(--popover);color:var(--popover-foreground);box-shadow:var(--shadow-popover);flex-direction:column;min-inline-size:0;margin:0;display:flex}@media (prefers-reduced-motion:no-preference){::view-transition-group(.uiify-toast){animation-duration:var(--duration-fast);animation-timing-function:var(--ease-out)}::view-transition-new(.uiify-toast):only-child{animation:uiify-presence-in var(--duration-fast) var(--ease-out) both}::view-transition-old(.uiify-toast):only-child{animation:uiify-presence-out var(--duration-fast) var(--ease-out) both}}@keyframes uiify-presence-in{0%{opacity:0;scale:var(--presence-scale)}}@keyframes uiify-presence-out{to{opacity:0;scale:var(--presence-scale)}}[data-uiify-spinner]{block-size:2.125rem;inline-size:2.125rem;color:var(--primary);display:inline-block;position:relative}[data-uiify-spinner]:before{content:"";background:conic-gradient(from calc(-90deg + var(--uiify-spinner-tail)), currentcolor 0 var(--uiify-spinner-length), transparent 0);border-radius:50%;animation:2s linear infinite uiify-spinner-rotate,1.5s ease-in-out infinite uiify-spinner-orbit;display:block;position:absolute;inset:0;mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px))}[data-uiify-spinner][data-state=delayed]:before{animation:none}[data-uiify-spinner][data-size=sm]{block-size:1.25rem;inline-size:1.25rem}[data-uiify-spinner][data-size=sm]:before{mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 1px))}[data-uiify-spinner][data-size=md]{block-size:2.125rem;inline-size:2.125rem}[data-uiify-spinner][data-size=lg]{block-size:6.25rem;inline-size:6.25rem}[data-uiify-spinner][data-size=lg]:before{mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px))}[data-uiify-spinner][data-align=center]{margin-inline:auto}[data-uiify-spinner][data-align=fixed],[data-uiify-spinner][data-align=absolute]{inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}[data-uiify-spinner][data-align=fixed]{position:fixed}[data-uiify-spinner][data-align=absolute]{position:absolute}@keyframes uiify-spinner-rotate{to{transform:rotate(360deg)}}@keyframes uiify-spinner-orbit{0%{--uiify-spinner-tail:0deg;--uiify-spinner-length:36deg}50%{--uiify-spinner-tail:90deg;--uiify-spinner-length:324deg}to{--uiify-spinner-tail:360deg;--uiify-spinner-length:36deg}}@media (prefers-reduced-motion:reduce){[data-uiify-spinner]:before{animation:2.5s ease-in-out infinite uiify-spinner-orbit}}[data-uiify-skeleton]{inline-size:var(--uiify-skeleton-w,100%);min-block-size:var(--uiify-skeleton-h,1rem);border-radius:var(--radius-sm)}[data-uiify-skeleton][data-state=loading]{block-size:var(--uiify-skeleton-h,1rem);background:var(--muted);animation:1.8s ease-in-out infinite uiify-skeleton-pulse}[data-uiify-skeleton][data-shape=circle]{corner-shape:round;border-radius:50%}[data-uiify-skeleton][data-variant=shimmer][data-state=loading]{background:linear-gradient(90deg, var(--muted), var(--secondary), var(--muted));background-size:200% 100%;animation:1.5s linear infinite uiify-skeleton-shimmer}[data-uiify-skeleton][data-variant=none]{animation:none}[data-uiify-skeleton][data-state=loaded]{animation:.2s ease-out uiify-skeleton-reveal}@keyframes uiify-skeleton-pulse{50%{opacity:.45}}@keyframes uiify-skeleton-shimmer{to{background-position:-200% 0}}@keyframes uiify-skeleton-reveal{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){[data-uiify-skeleton]{animation:none}}:where([data-uiify-collapsible],[data-uiify-collapsible]){border:var(--border-width) solid var(--border);border-radius:var(--radius-xl);corner-shape:squircle;inline-size:100%;overflow:hidden}[data-uiify-collapsible] [data-part=trigger]{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-lg);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;list-style:none;display:flex}[data-uiify-collapsible] [data-part=trigger]::-webkit-details-marker{display:none}[data-uiify-collapsible] [data-part=trigger]:hover{background-color:var(--secondary)}[data-uiify-collapsible] [data-part=trigger]:focus-visible{box-shadow:inset 0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);outline:none}[data-uiify-collapsible] [data-part=trigger]:after{content:"+";block-size:1.5rem;inline-size:1.5rem;color:var(--muted-foreground);transition:rotate var(--duration-fast) var(--ease-out);flex:0 0 1.5rem;place-items:center;font:1.25rem/1 ui-monospace,monospace;display:grid}[data-uiify-collapsible][open] [data-part=trigger]:after{content:"−"}[data-uiify-collapsible][open] [data-part=trigger]{color:var(--primary)}[data-uiify-collapsible] [data-part=panel]{padding-block:0 var(--space-lg);padding-inline:var(--space-lg);color:var(--muted-foreground);font-size:var(--text-sm)}[data-uiify-collapsible]{interpolate-size:allow-keywords}:where([data-uiify-collapsible],[data-uiify-collapsible])::details-content{block-size:0;overflow:clip}:where([data-uiify-collapsible],[data-uiify-collapsible])[open]::details-content{block-size:auto}@media (prefers-reduced-motion:no-preference){:where([data-uiify-collapsible],[data-uiify-collapsible])::details-content{opacity:0;transition:opacity var(--duration-fast) var(--ease-out), block-size var(--duration-fast) var(--ease-out), content-visibility var(--duration-fast) allow-discrete}:where([data-uiify-collapsible],[data-uiify-collapsible])[open]::details-content{opacity:1}}[data-uiify-breadcrumb] [data-part=list]{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}[data-uiify-breadcrumb] [data-part=item]{align-items:center;gap:.5rem;display:flex}[data-uiify-breadcrumb] [data-part=link]{color:var(--primary);text-decoration:none}[data-uiify-breadcrumb] [data-part=link]:hover{text-decoration:underline}[data-uiify-breadcrumb] [aria-hidden=true]{color:var(--muted-foreground)}[data-uiify-breadcrumb] [data-current]{color:var(--foreground);font-weight:600}[data-uiify-pagination] ol{flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}[data-uiify-pagination] li{place-items:center;display:grid}[data-uiify-pagination] [data-type]{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);block-size:2.25rem;min-inline-size:2.25rem;color:var(--foreground);font:var(--text-sm)/1 var(--font-sans);place-items:center;padding-inline:.625rem;text-decoration:none;display:inline-grid}[data-uiify-pagination] :is(a,button):hover{background:var(--accent);color:var(--accent-foreground)}[data-uiify-pagination] :is(a,button){cursor:pointer}[data-uiify-pagination] [data-selected]{background:var(--primary);color:var(--primary-foreground);border-color:#0000}[data-uiify-pagination] :is(:disabled,[aria-disabled=true]){opacity:.5;cursor:not-allowed}[data-uiify-pagination] svg{block-size:1rem;inline-size:1rem}[data-uiify-table]{border-collapse:separate;border-spacing:0;background:var(--card);inline-size:100%;color:var(--card-foreground);font-size:var(--text-sm)}[data-uiify-table][data-layout=fixed]{table-layout:fixed}[data-uiify-table] :is(th,td){text-align:start;vertical-align:middle;border-block-end:1px solid var(--border);background:inherit;padding-block:.75rem;padding-inline:1rem}[data-uiify-table] :is(th,td)[data-align=center]{text-align:center}[data-uiify-table] :is(th,td)[data-align=end]{text-align:end}[data-uiify-table] :is(thead,tfoot){background:var(--secondary);font-weight:600}[data-uiify-table] tbody tr{background:var(--card)}[data-uiify-table] tbody tr:hover{background:var(--secondary)}[data-uiify-table] tbody tr[data-selected]{background:var(--accent)}[data-uiify-table] caption{text-align:start;color:var(--muted-foreground);padding-block:.75rem}[data-uiify-table][data-size=sm] :is(th,td){padding-block:.5rem;padding-inline:.75rem}[data-uiify-table][data-size=lg] :is(th,td){padding-block:1rem;padding-inline:1.25rem}[data-uiify-table][data-variant=outline]{border:1px solid var(--border);border-radius:var(--radius-lg)}[data-uiify-table][data-variant=ghost]{background:0 0}[data-uiify-table] :is(thead,tfoot,tr)[data-sticky]{z-index:2;position:sticky;inset-block-start:var(--uiify-table-sticky-offset,0)}[data-uiify-table] tfoot[data-sticky]{inset-block:auto var(--uiify-table-sticky-offset,0)}[data-uiify-table] :is(th,td)[data-sticky]{z-index:1;position:sticky}[data-uiify-table] :is(th,td)[data-sticky=start]{inset-inline-start:var(--uiify-table-sticky-offset,0)}[data-uiify-table] :is(th,td)[data-sticky=end]{inset-inline-end:var(--uiify-table-sticky-offset,0)}[data-uiify-table] :is(thead,tfoot)[data-sticky] :is(th,td)[data-sticky]{z-index:3}[data-uiify-table] th>button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.5rem;padding:0;display:inline-flex}[data-uiify-table] th[aria-sort=ascending]>button:after{content:"↑" / ""}[data-uiify-table] th[aria-sort=descending]>button:after{content:"↓" / ""}[data-uiify-table] [data-part=expanded-row]{background:var(--secondary)}[data-uiify-table] :is(button,tr):focus-visible{outline:2px solid var(--ring);outline-offset:-2px}[data-uiify-carousel]{align-items:center;gap:var(--space-sm);grid-template-columns:auto 1fr auto;inline-size:100%;max-inline-size:40rem;display:grid;position:relative}[data-uiify-carousel]>[data-part=viewport],[data-uiify-carousel]>[data-part=status],[data-uiify-carousel]>button[data-part=controls][data-carousel-action=rotation]{grid-column:1/-1}[data-uiify-carousel][data-enhanced]:has(>button[data-part=controls])>[data-part=viewport]{scrollbar-width:none}[data-uiify-carousel]>[data-part=viewport]>[data-part=slide]>[data-part=slide-content]{aspect-ratio:1;border:var(--border-width) solid var(--border);border-radius:var(--radius-xl);corner-shape:squircle;background-color:var(--card);min-block-size:18rem;color:var(--foreground);font-size:2.25rem;font-weight:var(--weight-semibold);box-shadow:var(--shadow-popover);justify-content:center;align-items:center;line-height:1;display:flex;container-type:inline-size}[data-uiify-carousel]>button[data-part=controls]{border:var(--border-width) solid var(--border);border-radius:var(--radius-full);background-color:var(--card);color:var(--foreground);cursor:pointer;transition:var(--transition-colors)}[data-uiify-carousel]>button[data-part=controls][data-carousel-action=rotation]{padding-inline:var(--space-md);padding-block:var(--space-sm);justify-self:start;margin-block-end:var(--space-sm)}[data-uiify-carousel]>button[data-part=controls][data-carousel-action=previous],[data-uiify-carousel]>button[data-part=controls][data-carousel-action=next]{justify-content:center;align-items:center;min-block-size:2.75rem;min-inline-size:2.75rem;font-size:1.25rem;line-height:1;display:inline-flex}[data-uiify-carousel]>button[data-part=controls]:hover{background-color:var(--secondary)}[data-uiify-carousel]>button[data-part=controls]:disabled{cursor:not-allowed;opacity:.4}[data-uiify-carousel]>button[data-part=controls]:focus-visible,[data-uiify-carousel]>[data-part=dots]>a:focus-visible{box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);outline:none}[data-uiify-carousel]>[data-part=dots]{justify-content:center;justify-self:stretch;gap:var(--space-xs);grid-column:2;display:flex}[data-uiify-carousel]>[data-part=dots]>a{border-radius:var(--radius-full);block-size:2.75rem;inline-size:2.75rem;color:var(--muted-foreground);transition:var(--transition-colors);background-color:#0000;place-items:center;font-size:0;text-decoration:none;display:inline-grid}[data-uiify-carousel]>[data-part=dots]>a:after{content:"";background:var(--input);border-radius:50%;block-size:.5rem;inline-size:.5rem}[data-uiify-carousel]>[data-part=dots]>a[aria-current=true]:after{background:var(--primary)}[data-uiify-carousel] [data-part=story]{text-align:start;grid-template-rows:auto 1fr auto;block-size:100%;min-block-size:0;inline-size:100%;min-inline-size:0;padding:clamp(.875rem,4cqi,1.5rem);display:grid}[data-uiify-carousel] [data-part=story-topline],[data-uiify-carousel] [data-part=story-footer]{color:var(--muted-foreground);letter-spacing:.08em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.625rem;font-weight:500;display:flex}[data-uiify-carousel] [data-part=story-body]{align-content:center;gap:.75rem;min-inline-size:0;padding-block:1rem;display:grid}[data-uiify-carousel] [data-part=story-eyebrow]{color:var(--primary);letter-spacing:.1em;font-size:.6875rem;font-weight:600}[data-uiify-carousel] [data-part=story-body]>h3{max-inline-size:12ch;color:var(--foreground);letter-spacing:-.045em;white-space:pre-line;margin:0;font-size:clamp(1.25rem,6cqi,2rem);font-weight:600;line-height:1.08}[data-uiify-carousel] [data-part=story-body]>p{max-inline-size:30ch;color:var(--muted-foreground);margin:0;font-size:.8125rem;line-height:1.55}[data-uiify-candle-chart]{--candle-grid:color-mix(in srgb, currentcolor 10%, transparent);--candle-down:oklch(64% .21 24);--candle-flat:color-mix(in srgb, currentcolor 60%, transparent);--candle-up:oklch(67% .14 166);--candle-axis:var(--muted-foreground);overscroll-behavior:none;isolation:isolate;color-scheme:light dark;color:light-dark(oklch(28% .04 165),oklch(82% .04 165));background:0 0;min-block-size:21rem;inline-size:100%;padding:1rem .75rem .5rem;display:block;position:relative;overflow:clip}[data-uiify-candle-chart][data-interactive]{touch-action:none}[data-uiify-candle-chart][data-interactive] [data-part=scroll-viewport]{overscroll-behavior-inline:none}[data-uiify-candle-chart]>[data-part=plot]{grid-template-columns:minmax(0,1fr) 4.5rem;grid-template-rows:minmax(18rem, 1fr) calc(1.5rem + var(--candle-scrollbar-size,0px));overscroll-behavior:none;gap:0 .75rem;min-block-size:18rem;min-inline-size:0;display:grid;position:relative}[data-uiify-candle-chart] [data-part=scroll-viewport]{direction:rtl;grid-area:1/1/span 2;min-block-size:18rem;min-inline-size:0;overflow:auto hidden;container-type:inline-size}[data-uiify-candle-chart] [data-part=canvas]{inline-size:calc(100% * var(--candle-scale));direction:ltr;grid-template-rows:minmax(18rem,1fr) 1.5rem;min-block-size:100%;min-inline-size:100%;display:grid}[data-uiify-candle-chart] [data-part=candles]{inline-size:100%;margin:0;padding:1rem .5rem;list-style:none;position:absolute;inset-block:0;inset-inline:auto 0}[data-uiify-candle-chart] [data-part=viewport]>[data-uiify-virtual-scroll]{position:absolute;inset:0}[data-uiify-candle-chart] [data-uiify-virtual-scroll] [data-part=candle]{block-size:calc(var(--candle-plot-height,18rem) - 2rem);inset-block:1rem auto}[data-uiify-candle-chart] [data-part=candles],[data-uiify-candle-chart] [data-part=viewport]:has(>[data-uiify-virtual-scroll]){background-image:linear-gradient(to right, var(--candle-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--candle-grid) 1px, transparent 1px);background-size:10% 100%,100% 25%}[data-uiify-candle-chart] [data-part=viewport]{overscroll-behavior:none;grid-area:1/1;min-block-size:18rem;min-inline-size:0;position:relative;overflow:clip}[data-uiify-candle-chart] [data-part=time-viewport]{overscroll-behavior:none;grid-area:2/1;min-inline-size:0;position:relative;overflow:clip}[data-uiify-candle-chart]>figcaption{z-index:1;color:var(--muted-foreground);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:650;position:absolute;inset-block-start:.75rem;inset-inline-start:1rem}[data-uiify-candle-chart] [data-part=readout]{z-index:1;color:var(--candle-axis);font-variant-numeric:tabular-nums;white-space:nowrap;flex-wrap:wrap;align-items:baseline;gap:.35rem .65rem;font-size:.7rem;line-height:1;display:flex;position:absolute;inset-block-start:.75rem;inset-inline-end:1rem}[data-uiify-candle-chart] [data-part=readout-time]{font-weight:650}[data-uiify-candle-chart] [data-part=candle]{pointer-events:none;inline-size:var(--candle-slot);color:var(--candle-flat);list-style:none;display:block;position:absolute;inset:1rem .5rem;inset-inline-start:var(--candle-x)}[data-uiify-candle-chart][data-interactive] [data-part=candle]{pointer-events:auto}[data-uiify-candle-chart] [data-part=candle-hit]{z-index:1;appearance:none;color:#0000;cursor:crosshair;block-size:100%;inline-size:100%;font:inherit;background:0 0;border:0;margin:0;padding:0;position:absolute;inset:0}[data-uiify-candle-chart] [data-part=candle]:before,[data-uiify-candle-chart] [data-part=candle]:after{content:"";background:currentColor;display:block;position:absolute}[data-uiify-candle-chart] [data-part=candle]:before{inline-size:max(1px,.08em);block-size:var(--candle-wick-height);inset-block-start:var(--candle-wick-top);inset-inline-start:50%;transform:translate(-50%)}[data-uiify-candle-chart] [data-part=candle]:after{block-size:var(--candle-body-height);min-block-size:1px;inset-block-start:var(--candle-body-top);inset-inline:17%}[data-uiify-candle-chart] [data-part=candle][data-direction=up]{color:var(--candle-up)}[data-uiify-candle-chart] [data-part=candle][data-direction=down]{color:var(--candle-down)}[data-uiify-candle-chart] [data-part=crosshair]{z-index:3;inline-size:var(--candle-content-size,100%);translate:calc(-1 * var(--candle-scroll-x,0px)) 0;color:light-dark(oklch(52% .01 0),oklch(72% .01 0));pointer-events:none;block-size:100%;position:absolute;inset:0}[data-uiify-candle-chart] [data-part=crosshair]:before,[data-uiify-candle-chart] [data-part=crosshair]:after{content:"";background:currentColor;display:block;position:absolute}[data-uiify-candle-chart] [data-part=crosshair]:before{background-color:#0000;background-image:repeating-linear-gradient(currentColor 0 .4rem,#0000 .4rem .8rem);inline-size:1px;inset-block:0;inset-inline-start:var(--candle-crosshair-x)}[data-uiify-candle-chart] [data-part=crosshair]:after{background-color:#0000;background-image:repeating-linear-gradient(90deg,currentColor 0 .4rem,#0000 .4rem .8rem);block-size:1px;inset-block-start:calc(var(--candle-cursor-y,50%) + 1rem);inset-inline:0}[data-uiify-candle-chart] [data-part=crosshair-marker]{font-size:1rem;line-height:1;position:absolute;inset-block-start:calc(var(--candle-cursor-y,50%) + 1rem);inset-inline-start:var(--candle-crosshair-x);transform:translate(-50%,-50%)}[data-uiify-candle-chart] [data-part=time-axis]>[data-part=crosshair-time]{background:var(--candle-axis);color:canvas;padding:.3rem .5rem;font-weight:650;inset-block-start:0;inset-inline-start:var(--candle-crosshair-x);transform:translate(-50%)}[data-uiify-candle-chart] [data-part=price-axis]>[data-part=crosshair-price]{background:var(--candle-axis);color:canvas;padding:.3rem .5rem;font-weight:650;inset-block-start:calc(var(--candle-cursor-y,50%) + 1rem);inset-inline-end:0;transform:translateY(-50%)}[data-uiify-candle-chart][data-interactive] [data-part=candle-hit]:focus-visible{outline-offset:-2px;outline:2px solid}[data-uiify-candle-chart] [data-part=price-axis],[data-uiify-candle-chart] [data-part=time-axis]{margin:0;padding:0;list-style:none}[data-uiify-candle-chart] [data-part=price-axis]{grid-area:1/2;min-inline-size:0;position:relative}[data-uiify-candle-chart] [data-part=price-axis]>li{color:var(--candle-axis);font-variant-numeric:tabular-nums;text-align:end;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;line-height:1;position:absolute;inset-block-start:var(--candle-axis-y);inset-inline:0;overflow:hidden;transform:translateY(-50%)}[data-uiify-candle-chart] [data-part=price-axis]>li:first-child{transform:none}[data-uiify-candle-chart] [data-part=price-axis]>li:last-child{transform:translateY(-100%)}[data-uiify-candle-chart] [data-part=time-axis]{inline-size:var(--candle-content-size,100%);translate:calc(-1 * var(--candle-scroll-x,0px)) 0;min-inline-size:0;position:relative;inset-block:0}[data-uiify-candle-chart] [data-part=time-axis]>li{color:var(--candle-axis);white-space:nowrap;font-size:.7rem;position:absolute;inset-block-start:.35rem;inset-inline-start:var(--candle-axis-x);transform:translate(-50%)}[data-uiify-candle-chart] [data-part=time-axis]>li:first-child{transform:none}[data-uiify-candle-chart] [data-part=time-axis]>li:last-child{transform:translate(-100%)}[data-uiify-candle-chart] [data-part=time-axis]>li:only-child,[data-uiify-candle-chart] [data-part=time-axis]>li[data-part=crosshair-time]{transform:translate(-50%)}[data-uiify-candle-chart] [data-part=price-axis]>li[data-part=crosshair-price]{transform:translateY(-50%)}[data-uiify-candle-chart]>table{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}[data-uiify-line-chart]{--line-grid:color-mix(in srgb, currentcolor 10%, transparent);--line-up:oklch(67% .14 166);--line-down:oklch(64% .21 24);--line-flat:light-dark(oklch(43% .05 165),oklch(72% .04 165));--line-axis:light-dark(color-mix(in oklch, var(--muted-foreground) 70%, var(--foreground)),var(--muted-foreground));--line-width:.12rem;overscroll-behavior:none;isolation:isolate;color:light-dark(oklch(28% .04 165),oklch(82% .04 165));background:0 0;min-block-size:21rem;inline-size:100%;padding:1rem .75rem .5rem;display:block;position:relative;overflow:clip}[data-uiify-line-chart][data-interactive]{touch-action:none}[data-uiify-line-chart][data-interactive] [data-part=scroll-viewport]{overscroll-behavior-inline:none}[data-uiify-line-chart]>[data-part=plot]{grid-template-columns:minmax(0,1fr) 4.5rem;grid-template-rows:minmax(18rem, 1fr) calc(1.5rem + var(--line-scrollbar-size,0px));overscroll-behavior:none;gap:0 .75rem;min-block-size:18rem;min-inline-size:0;display:grid;position:relative}[data-uiify-line-chart] [data-part=scroll-viewport]{direction:rtl;grid-area:1/1/span 2;min-block-size:18rem;min-inline-size:0;overflow:auto hidden;container-type:inline-size}[data-uiify-line-chart] [data-part=canvas]{inline-size:calc(100% * var(--line-scale));direction:ltr;grid-template-rows:minmax(18rem,1fr) 1.5rem;min-block-size:100%;min-inline-size:100%;display:grid}[data-uiify-line-chart] [data-part=viewport]{overscroll-behavior:none;grid-area:1/1;min-block-size:18rem;min-inline-size:0;position:relative;overflow:clip;container-type:inline-size}[data-uiify-line-chart]>figcaption{z-index:1;color:var(--line-axis);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:650;position:absolute;inset-block-start:.75rem;inset-inline-start:1rem}[data-uiify-line-chart] [data-part=readout]{z-index:1;color:var(--line-axis);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:.65rem;font-size:.7rem;line-height:1;display:flex;position:absolute;inset-block-start:.75rem;inset-inline-end:1rem}[data-uiify-line-chart] [data-part=readout-time]{font-weight:650}[data-uiify-line-chart] [data-part=points]{background-image:linear-gradient(to right, var(--line-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--line-grid) 1px, transparent 1px);background-size:var(--line-segment-slot) 100%, 100% 20%;margin:0;padding:0;list-style:none;display:block;position:absolute;inset:1rem 0;container-type:size}[data-uiify-line-chart] [data-part=viewport]>[data-uiify-virtual-scroll]{position:absolute;inset:0}[data-uiify-line-chart] [data-part=viewport]:has(>[data-uiify-virtual-scroll]){background-image:linear-gradient(to right, var(--line-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--line-grid) 1px, transparent 1px);background-position:0 1rem;background-size:10% 100%,100% calc(20% - .4rem)}[data-uiify-line-chart] [data-part=point]{min-inline-size:0;color:var(--line-flat);list-style:none;position:absolute}[data-uiify-line-chart] [data-part=points]>[data-part=point]{inline-size:var(--line-slot);min-block-size:100%;inset-block:0;inset-inline-start:var(--line-prev-x,var(--line-x))}[data-uiify-line-chart] [data-uiify-virtual-scroll] [data-part=point]{--line-point-block-size:calc(var(--line-plot-height,18rem) - 2rem);inline-size:100%;block-size:var(--line-point-block-size);inset-block:1rem auto;inset-inline-start:-50%}[data-uiify-line-chart] [data-part=point]:before{--line-dx:calc(var(--line-run,0) * 1cqw);--line-dy:calc(var(--line-rise,0) / 100 * var(--line-point-block-size,100cqh));z-index:1;inline-size:hypot(var(--line-dx), var(--line-dy));block-size:calc(var(--line-width) * 2);border-radius:var(--line-width);content:"";transform-origin:0;rotate:atan2(var(--line-dy), var(--line-dx));background:currentColor;display:block;position:absolute;inset-block-start:calc(var(--line-prev-y) - var(--line-width));inset-inline-start:0}[data-uiify-line-chart] [data-part=point][data-first]:before{display:none}[data-uiify-line-chart] [data-part=point]:after{z-index:2;content:"";background:currentColor;border:0;border-radius:50%;block-size:.55rem;inline-size:.55rem;display:block;position:absolute;inset-block-start:var(--line-y);inset-inline-start:100%;transform:translate(-50%,-50%)}[data-uiify-line-chart] [data-part=points]>[data-part=point][data-first]:after{inset-inline-start:0}[data-uiify-line-chart] [data-part=point][data-trend=up]{color:var(--line-up)}[data-uiify-line-chart] [data-part=point][data-trend=down]{color:var(--line-down)}[data-uiify-line-chart] [data-part=point-hit]{z-index:3;appearance:none;color:#0000;cursor:crosshair;block-size:100%;inline-size:100%;font:inherit;background:0 0;border:0;margin:0;padding:0;position:absolute;inset:0}[data-uiify-line-chart][data-interactive] [data-part=point][data-point-selected]:after{box-shadow:0 0 0 .2rem color-mix(in srgb, currentcolor 24%, transparent)}[data-uiify-line-chart][data-interactive] [data-part=point-hit]:focus-visible{outline-offset:-2px;outline:2px solid}[data-uiify-line-chart] [data-part=crosshair]{z-index:4;inline-size:var(--line-content-size,100%);translate:calc(-1 * var(--line-scroll-x,0px)) 0;color:light-dark(oklch(52% .01 0),oklch(72% .01 0));pointer-events:none;block-size:100%;position:absolute;inset:0}[data-uiify-line-chart] [data-part=crosshair]:before,[data-uiify-line-chart] [data-part=crosshair]:after{content:"";background:currentColor;display:block;position:absolute}[data-uiify-line-chart] [data-part=crosshair]:before{background-color:#0000;background-image:repeating-linear-gradient(currentColor 0 .4rem,#0000 .4rem .8rem);inline-size:1px;inset-block:0;inset-inline-start:var(--line-crosshair-x)}[data-uiify-line-chart] [data-part=crosshair]:after{background-color:#0000;background-image:repeating-linear-gradient(90deg,currentColor 0 .4rem,#0000 .4rem .8rem);block-size:1px;inset-block-start:calc(var(--line-cursor-y,50%) + 1rem);inset-inline:0}[data-uiify-line-chart] [data-part=crosshair-marker]{font-size:1rem;line-height:1;position:absolute;inset-block-start:calc(var(--line-cursor-y,50%) + 1rem);inset-inline-start:var(--line-crosshair-x);transform:translate(-50%,-50%)}[data-uiify-line-chart] [data-part=value-axis],[data-uiify-line-chart] [data-part=time-axis]{margin:0;padding:0;list-style:none}[data-uiify-line-chart] [data-part=value-axis]{grid-area:1/2;min-inline-size:0;position:relative}[data-uiify-line-chart] [data-part=value-axis]>li{color:var(--line-axis);font-variant-numeric:tabular-nums;text-align:end;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;line-height:1;position:absolute;inset-block-start:var(--line-axis-y);inset-inline:0;overflow:hidden;transform:translateY(-50%)}[data-uiify-line-chart] [data-part=value-axis]>li:first-child{transform:none}[data-uiify-line-chart] [data-part=value-axis]>li:last-child{transform:translateY(-100%)}[data-uiify-line-chart] [data-part=time-viewport]{overscroll-behavior:none;grid-area:2/1;min-inline-size:0;position:relative;overflow:clip}[data-uiify-line-chart] [data-part=time-axis]{inline-size:var(--line-content-size,100%);translate:calc(-1 * var(--line-scroll-x,0px)) 0;min-inline-size:0;position:relative;inset-block:0}[data-uiify-line-chart] [data-part=time-axis]>li{color:var(--line-axis);white-space:nowrap;font-size:.7rem;position:absolute;inset-block-start:.35rem;inset-inline-start:var(--line-axis-x);transform:translate(-50%)}[data-uiify-line-chart] [data-part=time-axis]>li:first-child{transform:none}[data-uiify-line-chart] [data-part=time-axis]>li:last-child{transform:translate(-100%)}[data-uiify-line-chart] [data-part=time-axis]>li:only-child{transform:translate(-50%)}[data-uiify-line-chart] [data-part=time-axis]>li[data-part=crosshair-time]{background:var(--line-axis);color:canvas;padding:.3rem .5rem;font-weight:650;inset-inline-start:var(--line-crosshair-x);transform:translate(-50%)}[data-uiify-line-chart] [data-part=value-axis]>li[data-part=crosshair-value]{background:var(--line-axis);color:canvas;padding:.3rem .5rem;font-weight:650;inset-block-start:calc(var(--line-cursor-y,50%) + 1rem);inset-inline-end:0;transform:translateY(-50%)}[data-uiify-line-chart]>table{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:no-preference){[data-uiify-line-chart] [data-part=point]:after{transition:scale .18s}[data-uiify-line-chart][data-interactive] [data-part=point][data-point-selected]:after{scale:1.15}}[data-uiify-drawer][data-part=content]{--uiify-drawer-inline-size:32rem;max-block-size:100dvh;inline-size:100%;max-inline-size:100%;padding:var(--space-xl);border:var(--border-width) solid var(--border);background:var(--popover);color:var(--popover-foreground);box-shadow:var(--shadow-modal);gap:var(--space-md);flex-direction:column;margin:0}[data-uiify-drawer][data-part=content][open]{display:flex}[data-uiify-drawer][data-size=sm]{--uiify-drawer-inline-size:24rem}[data-uiify-drawer][data-size=lg]{--uiify-drawer-inline-size:40rem}[data-uiify-drawer][data-size=full]{--uiify-drawer-inline-size:100%}[data-uiify-drawer][data-part=content]::backdrop{background:#00000073}[data-uiify-drawer][data-backdrop=transparent]::backdrop{background:0 0}[data-uiify-drawer][data-part=content][data-side=bottom]{block-size:min(var(--uiify-drawer-inline-size), 80dvh);max-block-size:80dvh;transform:var(--uiify-drawer-transform,none);border-start-start-radius:var(--radius-xl);border-start-end-radius:var(--radius-xl);margin-block-start:auto}[data-uiify-drawer][data-part=content][data-side=top]{block-size:min(var(--uiify-drawer-inline-size), 80dvh);max-block-size:80dvh;transform:var(--uiify-drawer-transform,none);border-end-end-radius:var(--radius-xl);border-end-start-radius:var(--radius-xl);margin-block-end:auto}[data-uiify-drawer][data-part=content]:is([data-side=left],[data-side=right]){inline-size:min(var(--uiify-drawer-inline-size), 100%);block-size:100dvh;transform:var(--uiify-drawer-transform,none)}[data-uiify-drawer][data-side=left]{margin-inline-end:auto}[data-uiify-drawer][data-side=right]{border-start-end-radius:0;border-end-end-radius:0;margin-inline-start:auto}[data-uiify-drawer][data-part=content][data-size=full]{block-size:100dvh;max-block-size:100dvh;inline-size:100dvi;max-inline-size:100dvi}[data-uiify-drawer] [data-part=header]{flex:none;padding-inline-end:2.75rem;position:relative}[data-uiify-drawer] [data-part=body]{overscroll-behavior:contain;touch-action:pan-y;min-block-size:0;overflow:auto}[data-uiify-drawer] [data-part=footer]{justify-content:flex-end;gap:var(--space-sm);flex-wrap:wrap;display:flex}[data-uiify-drawer] [data-part=close]{corner-shape:round;background:var(--secondary);block-size:2.25rem;inline-size:2.25rem;color:var(--secondary-foreground);border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}[data-uiify-drawer] [data-part=header]>[data-part=close]{position:absolute;inset-block-start:0;inset-inline-end:0}[data-uiify-drawer] :is([data-part=grabber],[data-part=handle]){touch-action:none;flex:none;block-size:1.5rem;display:none}[data-uiify-drawer] :is([data-part=grabber],[data-part=handle]):after{content:"";background:var(--border);border-radius:999px;block-size:.25rem;inline-size:2.25rem;margin-block:.5rem 0;margin-inline:auto;display:block}[data-uiify-drawer][data-snap-enabled] [data-part=handle]{display:block}@media (width<40rem){[data-uiify-drawer][data-part=content][data-side]{block-size:auto;min-block-size:50dvh;max-block-size:80dvh;inline-size:100dvi;max-inline-size:100dvi;transform:var(--uiify-drawer-transform,none);translate:0 var(--uiify-sheet-offset,0);border-start-start-radius:var(--radius-xl);border-start-end-radius:var(--radius-xl);border-end-end-radius:0;border-end-start-radius:0;margin-block:auto 0;margin-inline:0;padding-block-end:calc(var(--space-xl) + env(safe-area-inset-bottom))}[data-uiify-drawer][data-part=content][data-size=full]{border-radius:0;block-size:100dvh;max-block-size:100dvh}[data-uiify-drawer] :is([data-part=grabber],[data-part=handle]){display:block}[data-uiify-drawer] [data-part=header]{touch-action:none}[data-uiify-drawer][data-dragging]{transition:none}}@media (prefers-reduced-motion:no-preference){[data-uiify-drawer][data-part=content]{transition:opacity .18s ease, translate .22s ease, transform .22s ease, display .22s allow-discrete, overlay .22s allow-discrete}[data-uiify-drawer][data-part=content]:not([open]){opacity:0}@starting-style{[data-uiify-drawer][data-part=content][open]{opacity:0}}}:where([data-uiify-segmented-control],[data-uiify-segmented-control]){padding:var(--space-xs);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);corner-shape:squircle;background-color:var(--muted);display:inline-flex;position:relative}[data-uiify-segmented-control][data-full-width]{inline-size:100%}[data-uiify-segmented-control][data-orientation=vertical]{flex-direction:column}[data-uiify-segmented-control] [data-part=item]{position:relative}[data-uiify-segmented-control][data-full-width] [data-part=item]{flex:1 1 0}[data-uiify-segmented-control] [data-part=item]>input{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:hidden}[data-uiify-segmented-control] [data-part=item]>label{z-index:1;min-inline-size:4rem;padding-block:var(--space-xs);padding-inline:var(--space-md);border-radius:calc(var(--radius-lg) - var(--space-xs));corner-shape:squircle;color:var(--muted-foreground);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:relative}[data-uiify-segmented-control][data-full-width] [data-part=item]>label{inline-size:100%}[data-uiify-segmented-control] [data-part=item]>label:hover{color:var(--foreground)}[data-uiify-segmented-control] [data-part=item]:has(>input:checked)>label{color:var(--foreground);background-color:var(--card);box-shadow:var(--shadow-1)}[data-uiify-segmented-control] [data-part=item]:has(>input:disabled)>label{opacity:.5;cursor:not-allowed}[data-uiify-segmented-control] [data-part=item]>input:focus-visible+label{box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);outline:none}[data-uiify-rating]{gap:var(--space-xs);flex-direction:row-reverse;display:inline-flex}[data-uiify-rating]>[data-part=item]>input{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:hidden}[data-uiify-rating]>[data-part=item]>label{color:var(--input);cursor:pointer;transition:var(--transition-colors);justify-content:center;align-items:center;font-size:1.5rem;line-height:1;display:inline-flex}[data-uiify-rating]>[data-part=item]:has(>input:checked)>label,[data-uiify-rating]>[data-part=item]:has(>input:checked)~[data-part=item]>label,[data-uiify-rating]:not([data-disabled],[data-readonly])>[data-part=item]:has(>label:hover)>label,[data-uiify-rating]:not([data-disabled],[data-readonly])>[data-part=item]:has(>label:hover)~[data-part=item]>label{color:var(--primary)}[data-uiify-rating]>[data-part=item]>input:focus-visible~label{box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);border-radius:var(--radius-xs);corner-shape:squircle;outline:none}[data-uiify-rating][data-readonly]>[data-part=item]>label{cursor:default}[data-uiify-rating][data-disabled]>[data-part=item]>label{cursor:default;opacity:.5}[data-uiify-otp-input]{gap:var(--space-sm);cursor:text;display:inline-flex;position:relative}[data-uiify-otp-input] [data-part=slot]{border:var(--border-width) solid var(--input);border-radius:var(--radius-md);corner-shape:squircle;background-color:var(--card);block-size:2.5rem;inline-size:2.5rem;color:var(--foreground);font-size:var(--text-lg);font-weight:var(--weight-medium);transition:var(--transition-colors);justify-content:center;align-items:center;display:inline-flex}[data-uiify-otp-input] [data-part=slot][data-active]{border-color:var(--primary);outline:2px solid color-mix(in oklch, var(--ring) 35%, transparent);outline-offset:0}[data-uiify-otp-input] [data-part=slot][data-active]:after{content:"";background-color:currentColor;block-size:1em;inline-size:1px;animation:1s step-end infinite uiify-otp-input-caret-blink}@keyframes uiify-otp-input-caret-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){[data-uiify-otp-input] [data-part=slot][data-active]:after{animation:none}}[data-uiify-otp-input] [data-part=slot][data-filled]{border-color:var(--input)}[data-uiify-otp-input][data-disabled] [data-part=slot]{opacity:.5;cursor:not-allowed}[data-uiify-otp-input]:not([data-disabled]){cursor:text}[data-uiify-tags-input]{align-items:center;gap:var(--space-xs);min-block-size:2.5rem;inline-size:100%;max-inline-size:24rem;padding-block:var(--space-sm);padding-inline:var(--space-md);border:var(--border-width) solid var(--input);border-radius:var(--radius-md);corner-shape:squircle;background-color:var(--card);color:var(--foreground);flex-wrap:wrap;display:flex}[data-uiify-tags-input][data-disabled]{opacity:.5;cursor:not-allowed}[data-uiify-tags-input]:focus-within{border-color:var(--primary)}[data-uiify-tags-input] [data-part=list]{align-items:center;gap:var(--space-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}[data-uiify-tags-input] [data-part=list]>li{align-items:center;gap:var(--space-xs);padding-block:var(--space-xs);padding-inline:var(--space-sm);border-radius:var(--radius-xs);corner-shape:squircle;background-color:var(--accent);color:var(--accent-foreground);font-size:var(--text-xs);font-weight:var(--weight-medium);display:inline-flex}[data-uiify-tags-input] [data-part=input]{min-inline-size:5rem;padding-block:var(--space-sm);padding-inline:var(--space-md);color:var(--foreground);font-size:var(--uiify-control-text);background:0 0;border:none;outline:none;flex:1}[data-uiify-tags-input] [data-part=input]::placeholder{color:var(--muted-foreground)}[data-uiify-tags-input] [data-part=tag]{align-items:center;gap:var(--space-xs);padding-block:var(--space-xs);padding-inline:var(--space-sm);border-radius:var(--radius-xs);corner-shape:squircle;background-color:var(--accent);color:var(--accent-foreground);font-size:var(--text-xs);font-weight:var(--weight-medium);display:inline-flex}[data-uiify-number-field]{border:var(--border-width) solid var(--input);border-radius:var(--radius-md);corner-shape:squircle;background-color:var(--card);align-items:stretch;display:inline-flex;overflow:hidden}[data-uiify-number-field]>[role=spinbutton]{inline-size:4rem;padding-block:var(--space-sm);padding-inline:var(--space-md);color:var(--foreground);font-size:var(--uiify-control-text);text-align:center;background:0 0;border:none;outline:none}[data-uiify-number-field]:focus-within{outline:2px solid var(--ring);outline-offset:2px}[data-uiify-number-field] :focus-visible{outline:none}[data-uiify-number-field]>button{border:none;border-inline-start:var(--border-width) solid var(--border);inline-size:2.25rem;color:var(--foreground);font-size:var(--text-lg);cursor:pointer;transition:var(--transition-colors);background-color:#0000;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}[data-uiify-number-field]>button:empty:before{display:block}[data-uiify-number-field]>button:first-child:empty:before{content:"←"}[data-uiify-number-field]>button:last-child:empty:before{content:"→"}[data-uiify-number-field]>button:first-child{border-inline-start:none;border-inline-end:var(--border-width) solid var(--border)}[data-uiify-number-field]>button:hover{background-color:color-mix(in oklch, var(--foreground) 8%, transparent)}[data-uiify-number-field]>button[data-disabled]{opacity:.5;cursor:not-allowed}[data-uiify-file-upload]{gap:var(--space-md);inline-size:100%;max-inline-size:24rem;display:grid}[data-uiify-file-upload] [data-part=dropzone]{min-block-size:8rem;padding:var(--space-lg);border:2px dashed var(--input);border-radius:var(--radius-xl);corner-shape:squircle;background-color:var(--secondary);color:var(--muted-foreground);font-size:var(--text-sm);text-align:center;transition:var(--transition-colors);justify-content:center;align-items:center;display:flex}[data-uiify-file-upload] [data-part=dropzone]:hover,[data-uiify-file-upload] [data-part=dropzone][data-dragging]{border-color:var(--primary);background-color:color-mix(in oklch, var(--primary) 8%, transparent);color:var(--foreground)}[data-uiify-file-upload] [data-part=dropzone][data-disabled]{opacity:.5;cursor:not-allowed}[data-uiify-file-upload] [data-part=list]{gap:var(--space-xs);margin:0;padding:0;list-style:none;display:grid}[data-uiify-file-upload] [data-part=item]{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);corner-shape:squircle;background-color:var(--card);font-size:var(--text-sm);display:flex}[data-uiify-file-upload] [data-part=file-info]{overflow-wrap:anywhere;flex:1;gap:.25rem;min-inline-size:0;display:grid}[data-uiify-file-upload] small{color:var(--muted-foreground)}[data-uiify-file-upload] [data-part=remove]{background:var(--secondary);block-size:2rem;inline-size:2rem;color:var(--foreground);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;margin-inline-start:auto;font-size:1.25rem;line-height:1;display:grid}[data-uiify-file-upload] [data-part=remove]:hover{background:var(--accent)}[data-uiify-file-upload] [data-part=remove]:focus-visible{outline:2px solid var(--ring);outline-offset:2px}[data-uiify-toolbar][data-part=root]{align-items:center;gap:var(--space-xs);padding:var(--space-xs);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);corner-shape:squircle;background-color:var(--card);display:inline-flex}[data-uiify-toolbar][data-part=root]>hr[data-part=separator][data-orientation]{inline-size:var(--border-width);block-size:auto;margin-inline:var(--space-md);background-color:var(--border);border:0;flex:none;align-self:stretch}[data-uiify-color-picker] [data-part=surface]{inline-size:100%;max-inline-size:24rem;position:relative}[data-uiify-color-picker] [data-part=control]{padding-inline-end:calc(var(--space-md) + 2rem)}[data-uiify-color-picker] [data-part=surface]:before,[data-uiify-color-picker] [data-part=surface]:after{border-radius:var(--radius-lg);corner-shape:squircle;content:"";z-index:1;pointer-events:none;block-size:24px;inline-size:24px;margin-block:auto;position:absolute;inset-block:0;inset-inline-end:11px}[data-uiify-color-picker] [data-part=surface]:before{background:conic-gradient(var(--muted) 25%, transparent 0 50%, var(--muted) 0 75%, transparent 0) 0 0 / 17px 10px repeat}[data-uiify-color-picker] [data-part=surface]:after{background:linear-gradient(var(--uiify-color-picker-value), var(--uiify-color-picker-value))}[data-uiify-color-picker] [data-part=native-input]{opacity:0;z-index:2;cursor:pointer;block-size:100%;inline-size:100%;margin:0;position:absolute;inset-block:0;inset-inline:0}[data-uiify-color-picker] [data-part=surface]:has([data-part=native-input]:focus-visible) [data-part=control]{border-color:var(--primary);box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent)}[data-uiify-color-picker] [data-part=surface]:has([data-part=native-input][aria-invalid=true]:focus-visible) [data-part=control]{box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--destructive) 20%, transparent)}[data-uiify-color-picker] [data-part=surface]:has([data-part=native-input]:disabled) [data-part=control],[data-uiify-color-picker] [data-part=native-input]:disabled{cursor:not-allowed}[data-uiify-color-picker] [data-part=label][data-disabled]{color:var(--muted-foreground);cursor:not-allowed}}@layer utilities,theme;@property --uiify-spinner-tail{syntax:"<angle>";inherits:false;initial-value:0deg}@property --uiify-spinner-length{syntax:"<angle>";inherits:false;initial-value:36deg}@property --candle-body-height{syntax:"<percentage>";inherits:true;initial-value:0%}@property --candle-body-top{syntax:"<percentage>";inherits:true;initial-value:50%}@property --candle-slot{syntax:"<percentage>";inherits:true;initial-value:100%}@property --candle-wick-height{syntax:"<percentage>";inherits:true;initial-value:0%}@property --candle-wick-top{syntax:"<percentage>";inherits:true;initial-value:50%}@property --candle-x{syntax:"<percentage>";inherits:true;initial-value:0%}@property --candle-scale{syntax:"<number>";inherits:true;initial-value:1}@property --line-y{syntax:"<percentage>";inherits:true;initial-value:50%}@property --line-prev-y{syntax:"<percentage>";inherits:true;initial-value:50%}@property --line-count{syntax:"<integer>";inherits:false;initial-value:1}@property --line-scale{syntax:"<number>";inherits:true;initial-value:1}
|
|
1
|
+
@layer reset;@layer tokens{:root{--gray-0:oklch(100% 0 0);--gray-1:oklch(99% 0 0);--gray-2:oklch(97% 0 0);--gray-3:oklch(94% 0 0);--gray-4:oklch(90% 0 0);--gray-5:oklch(83% 0 0);--gray-6:oklch(70% 0 0);--gray-7:oklch(55% 0 0);--gray-8:oklch(45% 0 0);--gray-9:oklch(35% 0 0);--gray-10:oklch(27% 0 0);--gray-11:oklch(21% 0 0);--gray-12:oklch(15% 0 0);--blue-4:oklch(80% .1 255);--blue-5:oklch(68% .16 255);--blue-6:oklch(55% .2 255);--blue-7:oklch(48% .21 255);--red-5:oklch(68% .18 25);--red-6:oklch(58% .22 25);--red-7:oklch(50% .22 25);--green-6:oklch(62% .17 150);--size-1:.25rem;--size-2:.5rem;--size-3:.75rem;--size-4:1rem;--size-5:1.5rem;--size-6:2rem;--size-7:3rem;--size-8:4rem;--radius-1:8px;--radius-2:16px;--radius-3:20px;--radius-4:24px;--radius-5:32px;--radius-full:9999px;--font-sans:system-ui, -apple-system, "Segoe UI", roboto, helvetica, arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:2rem;--leading-tight:1.2;--leading-normal:1.5;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--shadow-1:0 1px 2px #00000014;--shadow-2:0 12px 32px #14161a24;--shadow-3:0 24px 60px #14161a33;--border-width:1px;--ring-width:3px;--ring-offset:2px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.12s;--duration-base:.18s;color-scheme:light;--background:light-dark(oklch(96.1% .007 88.6),oklch(17.8% .006 271));--foreground:light-dark(oklch(20% .009 264.4),oklch(95.2% .004 91.4));--card:light-dark(var(--gray-0),oklch(21.7% .008 264.4));--card-foreground:var(--foreground);--popover:light-dark(var(--gray-0),oklch(21.7% .008 264.4));--popover-foreground:var(--foreground);--secondary:light-dark(oklch(98.5% .003 84.6),oklch(19.6% .006 271.1));--secondary-foreground:var(--foreground);--muted:light-dark(var(--gray-3),oklch(26.4% .01 260.7));--muted-foreground:light-dark(oklch(48.5% .012 267.3),oklch(64.863% .0101 258.447));--primary:light-dark(oklch(48.6% .272 267.3),oklch(68.1% .169 275));--primary-foreground:light-dark(var(--gray-0),oklch(17.8% .006 271));--accent:color-mix(in oklch, var(--primary) 12%, transparent);--accent-foreground:var(--primary);--border:light-dark(oklch(90.4% .013 86.8),oklch(30% .012 258.4));--input:light-dark(oklch(87.1% .013 86.8),oklch(36.6% .015 259.8));--ring:light-dark(var(--blue-7),oklch(68.1% .169 275));--destructive:light-dark(var(--red-7),var(--red-5));--destructive-foreground:light-dark(var(--gray-0),oklch(17.8% .006 271));--success:var(--green-6);--success-foreground:var(--gray-0);--warning:light-dark(oklch(72% .16 75),oklch(80% .14 85));--warning-foreground:var(--gray-12);--chart-1:var(--primary);--chart-2:var(--blue-5);--chart-3:var(--green-6);--chart-4:var(--red-5);--chart-5:var(--gray-7);--radius:var(--radius-3);--radius-xs:calc(var(--radius) * .4);--radius-sm:calc(var(--radius) * .8);--radius-md:var(--radius);--radius-lg:calc(var(--radius) * 1.2);--radius-xl:calc(var(--radius) * 1.6);--space-xs:var(--size-1);--space-sm:var(--size-2);--space-md:var(--size-3);--space-lg:var(--size-4);--space-xl:var(--size-5);--shadow-popover:var(--shadow-2);--shadow-modal:var(--shadow-3);--transition-colors:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);--presence-scale:.96;--transition-presence:opacity var(--duration-fast) var(--ease-out), scale var(--duration-fast) var(--ease-out), display var(--duration-fast) allow-discrete, overlay var(--duration-fast) allow-discrete}[data-theme=basic-light]{color-scheme:light}[data-theme=basic-dark]{color-scheme:dark}}@layer base{:root{--uiify-control-text:var(--text-sm)}@media (pointer:coarse){:root{--uiify-control-text:var(--text-base)}}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal)}[popover]:popover-open:not([data-positioning=native]){margin:revert}[data-positioning=native]{--uiify-anchor-offset:var(--space-sm)}:where([data-uiify-button],[data-uiify-input],[data-uiify-textarea],[data-uiify-select],[data-uiify-checkbox],[data-uiify-radio],[data-uiify-switch],[data-uiify-toggle]):focus-visible{box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);outline:none}}@layer demo;@layer components{:where([data-uiify-button]){border:var(--border-width) solid transparent;border-radius:var(--radius-md);corner-shape:squircle;background-color:var(--primary);min-block-size:36px;color:var(--primary-foreground);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:var(--transition-colors);background-clip:padding-box;justify-content:center;align-items:center;gap:.375rem;padding-block:0;padding-inline:.625rem;line-height:1.25rem;display:inline-flex}[data-uiify-button][data-size=sm]{border-radius:var(--radius-sm);corner-shape:squircle;gap:.25rem;min-block-size:32px;padding-inline:.5rem}[data-uiify-button][data-size=lg]{border-radius:var(--radius-lg);corner-shape:squircle;min-block-size:40px;font-size:var(--text-base);padding-inline:1rem}[data-uiify-button]:hover{background-color:color-mix(in oklch, var(--primary), transparent 20%)}[data-uiify-button]:active{background-color:color-mix(in oklch, var(--primary), var(--primary-foreground) 20%)}[data-uiify-button]:disabled,[data-uiify-button][data-disabled]{opacity:.5;cursor:not-allowed}[data-uiify-button][data-variant=ghost]{color:var(--foreground);border-color:var(--border);background-color:#0000}[data-uiify-button][data-variant=outline]{border-color:var(--input);background-color:var(--card);color:var(--foreground)}[data-uiify-button][data-variant=outline]:hover{background-color:var(--secondary)}[data-uiify-button][data-variant=solid]{background-color:var(--foreground);color:var(--background)}[data-uiify-button][data-variant=solid]:hover{background-color:var(--muted-foreground)}[data-uiify-button][data-variant=ghost]:hover{background-color:color-mix(in oklch, var(--foreground) 8%, transparent)}[data-uiify-button][data-variant=ghost]:active{background-color:color-mix(in oklch, var(--foreground) 14%, transparent)}[data-uiify-button][data-variant=destructive]{background-color:var(--destructive);color:var(--destructive-foreground)}[data-uiify-button][data-variant=destructive]:hover{background-color:color-mix(in oklch, var(--destructive), black 12%)}[data-uiify-button][data-variant=destructive]:active{background-color:color-mix(in oklch, var(--destructive), black 20%)}a[data-uiify-button],a[data-uiify-button]:is(:hover,:active){color:var(--primary);text-underline-offset:.2em;background:0 0;border:0;border-radius:0;padding-inline:0;text-decoration:underline}a[data-uiify-button]:focus-visible{outline:2px solid var(--ring);outline-offset:3px}:where([data-uiify-button],[data-uiify-toolbar][data-part=item],[data-uiify-toggle-group] [data-uiify-choice][data-part=item])[data-shape]{--uiify-button-size:36px}[data-uiify-button][data-shape][data-size=sm]{--uiify-button-size:32px}[data-uiify-button][data-shape][data-size=lg]{--uiify-button-size:40px}[data-uiify-button][data-shape],[data-uiify-toolbar][data-part=item][data-shape],[data-uiify-toggle-group] [data-uiify-choice][data-part=item][data-shape]>label{box-sizing:border-box;inline-size:var(--uiify-button-size);block-size:var(--uiify-button-size);min-inline-size:var(--uiify-button-size);min-block-size:var(--uiify-button-size);flex:none;padding:0}[data-uiify-button][data-shape=circle],[data-uiify-toolbar][data-part=item][data-shape=circle],[data-uiify-toggle-group] [data-uiify-choice][data-part=item][data-shape=circle]>label{border-radius:var(--radius-full);corner-shape:round}[data-uiify-surface]{gap:var(--space-md);inline-size:max-content;max-inline-size:min(28rem, calc(100vw - 2 * var(--space-lg)));padding:var(--space-lg);border:var(--border-width) solid var(--border);border-radius:var(--radius-xl);corner-shape:squircle;background-color:var(--card);color:var(--card-foreground);box-shadow:var(--shadow-popover);display:grid}[data-uiify-surface][popover]:not(:popover-open){display:none}@media (prefers-reduced-motion:no-preference){[data-uiify-surface][popover]{transition:var(--transition-presence)}[data-uiify-surface][popover]:not(:popover-open){opacity:0;scale:var(--presence-scale)}@starting-style{[data-uiify-surface][popover]:popover-open{opacity:0;scale:var(--presence-scale)}}}:where([data-uiify-input],[data-uiify-textarea]){inline-size:100%;max-inline-size:24rem;padding-block:var(--space-sm);padding-inline:var(--space-md);border:var(--border-width) solid var(--input);border-radius:var(--radius-md);corner-shape:squircle;background-color:var(--card);color:var(--foreground);font-size:var(--uiify-control-text);line-height:var(--leading-normal);transition:var(--transition-colors);display:block}:where([data-uiify-input],[data-uiify-textarea])::placeholder{color:var(--muted-foreground)}:where([data-uiify-input],[data-uiify-textarea]):focus-visible{border-color:var(--primary)}:where([data-uiify-input],[data-uiify-textarea]):disabled,:where([data-uiify-input],[data-uiify-textarea])[data-disabled]{opacity:.5;cursor:not-allowed}:is(:where([data-uiify-input],[data-uiify-textarea])[data-invalid],:where([data-uiify-input],[data-uiify-textarea]):user-invalid){border-color:var(--destructive)}:where([data-uiify-input],[data-uiify-textarea])[data-invalid]:focus-visible{outline-color:var(--destructive)}[data-uiify-textarea]{resize:vertical;min-block-size:4lh}[data-uiify-textarea][data-autosize]{field-sizing:content;resize:none}[data-uiify-field]{gap:var(--space-sm);inline-size:100%;max-inline-size:24rem;display:grid}[data-uiify-field] [data-part=label]{color:var(--foreground);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-normal)}[data-uiify-field] [data-part=label][data-required]:after{content:" *";color:var(--destructive)}[data-uiify-field] [data-part=description]{color:var(--muted-foreground);font-size:var(--text-xs);line-height:var(--leading-normal);margin:0}[data-uiify-field] [data-part=error]{color:var(--destructive);font-size:var(--text-xs);line-height:var(--leading-normal);margin:0}@media (prefers-reduced-motion:no-preference){[data-uiify-field] [data-part=error]{transition:opacity var(--duration-fast) var(--ease-out)}@starting-style{[data-uiify-field] [data-part=error]{opacity:0}}}:where([data-uiify-checkbox]>input,[data-uiify-radio]){appearance:none;border:var(--border-width) solid var(--input);background-color:var(--card);cursor:pointer;block-size:1.15rem;inline-size:1.15rem;transition:var(--transition-colors);place-content:center;margin:0;display:inline-grid}[data-uiify-checkbox]{--uiify-checkbox-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.6 8.6l3 3L12.4 4.8' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--foreground);font-size:var(--text-sm);line-height:var(--leading-normal);display:inline-flex}[data-uiify-checkbox]>input{border-radius:var(--radius-xs);corner-shape:squircle}[data-uiify-radio]{border-radius:var(--radius-full)}[data-uiify-checkbox]>input:checked,[data-uiify-checkbox]>input[data-state=checked]{border-color:var(--primary);background-color:var(--primary)}[data-uiify-radio]:checked,[data-uiify-radio][data-state=checked]{border-width:5px;border-color:var(--primary);background-color:var(--card)}[data-uiify-checkbox]>input:before{content:"";block-size:1rem;inline-size:1rem;transition:transform var(--duration-fast) var(--ease-out);background-color:var(--primary-foreground);mask:var(--uiify-checkbox-mask);transform:scale(0)}[data-uiify-checkbox]>input:checked:before,[data-uiify-checkbox]>input[data-state=checked]:before{transform:scale(1)}[data-uiify-checkbox]>input:indeterminate,[data-uiify-checkbox]>input[data-state=indeterminate]{border-color:var(--primary);background-color:var(--primary)}[data-uiify-checkbox]>input:indeterminate:before,[data-uiify-checkbox]>input[data-state=indeterminate]:before{clip-path:inset(42% 12%);transform:scale(1);mask:none}:where([data-uiify-checkbox]>input,[data-uiify-radio]):disabled,:where([data-uiify-checkbox]>input,[data-uiify-radio])[data-disabled],[data-uiify-checkbox]:has(>input:disabled){opacity:.5;cursor:not-allowed}[data-uiify-radio-group]{gap:var(--space-md);flex-direction:column;display:flex}[data-uiify-switch]{appearance:none;border-radius:var(--radius-full);background-color:var(--input);cursor:pointer;block-size:1.25rem;inline-size:2.25rem;transition:background-color var(--duration-fast) var(--ease-out);border:none;flex:none;margin:0;position:relative}[data-uiify-switch]:before{content:"";border-radius:var(--radius-full);background-color:var(--gray-0);block-size:calc(1.25rem - 4px);inline-size:calc(1.25rem - 4px);box-shadow:var(--shadow-1);transition:translate var(--duration-fast) var(--ease-out);position:absolute;inset-block-start:2px;inset-inline-start:2px}[data-uiify-switch]:checked,[data-uiify-switch][data-state=checked]{background-color:var(--primary)}[data-uiify-switch]:checked:before,[data-uiify-switch][data-state=checked]:before{translate:1rem}[data-uiify-switch]:disabled,[data-uiify-switch][data-disabled]{opacity:.5;cursor:not-allowed}label:has([data-uiify-radio]),[data-uiify-radio-group] label{-webkit-user-select:none;user-select:none;cursor:pointer}:where([data-uiify-radio-group]){padding:var(--space-md);flex-direction:column;display:flex}[data-uiify-radio-group] [data-part=item]{align-items:center;gap:var(--space-sm);display:flex}[data-uiify-radio-group] [data-part=item]>input{flex:none}[data-uiify-radio-group] [data-part=item]>label{flex:auto}[data-uiify-slider],[data-uiify-slider-client]{--uiify-slider-track-size:.375rem;--uiify-slider-track-radius:999px;--uiify-slider-thumb-size:1.125rem}[data-uiify-slider]{box-sizing:border-box;appearance:none;cursor:pointer;background-color:#0000;min-block-size:2.75rem;inline-size:100%;min-inline-size:14rem;max-inline-size:22rem;padding-inline:.5625rem;display:block}[data-uiify-slider]::-webkit-slider-runnable-track{block-size:var(--uiify-slider-track-size);border-radius:var(--uiify-slider-track-radius);background:linear-gradient(to right, var(--primary) 0 var(--uiify-slider-progress,50%), var(--muted) var(--uiify-slider-progress,50%) 100%)}[data-uiify-slider]::-webkit-slider-thumb{box-sizing:border-box;inline-size:var(--uiify-slider-thumb-size);block-size:var(--uiify-slider-thumb-size);border:2px solid var(--background);background:var(--primary);box-shadow:0 0 0 1px var(--primary);appearance:none;border-radius:50%;margin-block-start:calc((var(--uiify-slider-track-size) - var(--uiify-slider-thumb-size)) / 2)}[data-uiify-slider]::-moz-range-thumb{box-sizing:border-box;inline-size:var(--uiify-slider-thumb-size);block-size:var(--uiify-slider-thumb-size);border:2px solid var(--background);background:var(--primary);box-shadow:0 0 0 1px var(--primary);border-radius:50%}[data-uiify-slider]::-moz-range-track{block-size:var(--uiify-slider-track-size);border-radius:var(--uiify-slider-track-radius);background:linear-gradient(to right, var(--primary) 0 var(--uiify-slider-progress,50%), var(--muted) var(--uiify-slider-progress,50%) 100%);border:0}[data-uiify-slider]::-moz-range-progress{background:0 0}[dir=rtl] [data-uiify-slider]::-webkit-slider-runnable-track{background-image:linear-gradient(to left, var(--primary) 0 var(--uiify-slider-progress,50%), var(--muted) var(--uiify-slider-progress,50%) 100%)}[dir=rtl] [data-uiify-slider]::-moz-range-track{background-image:linear-gradient(to left, var(--primary) 0 var(--uiify-slider-progress,50%), var(--muted) var(--uiify-slider-progress,50%) 100%)}[data-uiify-slider]:focus-visible{outline:3px solid var(--ring);outline-offset:.25rem}[data-uiify-slider]:disabled,[data-uiify-slider][data-disabled]{opacity:.55;cursor:not-allowed}[data-uiify-slider-client]{min-block-size:2.75rem;inline-size:100%;min-inline-size:14rem;max-inline-size:22rem;accent-color:var(--primary);align-items:center;display:grid;position:relative}[data-uiify-slider-client]>input[data-part=thumb]{block-size:100%;inline-size:100%;accent-color:var(--primary);opacity:.001;margin:0;position:absolute;inset:0}[data-uiify-slider-client] [data-part=track]{block-size:var(--uiify-slider-track-size);border-radius:var(--uiify-slider-track-radius);background:var(--muted);pointer-events:none;display:block;position:absolute;inset-block-start:50%;inset-inline:.5625rem;translate:0 -50%}[data-uiify-slider-client][data-enhanced][data-range]>input[data-part=thumb]:first-of-type{clip-path:inset(0 calc(100% - var(--uiify-slider-middle)) 0 0)}[data-uiify-slider-client][data-enhanced][data-range]>input[data-part=thumb]:last-of-type{clip-path:inset(0 0 0 var(--uiify-slider-middle))}[data-uiify-slider-client] [data-part=range]{inline-size:calc(var(--uiify-slider-end) - var(--uiify-slider-start));border-radius:var(--uiify-slider-track-radius);background:var(--primary);position:absolute;inset-block:0;inset-inline-start:var(--uiify-slider-start)}[data-uiify-slider-client] [data-part=mark]{z-index:1;color:var(--muted-foreground);text-align:center;justify-items:center;gap:.25rem;font-size:.75rem;line-height:1;display:grid;position:absolute;inset-block-start:calc(50% + .8rem);inset-inline-start:var(--uiify-slider-position);translate:-50%}[data-uiify-slider-client] [data-part=mark]:before{content:"";background:currentColor;block-size:.4rem;inline-size:1px}[data-uiify-slider-client] [data-part=visual-thumb]{z-index:2;inline-size:var(--uiify-slider-thumb-size);aspect-ratio:1;border:2px solid var(--background);background:var(--primary);box-shadow:0 0 0 1px var(--primary);border-radius:50%;position:absolute;inset-block-start:50%;inset-inline-start:var(--uiify-slider-position);translate:-50% -50%}[data-uiify-slider-client]:has(input:focus-visible) [data-part=track]{outline:3px solid var(--ring);outline-offset:.25rem}[data-uiify-slider-client][data-disabled]{opacity:.55;cursor:not-allowed}[data-uiify-slider-client][data-disabled]>input{cursor:not-allowed}[data-uiify-slider-client][data-orientation=vertical]{writing-mode:vertical-rl;block-size:3rem;inline-size:14rem;max-inline-size:none}[data-uiify-slider-client][data-orientation=vertical] [data-part=track]{block-size:.375rem;inline-size:auto;inset-block:50% auto;inset-inline:.5625rem;translate:50%}[data-uiify-slider-client][data-enhanced][data-range][data-orientation=vertical]>input[data-part=thumb]:first-of-type{clip-path:inset(0 0 calc(100% - var(--uiify-slider-middle)) 0)}[data-uiify-slider-client][data-enhanced][data-range][data-orientation=vertical]>input[data-part=thumb]:last-of-type{clip-path:inset(var(--uiify-slider-middle) 0 0 0)}[data-uiify-slider-client][data-orientation=vertical] [data-part=range]{inset-block:0;inset-inline:var(--uiify-slider-start) auto;inline-size:calc(var(--uiify-slider-end) - var(--uiify-slider-start));block-size:100%}[data-uiify-slider-client][data-orientation=vertical] [data-part=mark]{writing-mode:horizontal-tb;justify-items:start;inset-block-start:var(--uiify-slider-position);inset-inline:calc(50% + .8rem) auto;translate:0 -50%}[data-uiify-slider-client][data-orientation=vertical] [data-part=mark]:before{block-size:1px;inline-size:.4rem}[data-uiify-slider-client][data-orientation=vertical] [data-part=visual-thumb]{inset-block-start:50%;inset-inline-start:var(--uiify-slider-position);translate:50% -50%}[data-uiify-toggle]>[data-part=label]{min-inline-size:2.25rem;padding-block:var(--space-sm);padding-inline:var(--space-md);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);corner-shape:squircle;background-color:var(--card);color:var(--foreground);font-size:var(--text-sm);line-height:var(--leading-normal);font-weight:var(--weight-medium);cursor:pointer;transition:var(--transition-colors);justify-content:center;align-items:center;display:inline-flex}[data-uiify-toggle]{display:inline-flex;position:relative}[data-uiify-toggle]>[data-part=label]:hover{background-color:var(--secondary)}[data-uiify-toggle]:has(>input:checked)>[data-part=label],[data-uiify-toggle]:has(>input[data-state=on])>[data-part=label]{background-color:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}[data-uiify-toggle][data-disabled]>[data-part=label],[data-uiify-toggle]:has(>input:disabled)>[data-part=label]{opacity:.5;cursor:not-allowed}[data-uiify-toggle]>input{opacity:0;cursor:pointer;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}[data-uiify-toggle]>input:disabled{cursor:not-allowed}[data-uiify-toggle]>input:focus-visible+[data-part=label]{box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);outline:none}[data-uiify-toggle-group]{gap:var(--space-xs);display:inline-flex}[data-uiify-toggle-group][data-orientation=vertical]{flex-direction:column}[data-uiify-toggle-group] [data-part=item]{position:relative}[data-uiify-toggle-group] [data-part=item]>input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:hidden}[data-uiify-toggle-group] [data-part=item]>label{min-inline-size:2.25rem;padding-block:var(--space-sm);padding-inline:var(--space-md);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);corner-shape:squircle;background-color:var(--card);color:var(--foreground);font-size:var(--text-sm);line-height:var(--leading-normal);font-weight:var(--weight-medium);cursor:pointer;transition:var(--transition-colors);justify-content:center;align-items:center;display:inline-flex}[data-uiify-toggle-group] [data-part=item]>label:hover{background-color:var(--secondary)}[data-uiify-toggle-group] [data-part=item]:has(>input:checked)>label{background-color:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}[data-uiify-toggle-group] [data-part=item]:has(>input:disabled)>label{opacity:.5;cursor:not-allowed}[data-uiify-toggle-group] [data-part=item]>input:focus-visible+label{box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);outline:none}:where([data-uiify-dialog][data-part=content],[data-uiify-modal][data-part=content],[data-uiify-alert-modal][data-part=content],[data-uiify-drawer][data-part=content]){inline-size:min(28rem, calc(100vw - 2 * var(--space-lg)));padding:var(--space-xl);border:var(--border-width) solid var(--border);border-radius:var(--radius-xl);corner-shape:squircle;background-color:var(--popover);color:var(--popover-foreground);box-shadow:var(--shadow-modal);margin:auto}:where([data-uiify-dialog][data-part=content],[data-uiify-modal][data-part=content],[data-uiify-alert-modal][data-part=content],[data-uiify-drawer][data-part=content])::backdrop{background-color:#00000073}:where([data-uiify-dialog],[data-uiify-modal],[data-uiify-alert-modal],[data-uiify-drawer]) [data-part=title]{font-size:var(--text-xl);font-weight:var(--weight-semibold);margin:0;line-height:1.3}:where([data-uiify-dialog],[data-uiify-modal],[data-uiify-alert-modal],[data-uiify-drawer]) [data-part=description]{margin-block:var(--space-sm) var(--space-lg);color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--leading-normal)}@media (prefers-reduced-motion:no-preference){:where([data-uiify-dialog][data-part=content],[data-uiify-modal][data-part=content],[data-uiify-alert-modal][data-part=content],[data-uiify-drawer][data-part=content]),:where([data-uiify-dialog][data-part=content],[data-uiify-modal][data-part=content],[data-uiify-alert-modal][data-part=content],[data-uiify-drawer][data-part=content])::backdrop{transition:var(--transition-presence)}:where([data-uiify-dialog][data-part=content],[data-uiify-modal][data-part=content],[data-uiify-alert-modal][data-part=content]):not([open]){opacity:0;scale:var(--presence-scale)}:where([data-uiify-dialog][data-part=content],[data-uiify-modal][data-part=content],[data-uiify-alert-modal][data-part=content],[data-uiify-drawer][data-part=content]):not([open])::backdrop{opacity:0}@starting-style{:where([data-uiify-dialog][data-part=content],[data-uiify-modal][data-part=content],[data-uiify-alert-modal][data-part=content])[open]{opacity:0;scale:var(--presence-scale)}:where([data-uiify-dialog][data-part=content],[data-uiify-modal][data-part=content],[data-uiify-alert-modal][data-part=content],[data-uiify-drawer][data-part=content])[open]::backdrop{opacity:0}}}[data-uiify-modal][data-part=content]{--uiify-modal-inline-size:28rem;gap:var(--space-md);inline-size:min(var(--uiify-modal-inline-size), calc(100vw - 2 * var(--space-lg)));max-block-size:calc(100dvh - 2 * var(--space-lg));flex-direction:column}[data-uiify-modal][data-part=content][open]{display:flex}[data-uiify-modal][data-part=content][data-size=sm]{--uiify-modal-inline-size:24rem}[data-uiify-modal][data-part=content][data-size=lg]{--uiify-modal-inline-size:40rem}[data-uiify-modal][data-part=content][data-size=full]{block-size:100%;max-block-size:none;inline-size:100%;max-inline-size:none;padding-block:max(var(--space-xl), env(safe-area-inset-top)) max(var(--space-xl), env(safe-area-inset-bottom));padding-inline:max(var(--space-xl), env(safe-area-inset-left)) max(var(--space-xl), env(safe-area-inset-right));border:0;border-radius:0;margin:0;inset:0}@media (width>=40rem){[data-uiify-modal][data-part=content][data-align=start]:not([data-size=full]){margin-block:var(--space-xl) auto}}[data-uiify-modal][data-part=header]{flex:none;padding-inline-end:2.5rem;position:relative}[data-uiify-modal][data-part=close][data-uiify-button]{background-color:color-mix(in oklch, var(--foreground) 8%, transparent);color:var(--foreground);border-color:#0000}[data-uiify-modal][data-part=close][data-uiify-button]:hover{background-color:color-mix(in oklch, var(--foreground) 14%, transparent)}[data-uiify-modal][data-part=close][data-uiify-button]:active{background-color:color-mix(in oklch, var(--foreground) 20%, transparent)}[data-uiify-modal][data-part=header]>[data-part=close]{border-radius:999px;place-items:center;block-size:2rem;min-block-size:0;inline-size:2rem;padding:0;display:grid;position:absolute;inset-block-start:0;inset-inline-end:0}[data-uiify-modal][data-part=body]{overscroll-behavior:contain;flex:auto;min-block-size:0;overflow:auto}[data-uiify-modal][data-part=footer]{justify-content:flex-end;gap:var(--space-sm);flex-wrap:wrap;flex:none;display:flex}@media (pointer:coarse){[data-uiify-modal][data-part=header]{padding-inline-end:2.75rem}[data-uiify-modal][data-part=header]>[data-part=close]{min-block-size:2.75rem;min-inline-size:2.75rem}[data-uiify-modal][data-part=footer]>*{min-block-size:2.75rem}}[data-uiify-modal][data-part=grabber]{block-size:1.5rem;margin-block:calc(-1 * var(--space-md)) calc(-1 * var(--space-sm));touch-action:none;flex:none;display:none}[data-uiify-modal][data-part=grabber]:after{content:"";background-color:var(--border);border-radius:999px;block-size:.25rem;inline-size:2.25rem;margin:.5rem auto 0;display:block}@media (width<40rem){[data-uiify-modal][data-part=content]:not([data-size=full]){min-block-size:50dvh;max-block-size:80dvh;inline-size:100%;max-inline-size:100%;border-block-end-width:0;border-end-end-radius:0;border-end-start-radius:0;margin:auto 0 0;padding-block-end:calc(var(--space-xl) + env(safe-area-inset-bottom))}[data-uiify-modal][data-part=content]:not([data-size=full]):has(>[data-uiify-modal][data-part=body]),[data-uiify-modal][data-part=content]:not([data-size=full]) [data-uiify-modal][data-part=header]{touch-action:none}[data-uiify-modal][data-part=body]{touch-action:pan-y}[data-uiify-modal][data-part=content]:not([data-size=full])>[data-part=grabber]{display:block}}@media (width<40rem) and (prefers-reduced-motion:no-preference){[data-uiify-modal][data-part=content]:not([data-size=full]){transition:translate var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out), display var(--duration-fast) allow-discrete, overlay var(--duration-fast) allow-discrete}[data-uiify-modal][data-part=content]:not([data-size=full],[open]){translate:0 100%;scale:1}@starting-style{[data-uiify-modal][data-part=content]:not([data-size=full])[open]{translate:0 100%;scale:1}}}[data-uiify-modal][data-part=content][data-dragging][open]:not([data-size=full]){translate:0 var(--uiify-sheet-offset,0);transition:none}[data-uiify-modal][data-part=content][data-backdrop=blur]::backdrop{backdrop-filter:blur(4px)}[data-uiify-modal][data-part=content][data-backdrop=none]::backdrop{background-color:#0000}[data-uiify-modal][data-part=content] [data-uiify-modal][data-part=content]::backdrop{backdrop-filter:none;background-color:#0000}[data-uiify-modal][data-part=content]:has([data-uiify-modal][data-part=content]:modal){filter:brightness(.9)}@media (width>=40rem){[data-uiify-modal][data-part=content]:has([data-uiify-modal][data-part=content]:modal){scale:.97}}[data-uiify-alert-modal][data-part=content]{gap:var(--space-md);display:none}[data-uiify-alert-modal][data-part=content][open]{display:grid}[data-uiify-alert-modal] [data-part=footer]{justify-content:flex-end;gap:var(--space-sm);border-block-start:1px solid var(--border);padding-block-start:var(--space-md);display:flex}:where([data-uiify-popover][data-part=surface],[data-uiify-popup][data-part=content],[data-uiify-hover-card][data-part=content]){gap:var(--space-sm);inline-size:max-content;max-inline-size:18rem;padding:var(--space-md);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);corner-shape:squircle;background-color:var(--popover);color:var(--popover-foreground);box-shadow:var(--shadow-popover);flex-direction:column;display:flex}:where([data-uiify-popover][data-part=surface],[data-uiify-popup][data-part=content],[data-uiify-hover-card][data-part=content])[data-state=closed]{display:none}[data-uiify-tooltip]{inline-size:max-content;max-inline-size:16rem;padding-block:var(--space-xs);padding-inline:var(--space-sm);border-radius:var(--radius-sm);corner-shape:squircle;background-color:var(--foreground);color:var(--background);font-size:var(--text-xs);line-height:var(--leading-normal);box-shadow:var(--shadow-popover);border:none;display:block}:where([data-uiify-tooltip])[data-state=closed]{display:none}@media (prefers-reduced-motion:no-preference){:where([data-uiify-popover][data-part=surface],[data-uiify-popup][data-part=content],[data-uiify-hover-card][data-part=content],[data-uiify-tooltip]){transition:var(--transition-presence)}:where([data-uiify-popover][data-part=surface],[data-uiify-popup][data-part=content],[data-uiify-hover-card][data-part=content],[data-uiify-tooltip])[popover]:not(:popover-open){opacity:0;scale:var(--presence-scale)}@starting-style{:where([data-uiify-popover][data-part=surface],[data-uiify-popup][data-part=content],[data-uiify-hover-card][data-part=content],[data-uiify-tooltip]):popover-open{opacity:0;scale:var(--presence-scale)}}}[data-uiify-menu-bar]{align-items:center;gap:var(--space-xs);padding:var(--space-xs);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);corner-shape:squircle;background-color:var(--background);display:inline-flex}:where([data-uiify-menu] :is([data-part=content],[data-part=sub-content]),[data-uiify-menu]:is([data-part=content],[data-part=sub-content])){overscroll-behavior:contain;max-block-size:min(24rem,100dvb - 2rem);min-inline-size:12rem;padding:var(--space-xs);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);corner-shape:squircle;background-color:var(--popover);color:var(--popover-foreground);box-shadow:var(--shadow-popover);transform-origin:var(--transform-origin,top);flex-direction:column;display:flex;overflow-y:auto}:where([data-uiify-menu] :is([data-part=content],[data-part=sub-content]),[data-uiify-menu]:is([data-part=content],[data-part=sub-content]))[data-state=closed]{display:none}[data-uiify-menu] :is([data-part=item],[data-part=checkbox-item],[data-part=radio-item],[data-part=sub-trigger]){align-items:center;column-gap:var(--space-md);padding-block:var(--space-sm);padding-inline:var(--space-md);border-radius:calc(var(--radius-lg) - var(--space-xs));corner-shape:squircle;cursor:pointer;-webkit-user-select:none;user-select:none;inline-size:100%;color:inherit;font:inherit;line-height:var(--leading-normal);text-align:start;appearance:none;background:0 0;border:0;display:flex;font-size:var(--text-sm)!important}[data-uiify-menu] :is([data-part=item],[data-part=checkbox-item],[data-part=radio-item],[data-part=sub-trigger]):is(:hover,:focus-visible,[data-highlighted]){background-color:var(--accent);color:var(--accent-foreground);outline:none}[data-uiify-menu] [data-part=radio-item]:hover[role=menuitemradio][data-state=checked] [data-part=item-indicator],[data-uiify-menu] [data-part=radio-item]:focus-visible[role=menuitemradio][data-state=checked] [data-part=item-indicator],[data-uiify-menu] [data-part=radio-item][data-highlighted][role=menuitemradio][data-state=checked] [data-part=item-indicator]{border-color:var(--accent-foreground)}[data-uiify-menu] :is([data-part=item],[data-part=checkbox-item],[data-part=radio-item],[data-part=sub-trigger]):is([aria-disabled=true],[data-disabled]){opacity:.5;pointer-events:none}[data-uiify-menu] :is([data-part=item],[data-part=checkbox-item],[data-part=radio-item],[data-part=sub-trigger])[data-danger]{color:var(--destructive,var(--foreground))}[data-uiify-menu] :is([data-part=item],[data-part=checkbox-item],[data-part=radio-item],[data-part=sub-trigger])[data-danger]:is(:hover,:focus-visible,[data-highlighted]){background-color:var(--destructive);color:var(--destructive-foreground)}[data-uiify-menu] [data-part=item-icon],[data-uiify-menu] [data-part=item-indicator]{flex:0 0 1.15rem;place-items:center;block-size:1.15rem;inline-size:1.15rem;display:inline-grid}[data-uiify-menu] [data-part=item-indicator]{border:var(--border-width) solid var(--input);border-radius:var(--radius-xs);corner-shape:squircle;color:#0000}[role=menuitemcheckbox][data-state=checked] [data-part=item-indicator],[role=menuitemcheckbox][data-state=indeterminate] [data-part=item-indicator]{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}[role=menuitemcheckbox][data-state=checked] [data-part=item-indicator]:before{clip-path:polygon(14% 44%,0 65%,38% 100%,100% 22%,84% 6%,38% 68%);content:"";background-color:currentColor;block-size:.65rem;inline-size:.65rem}[role=menuitemcheckbox][data-state=indeterminate] [data-part=item-indicator]:before{content:"";background:currentColor;block-size:.12rem;inline-size:.65rem}[role=menuitemradio] [data-part=item-indicator]{border-radius:50%}[role=menuitemradio][data-state=checked] [data-part=item-indicator]{border-width:5px;border-color:var(--primary);background:var(--card)}[role=menuitemradio][data-state=checked] [data-part=item-indicator]:before{content:none}[data-uiify-menu] [data-part=item-icon]>svg,[data-uiify-menu] [data-part=item-indicator]>svg{block-size:100%;inline-size:100%;display:block}[data-uiify-menu] [data-part=item-text]{flex:auto;min-inline-size:0;display:grid}[data-uiify-menu] [data-part=item-description]{color:var(--muted-foreground);font-size:var(--text-xs);line-height:var(--leading-normal)}[data-uiify-menu] :is([data-part=item],[data-part=checkbox-item],[data-part=radio-item],[data-part=sub-trigger]):is(:hover,:focus-visible,[data-highlighted]) [data-part=item-description]{color:inherit;opacity:.8}[data-uiify-menu] [data-part=shortcut]{color:var(--muted-foreground);font-size:var(--text-xs);font-family:inherit;font-weight:inherit;white-space:nowrap;margin-inline-start:auto;line-height:1}[data-uiify-menu] :is([data-part=item],[data-part=checkbox-item],[data-part=radio-item],[data-part=sub-trigger]):is(:hover,:focus-visible,[data-highlighted]) [data-part=shortcut]{color:inherit;opacity:.85}[data-uiify-menu] [data-part=label]{padding-block:var(--space-xs);padding-inline:var(--space-md);color:var(--muted-foreground);font-size:var(--text-xs);font-weight:var(--weight-semibold)}[data-uiify-menu] [data-part=separator]{block-size:var(--border-width);margin-block:var(--space-xs);margin-inline:calc(-1 * var(--space-xs));background-color:var(--border)}[data-uiify-menu] [data-part=sub-content]{min-inline-size:11rem}[data-uiify-menu] [data-part=sub-content][data-side=right]{--uiify-anchor-offset:0;inset-block-start:calc(anchor(start) - var(--space-xs))}@media (prefers-reduced-motion:no-preference){:where([data-uiify-menu] :is([data-part=content],[data-part=sub-content]),[data-uiify-menu]:is([data-part=content],[data-part=sub-content])){transition:var(--transition-presence)}:where([data-uiify-menu] :is([data-part=content],[data-part=sub-content]),[data-uiify-menu]:is([data-part=content],[data-part=sub-content]))[popover]:not(:popover-open){opacity:0;scale:var(--presence-scale)}@starting-style{:where([data-uiify-menu] :is([data-part=content],[data-part=sub-content]),[data-uiify-menu]:is([data-part=content],[data-part=sub-content])):popover-open{opacity:0;scale:var(--presence-scale)}}}:is([data-uiify-dropdown-menu],[data-uiify-context-menu]) [role=menuitemradio] [data-part=item-indicator]{corner-shape:round;border-radius:50%}[data-uiify-select]{align-items:center;gap:var(--space-md);inline-size:100%;min-inline-size:12rem;max-inline-size:16rem;padding-block:var(--space-sm);padding-inline:var(--space-md);border:var(--border-width) solid var(--input);border-radius:var(--radius-md);corner-shape:squircle;background-color:var(--card);color:var(--foreground);font-size:var(--uiify-control-text);line-height:var(--leading-normal);cursor:pointer;transition:var(--transition-colors);display:flex}[data-uiify-select]:focus-visible{border-color:var(--primary)}[data-uiify-select]:disabled,[data-uiify-select][data-disabled]{opacity:.5;cursor:not-allowed}[data-uiify-select]::picker-icon{content:"";border-inline-end:2px solid var(--muted-foreground);border-block-end:2px solid var(--muted-foreground);block-size:.3rem;inline-size:.3rem;transition:rotate var(--duration-fast) var(--ease-out);margin-block-end:.1rem;margin-inline-start:auto;padding:0;display:inline-block;rotate:45deg}[data-uiify-select]:open::picker-icon{margin-block-end:-.2rem;rotate:225deg}[data-uiify-select]::picker(select){max-block-size:min(24rem,100dvb - 2rem);min-inline-size:12rem;padding:var(--space-xs);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);corner-shape:squircle;background-color:var(--popover);color:var(--popover-foreground);box-shadow:var(--shadow-popover);overscroll-behavior:contain;inset-block-start:calc(anchor(bottom) + var(--space-sm))}@media (prefers-reduced-motion:no-preference){[data-uiify-select]::picker(select){transition:var(--transition-presence)}[data-uiify-select]:not(:open)::picker(select){opacity:0;scale:var(--presence-scale)}@starting-style{[data-uiify-select]:open::picker(select){opacity:0;scale:var(--presence-scale)}}}[data-uiify-select] optgroup{padding-block-start:var(--space-xs);padding-inline:var(--space-md);color:var(--muted-foreground);font-size:var(--text-xs);font-weight:var(--weight-semibold)}[data-uiify-select] optgroup option{margin-inline:calc(-1 * var(--space-md));inline-size:calc(100% + 2 * var(--space-md))}[data-uiify-select] option{align-items:center;column-gap:var(--space-md);padding-block:var(--space-sm);padding-inline:var(--space-md);border-radius:calc(var(--radius-lg) - var(--space-xs));corner-shape:squircle;color:var(--foreground);cursor:pointer;display:flex;font-size:var(--text-sm)!important}[data-uiify-select] option:hover,[data-uiify-select] option:focus-visible{background-color:var(--accent);color:var(--accent-foreground)}[data-uiify-select] option:disabled{opacity:.5;pointer-events:none}[data-uiify-select] option::checkmark{box-sizing:border-box;border-radius:var(--radius-xs);corner-shape:squircle;background:var(--primary);content:"";flex:0 0 1.15rem;order:-1;block-size:1.15rem;inline-size:1.15rem;display:block;mask-image:linear-gradient(#000 0 0),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.6 8.6l3 3L12.4 4.8' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-position:0 0,50%;mask-size:auto,100% 100%;mask-repeat:repeat,no-repeat;mask-clip:border-box,border-box;mask-origin:border-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}[data-uiify-select] hr{margin-block:var(--space-xs);border:0;border-block-start:var(--border-width) solid var(--border)}@media (prefers-reduced-motion:reduce){[data-uiify-select]::picker-icon{transition:none}[data-uiify-select]::picker(select){transition:none}}[data-uiify-tabs] [data-part=trigger]{padding-block:var(--space-sm);padding-inline:var(--space-md);color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--leading-normal);font-weight:var(--weight-medium);cursor:pointer;border:none;transition:var(--transition-colors);background:0 0;border-block-end:2px solid #0000;margin-block-end:calc(-1 * var(--border-width))}[data-uiify-tabs] [data-part=trigger]:hover{color:var(--foreground)}[data-uiify-tabs] [data-part=trigger][data-state=active]{border-block-end-color:var(--primary);color:var(--foreground);font-weight:var(--weight-semibold)}[data-uiify-tabs] [data-part=panel]{font-size:var(--text-sm);line-height:var(--leading-normal)}[data-uiify-tabs]>[data-part=item]{display:contents}[data-uiify-tabs]{grid-template-rows:auto auto;grid-auto-columns:max-content;grid-auto-flow:column;align-items:start;gap:0;display:grid}[data-uiify-tabs]>[data-part=item]>input{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:hidden}[data-uiify-tabs]>[data-part=item]>label{padding-block:var(--space-sm);padding-inline:var(--space-md);color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--leading-normal);font-weight:var(--weight-medium);cursor:pointer;border-block-end:2px solid #0000;grid-row:1;display:inline-flex}[data-uiify-tabs]>[data-part=item]>label:hover{color:var(--foreground)}[data-uiify-tabs]>[data-part=item]:has(>input:checked)>label{border-block-end-color:var(--primary);color:var(--foreground);font-weight:var(--weight-semibold)}[data-uiify-tabs]>[data-part=item]>input:focus-visible+label{box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);outline:none}[data-uiify-tabs]>[data-part=item]>[data-part=panel]{font-size:var(--text-sm);line-height:var(--leading-normal);grid-area:2/1/auto/-1}@media (prefers-reduced-motion:no-preference){[data-uiify-tabs]>[data-part=item]>[data-part=panel]{transition:opacity var(--duration-fast) var(--ease-out)}@starting-style{[data-uiify-tabs]>[data-part=item]>[data-part=control]:checked~[data-part=panel]{opacity:0}}}:where([data-uiify-accordion]){border:var(--border-width) solid var(--border);border-radius:var(--radius-xl);corner-shape:squircle;inline-size:100%;overflow:hidden}[data-uiify-accordion]>[data-part=item]{border-block-end:var(--border-width) solid var(--border)}[data-uiify-accordion]>[data-part=item]:last-child{border-block-end:none}[data-uiify-accordion] [data-part=trigger]{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-lg);font-size:var(--text-sm);line-height:var(--leading-normal);font-weight:var(--weight-medium);cursor:pointer;list-style:none;display:flex}[data-uiify-accordion] [data-part=trigger]::-webkit-details-marker{display:none}[data-uiify-accordion] [data-part=trigger]:hover{background-color:var(--secondary)}[data-uiify-accordion] [data-part=trigger]:focus-visible{box-shadow:inset 0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);outline:none}[data-uiify-accordion] [data-part=trigger]:after{content:"+";block-size:1.5rem;inline-size:1.5rem;color:var(--muted-foreground);transition:rotate var(--duration-fast) var(--ease-out);flex:0 0 1.5rem;place-items:center;font:1.25rem/1 ui-monospace,monospace;display:grid}[data-uiify-accordion] [data-part=item][open]>[data-part=trigger]:after{content:"−"}[data-uiify-accordion] [data-part=item][open]>[data-part=trigger]{color:var(--primary)}[data-uiify-accordion]{interpolate-size:allow-keywords}[data-uiify-accordion]>[data-part=item]::details-content{block-size:0;overflow:clip}[data-uiify-accordion]>[data-part=item][open]::details-content{block-size:auto}@media (prefers-reduced-motion:no-preference){[data-uiify-accordion]>[data-part=item]::details-content{opacity:0;transition:opacity var(--duration-fast) var(--ease-out), block-size var(--duration-fast) var(--ease-out), content-visibility var(--duration-fast) allow-discrete}[data-uiify-accordion]>[data-part=item][open]::details-content{opacity:1}}[data-uiify-accordion] [data-part=panel]{padding-block:0 var(--space-lg);padding-inline:var(--space-lg);color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--leading-normal)}[data-uiify-combobox]{inline-size:100%;max-inline-size:18rem;position:relative}[data-uiify-combobox] [data-part=control]{align-items:center;gap:var(--space-xs);min-block-size:2.5rem;inline-size:100%;padding-block:var(--space-sm);padding-inline:var(--space-md);border:var(--border-width) solid var(--input);border-radius:var(--radius-md);corner-shape:squircle;background-color:var(--card);color:var(--foreground);transition:var(--transition-colors);flex-wrap:wrap;display:flex}[data-uiify-combobox] [data-part=control]:focus-within{border-color:var(--primary)}[data-uiify-combobox] [data-part=control][data-disabled],[data-uiify-combobox] [data-part=control]:has([data-part=input]:disabled){opacity:.5;cursor:not-allowed}[data-uiify-combobox] [data-part=control] [data-part=tags]{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}[data-uiify-combobox] [data-part=control] [data-part=tag]{align-items:center;gap:var(--space-xs);padding-block:var(--space-xs);padding-inline:var(--space-sm);border-radius:var(--radius-xs);corner-shape:squircle;background-color:var(--accent);color:var(--accent-foreground);font-size:var(--text-xs);font-weight:var(--weight-medium);display:inline-flex}[data-uiify-combobox] [data-part=control] [data-part=tag-remove]{border-radius:var(--radius-xs);corner-shape:squircle;block-size:1.25rem;inline-size:1.25rem;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex:0 0 1.25rem;place-items:center;padding:0;line-height:1;display:inline-grid}[data-uiify-combobox] [data-part=control] [data-part=tag-remove]:hover,[data-uiify-combobox] [data-part=control] [data-part=tag-remove]:focus-visible{background-color:var(--primary);color:var(--primary-foreground)}[data-uiify-combobox] [data-part=input]{inline-size:100%;padding-block:var(--space-sm);padding-inline:var(--space-md);border:var(--border-width) solid var(--input);border-radius:var(--radius-md);corner-shape:squircle;background-color:var(--card);color:var(--foreground);font-size:var(--uiify-control-text);transition:var(--transition-colors)}[data-uiify-combobox] [data-part=input]:focus-visible{border-color:var(--primary)}[data-uiify-combobox] [data-part=control] [data-part=input]{inline-size:auto;min-inline-size:5rem;padding-block:var(--space-xs);box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;flex:5rem;padding-inline:0}[data-uiify-combobox] [data-part=content]{overscroll-behavior:contain;max-block-size:min(24rem,100dvb - 2rem);min-inline-size:12rem;padding:var(--space-xs);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);corner-shape:squircle;background-color:var(--card);color:var(--foreground);box-shadow:var(--shadow-popover);transform-origin:var(--transform-origin,top);flex-direction:column;display:flex;overflow-y:auto}[data-uiify-combobox] [data-part=content][data-state=closed]{display:none}[data-uiify-combobox] [data-part=item]{inline-size:100%;padding-block:var(--space-sm);padding-inline:var(--space-md);border-radius:calc(var(--radius-lg) - var(--space-xs));corner-shape:squircle;color:inherit;font:inherit;font-size:var(--text-sm);line-height:var(--leading-normal);text-align:start;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;align-items:center;display:flex}[data-uiify-combobox] [data-part=item]:hover,[data-uiify-combobox] [data-part=item]:focus-visible,[data-uiify-combobox] [data-part=item][data-highlighted],[data-uiify-combobox] [data-part=item][aria-selected=true],[data-uiify-combobox] [data-part=item][data-selected]{background-color:var(--accent);color:var(--accent-foreground);outline:none}[data-uiify-combobox] [data-part=item][aria-disabled=true],[data-uiify-combobox] [data-part=item][data-disabled]{opacity:.5;pointer-events:none}[data-uiify-combobox] [data-part=empty]{padding:var(--space-sm) var(--space-md);color:var(--muted-foreground);font-size:var(--text-sm)}@media (prefers-reduced-motion:no-preference){[data-uiify-combobox] [data-part=content]{transition:var(--transition-presence)}[data-uiify-combobox] [data-part=content][popover]:not(:popover-open){opacity:0;scale:var(--presence-scale)}@starting-style{[data-uiify-combobox] [data-part=content]:popover-open{opacity:0;scale:var(--presence-scale)}}}[data-uiify-toast] [data-part=viewport],[data-uiify-toast][data-part=viewport]{gap:var(--space-sm);inline-size:min(24rem, calc(100vw - 2 * var(--space-lg)));background:0 0;border:none;flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:fixed;inset:auto;inset-block-end:var(--space-lg);inset-inline-end:var(--space-lg)}[data-uiify-toast] [data-part=item],[data-uiify-toast][data-part=viewport] [data-part=item]{gap:var(--space-xs);padding:var(--space-md) var(--space-lg);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);corner-shape:squircle;background-color:var(--popover);color:var(--popover-foreground);box-shadow:var(--shadow-popover);flex-direction:column;min-inline-size:0;margin:0;display:flex}@media (prefers-reduced-motion:no-preference){::view-transition-group(.uiify-toast){animation-duration:var(--duration-fast);animation-timing-function:var(--ease-out)}::view-transition-new(.uiify-toast):only-child{animation:uiify-presence-in var(--duration-fast) var(--ease-out) both}::view-transition-old(.uiify-toast):only-child{animation:uiify-presence-out var(--duration-fast) var(--ease-out) both}}@keyframes uiify-presence-in{0%{opacity:0;scale:var(--presence-scale)}}@keyframes uiify-presence-out{to{opacity:0;scale:var(--presence-scale)}}[data-uiify-spinner]{block-size:2.125rem;inline-size:2.125rem;color:var(--primary);display:inline-block;position:relative}[data-uiify-spinner]:before{content:"";background:conic-gradient(from calc(-90deg + var(--uiify-spinner-tail)), currentcolor 0 var(--uiify-spinner-length), transparent 0);border-radius:50%;animation:2s linear infinite uiify-spinner-rotate,1.5s ease-in-out infinite uiify-spinner-orbit;display:block;position:absolute;inset:0;mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px))}[data-uiify-spinner][data-state=delayed]:before{animation:none}[data-uiify-spinner][data-size=sm]{block-size:1.25rem;inline-size:1.25rem}[data-uiify-spinner][data-size=sm]:before{mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 1px))}[data-uiify-spinner][data-size=md]{block-size:2.125rem;inline-size:2.125rem}[data-uiify-spinner][data-size=lg]{block-size:6.25rem;inline-size:6.25rem}[data-uiify-spinner][data-size=lg]:before{mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px))}[data-uiify-spinner][data-align=center]{margin-inline:auto}[data-uiify-spinner][data-align=fixed],[data-uiify-spinner][data-align=absolute]{inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}[data-uiify-spinner][data-align=fixed]{position:fixed}[data-uiify-spinner][data-align=absolute]{position:absolute}@keyframes uiify-spinner-rotate{to{transform:rotate(360deg)}}@keyframes uiify-spinner-orbit{0%{--uiify-spinner-tail:0deg;--uiify-spinner-length:36deg}50%{--uiify-spinner-tail:90deg;--uiify-spinner-length:324deg}to{--uiify-spinner-tail:360deg;--uiify-spinner-length:36deg}}@media (prefers-reduced-motion:reduce){[data-uiify-spinner]:before{animation:2.5s ease-in-out infinite uiify-spinner-orbit}}[data-uiify-skeleton]{inline-size:var(--uiify-skeleton-w,100%);min-block-size:var(--uiify-skeleton-h,1rem);border-radius:var(--radius-sm)}[data-uiify-skeleton][data-state=loading]{block-size:var(--uiify-skeleton-h,1rem);background:var(--muted);animation:1.8s ease-in-out infinite uiify-skeleton-pulse}[data-uiify-skeleton][data-shape=circle]{corner-shape:round;border-radius:50%}[data-uiify-skeleton][data-variant=shimmer][data-state=loading]{background:linear-gradient(90deg, var(--muted), var(--secondary), var(--muted));background-size:200% 100%;animation:1.5s linear infinite uiify-skeleton-shimmer}[data-uiify-skeleton][data-variant=none]{animation:none}[data-uiify-skeleton][data-state=loaded]{animation:.2s ease-out uiify-skeleton-reveal}@keyframes uiify-skeleton-pulse{50%{opacity:.45}}@keyframes uiify-skeleton-shimmer{to{background-position:-200% 0}}@keyframes uiify-skeleton-reveal{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){[data-uiify-skeleton]{animation:none}}:where([data-uiify-collapsible],[data-uiify-collapsible]){border:var(--border-width) solid var(--border);border-radius:var(--radius-xl);corner-shape:squircle;inline-size:100%;overflow:hidden}[data-uiify-collapsible] [data-part=trigger]{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-lg);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;list-style:none;display:flex}[data-uiify-collapsible] [data-part=trigger]::-webkit-details-marker{display:none}[data-uiify-collapsible] [data-part=trigger]:hover{background-color:var(--secondary)}[data-uiify-collapsible] [data-part=trigger]:focus-visible{box-shadow:inset 0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);outline:none}[data-uiify-collapsible] [data-part=trigger]:after{content:"+";block-size:1.5rem;inline-size:1.5rem;color:var(--muted-foreground);transition:rotate var(--duration-fast) var(--ease-out);flex:0 0 1.5rem;place-items:center;font:1.25rem/1 ui-monospace,monospace;display:grid}[data-uiify-collapsible][open] [data-part=trigger]:after{content:"−"}[data-uiify-collapsible][open] [data-part=trigger]{color:var(--primary)}[data-uiify-collapsible] [data-part=panel]{padding-block:0 var(--space-lg);padding-inline:var(--space-lg);color:var(--muted-foreground);font-size:var(--text-sm)}[data-uiify-collapsible]{interpolate-size:allow-keywords}:where([data-uiify-collapsible],[data-uiify-collapsible])::details-content{block-size:0;overflow:clip}:where([data-uiify-collapsible],[data-uiify-collapsible])[open]::details-content{block-size:auto}@media (prefers-reduced-motion:no-preference){:where([data-uiify-collapsible],[data-uiify-collapsible])::details-content{opacity:0;transition:opacity var(--duration-fast) var(--ease-out), block-size var(--duration-fast) var(--ease-out), content-visibility var(--duration-fast) allow-discrete}:where([data-uiify-collapsible],[data-uiify-collapsible])[open]::details-content{opacity:1}}[data-uiify-breadcrumb] [data-part=list]{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}[data-uiify-breadcrumb] [data-part=item]{align-items:center;gap:.5rem;display:flex}[data-uiify-breadcrumb] [data-part=link]{color:var(--primary);text-decoration:none}[data-uiify-breadcrumb] [data-part=link]:hover{text-decoration:underline}[data-uiify-breadcrumb] [aria-hidden=true]{color:var(--muted-foreground)}[data-uiify-breadcrumb] [data-current]{color:var(--foreground);font-weight:600}[data-uiify-pagination] ol{flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}[data-uiify-pagination] li{place-items:center;display:grid}[data-uiify-pagination] [data-type]{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);block-size:2.25rem;min-inline-size:2.25rem;color:var(--foreground);font:var(--text-sm)/1 var(--font-sans);place-items:center;padding-inline:.625rem;text-decoration:none;display:inline-grid}[data-uiify-pagination] :is(a,button):hover{background:var(--accent);color:var(--accent-foreground)}[data-uiify-pagination] :is(a,button){cursor:pointer}[data-uiify-pagination] [data-selected]{background:var(--primary);color:var(--primary-foreground);border-color:#0000}[data-uiify-pagination] :is(:disabled,[aria-disabled=true]){opacity:.5;cursor:not-allowed}[data-uiify-pagination] svg{block-size:1rem;inline-size:1rem}[data-uiify-table]{border-collapse:separate;border-spacing:0;background:var(--card);inline-size:100%;color:var(--card-foreground);font-size:var(--text-sm)}[data-uiify-table][data-layout=fixed]{table-layout:fixed}[data-uiify-table] :is(th,td){text-align:start;vertical-align:middle;border-block-end:1px solid var(--border);background:inherit;padding-block:.75rem;padding-inline:1rem}[data-uiify-table] :is(th,td)[data-align=center]{text-align:center}[data-uiify-table] :is(th,td)[data-align=end]{text-align:end}[data-uiify-table] :is(thead,tfoot){background:var(--secondary);font-weight:600}[data-uiify-table] tbody tr{background:var(--card)}[data-uiify-table] tbody tr:hover{background:var(--secondary)}[data-uiify-table] tbody tr[data-selected]{background:var(--accent)}[data-uiify-table] caption{text-align:start;color:var(--muted-foreground);padding-block:.75rem}[data-uiify-table][data-size=sm] :is(th,td){padding-block:.5rem;padding-inline:.75rem}[data-uiify-table][data-size=lg] :is(th,td){padding-block:1rem;padding-inline:1.25rem}[data-uiify-table][data-variant=outline]{border:1px solid var(--border);border-radius:var(--radius-lg)}[data-uiify-table][data-variant=ghost]{background:0 0}[data-uiify-table] :is(thead,tfoot,tr)[data-sticky]{z-index:2;position:sticky;inset-block-start:var(--uiify-table-sticky-offset,0)}[data-uiify-table] tfoot[data-sticky]{inset-block:auto var(--uiify-table-sticky-offset,0)}[data-uiify-table] :is(th,td)[data-sticky]{z-index:1;position:sticky}[data-uiify-table] :is(th,td)[data-sticky=start]{inset-inline-start:var(--uiify-table-sticky-offset,0)}[data-uiify-table] :is(th,td)[data-sticky=end]{inset-inline-end:var(--uiify-table-sticky-offset,0)}[data-uiify-table] :is(thead,tfoot)[data-sticky] :is(th,td)[data-sticky]{z-index:3}[data-uiify-table] th>button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.5rem;padding:0;display:inline-flex}[data-uiify-table] th[aria-sort=ascending]>button:after{content:"↑" / ""}[data-uiify-table] th[aria-sort=descending]>button:after{content:"↓" / ""}[data-uiify-table] [data-part=expanded-row]{background:var(--secondary)}[data-uiify-table] :is(button,tr):focus-visible{outline:2px solid var(--ring);outline-offset:-2px}[data-uiify-carousel]{align-items:center;gap:var(--space-sm);grid-template-columns:auto 1fr auto;inline-size:100%;max-inline-size:40rem;display:grid;position:relative}[data-uiify-carousel]>[data-part=viewport],[data-uiify-carousel]>[data-part=status],[data-uiify-carousel]>button[data-part=controls][data-carousel-action=rotation]{grid-column:1/-1}[data-uiify-carousel][data-enhanced]:has(>button[data-part=controls])>[data-part=viewport]{scrollbar-width:none}[data-uiify-carousel]>[data-part=viewport]>[data-part=slide]>[data-part=slide-content]{aspect-ratio:1;border:var(--border-width) solid var(--border);border-radius:var(--radius-xl);corner-shape:squircle;background-color:var(--card);min-block-size:18rem;color:var(--foreground);font-size:2.25rem;font-weight:var(--weight-semibold);box-shadow:var(--shadow-popover);justify-content:center;align-items:center;line-height:1;display:flex;container-type:inline-size}[data-uiify-carousel]>button[data-part=controls]{border:var(--border-width) solid var(--border);border-radius:var(--radius-full);background-color:var(--card);color:var(--foreground);cursor:pointer;transition:var(--transition-colors)}[data-uiify-carousel]>button[data-part=controls][data-carousel-action=rotation]{padding-inline:var(--space-md);padding-block:var(--space-sm);justify-self:start;margin-block-end:var(--space-sm)}[data-uiify-carousel]>button[data-part=controls][data-carousel-action=previous],[data-uiify-carousel]>button[data-part=controls][data-carousel-action=next]{justify-content:center;align-items:center;min-block-size:2.75rem;min-inline-size:2.75rem;font-size:1.25rem;line-height:1;display:inline-flex}[data-uiify-carousel]>button[data-part=controls]:hover{background-color:var(--secondary)}[data-uiify-carousel]>button[data-part=controls]:disabled{cursor:not-allowed;opacity:.4}[data-uiify-carousel]>button[data-part=controls]:focus-visible,[data-uiify-carousel]>[data-part=dots]>a:focus-visible{box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);outline:none}[data-uiify-carousel]>[data-part=dots]{justify-content:center;justify-self:stretch;gap:var(--space-xs);grid-column:2;display:flex}[data-uiify-carousel]>[data-part=dots]>a{border-radius:var(--radius-full);block-size:2.75rem;inline-size:2.75rem;color:var(--muted-foreground);transition:var(--transition-colors);background-color:#0000;place-items:center;font-size:0;text-decoration:none;display:inline-grid}[data-uiify-carousel]>[data-part=dots]>a:after{content:"";background:var(--input);border-radius:50%;block-size:.5rem;inline-size:.5rem}[data-uiify-carousel]>[data-part=dots]>a[aria-current=true]:after{background:var(--primary)}[data-uiify-carousel] [data-part=story]{text-align:start;grid-template-rows:auto 1fr auto;block-size:100%;min-block-size:0;inline-size:100%;min-inline-size:0;padding:clamp(.875rem,4cqi,1.5rem);display:grid}[data-uiify-carousel] [data-part=story-topline],[data-uiify-carousel] [data-part=story-footer]{color:var(--muted-foreground);letter-spacing:.08em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.625rem;font-weight:500;display:flex}[data-uiify-carousel] [data-part=story-body]{align-content:center;gap:.75rem;min-inline-size:0;padding-block:1rem;display:grid}[data-uiify-carousel] [data-part=story-eyebrow]{color:var(--primary);letter-spacing:.1em;font-size:.6875rem;font-weight:600}[data-uiify-carousel] [data-part=story-body]>h3{max-inline-size:12ch;color:var(--foreground);letter-spacing:-.045em;white-space:pre-line;margin:0;font-size:clamp(1.25rem,6cqi,2rem);font-weight:600;line-height:1.08}[data-uiify-carousel] [data-part=story-body]>p{max-inline-size:30ch;color:var(--muted-foreground);margin:0;font-size:.8125rem;line-height:1.55}[data-uiify-candle-chart]{--candle-grid:color-mix(in srgb, currentcolor 10%, transparent);--candle-down:oklch(64% .21 24);--candle-flat:color-mix(in srgb, currentcolor 60%, transparent);--candle-up:oklch(67% .14 166);--candle-axis:var(--muted-foreground);overscroll-behavior:none;isolation:isolate;color-scheme:light dark;color:light-dark(oklch(28% .04 165),oklch(82% .04 165));background:0 0;min-block-size:21rem;inline-size:100%;padding:1rem .75rem .5rem;display:block;position:relative;overflow:clip}[data-uiify-candle-chart][data-interactive]{touch-action:none}[data-uiify-candle-chart][data-interactive] [data-part=scroll-viewport]{overscroll-behavior-inline:none}[data-uiify-candle-chart]>[data-part=plot]{grid-template-columns:minmax(0,1fr) 4.5rem;grid-template-rows:minmax(18rem, 1fr) calc(1.5rem + var(--candle-scrollbar-size,0px));overscroll-behavior:none;gap:0 .75rem;min-block-size:18rem;min-inline-size:0;display:grid;position:relative}[data-uiify-candle-chart] [data-part=scroll-viewport]{direction:rtl;grid-area:1/1/span 2;min-block-size:18rem;min-inline-size:0;overflow:auto hidden;container-type:inline-size}[data-uiify-candle-chart] [data-part=canvas]{inline-size:calc(100% * var(--candle-scale));direction:ltr;grid-template-rows:minmax(18rem,1fr) 1.5rem;min-block-size:100%;min-inline-size:100%;display:grid}[data-uiify-candle-chart] [data-part=candles]{inline-size:100%;margin:0;padding:1rem .5rem;list-style:none;position:absolute;inset-block:0;inset-inline:auto 0}[data-uiify-candle-chart] [data-part=viewport]>[data-uiify-virtual-scroll]{position:absolute;inset:0}[data-uiify-candle-chart] [data-uiify-virtual-scroll] [data-part=candle]{block-size:calc(var(--candle-plot-height,18rem) - 2rem);inset-block:1rem auto}[data-uiify-candle-chart] [data-part=candles],[data-uiify-candle-chart] [data-part=viewport]:has(>[data-uiify-virtual-scroll]){background-image:linear-gradient(to right, var(--candle-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--candle-grid) 1px, transparent 1px);background-size:10% 100%,100% 25%}[data-uiify-candle-chart] [data-part=viewport]{overscroll-behavior:none;grid-area:1/1;min-block-size:18rem;min-inline-size:0;position:relative;overflow:clip}[data-uiify-candle-chart] [data-part=time-viewport]{overscroll-behavior:none;grid-area:2/1;min-inline-size:0;position:relative;overflow:clip}[data-uiify-candle-chart]>figcaption{z-index:1;color:var(--muted-foreground);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:650;position:absolute;inset-block-start:.75rem;inset-inline-start:1rem}[data-uiify-candle-chart] [data-part=readout]{z-index:1;color:var(--candle-axis);font-variant-numeric:tabular-nums;white-space:nowrap;flex-wrap:wrap;align-items:baseline;gap:.35rem .65rem;font-size:.7rem;line-height:1;display:flex;position:absolute;inset-block-start:.75rem;inset-inline-end:1rem}[data-uiify-candle-chart] [data-part=readout-time]{font-weight:650}[data-uiify-candle-chart] [data-part=candle]{pointer-events:none;inline-size:var(--candle-slot);color:var(--candle-flat);list-style:none;display:block;position:absolute;inset:1rem .5rem;inset-inline-start:var(--candle-x)}[data-uiify-candle-chart][data-interactive] [data-part=candle]{pointer-events:auto}[data-uiify-candle-chart] [data-part=candle-hit]{z-index:1;appearance:none;color:#0000;cursor:crosshair;block-size:100%;inline-size:100%;font:inherit;background:0 0;border:0;margin:0;padding:0;position:absolute;inset:0}[data-uiify-candle-chart] [data-part=candle]:before,[data-uiify-candle-chart] [data-part=candle]:after{content:"";background:currentColor;display:block;position:absolute}[data-uiify-candle-chart] [data-part=candle]:before{inline-size:max(1px,.08em);block-size:var(--candle-wick-height);inset-block-start:var(--candle-wick-top);inset-inline-start:50%;transform:translate(-50%)}[data-uiify-candle-chart] [data-part=candle]:after{block-size:var(--candle-body-height);min-block-size:1px;inset-block-start:var(--candle-body-top);inset-inline:17%}[data-uiify-candle-chart] [data-part=candle][data-direction=up]{color:var(--candle-up)}[data-uiify-candle-chart] [data-part=candle][data-direction=down]{color:var(--candle-down)}[data-uiify-candle-chart] [data-part=crosshair]{z-index:3;inline-size:var(--candle-content-size,100%);translate:calc(-1 * var(--candle-scroll-x,0px)) 0;color:light-dark(oklch(52% .01 0),oklch(72% .01 0));pointer-events:none;block-size:100%;position:absolute;inset:0}[data-uiify-candle-chart] [data-part=crosshair]:before,[data-uiify-candle-chart] [data-part=crosshair]:after{content:"";background:currentColor;display:block;position:absolute}[data-uiify-candle-chart] [data-part=crosshair]:before{background-color:#0000;background-image:repeating-linear-gradient(currentColor 0 .4rem,#0000 .4rem .8rem);inline-size:1px;inset-block:0;inset-inline-start:var(--candle-crosshair-x)}[data-uiify-candle-chart] [data-part=crosshair]:after{background-color:#0000;background-image:repeating-linear-gradient(90deg,currentColor 0 .4rem,#0000 .4rem .8rem);block-size:1px;inset-block-start:calc(var(--candle-cursor-y,50%) + 1rem);inset-inline:0}[data-uiify-candle-chart] [data-part=crosshair-marker]{font-size:1rem;line-height:1;position:absolute;inset-block-start:calc(var(--candle-cursor-y,50%) + 1rem);inset-inline-start:var(--candle-crosshair-x);transform:translate(-50%,-50%)}[data-uiify-candle-chart] [data-part=time-axis]>[data-part=crosshair-time]{background:var(--candle-axis);color:canvas;padding:.3rem .5rem;font-weight:650;inset-block-start:0;inset-inline-start:var(--candle-crosshair-x);transform:translate(-50%)}[data-uiify-candle-chart] [data-part=price-axis]>[data-part=crosshair-price]{background:var(--candle-axis);color:canvas;padding:.3rem .5rem;font-weight:650;inset-block-start:calc(var(--candle-cursor-y,50%) + 1rem);inset-inline-end:0;transform:translateY(-50%)}[data-uiify-candle-chart][data-interactive] [data-part=candle-hit]:focus-visible{outline-offset:-2px;outline:2px solid}[data-uiify-candle-chart] [data-part=price-axis],[data-uiify-candle-chart] [data-part=time-axis]{margin:0;padding:0;list-style:none}[data-uiify-candle-chart] [data-part=price-axis]{grid-area:1/2;min-inline-size:0;position:relative}[data-uiify-candle-chart] [data-part=price-axis]>li{color:var(--candle-axis);font-variant-numeric:tabular-nums;text-align:end;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;line-height:1;position:absolute;inset-block-start:var(--candle-axis-y);inset-inline:0;overflow:hidden;transform:translateY(-50%)}[data-uiify-candle-chart] [data-part=price-axis]>li:first-child{transform:none}[data-uiify-candle-chart] [data-part=price-axis]>li:last-child{transform:translateY(-100%)}[data-uiify-candle-chart] [data-part=time-axis]{inline-size:var(--candle-content-size,100%);translate:calc(-1 * var(--candle-scroll-x,0px)) 0;min-inline-size:0;position:relative;inset-block:0}[data-uiify-candle-chart] [data-part=time-axis]>li{color:var(--candle-axis);white-space:nowrap;font-size:.7rem;position:absolute;inset-block-start:.35rem;inset-inline-start:var(--candle-axis-x);transform:translate(-50%)}[data-uiify-candle-chart] [data-part=time-axis]>li:first-child{transform:none}[data-uiify-candle-chart] [data-part=time-axis]>li:last-child{transform:translate(-100%)}[data-uiify-candle-chart] [data-part=time-axis]>li:only-child,[data-uiify-candle-chart] [data-part=time-axis]>li[data-part=crosshair-time]{transform:translate(-50%)}[data-uiify-candle-chart] [data-part=price-axis]>li[data-part=crosshair-price]{transform:translateY(-50%)}[data-uiify-candle-chart]>table{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}[data-uiify-line-chart]{--line-grid:color-mix(in srgb, currentcolor 10%, transparent);--line-up:oklch(67% .14 166);--line-down:oklch(64% .21 24);--line-flat:light-dark(oklch(43% .05 165),oklch(72% .04 165));--line-axis:light-dark(color-mix(in oklch, var(--muted-foreground) 70%, var(--foreground)),var(--muted-foreground));--line-width:.12rem;overscroll-behavior:none;isolation:isolate;color:light-dark(oklch(28% .04 165),oklch(82% .04 165));background:0 0;min-block-size:21rem;inline-size:100%;padding:1rem .75rem .5rem;display:block;position:relative;overflow:clip}[data-uiify-line-chart][data-interactive]{touch-action:none}[data-uiify-line-chart][data-interactive] [data-part=scroll-viewport]{overscroll-behavior-inline:none}[data-uiify-line-chart]>[data-part=plot]{grid-template-columns:minmax(0,1fr) 4.5rem;grid-template-rows:minmax(18rem, 1fr) calc(1.5rem + var(--line-scrollbar-size,0px));overscroll-behavior:none;gap:0 .75rem;min-block-size:18rem;min-inline-size:0;display:grid;position:relative}[data-uiify-line-chart] [data-part=scroll-viewport]{direction:rtl;grid-area:1/1/span 2;min-block-size:18rem;min-inline-size:0;overflow:auto hidden;container-type:inline-size}[data-uiify-line-chart] [data-part=canvas]{inline-size:calc(100% * var(--line-scale));direction:ltr;grid-template-rows:minmax(18rem,1fr) 1.5rem;min-block-size:100%;min-inline-size:100%;display:grid}[data-uiify-line-chart] [data-part=viewport]{overscroll-behavior:none;grid-area:1/1;min-block-size:18rem;min-inline-size:0;position:relative;overflow:clip;container-type:inline-size}[data-uiify-line-chart]>figcaption{z-index:1;color:var(--line-axis);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:650;position:absolute;inset-block-start:.75rem;inset-inline-start:1rem}[data-uiify-line-chart] [data-part=readout]{z-index:1;color:var(--line-axis);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:.65rem;font-size:.7rem;line-height:1;display:flex;position:absolute;inset-block-start:.75rem;inset-inline-end:1rem}[data-uiify-line-chart] [data-part=readout-time]{font-weight:650}[data-uiify-line-chart] [data-part=points]{background-image:linear-gradient(to right, var(--line-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--line-grid) 1px, transparent 1px);background-size:var(--line-segment-slot) 100%, 100% 20%;margin:0;padding:0;list-style:none;display:block;position:absolute;inset:1rem 0;container-type:size}[data-uiify-line-chart] [data-part=viewport]>[data-uiify-virtual-scroll]{position:absolute;inset:0}[data-uiify-line-chart] [data-part=viewport]:has(>[data-uiify-virtual-scroll]){background-image:linear-gradient(to right, var(--line-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--line-grid) 1px, transparent 1px);background-position:0 1rem;background-size:10% 100%,100% calc(20% - .4rem)}[data-uiify-line-chart] [data-part=point]{min-inline-size:0;color:var(--line-flat);list-style:none;position:absolute}[data-uiify-line-chart] [data-part=points]>[data-part=point]{inline-size:var(--line-slot);min-block-size:100%;inset-block:0;inset-inline-start:var(--line-prev-x,var(--line-x))}[data-uiify-line-chart] [data-uiify-virtual-scroll] [data-part=point]{--line-point-block-size:calc(var(--line-plot-height,18rem) - 2rem);inline-size:100%;block-size:var(--line-point-block-size);inset-block:1rem auto;inset-inline-start:-50%}[data-uiify-line-chart] [data-part=point]:before{--line-dx:calc(var(--line-run,0) * 1cqw);--line-dy:calc(var(--line-rise,0) / 100 * var(--line-point-block-size,100cqh));z-index:1;inline-size:hypot(var(--line-dx), var(--line-dy));block-size:calc(var(--line-width) * 2);border-radius:var(--line-width);content:"";transform-origin:0;rotate:atan2(var(--line-dy), var(--line-dx));background:currentColor;display:block;position:absolute;inset-block-start:calc(var(--line-prev-y) - var(--line-width));inset-inline-start:0}[data-uiify-line-chart] [data-part=point][data-first]:before{display:none}[data-uiify-line-chart] [data-part=point]:after{z-index:2;content:"";background:currentColor;border:0;border-radius:50%;block-size:.55rem;inline-size:.55rem;display:block;position:absolute;inset-block-start:var(--line-y);inset-inline-start:100%;transform:translate(-50%,-50%)}[data-uiify-line-chart] [data-part=points]>[data-part=point][data-first]:after{inset-inline-start:0}[data-uiify-line-chart] [data-part=point][data-trend=up]{color:var(--line-up)}[data-uiify-line-chart] [data-part=point][data-trend=down]{color:var(--line-down)}[data-uiify-line-chart] [data-part=point-hit]{z-index:3;appearance:none;color:#0000;cursor:crosshair;block-size:100%;inline-size:100%;font:inherit;background:0 0;border:0;margin:0;padding:0;position:absolute;inset:0}[data-uiify-line-chart][data-interactive] [data-part=point][data-point-selected]:after{box-shadow:0 0 0 .2rem color-mix(in srgb, currentcolor 24%, transparent)}[data-uiify-line-chart][data-interactive] [data-part=point-hit]:focus-visible{outline-offset:-2px;outline:2px solid}[data-uiify-line-chart] [data-part=crosshair]{z-index:4;inline-size:var(--line-content-size,100%);translate:calc(-1 * var(--line-scroll-x,0px)) 0;color:light-dark(oklch(52% .01 0),oklch(72% .01 0));pointer-events:none;block-size:100%;position:absolute;inset:0}[data-uiify-line-chart] [data-part=crosshair]:before,[data-uiify-line-chart] [data-part=crosshair]:after{content:"";background:currentColor;display:block;position:absolute}[data-uiify-line-chart] [data-part=crosshair]:before{background-color:#0000;background-image:repeating-linear-gradient(currentColor 0 .4rem,#0000 .4rem .8rem);inline-size:1px;inset-block:0;inset-inline-start:var(--line-crosshair-x)}[data-uiify-line-chart] [data-part=crosshair]:after{background-color:#0000;background-image:repeating-linear-gradient(90deg,currentColor 0 .4rem,#0000 .4rem .8rem);block-size:1px;inset-block-start:calc(var(--line-cursor-y,50%) + 1rem);inset-inline:0}[data-uiify-line-chart] [data-part=crosshair-marker]{font-size:1rem;line-height:1;position:absolute;inset-block-start:calc(var(--line-cursor-y,50%) + 1rem);inset-inline-start:var(--line-crosshair-x);transform:translate(-50%,-50%)}[data-uiify-line-chart] [data-part=value-axis],[data-uiify-line-chart] [data-part=time-axis]{margin:0;padding:0;list-style:none}[data-uiify-line-chart] [data-part=value-axis]{grid-area:1/2;min-inline-size:0;position:relative}[data-uiify-line-chart] [data-part=value-axis]>li{color:var(--line-axis);font-variant-numeric:tabular-nums;text-align:end;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;line-height:1;position:absolute;inset-block-start:var(--line-axis-y);inset-inline:0;overflow:hidden;transform:translateY(-50%)}[data-uiify-line-chart] [data-part=value-axis]>li:first-child{transform:none}[data-uiify-line-chart] [data-part=value-axis]>li:last-child{transform:translateY(-100%)}[data-uiify-line-chart] [data-part=time-viewport]{overscroll-behavior:none;grid-area:2/1;min-inline-size:0;position:relative;overflow:clip}[data-uiify-line-chart] [data-part=time-axis]{inline-size:var(--line-content-size,100%);translate:calc(-1 * var(--line-scroll-x,0px)) 0;min-inline-size:0;position:relative;inset-block:0}[data-uiify-line-chart] [data-part=time-axis]>li{color:var(--line-axis);white-space:nowrap;font-size:.7rem;position:absolute;inset-block-start:.35rem;inset-inline-start:var(--line-axis-x);transform:translate(-50%)}[data-uiify-line-chart] [data-part=time-axis]>li:first-child{transform:none}[data-uiify-line-chart] [data-part=time-axis]>li:last-child{transform:translate(-100%)}[data-uiify-line-chart] [data-part=time-axis]>li:only-child{transform:translate(-50%)}[data-uiify-line-chart] [data-part=time-axis]>li[data-part=crosshair-time]{background:var(--line-axis);color:canvas;padding:.3rem .5rem;font-weight:650;inset-inline-start:var(--line-crosshair-x);transform:translate(-50%)}[data-uiify-line-chart] [data-part=value-axis]>li[data-part=crosshair-value]{background:var(--line-axis);color:canvas;padding:.3rem .5rem;font-weight:650;inset-block-start:calc(var(--line-cursor-y,50%) + 1rem);inset-inline-end:0;transform:translateY(-50%)}[data-uiify-line-chart]>table{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:no-preference){[data-uiify-line-chart] [data-part=point]:after{transition:scale .18s}[data-uiify-line-chart][data-interactive] [data-part=point][data-point-selected]:after{scale:1.15}}[data-uiify-drawer][data-part=content]{--uiify-drawer-inline-size:32rem;max-block-size:100dvh;inline-size:100%;max-inline-size:100%;padding:var(--space-xl);border:var(--border-width) solid var(--border);background:var(--popover);color:var(--popover-foreground);box-shadow:var(--shadow-modal);gap:var(--space-md);flex-direction:column;margin:0}[data-uiify-drawer][data-part=content][open]{display:flex}[data-uiify-drawer][data-size=sm]{--uiify-drawer-inline-size:24rem}[data-uiify-drawer][data-size=lg]{--uiify-drawer-inline-size:40rem}[data-uiify-drawer][data-size=full]{--uiify-drawer-inline-size:100%}[data-uiify-drawer][data-part=content]::backdrop{background:#00000073}[data-uiify-drawer][data-backdrop=transparent]::backdrop{background:0 0}[data-uiify-drawer][data-part=content][data-side=bottom]{block-size:min(var(--uiify-drawer-inline-size), 80dvh);max-block-size:80dvh;transform:var(--uiify-drawer-transform,none);border-start-start-radius:var(--radius-xl);border-start-end-radius:var(--radius-xl);margin-block-start:auto}[data-uiify-drawer][data-part=content][data-side=top]{block-size:min(var(--uiify-drawer-inline-size), 80dvh);max-block-size:80dvh;transform:var(--uiify-drawer-transform,none);border-end-end-radius:var(--radius-xl);border-end-start-radius:var(--radius-xl);margin-block-end:auto}[data-uiify-drawer][data-part=content]:is([data-side=left],[data-side=right]){inline-size:min(var(--uiify-drawer-inline-size), 100%);block-size:100dvh;transform:var(--uiify-drawer-transform,none)}[data-uiify-drawer][data-side=left]{margin-inline-end:auto}[data-uiify-drawer][data-side=right]{border-start-end-radius:0;border-end-end-radius:0;margin-inline-start:auto}[data-uiify-drawer][data-part=content][data-size=full]{block-size:100dvh;max-block-size:100dvh;inline-size:100dvi;max-inline-size:100dvi}[data-uiify-drawer] [data-part=header]{flex:none;padding-inline-end:2.75rem;position:relative}[data-uiify-drawer] [data-part=body]{overscroll-behavior:contain;touch-action:pan-y;min-block-size:0;overflow:auto}[data-uiify-drawer] [data-part=footer]{justify-content:flex-end;gap:var(--space-sm);flex-wrap:wrap;display:flex}[data-uiify-drawer] [data-part=close]{corner-shape:round;background:var(--secondary);block-size:2.25rem;inline-size:2.25rem;color:var(--secondary-foreground);border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}[data-uiify-drawer] [data-part=header]>[data-part=close]{position:absolute;inset-block-start:0;inset-inline-end:0}[data-uiify-drawer] :is([data-part=grabber],[data-part=handle]){touch-action:none;flex:none;block-size:1.5rem;display:none}[data-uiify-drawer] :is([data-part=grabber],[data-part=handle]):after{content:"";background:var(--border);border-radius:999px;block-size:.25rem;inline-size:2.25rem;margin-block:.5rem 0;margin-inline:auto;display:block}[data-uiify-drawer][data-snap-enabled] [data-part=handle]{display:block}@media (width<40rem){[data-uiify-drawer][data-part=content][data-side]{block-size:auto;min-block-size:50dvh;max-block-size:80dvh;inline-size:100dvi;max-inline-size:100dvi;transform:var(--uiify-drawer-transform,none);translate:0 var(--uiify-sheet-offset,0);border-start-start-radius:var(--radius-xl);border-start-end-radius:var(--radius-xl);border-end-end-radius:0;border-end-start-radius:0;margin-block:auto 0;margin-inline:0;padding-block-end:calc(var(--space-xl) + env(safe-area-inset-bottom))}[data-uiify-drawer][data-part=content][data-size=full]{border-radius:0;block-size:100dvh;max-block-size:100dvh}[data-uiify-drawer] :is([data-part=grabber],[data-part=handle]){display:block}[data-uiify-drawer] [data-part=header]{touch-action:none}[data-uiify-drawer][data-dragging]{transition:none}}@media (prefers-reduced-motion:no-preference){[data-uiify-drawer][data-part=content]{transition:opacity .18s ease, translate .22s ease, transform .22s ease, display .22s allow-discrete, overlay .22s allow-discrete}[data-uiify-drawer][data-part=content]:not([open]){opacity:0}@starting-style{[data-uiify-drawer][data-part=content][open]{opacity:0}}}:where([data-uiify-segmented-control],[data-uiify-segmented-control]){padding:var(--space-xs);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);corner-shape:squircle;background-color:var(--muted);display:inline-flex;position:relative}[data-uiify-segmented-control][data-full-width]{inline-size:100%}[data-uiify-segmented-control][data-orientation=vertical]{flex-direction:column}[data-uiify-segmented-control] [data-part=item]{position:relative}[data-uiify-segmented-control][data-full-width] [data-part=item]{flex:1 1 0}[data-uiify-segmented-control] [data-part=item]>input{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:hidden}[data-uiify-segmented-control] [data-part=item]>label{z-index:1;min-inline-size:4rem;padding-block:var(--space-xs);padding-inline:var(--space-md);border-radius:calc(var(--radius-lg) - var(--space-xs));corner-shape:squircle;color:var(--muted-foreground);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:relative}[data-uiify-segmented-control][data-full-width] [data-part=item]>label{inline-size:100%}[data-uiify-segmented-control] [data-part=item]>label:hover{color:var(--foreground)}[data-uiify-segmented-control] [data-part=item]:has(>input:checked)>label{color:var(--foreground);background-color:var(--card);box-shadow:var(--shadow-1)}[data-uiify-segmented-control] [data-part=item]:has(>input:disabled)>label{opacity:.5;cursor:not-allowed}[data-uiify-segmented-control] [data-part=item]>input:focus-visible+label{box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);outline:none}[data-uiify-rating]{gap:var(--space-xs);flex-direction:row-reverse;display:inline-flex}[data-uiify-rating]>[data-part=item]>input{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:hidden}[data-uiify-rating]>[data-part=item]>label{color:var(--input);cursor:pointer;transition:var(--transition-colors);justify-content:center;align-items:center;font-size:1.5rem;line-height:1;display:inline-flex}[data-uiify-rating]>[data-part=item]:has(>input:checked)>label,[data-uiify-rating]>[data-part=item]:has(>input:checked)~[data-part=item]>label,[data-uiify-rating]:not([data-disabled],[data-readonly])>[data-part=item]:has(>label:hover)>label,[data-uiify-rating]:not([data-disabled],[data-readonly])>[data-part=item]:has(>label:hover)~[data-part=item]>label{color:var(--primary)}[data-uiify-rating]>[data-part=item]>input:focus-visible~label{box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);border-radius:var(--radius-xs);corner-shape:squircle;outline:none}[data-uiify-rating][data-readonly]>[data-part=item]>label{cursor:default}[data-uiify-rating][data-disabled]>[data-part=item]>label{cursor:default;opacity:.5}[data-uiify-otp-input]{gap:var(--space-sm);cursor:text;display:inline-flex;position:relative}[data-uiify-otp-input] [data-part=slot]{border:var(--border-width) solid var(--input);border-radius:var(--radius-md);corner-shape:squircle;background-color:var(--card);block-size:2.5rem;inline-size:2.5rem;color:var(--foreground);font-size:var(--text-lg);font-weight:var(--weight-medium);transition:var(--transition-colors);justify-content:center;align-items:center;display:inline-flex}[data-uiify-otp-input] [data-part=slot][data-active]{border-color:var(--primary);outline:2px solid color-mix(in oklch, var(--ring) 35%, transparent);outline-offset:0}[data-uiify-otp-input] [data-part=slot][data-active]:after{content:"";background-color:currentColor;block-size:1em;inline-size:1px;animation:1s step-end infinite uiify-otp-input-caret-blink}@keyframes uiify-otp-input-caret-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){[data-uiify-otp-input] [data-part=slot][data-active]:after{animation:none}}[data-uiify-otp-input] [data-part=slot][data-filled]{border-color:var(--input)}[data-uiify-otp-input][data-disabled] [data-part=slot]{opacity:.5;cursor:not-allowed}[data-uiify-otp-input]:not([data-disabled]){cursor:text}[data-uiify-tags-input]{align-items:center;gap:var(--space-xs);min-block-size:2.5rem;inline-size:100%;max-inline-size:24rem;padding-block:var(--space-sm);padding-inline:var(--space-md);border:var(--border-width) solid var(--input);border-radius:var(--radius-md);corner-shape:squircle;background-color:var(--card);color:var(--foreground);flex-wrap:wrap;display:flex}[data-uiify-tags-input][data-disabled]{opacity:.5;cursor:not-allowed}[data-uiify-tags-input]:focus-within{border-color:var(--primary)}[data-uiify-tags-input] [data-part=list]{align-items:center;gap:var(--space-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}[data-uiify-tags-input] [data-part=list]>li{align-items:center;gap:var(--space-xs);padding-block:var(--space-xs);padding-inline:var(--space-sm);border-radius:var(--radius-xs);corner-shape:squircle;background-color:var(--accent);color:var(--accent-foreground);font-size:var(--text-xs);font-weight:var(--weight-medium);display:inline-flex}[data-uiify-tags-input] [data-part=input]{min-inline-size:5rem;padding-block:var(--space-sm);padding-inline:var(--space-md);color:var(--foreground);font-size:var(--uiify-control-text);background:0 0;border:none;outline:none;flex:1}[data-uiify-tags-input] [data-part=input]::placeholder{color:var(--muted-foreground)}[data-uiify-tags-input] [data-part=tag]{align-items:center;gap:var(--space-xs);padding-block:var(--space-xs);padding-inline:var(--space-sm);border-radius:var(--radius-xs);corner-shape:squircle;background-color:var(--accent);color:var(--accent-foreground);font-size:var(--text-xs);font-weight:var(--weight-medium);display:inline-flex}[data-uiify-number-field]{border:var(--border-width) solid var(--input);border-radius:var(--radius-md);corner-shape:squircle;background-color:var(--card);align-items:stretch;display:inline-flex;overflow:hidden}[data-uiify-number-field]>[role=spinbutton]{min-block-size:36px;inline-size:4rem;padding-block:0;padding-inline:var(--space-md);color:var(--foreground);line-height:1.25rem;font-size:var(--uiify-control-text);text-align:center;background:0 0;border:none;outline:none}[data-uiify-number-field]:focus-within{outline:2px solid var(--ring);outline-offset:2px}[data-uiify-number-field] :focus-visible{outline:none}[data-uiify-number-field]>button{border:none;border-inline-start:var(--border-width) solid var(--border);block-size:36px;inline-size:36px;color:var(--foreground);font-size:var(--text-lg);cursor:pointer;transition:var(--transition-colors);background-color:#0000;flex:none;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}[data-uiify-number-field]>button:empty:before{display:block}[data-uiify-number-field]>button:first-child:empty:before{content:"←"}[data-uiify-number-field]>button:last-child:empty:before{content:"→"}[data-uiify-number-field]>button:first-child{border-inline-start:none;border-inline-end:var(--border-width) solid var(--border)}[data-uiify-number-field]>button:hover{background-color:color-mix(in oklch, var(--foreground) 8%, transparent)}[data-uiify-number-field]>button[data-disabled]{opacity:.5;cursor:not-allowed}[data-uiify-file-upload]{gap:var(--space-md);inline-size:100%;max-inline-size:24rem;display:grid}[data-uiify-file-upload] [data-part=dropzone]{min-block-size:8rem;padding:var(--space-lg);border:2px dashed var(--input);border-radius:var(--radius-xl);corner-shape:squircle;background-color:var(--secondary);color:var(--muted-foreground);font-size:var(--text-sm);text-align:center;transition:var(--transition-colors);justify-content:center;align-items:center;display:flex}[data-uiify-file-upload] [data-part=dropzone]:hover,[data-uiify-file-upload] [data-part=dropzone][data-dragging]{border-color:var(--primary);background-color:color-mix(in oklch, var(--primary) 8%, transparent);color:var(--foreground)}[data-uiify-file-upload] [data-part=dropzone][data-disabled]{opacity:.5;cursor:not-allowed}[data-uiify-file-upload] [data-part=list]{gap:var(--space-xs);margin:0;padding:0;list-style:none;display:grid}[data-uiify-file-upload] [data-part=item]{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);corner-shape:squircle;background-color:var(--card);font-size:var(--text-sm);display:flex}[data-uiify-file-upload] [data-part=file-info]{overflow-wrap:anywhere;flex:1;gap:.25rem;min-inline-size:0;display:grid}[data-uiify-file-upload] small{color:var(--muted-foreground)}[data-uiify-file-upload] [data-part=remove]{background:var(--secondary);block-size:2rem;inline-size:2rem;color:var(--foreground);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;margin-inline-start:auto;font-size:1.25rem;line-height:1;display:grid}[data-uiify-file-upload] [data-part=remove]:hover{background:var(--accent)}[data-uiify-file-upload] [data-part=remove]:focus-visible{outline:2px solid var(--ring);outline-offset:2px}[data-uiify-toolbar][data-part=root]{align-items:center;gap:var(--space-xs);padding:var(--space-xs);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);corner-shape:squircle;background-color:var(--card);display:inline-flex}[data-uiify-toolbar][data-part=root]>hr[data-part=separator][data-orientation]{inline-size:var(--border-width);block-size:auto;margin-inline:var(--space-md);background-color:var(--border);border:0;flex:none;align-self:stretch}[data-uiify-color-picker] [data-part=surface]{inline-size:100%;max-inline-size:24rem;position:relative}[data-uiify-color-picker] [data-part=control]{padding-inline-end:calc(var(--space-md) + 2rem)}[data-uiify-color-picker] [data-part=surface]:before,[data-uiify-color-picker] [data-part=surface]:after{border-radius:var(--radius-lg);corner-shape:squircle;content:"";z-index:1;pointer-events:none;block-size:24px;inline-size:24px;margin-block:auto;position:absolute;inset-block:0;inset-inline-end:11px}[data-uiify-color-picker] [data-part=surface]:before{background:conic-gradient(var(--muted) 25%, transparent 0 50%, var(--muted) 0 75%, transparent 0) 0 0 / 17px 10px repeat}[data-uiify-color-picker] [data-part=surface]:after{background:linear-gradient(var(--uiify-color-picker-value), var(--uiify-color-picker-value))}[data-uiify-color-picker] [data-part=native-input]{opacity:0;z-index:2;cursor:pointer;block-size:100%;inline-size:100%;margin:0;position:absolute;inset-block:0;inset-inline:0}[data-uiify-color-picker] [data-part=surface]:has([data-part=native-input]:focus-visible) [data-part=control]{border-color:var(--primary);box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent)}[data-uiify-color-picker] [data-part=surface]:has([data-part=native-input][aria-invalid=true]:focus-visible) [data-part=control]{box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--destructive) 20%, transparent)}[data-uiify-color-picker] [data-part=surface]:has([data-part=native-input]:disabled) [data-part=control],[data-uiify-color-picker] [data-part=native-input]:disabled{cursor:not-allowed}[data-uiify-color-picker] [data-part=label][data-disabled]{color:var(--muted-foreground);cursor:not-allowed}}@layer utilities,theme;@property --uiify-spinner-tail{syntax:"<angle>";inherits:false;initial-value:0deg}@property --uiify-spinner-length{syntax:"<angle>";inherits:false;initial-value:36deg}@property --candle-body-height{syntax:"<percentage>";inherits:true;initial-value:0%}@property --candle-body-top{syntax:"<percentage>";inherits:true;initial-value:50%}@property --candle-slot{syntax:"<percentage>";inherits:true;initial-value:100%}@property --candle-wick-height{syntax:"<percentage>";inherits:true;initial-value:0%}@property --candle-wick-top{syntax:"<percentage>";inherits:true;initial-value:50%}@property --candle-x{syntax:"<percentage>";inherits:true;initial-value:0%}@property --candle-scale{syntax:"<number>";inherits:true;initial-value:1}@property --line-y{syntax:"<percentage>";inherits:true;initial-value:50%}@property --line-prev-y{syntax:"<percentage>";inherits:true;initial-value:50%}@property --line-count{syntax:"<integer>";inherits:false;initial-value:1}@property --line-scale{syntax:"<number>";inherits:true;initial-value:1}
|