@gunkin/uiify 0.0.12-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.
Files changed (241) hide show
  1. package/dist/components/behavior.css +9 -6
  2. package/dist/components/behavior.css.map +1 -1
  3. package/dist/components/breadcrumb/Breadcrumb.d.ts.map +1 -1
  4. package/dist/components/breadcrumb/Breadcrumb.js +5 -4
  5. package/dist/components/breadcrumb/Breadcrumb.js.map +1 -1
  6. package/dist/components/button/Button.d.ts.map +1 -1
  7. package/dist/components/button/Button.js +2 -0
  8. package/dist/components/button/Button.js.map +1 -1
  9. package/dist/components/button/index.d.ts +1 -1
  10. package/dist/components/button/index.d.ts.map +1 -1
  11. package/dist/components/button/index.js.map +1 -1
  12. package/dist/components/button/types.d.ts +2 -0
  13. package/dist/components/button/types.d.ts.map +1 -1
  14. package/dist/components/carousel/CarouselMarkup.d.ts.map +1 -1
  15. package/dist/components/carousel/CarouselMarkup.js +2 -1
  16. package/dist/components/carousel/CarouselMarkup.js.map +1 -1
  17. package/dist/components/carousel/client/CarouselClientView.d.ts.map +1 -1
  18. package/dist/components/carousel/client/CarouselClientView.js +1 -0
  19. package/dist/components/carousel/client/CarouselClientView.js.map +1 -1
  20. package/dist/components/carousel/client/carousel-controller.d.ts.map +1 -1
  21. package/dist/components/carousel/client/carousel-controller.js +25 -4
  22. package/dist/components/carousel/client/carousel-controller.js.map +1 -1
  23. package/dist/components/carousel/client/carousel-observer.d.ts.map +1 -1
  24. package/dist/components/carousel/client/carousel-observer.js +40 -0
  25. package/dist/components/carousel/client/carousel-observer.js.map +1 -1
  26. package/dist/components/carousel/fade/fade-controller.d.ts.map +1 -1
  27. package/dist/components/carousel/fade/fade-controller.js +3 -0
  28. package/dist/components/carousel/fade/fade-controller.js.map +1 -1
  29. package/dist/components/carousel/types.d.ts +2 -0
  30. package/dist/components/carousel/types.d.ts.map +1 -1
  31. package/dist/components/checkbox/Checkbox.d.ts +1 -6
  32. package/dist/components/checkbox/Checkbox.d.ts.map +1 -1
  33. package/dist/components/checkbox/Checkbox.js +2 -52
  34. package/dist/components/checkbox/Checkbox.js.map +1 -1
  35. package/dist/components/drawer/Drawer.d.ts +1 -1
  36. package/dist/components/drawer/Drawer.d.ts.map +1 -1
  37. package/dist/components/drawer/Drawer.js +46 -9
  38. package/dist/components/drawer/Drawer.js.map +1 -1
  39. package/dist/components/drawer/DrawerNative.d.ts +8 -16
  40. package/dist/components/drawer/DrawerNative.d.ts.map +1 -1
  41. package/dist/components/drawer/DrawerNative.js +80 -34
  42. package/dist/components/drawer/DrawerNative.js.map +1 -1
  43. package/dist/components/drawer/drawer-store.d.ts +1 -1
  44. package/dist/components/drawer/drawer-store.d.ts.map +1 -1
  45. package/dist/components/drawer/drawer-store.js +7 -3
  46. package/dist/components/drawer/drawer-store.js.map +1 -1
  47. package/dist/components/drawer/index.d.ts +3 -3
  48. package/dist/components/drawer/index.d.ts.map +1 -1
  49. package/dist/components/drawer/index.js +9 -1
  50. package/dist/components/drawer/index.js.map +1 -1
  51. package/dist/components/drawer/types.d.ts +114 -3
  52. package/dist/components/drawer/types.d.ts.map +1 -1
  53. package/dist/components/dropdown-menu/DropdownMenu.d.ts.map +1 -1
  54. package/dist/components/dropdown-menu/DropdownMenu.js +3 -0
  55. package/dist/components/dropdown-menu/DropdownMenu.js.map +1 -1
  56. package/dist/components/dropdown-menu/types.d.ts +1 -0
  57. package/dist/components/dropdown-menu/types.d.ts.map +1 -1
  58. package/dist/components/enhance/dialog-dismiss.d.ts +1 -1
  59. package/dist/components/enhance/dialog-dismiss.d.ts.map +1 -1
  60. package/dist/components/enhance/dialog-dismiss.js +19 -10
  61. package/dist/components/enhance/dialog-dismiss.js.map +1 -1
  62. package/dist/components/enhance/internal/box-observer.d.ts +4 -0
  63. package/dist/components/enhance/internal/box-observer.d.ts.map +1 -0
  64. package/dist/components/enhance/internal/box-observer.js +32 -0
  65. package/dist/components/enhance/internal/box-observer.js.map +1 -0
  66. package/dist/components/enhance/sheet-swipe.d.ts.map +1 -1
  67. package/dist/components/enhance/sheet-swipe.js +42 -14
  68. package/dist/components/enhance/sheet-swipe.js.map +1 -1
  69. package/dist/components/enhance/types.d.ts +5 -0
  70. package/dist/components/enhance/types.d.ts.map +1 -0
  71. package/dist/components/field/Field.d.ts.map +1 -1
  72. package/dist/components/field/Field.js +1 -0
  73. package/dist/components/field/Field.js.map +1 -1
  74. package/dist/components/file-upload/FileUpload.d.ts +4 -7
  75. package/dist/components/file-upload/FileUpload.d.ts.map +1 -1
  76. package/dist/components/file-upload/FileUpload.js +28 -122
  77. package/dist/components/file-upload/FileUpload.js.map +1 -1
  78. package/dist/components/file-upload/FileUploadInput.d.ts +7 -0
  79. package/dist/components/file-upload/FileUploadInput.d.ts.map +1 -0
  80. package/dist/components/file-upload/FileUploadInput.js +60 -0
  81. package/dist/components/file-upload/FileUploadInput.js.map +1 -0
  82. package/dist/components/file-upload/FileUploadRoot.d.ts +8 -0
  83. package/dist/components/file-upload/FileUploadRoot.d.ts.map +1 -0
  84. package/dist/components/file-upload/FileUploadRoot.js +70 -0
  85. package/dist/components/file-upload/FileUploadRoot.js.map +1 -0
  86. package/dist/components/file-upload/file-upload-context.d.ts +3 -0
  87. package/dist/components/file-upload/file-upload-context.d.ts.map +1 -0
  88. package/dist/components/file-upload/file-upload-context.js +8 -0
  89. package/dist/components/file-upload/file-upload-context.js.map +1 -0
  90. package/dist/components/file-upload/index.d.ts +1 -1
  91. package/dist/components/file-upload/index.d.ts.map +1 -1
  92. package/dist/components/file-upload/index.js.map +1 -1
  93. package/dist/components/file-upload/types.d.ts +8 -10
  94. package/dist/components/file-upload/types.d.ts.map +1 -1
  95. package/dist/components/form/Form.d.ts.map +1 -1
  96. package/dist/components/form/Form.js +2 -1
  97. package/dist/components/form/Form.js.map +1 -1
  98. package/dist/components/hover-card/HoverCard.js +1 -1
  99. package/dist/components/hover-card/HoverCard.js.map +1 -1
  100. package/dist/components/index.d.ts +0 -1
  101. package/dist/components/index.d.ts.map +1 -1
  102. package/dist/components/index.js +0 -1
  103. package/dist/components/index.js.map +1 -1
  104. package/dist/components/input/Input.d.ts.map +1 -1
  105. package/dist/components/input/Input.js +1 -1
  106. package/dist/components/input/Input.js.map +1 -1
  107. package/dist/components/internal/choice-family/ChoiceGroup.js +1 -1
  108. package/dist/components/internal/choice-family/ChoiceGroup.js.map +1 -1
  109. package/dist/components/internal/choice-family/types.d.ts +3 -3
  110. package/dist/components/internal/choice-family/types.d.ts.map +1 -1
  111. package/dist/components/internal/native-check-control/NativeCheckControl.d.ts +7 -0
  112. package/dist/components/internal/native-check-control/NativeCheckControl.d.ts.map +1 -0
  113. package/dist/components/internal/native-check-control/NativeCheckControl.js +56 -0
  114. package/dist/components/internal/native-check-control/NativeCheckControl.js.map +1 -0
  115. package/dist/components/internal/native-check-control/types.d.ts +13 -0
  116. package/dist/components/internal/native-check-control/types.d.ts.map +1 -0
  117. package/dist/components/internal/native-check-control/types.js +1 -0
  118. package/dist/components/number-field/NumberField.d.ts.map +1 -1
  119. package/dist/components/number-field/NumberField.js +11 -2
  120. package/dist/components/number-field/NumberField.js.map +1 -1
  121. package/dist/components/number-field/format.d.ts +1 -0
  122. package/dist/components/number-field/format.d.ts.map +1 -1
  123. package/dist/components/number-field/format.js +18 -6
  124. package/dist/components/number-field/format.js.map +1 -1
  125. package/dist/components/popup/PopupParts.d.ts.map +1 -1
  126. package/dist/components/popup/PopupParts.js +2 -0
  127. package/dist/components/popup/PopupParts.js.map +1 -1
  128. package/dist/components/select/Select.d.ts.map +1 -1
  129. package/dist/components/select/Select.js +1 -1
  130. package/dist/components/select/Select.js.map +1 -1
  131. package/dist/components/skeleton/Skeleton.d.ts.map +1 -1
  132. package/dist/components/skeleton/Skeleton.js +14 -35
  133. package/dist/components/skeleton/Skeleton.js.map +1 -1
  134. package/dist/components/skeleton/types.d.ts +1 -8
  135. package/dist/components/skeleton/types.d.ts.map +1 -1
  136. package/dist/components/table/Table.d.ts +1 -40
  137. package/dist/components/table/Table.d.ts.map +1 -1
  138. package/dist/components/table/Table.js +9 -259
  139. package/dist/components/table/Table.js.map +1 -1
  140. package/dist/components/table/TableShell.d.ts +5 -1
  141. package/dist/components/table/TableShell.d.ts.map +1 -1
  142. package/dist/components/table/TableShell.js +63 -9
  143. package/dist/components/table/TableShell.js.map +1 -1
  144. package/dist/components/table/client/Table.d.ts +30 -0
  145. package/dist/components/table/client/Table.d.ts.map +1 -0
  146. package/dist/components/table/client/Table.js +135 -0
  147. package/dist/components/table/client/Table.js.map +1 -0
  148. package/dist/components/table/client/TableBody.d.ts +7 -0
  149. package/dist/components/table/client/TableBody.d.ts.map +1 -0
  150. package/dist/components/table/client/TableBody.js +35 -0
  151. package/dist/components/table/client/TableBody.js.map +1 -0
  152. package/dist/components/table/client/TableColumnHeader.d.ts +7 -0
  153. package/dist/components/table/client/TableColumnHeader.d.ts.map +1 -0
  154. package/dist/components/table/client/TableColumnHeader.js +69 -0
  155. package/dist/components/table/client/TableColumnHeader.js.map +1 -0
  156. package/dist/components/table/client/TableExpansion.d.ts +11 -0
  157. package/dist/components/table/client/TableExpansion.d.ts.map +1 -0
  158. package/dist/components/table/client/TableExpansion.js +43 -0
  159. package/dist/components/table/client/TableExpansion.js.map +1 -0
  160. package/dist/components/table/client/TableRow.d.ts +7 -0
  161. package/dist/components/table/client/TableRow.d.ts.map +1 -0
  162. package/dist/components/table/client/TableRow.js +95 -0
  163. package/dist/components/table/client/TableRow.js.map +1 -0
  164. package/dist/components/table/client/TableSelection.d.ts +11 -0
  165. package/dist/components/table/client/TableSelection.d.ts.map +1 -0
  166. package/dist/components/table/client/TableSelection.js +48 -0
  167. package/dist/components/table/client/TableSelection.js.map +1 -0
  168. package/dist/components/table/client/table-context.d.ts +3 -0
  169. package/dist/components/table/client/table-context.d.ts.map +1 -0
  170. package/dist/components/table/client/table-context.js +8 -0
  171. package/dist/components/table/client/table-context.js.map +1 -0
  172. package/dist/components/table/client.d.ts +4 -0
  173. package/dist/components/table/client.d.ts.map +1 -0
  174. package/dist/components/table/client.js +30 -0
  175. package/dist/components/table/client.js.map +1 -0
  176. package/dist/components/table/index.d.ts +2 -2
  177. package/dist/components/table/index.d.ts.map +1 -1
  178. package/dist/components/table/index.js +7 -7
  179. package/dist/components/table/index.js.map +1 -1
  180. package/dist/components/table/types.d.ts +42 -15
  181. package/dist/components/table/types.d.ts.map +1 -1
  182. package/dist/components/textarea/Textarea.d.ts.map +1 -1
  183. package/dist/components/textarea/Textarea.js +1 -1
  184. package/dist/components/textarea/Textarea.js.map +1 -1
  185. package/dist/components/toggle-group/ToggleGroup.d.ts.map +1 -1
  186. package/dist/components/toggle-group/ToggleGroup.js +1 -0
  187. package/dist/components/toggle-group/ToggleGroup.js.map +1 -1
  188. package/dist/components/toggle-group/client/ToggleGroupClient.js +2 -0
  189. package/dist/components/toggle-group/client/ToggleGroupClient.js.map +1 -1
  190. package/dist/components/toggle-group/types.d.ts +1 -0
  191. package/dist/components/toggle-group/types.d.ts.map +1 -1
  192. package/dist/components/toolbar/ToolbarShell.d.ts.map +1 -1
  193. package/dist/components/toolbar/ToolbarShell.js +2 -1
  194. package/dist/components/toolbar/ToolbarShell.js.map +1 -1
  195. package/dist/components/toolbar/types.d.ts +1 -0
  196. package/dist/components/toolbar/types.d.ts.map +1 -1
  197. package/dist/components/tooltip/Tooltip.js +1 -1
  198. package/dist/components/tooltip/Tooltip.js.map +1 -1
  199. package/dist/components/virtual-scroll/VirtualScroll.d.ts.map +1 -1
  200. package/dist/components/virtual-scroll/VirtualScroll.js +54 -34
  201. package/dist/components/virtual-scroll/VirtualScroll.js.map +1 -1
  202. package/dist/components/virtual-scroll/types.d.ts +2 -2
  203. package/dist/components/virtual-scroll/types.d.ts.map +1 -1
  204. package/dist/components/virtual-scroll/types.js.map +1 -1
  205. package/dist/components/virtual-scroll/virtual-scroll-scroll.d.ts.map +1 -1
  206. package/dist/components/virtual-scroll/virtual-scroll-scroll.js +0 -1
  207. package/dist/components/virtual-scroll/virtual-scroll-scroll.js.map +1 -1
  208. package/dist/core/roving-focus.d.ts +2 -1
  209. package/dist/core/roving-focus.d.ts.map +1 -1
  210. package/dist/core/roving-focus.js.map +1 -1
  211. package/dist/core/use-popover.d.ts.map +1 -1
  212. package/dist/core/use-popover.js +6 -1
  213. package/dist/core/use-popover.js.map +1 -1
  214. package/dist/elements/choice/types.d.ts +1 -1
  215. package/dist/elements/choice/types.d.ts.map +1 -1
  216. package/dist/styles/index.css +1 -1
  217. package/dist/styles/tailwind.css +1 -0
  218. package/dist/styles/tokens.css +1 -1
  219. package/package.json +1 -1
  220. package/dist/components/drawer/client-types.d.ts +0 -99
  221. package/dist/components/drawer/client-types.d.ts.map +0 -1
  222. package/dist/components/drawer/client-types.js +0 -1
  223. package/dist/components/enhance/internal/read-box.d.ts +0 -3
  224. package/dist/components/enhance/internal/read-box.d.ts.map +0 -1
  225. package/dist/components/enhance/internal/read-box.js +0 -7
  226. package/dist/components/enhance/internal/read-box.js.map +0 -1
  227. package/dist/components/stepper/Stepper.d.ts +0 -7
  228. package/dist/components/stepper/Stepper.d.ts.map +0 -1
  229. package/dist/components/stepper/Stepper.js +0 -35
  230. package/dist/components/stepper/Stepper.js.map +0 -1
  231. package/dist/components/stepper/index.d.ts +0 -3
  232. package/dist/components/stepper/index.d.ts.map +0 -1
  233. package/dist/components/stepper/index.js +0 -5
  234. package/dist/components/stepper/index.js.map +0 -1
  235. package/dist/components/stepper/types.d.ts +0 -14
  236. package/dist/components/stepper/types.d.ts.map +0 -1
  237. package/dist/components/stepper.d.ts +0 -1
  238. package/dist/components/stepper.js +0 -1
  239. /package/dist/components/{stepper → enhance}/types.js +0 -0
  240. /package/dist/components/{stepper → enhance}/types.js.map +0 -0
  241. /package/dist/components/{drawer/client-types.js.map → internal/native-check-control/types.js.map} +0 -0
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/core/roving-focus.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useCallback, useContext, useRef, useSyncExternalStore } from \"react\";\nimport { useId, useIsomorphicLayoutEffect, useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport type {\n ElementType,\n FocusEvent as ReactFocusEvent,\n KeyboardEvent as ReactKeyboardEvent,\n ReactElement,\n Ref,\n} from \"react\";\nimport { composeEventHandlers } from \"./compose-event-handlers.js\";\nimport { useDirection, type Direction } from \"./direction.js\";\nimport type { RenderableProps } from \"./polymorphic.js\";\nimport {\n createRovingFocusStore,\n type RovingFocusOrientation,\n type RovingFocusStore,\n} from \"./roving-focus-store.js\";\nimport { useRenderElement } from \"./use-render-element.js\";\n\nconst RovingFocusContext = createContext<RovingFocusStore | null>(null);\n\nexport interface RovingFocusRootOwnProps {\n readonly direction?: Direction;\n readonly loop?: boolean;\n readonly orientation?: RovingFocusOrientation;\n}\n\nexport type RovingFocusRootProps<TAs extends ElementType = \"div\"> = RenderableProps<\n TAs,\n RovingFocusRootOwnProps,\n { orientation: RovingFocusOrientation },\n HTMLElement\n>;\n\nexport function RovingFocusRoot<TAs extends ElementType = \"div\">(\n props: RovingFocusRootProps<TAs>,\n): ReactElement | null {\n const {\n as,\n direction: localDirection,\n loop = true,\n orientation = \"both\",\n render,\n ...consumerProps\n } = props as RovingFocusRootProps<ElementType>;\n const direction = useDirection(localDirection);\n const storeRef = useRef<RovingFocusStore | null>(null);\n storeRef.current ??= createRovingFocusStore({ direction, loop, orientation });\n storeRef.current.updateConfig({ direction, loop, orientation });\n\n const element = useRenderElement({\n as,\n defaultTag: \"div\",\n props: {\n ...consumerProps,\n \"data-orientation\": orientation,\n dir: direction,\n },\n render,\n state: { orientation },\n });\n return <RovingFocusContext value={storeRef.current}>{element}</RovingFocusContext>;\n}\nRovingFocusRoot.displayName = \"RovingFocusRoot\";\n\nexport interface RovingFocusItemOwnProps {\n readonly disabled?: boolean;\n readonly id?: string;\n readonly textValue?: string;\n}\n\nexport type RovingFocusItemProps<TAs extends ElementType = \"div\"> = RenderableProps<\n TAs,\n RovingFocusItemOwnProps,\n { current: boolean; disabled: boolean },\n HTMLElement\n>;\n\nexport function RovingFocusItem<TAs extends ElementType = \"div\">(\n props: RovingFocusItemProps<TAs>,\n): ReactElement | null {\n const {\n as,\n disabled = false,\n id: providedId,\n ref: consumerRef,\n render,\n textValue = \"\",\n ...consumerProps\n } = props as RovingFocusItemProps<ElementType> & { ref?: Ref<HTMLElement> };\n const { onFocus: consumerOnFocus, onKeyDown: consumerOnKeyDown } = consumerProps as {\n onFocus?: (event: ReactFocusEvent<HTMLElement>) => void;\n onKeyDown?: (event: ReactKeyboardEvent<HTMLElement>) => void;\n };\n const generatedId = useId();\n const id = providedId ?? generatedId;\n const store = useContext(RovingFocusContext);\n if (!store) throw new Error(\"RovingFocusItem must be used inside RovingFocusRoot\");\n const elementRef = useRef<HTMLElement | null>(null);\n const current = useSyncExternalStore(\n (listener) => store.subscribeItem(id, listener),\n () => store.getCurrentId() === id,\n () => false,\n );\n const setElement = useCallback(\n (element: HTMLElement | null) => store.setElement(id, element),\n [id, store],\n );\n const mergedRef = useMergedRefs(elementRef, consumerRef, setElement);\n\n useIsomorphicLayoutEffect(\n () =>\n store.register({\n disabled,\n element: elementRef.current,\n id,\n textValue: textValue || elementRef.current?.textContent?.trim() || \"\",\n }),\n [id, store],\n );\n useIsomorphicLayoutEffect(() => {\n store.updateItem(id, {\n disabled,\n textValue: textValue || elementRef.current?.textContent?.trim() || \"\",\n });\n }, [disabled, id, store, textValue]);\n\n const nativeButton = as === \"button\";\n\n const handleFocus = () => {\n if (!disabled) store.setCurrentId(id);\n };\n\n const handleKeyDown = (event: ReactKeyboardEvent<HTMLElement>) => {\n if (event.key === \"Home\" || event.key === \"End\" || event.key.startsWith(\"Arrow\")) {\n if (store.move(id, event.key)) event.preventDefault();\n } else if (event.key.length === 1 && !event.altKey && !event.ctrlKey && !event.metaKey) {\n store.search(event.key);\n }\n };\n\n return useRenderElement({\n as,\n defaultTag: \"div\",\n props: {\n ...consumerProps,\n id,\n \"aria-disabled\": disabled || undefined,\n \"data-current\": current ? \"\" : undefined,\n \"data-disabled\": disabled ? \"\" : undefined,\n ...(nativeButton ? { disabled: disabled || undefined } : {}),\n onFocus: composeEventHandlers(consumerOnFocus, handleFocus),\n onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n ref: mergedRef,\n tabIndex: current && !disabled ? 0 : -1,\n },\n render,\n state: { current, disabled },\n });\n}\n\nexport { createRovingFocusStore };\nexport type { RovingFocusOrientation, RovingFocusStore };\n"],"mappings":";AA+DS;AA7DT,SAAS,eAAe,aAAa,YAAY,QAAQ,4BAA4B;AACrF,SAAS,OAAO,2BAA2B,qBAAqB;AAQhE,SAAS,4BAA4B;AACrC,SAAS,oBAAoC;AAE7C;AAAA,EACE;AAAA,OAGK;AACP,SAAS,wBAAwB;AAEjC,MAAM,qBAAqB,cAAuC,IAAI;AAe/D,SAAS,gBACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,cAAc;AAAA,IACd;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,YAAY,aAAa,cAAc;AAC7C,QAAM,WAAW,OAAgC,IAAI;AACrD,WAAS,YAAY,uBAAuB,EAAE,WAAW,MAAM,YAAY,CAAC;AAC5E,WAAS,QAAQ,aAAa,EAAE,WAAW,MAAM,YAAY,CAAC;AAE9D,QAAM,UAAU,iBAAiB;AAAA,IAC/B;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,oBAAoB;AAAA,MACpB,KAAK;AAAA,IACP;AAAA,IACA;AAAA,IACA,OAAO,EAAE,YAAY;AAAA,EACvB,CAAC;AACD,SAAO,oBAAC,sBAAmB,OAAO,SAAS,SAAU,mBAAQ;AAC/D;AACA,gBAAgB,cAAc;AAevB,SAAS,gBACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA,WAAW;AAAA,IACX,IAAI;AAAA,IACJ,KAAK;AAAA,IACL;AAAA,IACA,YAAY;AAAA,IACZ,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,EAAE,SAAS,iBAAiB,WAAW,kBAAkB,IAAI;AAInE,QAAM,cAAc,MAAM;AAC1B,QAAM,KAAK,cAAc;AACzB,QAAM,QAAQ,WAAW,kBAAkB;AAC3C,MAAI,CAAC,MAAO,OAAM,IAAI,MAAM,qDAAqD;AACjF,QAAM,aAAa,OAA2B,IAAI;AAClD,QAAM,UAAU;AAAA,IACd,CAAC,aAAa,MAAM,cAAc,IAAI,QAAQ;AAAA,IAC9C,MAAM,MAAM,aAAa,MAAM;AAAA,IAC/B,MAAM;AAAA,EACR;AACA,QAAM,aAAa;AAAA,IACjB,CAAC,YAAgC,MAAM,WAAW,IAAI,OAAO;AAAA,IAC7D,CAAC,IAAI,KAAK;AAAA,EACZ;AACA,QAAM,YAAY,cAAc,YAAY,aAAa,UAAU;AAEnE;AAAA,IACE,MACE,MAAM,SAAS;AAAA,MACb;AAAA,MACA,SAAS,WAAW;AAAA,MACpB;AAAA,MACA,WAAW,aAAa,WAAW,SAAS,aAAa,KAAK,KAAK;AAAA,IACrE,CAAC;AAAA,IACH,CAAC,IAAI,KAAK;AAAA,EACZ;AACA,4BAA0B,MAAM;AAC9B,UAAM,WAAW,IAAI;AAAA,MACnB;AAAA,MACA,WAAW,aAAa,WAAW,SAAS,aAAa,KAAK,KAAK;AAAA,IACrE,CAAC;AAAA,EACH,GAAG,CAAC,UAAU,IAAI,OAAO,SAAS,CAAC;AAEnC,QAAM,eAAe,OAAO;AAE5B,QAAM,cAAc,MAAM;AACxB,QAAI,CAAC,SAAU,OAAM,aAAa,EAAE;AAAA,EACtC;AAEA,QAAM,gBAAgB,CAAC,UAA2C;AAChE,QAAI,MAAM,QAAQ,UAAU,MAAM,QAAQ,SAAS,MAAM,IAAI,WAAW,OAAO,GAAG;AAChF,UAAI,MAAM,KAAK,IAAI,MAAM,GAAG,EAAG,OAAM,eAAe;AAAA,IACtD,WAAW,MAAM,IAAI,WAAW,KAAK,CAAC,MAAM,UAAU,CAAC,MAAM,WAAW,CAAC,MAAM,SAAS;AACtF,YAAM,OAAO,MAAM,GAAG;AAAA,IACxB;AAAA,EACF;AAEA,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH;AAAA,MACA,iBAAiB,YAAY;AAAA,MAC7B,gBAAgB,UAAU,KAAK;AAAA,MAC/B,iBAAiB,WAAW,KAAK;AAAA,MACjC,GAAI,eAAe,EAAE,UAAU,YAAY,OAAU,IAAI,CAAC;AAAA,MAC1D,SAAS,qBAAqB,iBAAiB,WAAW;AAAA,MAC1D,WAAW,qBAAqB,mBAAmB,aAAa;AAAA,MAChE,KAAK;AAAA,MACL,UAAU,WAAW,CAAC,WAAW,IAAI;AAAA,IACvC;AAAA,IACA;AAAA,IACA,OAAO,EAAE,SAAS,SAAS;AAAA,EAC7B,CAAC;AACH;","names":[]}
1
+ {"version":3,"sources":["../../src/core/roving-focus.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useCallback, useContext, useRef, useSyncExternalStore } from \"react\";\nimport { useId, useIsomorphicLayoutEffect, useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport type {\n ElementType,\n FocusEvent as ReactFocusEvent,\n KeyboardEvent as ReactKeyboardEvent,\n ReactElement,\n Ref,\n} from \"react\";\nimport { composeEventHandlers } from \"./compose-event-handlers.js\";\nimport { useDirection, type Direction } from \"./direction.js\";\nimport type { RenderableProps } from \"./polymorphic.js\";\nimport {\n createRovingFocusStore,\n type RovingFocusOrientation,\n type RovingFocusStore,\n} from \"./roving-focus-store.js\";\nimport { useRenderElement } from \"./use-render-element.js\";\n\nconst RovingFocusContext = createContext<RovingFocusStore | null>(null);\n\nexport interface RovingFocusRootOwnProps {\n readonly direction?: Direction;\n readonly loop?: boolean;\n readonly orientation?: RovingFocusOrientation;\n}\n\nexport type RovingFocusRootProps<TAs extends ElementType = \"div\"> = RenderableProps<\n TAs,\n RovingFocusRootOwnProps,\n { orientation: RovingFocusOrientation },\n HTMLElement\n>;\n\nexport function RovingFocusRoot<TAs extends ElementType = \"div\">(\n props: RovingFocusRootProps<TAs>,\n): ReactElement | null {\n const {\n as,\n direction: localDirection,\n loop = true,\n orientation = \"both\",\n render,\n ...consumerProps\n } = props as RovingFocusRootProps<ElementType>;\n const direction = useDirection(localDirection);\n const storeRef = useRef<RovingFocusStore | null>(null);\n storeRef.current ??= createRovingFocusStore({ direction, loop, orientation });\n storeRef.current.updateConfig({ direction, loop, orientation });\n\n const element = useRenderElement({\n as,\n defaultTag: \"div\",\n props: {\n ...consumerProps,\n \"data-orientation\": orientation,\n dir: direction,\n },\n render,\n state: { orientation },\n });\n return <RovingFocusContext value={storeRef.current}>{element}</RovingFocusContext>;\n}\nRovingFocusRoot.displayName = \"RovingFocusRoot\";\n\nexport interface RovingFocusItemOwnProps {\n readonly ref?: Ref<HTMLElement>;\n readonly disabled?: boolean;\n readonly id?: string;\n readonly textValue?: string;\n}\n\nexport type RovingFocusItemProps<TAs extends ElementType = \"div\"> = RenderableProps<\n TAs,\n RovingFocusItemOwnProps,\n { current: boolean; disabled: boolean },\n HTMLElement\n>;\n\nexport function RovingFocusItem<TAs extends ElementType = \"div\">(\n props: RovingFocusItemProps<TAs>,\n): ReactElement | null {\n const {\n as,\n disabled = false,\n id: providedId,\n ref: consumerRef,\n render,\n textValue = \"\",\n ...consumerProps\n } = props as RovingFocusItemProps<ElementType> & { ref?: Ref<HTMLElement> };\n const { onFocus: consumerOnFocus, onKeyDown: consumerOnKeyDown } = consumerProps as {\n onFocus?: (event: ReactFocusEvent<HTMLElement>) => void;\n onKeyDown?: (event: ReactKeyboardEvent<HTMLElement>) => void;\n };\n const generatedId = useId();\n const id = providedId ?? generatedId;\n const store = useContext(RovingFocusContext);\n if (!store) throw new Error(\"RovingFocusItem must be used inside RovingFocusRoot\");\n const elementRef = useRef<HTMLElement | null>(null);\n const current = useSyncExternalStore(\n (listener) => store.subscribeItem(id, listener),\n () => store.getCurrentId() === id,\n () => false,\n );\n const setElement = useCallback(\n (element: HTMLElement | null) => store.setElement(id, element),\n [id, store],\n );\n const mergedRef = useMergedRefs(elementRef, consumerRef, setElement);\n\n useIsomorphicLayoutEffect(\n () =>\n store.register({\n disabled,\n element: elementRef.current,\n id,\n textValue: textValue || elementRef.current?.textContent?.trim() || \"\",\n }),\n [id, store],\n );\n useIsomorphicLayoutEffect(() => {\n store.updateItem(id, {\n disabled,\n textValue: textValue || elementRef.current?.textContent?.trim() || \"\",\n });\n }, [disabled, id, store, textValue]);\n\n const nativeButton = as === \"button\";\n\n const handleFocus = () => {\n if (!disabled) store.setCurrentId(id);\n };\n\n const handleKeyDown = (event: ReactKeyboardEvent<HTMLElement>) => {\n if (event.key === \"Home\" || event.key === \"End\" || event.key.startsWith(\"Arrow\")) {\n if (store.move(id, event.key)) event.preventDefault();\n } else if (event.key.length === 1 && !event.altKey && !event.ctrlKey && !event.metaKey) {\n store.search(event.key);\n }\n };\n\n return useRenderElement({\n as,\n defaultTag: \"div\",\n props: {\n ...consumerProps,\n id,\n \"aria-disabled\": disabled || undefined,\n \"data-current\": current ? \"\" : undefined,\n \"data-disabled\": disabled ? \"\" : undefined,\n ...(nativeButton ? { disabled: disabled || undefined } : {}),\n onFocus: composeEventHandlers(consumerOnFocus, handleFocus),\n onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n ref: mergedRef,\n tabIndex: current && !disabled ? 0 : -1,\n },\n render,\n state: { current, disabled },\n });\n}\n\nexport { createRovingFocusStore };\nexport type { RovingFocusOrientation, RovingFocusStore };\n"],"mappings":";AA+DS;AA7DT,SAAS,eAAe,aAAa,YAAY,QAAQ,4BAA4B;AACrF,SAAS,OAAO,2BAA2B,qBAAqB;AAQhE,SAAS,4BAA4B;AACrC,SAAS,oBAAoC;AAE7C;AAAA,EACE;AAAA,OAGK;AACP,SAAS,wBAAwB;AAEjC,MAAM,qBAAqB,cAAuC,IAAI;AAe/D,SAAS,gBACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,cAAc;AAAA,IACd;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,YAAY,aAAa,cAAc;AAC7C,QAAM,WAAW,OAAgC,IAAI;AACrD,WAAS,YAAY,uBAAuB,EAAE,WAAW,MAAM,YAAY,CAAC;AAC5E,WAAS,QAAQ,aAAa,EAAE,WAAW,MAAM,YAAY,CAAC;AAE9D,QAAM,UAAU,iBAAiB;AAAA,IAC/B;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,oBAAoB;AAAA,MACpB,KAAK;AAAA,IACP;AAAA,IACA;AAAA,IACA,OAAO,EAAE,YAAY;AAAA,EACvB,CAAC;AACD,SAAO,oBAAC,sBAAmB,OAAO,SAAS,SAAU,mBAAQ;AAC/D;AACA,gBAAgB,cAAc;AAgBvB,SAAS,gBACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA,WAAW;AAAA,IACX,IAAI;AAAA,IACJ,KAAK;AAAA,IACL;AAAA,IACA,YAAY;AAAA,IACZ,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,EAAE,SAAS,iBAAiB,WAAW,kBAAkB,IAAI;AAInE,QAAM,cAAc,MAAM;AAC1B,QAAM,KAAK,cAAc;AACzB,QAAM,QAAQ,WAAW,kBAAkB;AAC3C,MAAI,CAAC,MAAO,OAAM,IAAI,MAAM,qDAAqD;AACjF,QAAM,aAAa,OAA2B,IAAI;AAClD,QAAM,UAAU;AAAA,IACd,CAAC,aAAa,MAAM,cAAc,IAAI,QAAQ;AAAA,IAC9C,MAAM,MAAM,aAAa,MAAM;AAAA,IAC/B,MAAM;AAAA,EACR;AACA,QAAM,aAAa;AAAA,IACjB,CAAC,YAAgC,MAAM,WAAW,IAAI,OAAO;AAAA,IAC7D,CAAC,IAAI,KAAK;AAAA,EACZ;AACA,QAAM,YAAY,cAAc,YAAY,aAAa,UAAU;AAEnE;AAAA,IACE,MACE,MAAM,SAAS;AAAA,MACb;AAAA,MACA,SAAS,WAAW;AAAA,MACpB;AAAA,MACA,WAAW,aAAa,WAAW,SAAS,aAAa,KAAK,KAAK;AAAA,IACrE,CAAC;AAAA,IACH,CAAC,IAAI,KAAK;AAAA,EACZ;AACA,4BAA0B,MAAM;AAC9B,UAAM,WAAW,IAAI;AAAA,MACnB;AAAA,MACA,WAAW,aAAa,WAAW,SAAS,aAAa,KAAK,KAAK;AAAA,IACrE,CAAC;AAAA,EACH,GAAG,CAAC,UAAU,IAAI,OAAO,SAAS,CAAC;AAEnC,QAAM,eAAe,OAAO;AAE5B,QAAM,cAAc,MAAM;AACxB,QAAI,CAAC,SAAU,OAAM,aAAa,EAAE;AAAA,EACtC;AAEA,QAAM,gBAAgB,CAAC,UAA2C;AAChE,QAAI,MAAM,QAAQ,UAAU,MAAM,QAAQ,SAAS,MAAM,IAAI,WAAW,OAAO,GAAG;AAChF,UAAI,MAAM,KAAK,IAAI,MAAM,GAAG,EAAG,OAAM,eAAe;AAAA,IACtD,WAAW,MAAM,IAAI,WAAW,KAAK,CAAC,MAAM,UAAU,CAAC,MAAM,WAAW,CAAC,MAAM,SAAS;AACtF,YAAM,OAAO,MAAM,GAAG;AAAA,IACxB;AAAA,EACF;AAEA,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH;AAAA,MACA,iBAAiB,YAAY;AAAA,MAC7B,gBAAgB,UAAU,KAAK;AAAA,MAC/B,iBAAiB,WAAW,KAAK;AAAA,MACjC,GAAI,eAAe,EAAE,UAAU,YAAY,OAAU,IAAI,CAAC;AAAA,MAC1D,SAAS,qBAAqB,iBAAiB,WAAW;AAAA,MAC1D,WAAW,qBAAqB,mBAAmB,aAAa;AAAA,MAChE,KAAK;AAAA,MACL,UAAU,WAAW,CAAC,WAAW,IAAI;AAAA,IACvC;AAAA,IACA;AAAA,IACA,OAAO,EAAE,SAAS,SAAS;AAAA,EAC7B,CAAC;AACH;","names":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"use-popover.d.ts","sourceRoot":"","sources":["../../src/core/use-popover.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,oBAAoB,EACpB,cAAc,EAEd,WAAW,EACZ,MAAM,OAAO,CAAC;AAGf,OAAO,EAEL,KAAK,gCAAgC,EACtC,MAAM,mCAAmC,CAAC;AAE3C,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AACrD,MAAM,MAAM,oBAAoB,GAAG,gCAAgC,CAAC,cAAc,CAAC,CAAC;AAEpF,MAAM,WAAW,iBAAkB,SAAQ,gCAAgC;IACzE,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;CAC7B;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,WAAW,EAAE,MAAM,IAAI,CAAC;IACjC,QAAQ,CAAC,UAAU,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACjD,QAAQ,CAAC,QAAQ,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAC5C,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC;IAC5B,QAAQ,CAAC,YAAY,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAC/D,QAAQ,CAAC,UAAU,EAAE,WAAW,CAAC,iBAAiB,CAAC,CAAC;CACrD;AAMD,wBAAgB,UAAU,CAAC,EACzB,WAAmB,EACnB,IAAa,EACb,YAAY,EACZ,IAAI,EAAE,cAAc,GACrB,GAAE,iBAAsB,GAAG,gBAAgB,CAqE3C"}
1
+ {"version":3,"file":"use-popover.d.ts","sourceRoot":"","sources":["../../src/core/use-popover.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,oBAAoB,EACpB,cAAc,EAEd,WAAW,EACZ,MAAM,OAAO,CAAC;AAGf,OAAO,EAEL,KAAK,gCAAgC,EACtC,MAAM,mCAAmC,CAAC;AAE3C,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AACrD,MAAM,MAAM,oBAAoB,GAAG,gCAAgC,CAAC,cAAc,CAAC,CAAC;AAEpF,MAAM,WAAW,iBAAkB,SAAQ,gCAAgC;IACzE,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;CAC7B;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,WAAW,EAAE,MAAM,IAAI,CAAC;IACjC,QAAQ,CAAC,UAAU,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACjD,QAAQ,CAAC,QAAQ,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAC5C,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC;IAC5B,QAAQ,CAAC,YAAY,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAC/D,QAAQ,CAAC,UAAU,EAAE,WAAW,CAAC,iBAAiB,CAAC,CAAC;CACrD;AAMD,wBAAgB,UAAU,CAAC,EACzB,WAAmB,EACnB,IAAa,EACb,YAAY,EACZ,IAAI,EAAE,cAAc,GACrB,GAAE,iBAAsB,GAAG,gBAAgB,CA4E3C"}
@@ -49,7 +49,12 @@ function usePopover({
49
49
  "aria-controls": id,
50
50
  "aria-expanded": open,
51
51
  onClick(event) {
52
- if (!isNative) requestChange(!open, "trigger-press", event.nativeEvent);
52
+ const accepted = requestChange(
53
+ !open,
54
+ isNative ? "native-toggle" : "trigger-press",
55
+ event.nativeEvent
56
+ );
57
+ if (isNative || !accepted) event.preventDefault();
53
58
  },
54
59
  type: "button",
55
60
  ...isNative ? { command: "toggle-popover", commandfor: id } : {}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/core/use-popover.ts"],"sourcesContent":["\"use client\";\n\nimport { useRef, useState, useSyncExternalStore } from \"react\";\nimport type {\n ButtonHTMLAttributes,\n HTMLAttributes,\n MouseEvent as ReactMouseEvent,\n RefCallback,\n} from \"react\";\nimport { useId, useIsomorphicLayoutEffect } from \"@gunkin/uiify/hooks\";\nimport { supportsPopover } from \"./platform.js\";\nimport {\n useControllableOpenChange,\n type UseControllableOpenChangeOptions,\n} from \"./use-controllable-open-change.js\";\n\nexport type PopoverMode = \"auto\" | \"manual\" | \"hint\";\nexport type PopoverChangeHandler = UseControllableOpenChangeOptions[\"onOpenChange\"];\n\nexport interface UsePopoverOptions extends UseControllableOpenChangeOptions {\n readonly mode?: PopoverMode;\n}\n\nexport interface UsePopoverReturn {\n readonly close: () => void;\n readonly isNative: boolean;\n readonly open: boolean;\n readonly openPopover: () => void;\n readonly popupProps: HTMLAttributes<HTMLElement>;\n readonly popupRef: RefCallback<HTMLElement>;\n readonly toggle: () => void;\n readonly triggerProps: ButtonHTMLAttributes<HTMLButtonElement>;\n readonly triggerRef: RefCallback<HTMLButtonElement>;\n}\n\ninterface ToggleEventLike extends Event {\n readonly newState?: \"closed\" | \"open\";\n}\n\nexport function usePopover({\n defaultOpen = false,\n mode = \"auto\",\n onOpenChange,\n open: controlledOpen,\n}: UsePopoverOptions = {}): UsePopoverReturn {\n const id = useId();\n const [popup, setPopup] = useState<HTMLElement | null>(null);\n const { open, requestChange } = useControllableOpenChange({\n defaultOpen,\n onOpenChange,\n open: controlledOpen,\n });\n const openRef = useRef(open);\n openRef.current = open;\n // SSR markup matches the initial open state so pre-hydration toggling works.\n const isNative = useSyncExternalStore(\n () => () => {},\n () => supportsPopover(),\n () => true,\n );\n\n useIsomorphicLayoutEffect(() => {\n if (!popup || !isNative) return;\n\n const onBeforeToggle = (event: Event) => {\n const next = (event as ToggleEventLike).newState === \"open\";\n if (next !== openRef.current && !requestChange(next, \"native-toggle\", event)) {\n event.preventDefault();\n }\n };\n popup.addEventListener(\"beforetoggle\", onBeforeToggle);\n return () => popup.removeEventListener(\"beforetoggle\", onBeforeToggle);\n }, [isNative, popup, requestChange]);\n\n useIsomorphicLayoutEffect(() => {\n if (!popup || !isNative) return;\n try {\n if (open && !popup.matches(\":popover-open\")) popup.showPopover();\n if (!open && popup.matches(\":popover-open\")) popup.hidePopover();\n } catch {\n // The node may have disconnected between render and layout effect.\n }\n }, [isNative, open, popup]);\n\n const triggerProps = {\n \"aria-controls\": id,\n \"aria-expanded\": open,\n onClick(event: ReactMouseEvent<HTMLButtonElement>) {\n if (!isNative) requestChange(!open, \"trigger-press\", event.nativeEvent);\n },\n type: \"button\",\n ...(isNative ? { command: \"toggle-popover\", commandfor: id } : {}),\n } as ButtonHTMLAttributes<HTMLButtonElement>;\n\n const popupProps = {\n \"data-native\": isNative ? \"\" : undefined,\n hidden: isNative ? undefined : !open,\n id,\n ...(isNative ? { popover: mode } : {}),\n ...(isNative && open ? { open: true } : {}),\n } as HTMLAttributes<HTMLElement>;\n\n return {\n close: () => requestChange(false, \"programmatic\"),\n isNative,\n open,\n openPopover: () => requestChange(true, \"programmatic\"),\n popupProps,\n popupRef: setPopup,\n toggle: () => requestChange(!open, \"programmatic\"),\n triggerProps,\n triggerRef() {},\n };\n}\n"],"mappings":";AAEA,SAAS,QAAQ,UAAU,4BAA4B;AAOvD,SAAS,OAAO,iCAAiC;AACjD,SAAS,uBAAuB;AAChC;AAAA,EACE;AAAA,OAEK;AAyBA,SAAS,WAAW;AAAA,EACzB,cAAc;AAAA,EACd,OAAO;AAAA,EACP;AAAA,EACA,MAAM;AACR,IAAuB,CAAC,GAAqB;AAC3C,QAAM,KAAK,MAAM;AACjB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAA6B,IAAI;AAC3D,QAAM,EAAE,MAAM,cAAc,IAAI,0BAA0B;AAAA,IACxD;AAAA,IACA;AAAA,IACA,MAAM;AAAA,EACR,CAAC;AACD,QAAM,UAAU,OAAO,IAAI;AAC3B,UAAQ,UAAU;AAElB,QAAM,WAAW;AAAA,IACf,MAAM,MAAM;AAAA,IAAC;AAAA,IACb,MAAM,gBAAgB;AAAA,IACtB,MAAM;AAAA,EACR;AAEA,4BAA0B,MAAM;AAC9B,QAAI,CAAC,SAAS,CAAC,SAAU;AAEzB,UAAM,iBAAiB,CAAC,UAAiB;AACvC,YAAM,OAAQ,MAA0B,aAAa;AACrD,UAAI,SAAS,QAAQ,WAAW,CAAC,cAAc,MAAM,iBAAiB,KAAK,GAAG;AAC5E,cAAM,eAAe;AAAA,MACvB;AAAA,IACF;AACA,UAAM,iBAAiB,gBAAgB,cAAc;AACrD,WAAO,MAAM,MAAM,oBAAoB,gBAAgB,cAAc;AAAA,EACvE,GAAG,CAAC,UAAU,OAAO,aAAa,CAAC;AAEnC,4BAA0B,MAAM;AAC9B,QAAI,CAAC,SAAS,CAAC,SAAU;AACzB,QAAI;AACF,UAAI,QAAQ,CAAC,MAAM,QAAQ,eAAe,EAAG,OAAM,YAAY;AAC/D,UAAI,CAAC,QAAQ,MAAM,QAAQ,eAAe,EAAG,OAAM,YAAY;AAAA,IACjE,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAAC,UAAU,MAAM,KAAK,CAAC;AAE1B,QAAM,eAAe;AAAA,IACnB,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,QAAQ,OAA2C;AACjD,UAAI,CAAC,SAAU,eAAc,CAAC,MAAM,iBAAiB,MAAM,WAAW;AAAA,IACxE;AAAA,IACA,MAAM;AAAA,IACN,GAAI,WAAW,EAAE,SAAS,kBAAkB,YAAY,GAAG,IAAI,CAAC;AAAA,EAClE;AAEA,QAAM,aAAa;AAAA,IACjB,eAAe,WAAW,KAAK;AAAA,IAC/B,QAAQ,WAAW,SAAY,CAAC;AAAA,IAChC;AAAA,IACA,GAAI,WAAW,EAAE,SAAS,KAAK,IAAI,CAAC;AAAA,IACpC,GAAI,YAAY,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;AAAA,EAC3C;AAEA,SAAO;AAAA,IACL,OAAO,MAAM,cAAc,OAAO,cAAc;AAAA,IAChD;AAAA,IACA;AAAA,IACA,aAAa,MAAM,cAAc,MAAM,cAAc;AAAA,IACrD;AAAA,IACA,UAAU;AAAA,IACV,QAAQ,MAAM,cAAc,CAAC,MAAM,cAAc;AAAA,IACjD;AAAA,IACA,aAAa;AAAA,IAAC;AAAA,EAChB;AACF;","names":[]}
1
+ {"version":3,"sources":["../../src/core/use-popover.ts"],"sourcesContent":["\"use client\";\n\nimport { useRef, useState, useSyncExternalStore } from \"react\";\nimport type {\n ButtonHTMLAttributes,\n HTMLAttributes,\n MouseEvent as ReactMouseEvent,\n RefCallback,\n} from \"react\";\nimport { useId, useIsomorphicLayoutEffect } from \"@gunkin/uiify/hooks\";\nimport { supportsPopover } from \"./platform.js\";\nimport {\n useControllableOpenChange,\n type UseControllableOpenChangeOptions,\n} from \"./use-controllable-open-change.js\";\n\nexport type PopoverMode = \"auto\" | \"manual\" | \"hint\";\nexport type PopoverChangeHandler = UseControllableOpenChangeOptions[\"onOpenChange\"];\n\nexport interface UsePopoverOptions extends UseControllableOpenChangeOptions {\n readonly mode?: PopoverMode;\n}\n\nexport interface UsePopoverReturn {\n readonly close: () => void;\n readonly isNative: boolean;\n readonly open: boolean;\n readonly openPopover: () => void;\n readonly popupProps: HTMLAttributes<HTMLElement>;\n readonly popupRef: RefCallback<HTMLElement>;\n readonly toggle: () => void;\n readonly triggerProps: ButtonHTMLAttributes<HTMLButtonElement>;\n readonly triggerRef: RefCallback<HTMLButtonElement>;\n}\n\ninterface ToggleEventLike extends Event {\n readonly newState?: \"closed\" | \"open\";\n}\n\nexport function usePopover({\n defaultOpen = false,\n mode = \"auto\",\n onOpenChange,\n open: controlledOpen,\n}: UsePopoverOptions = {}): UsePopoverReturn {\n const id = useId();\n const [popup, setPopup] = useState<HTMLElement | null>(null);\n const { open, requestChange } = useControllableOpenChange({\n defaultOpen,\n onOpenChange,\n open: controlledOpen,\n });\n const openRef = useRef(open);\n openRef.current = open;\n // SSR markup matches the initial open state so pre-hydration toggling works.\n const isNative = useSyncExternalStore(\n () => () => {},\n () => supportsPopover(),\n () => true,\n );\n\n useIsomorphicLayoutEffect(() => {\n if (!popup || !isNative) return;\n\n const onBeforeToggle = (event: Event) => {\n const next = (event as ToggleEventLike).newState === \"open\";\n if (next !== openRef.current && !requestChange(next, \"native-toggle\", event)) {\n event.preventDefault();\n }\n };\n popup.addEventListener(\"beforetoggle\", onBeforeToggle);\n return () => popup.removeEventListener(\"beforetoggle\", onBeforeToggle);\n }, [isNative, popup, requestChange]);\n\n useIsomorphicLayoutEffect(() => {\n if (!popup || !isNative) return;\n try {\n if (open && !popup.matches(\":popover-open\")) popup.showPopover();\n if (!open && popup.matches(\":popover-open\")) popup.hidePopover();\n } catch {\n // The node may have disconnected between render and layout effect.\n }\n }, [isNative, open, popup]);\n\n const triggerProps = {\n \"aria-controls\": id,\n \"aria-expanded\": open,\n onClick(event: ReactMouseEvent<HTMLButtonElement>) {\n const accepted = requestChange(\n !open,\n isNative ? \"native-toggle\" : \"trigger-press\",\n event.nativeEvent,\n );\n // Commit the React state first, then open from the layout effect. Letting\n // the invoker open it first exposes the surface before its state/styles settle.\n if (isNative || !accepted) event.preventDefault();\n },\n type: \"button\",\n ...(isNative ? { command: \"toggle-popover\", commandfor: id } : {}),\n } as ButtonHTMLAttributes<HTMLButtonElement>;\n\n const popupProps = {\n \"data-native\": isNative ? \"\" : undefined,\n hidden: isNative ? undefined : !open,\n id,\n ...(isNative ? { popover: mode } : {}),\n ...(isNative && open ? { open: true } : {}),\n } as HTMLAttributes<HTMLElement>;\n\n return {\n close: () => requestChange(false, \"programmatic\"),\n isNative,\n open,\n openPopover: () => requestChange(true, \"programmatic\"),\n popupProps,\n popupRef: setPopup,\n toggle: () => requestChange(!open, \"programmatic\"),\n triggerProps,\n triggerRef() {},\n };\n}\n"],"mappings":";AAEA,SAAS,QAAQ,UAAU,4BAA4B;AAOvD,SAAS,OAAO,iCAAiC;AACjD,SAAS,uBAAuB;AAChC;AAAA,EACE;AAAA,OAEK;AAyBA,SAAS,WAAW;AAAA,EACzB,cAAc;AAAA,EACd,OAAO;AAAA,EACP;AAAA,EACA,MAAM;AACR,IAAuB,CAAC,GAAqB;AAC3C,QAAM,KAAK,MAAM;AACjB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAA6B,IAAI;AAC3D,QAAM,EAAE,MAAM,cAAc,IAAI,0BAA0B;AAAA,IACxD;AAAA,IACA;AAAA,IACA,MAAM;AAAA,EACR,CAAC;AACD,QAAM,UAAU,OAAO,IAAI;AAC3B,UAAQ,UAAU;AAElB,QAAM,WAAW;AAAA,IACf,MAAM,MAAM;AAAA,IAAC;AAAA,IACb,MAAM,gBAAgB;AAAA,IACtB,MAAM;AAAA,EACR;AAEA,4BAA0B,MAAM;AAC9B,QAAI,CAAC,SAAS,CAAC,SAAU;AAEzB,UAAM,iBAAiB,CAAC,UAAiB;AACvC,YAAM,OAAQ,MAA0B,aAAa;AACrD,UAAI,SAAS,QAAQ,WAAW,CAAC,cAAc,MAAM,iBAAiB,KAAK,GAAG;AAC5E,cAAM,eAAe;AAAA,MACvB;AAAA,IACF;AACA,UAAM,iBAAiB,gBAAgB,cAAc;AACrD,WAAO,MAAM,MAAM,oBAAoB,gBAAgB,cAAc;AAAA,EACvE,GAAG,CAAC,UAAU,OAAO,aAAa,CAAC;AAEnC,4BAA0B,MAAM;AAC9B,QAAI,CAAC,SAAS,CAAC,SAAU;AACzB,QAAI;AACF,UAAI,QAAQ,CAAC,MAAM,QAAQ,eAAe,EAAG,OAAM,YAAY;AAC/D,UAAI,CAAC,QAAQ,MAAM,QAAQ,eAAe,EAAG,OAAM,YAAY;AAAA,IACjE,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAAC,UAAU,MAAM,KAAK,CAAC;AAE1B,QAAM,eAAe;AAAA,IACnB,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,QAAQ,OAA2C;AACjD,YAAM,WAAW;AAAA,QACf,CAAC;AAAA,QACD,WAAW,kBAAkB;AAAA,QAC7B,MAAM;AAAA,MACR;AAGA,UAAI,YAAY,CAAC,SAAU,OAAM,eAAe;AAAA,IAClD;AAAA,IACA,MAAM;AAAA,IACN,GAAI,WAAW,EAAE,SAAS,kBAAkB,YAAY,GAAG,IAAI,CAAC;AAAA,EAClE;AAEA,QAAM,aAAa;AAAA,IACjB,eAAe,WAAW,KAAK;AAAA,IAC/B,QAAQ,WAAW,SAAY,CAAC;AAAA,IAChC;AAAA,IACA,GAAI,WAAW,EAAE,SAAS,KAAK,IAAI,CAAC;AAAA,IACpC,GAAI,YAAY,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;AAAA,EAC3C;AAEA,SAAO;AAAA,IACL,OAAO,MAAM,cAAc,OAAO,cAAc;AAAA,IAChD;AAAA,IACA;AAAA,IACA,aAAa,MAAM,cAAc,MAAM,cAAc;AAAA,IACrD;AAAA,IACA,UAAU;AAAA,IACV,QAAQ,MAAM,cAAc,CAAC,MAAM,cAAc;AAAA,IACjD;AAAA,IACA,aAAa;AAAA,IAAC;AAAA,EAChB;AACF;","names":[]}
@@ -38,7 +38,7 @@ export interface ChoiceItemOwnProps {
38
38
  /** Controlled checked state for client-enhanced choice groups. */
39
39
  readonly checked?: boolean;
40
40
  readonly disabled?: boolean;
41
- /** Wrapper `data-part`. Defaults to `"item"` (stepper-shaped consumers use `"step"`). */
41
+ /** Wrapper `data-part`. Defaults to `"item"`. */
42
42
  readonly part?: string;
43
43
  /** Adds `data-part="label"` to the `<label>`. */
44
44
  readonly labelPart?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/choice/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,iFAAiF;AACjF,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE1D,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;IAC1B,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAC;IACzC;;;;;OAKG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,gBAAgB,GAAG,mBAAmB,GAChD,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,MAAM,mBAAmB,CAAC,CAAC;AAEhE,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,qCAAqC;IACrC,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,oFAAoF;IACpF,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B,iFAAiF;IACjF,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;IAC1B,gFAAgF;IAChF,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,qDAAqD;IACrD,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAClC,kEAAkE;IAClE,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,yFAAyF;IACzF,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,iDAAiD;IACjD,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,qGAAqG;IACrG,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,gEAAgE;IAChE,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,oEAAoE;IACpE,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C;;;;OAIG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD;AAED,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAC9C,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,MAAM,kBAAkB,GAAG,UAAU,CAAC,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/choice/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,iFAAiF;AACjF,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE1D,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;IAC1B,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAC;IACzC;;;;;OAKG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,gBAAgB,GAAG,mBAAmB,GAChD,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,MAAM,mBAAmB,CAAC,CAAC;AAEhE,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,qCAAqC;IACrC,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,oFAAoF;IACpF,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B,iFAAiF;IACjF,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;IAC1B,gFAAgF;IAChF,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,qDAAqD;IACrD,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAClC,kEAAkE;IAClE,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,iDAAiD;IACjD,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,iDAAiD;IACjD,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,qGAAqG;IACrG,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,gEAAgE;IAChE,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,oEAAoE;IACpE,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C;;;;OAIG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD;AAED,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAC9C,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,MAAM,kBAAkB,GAAG,UAAU,CAAC,CAAC"}
@@ -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:7px;--radius-2:9px;--radius-3:10px;--radius-4:12px;--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-sm:var(--radius-1);--radius-md:var(--radius-2);--radius-lg:var(--radius);--radius-xl:var(--radius-4);--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);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]{gap:.25rem;min-block-size:32px;padding-inline:.5rem}[data-uiify-button][data-size=lg]{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%)}[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-lg);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);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]{align-items:center;gap:var(--space-sm);cursor:pointer;color:var(--foreground);font-size:var(--text-sm);line-height:var(--leading-normal);display:inline-flex}[data-uiify-checkbox]>input{border-radius:var(--radius-sm)}[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:.65rem;inline-size:.65rem;transition:transform var(--duration-fast) var(--ease-out);background-color:var(--primary-foreground);clip-path:polygon(14% 44%,0 65%,38% 100%,100% 22%,84% 6%,38% 68%);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)}: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}: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);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);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);background-color:var(--popover);color:var(--popover-foreground);box-shadow:var(--shadow-modal);border-radius:14px;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}}: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-md);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-md);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-md);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-md);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:var(--radius-sm);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-sm);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)}}}[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);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-md);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:var(--radius-sm);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-sm);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-lg);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:"";border-inline-end:2px solid var(--muted-foreground);border-block-end:2px solid var(--muted-foreground);block-size:.5rem;inline-size:.5rem;transition:rotate var(--duration-fast) var(--ease-out);rotate:45deg}[data-uiify-accordion] [data-part=item][open]>[data-part=trigger]:after{rotate:225deg}[data-uiify-accordion] [data-part=item][open]>[data-part=trigger]{color:var(--primary)}@supports (interpolate-size:allow-keywords){:root{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);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-sm);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-sm);inline-size:1rem;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;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);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-md);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:var(--radius-sm);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-md);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-state=loading][data-shape=rect],[data-state=loading][data-shape=circle]{inline-size:var(--skeleton-w,100%);block-size:var(--skeleton-h,1rem);background:linear-gradient(90deg, var(--muted) 0%, var(--secondary) 50%, var(--muted) 100%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite uiify-skeleton-shimmer}[data-state=loading][data-shape=circle]{border-radius:50%}@keyframes uiify-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){[data-state=loading]{opacity:.7;animation:none}}:where([data-uiify-collapsible],[data-uiify-collapsible]){border:var(--border-width) solid var(--border);border-radius:var(--radius-md);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:"";border-inline-end:2px solid var(--muted-foreground);border-block-end:2px solid var(--muted-foreground);block-size:.5rem;inline-size:.5rem;transition:rotate var(--duration-fast) var(--ease-out);rotate:45deg}[data-uiify-collapsible][open] [data-part=trigger]:after{rotate:225deg}[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)}@supports (interpolate-size:allow-keywords){:root{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}}nav[aria-label=Breadcrumb] ol{flex-wrap:wrap;align-items:center;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}nav[aria-label=Breadcrumb] li{align-items:center;gap:.25rem;display:flex}nav[aria-label=Breadcrumb] a{color:var(--primary);text-decoration:none}nav[aria-label=Breadcrumb] a:hover{text-decoration:underline}nav[aria-label=Breadcrumb] [aria-hidden=true]{color:var(--muted-foreground)}nav[aria-label=Breadcrumb] [data-current]{color:var(--foreground);font-weight:600}nav[aria-label=Pagination] ol,[data-uiify-pagination] ol{flex-wrap:wrap;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}[data-uiify-pagination] a,[data-uiify-pagination] span{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);block-size:2rem;min-inline-size:2rem;color:var(--foreground);justify-content:center;align-items:center;padding:0 .5rem;text-decoration:none;display:inline-flex}[data-uiify-pagination] a{cursor:pointer}nav[aria-label=Pagination] button,nav[aria-label=Pagination] a,nav[aria-label=Pagination] span{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);cursor:pointer;block-size:2rem;min-inline-size:2rem;padding:0 .5rem}[data-uiify-pagination] a[data-selected],nav[aria-label=Pagination] button[data-selected]{background:var(--primary);color:var(--primary-foreground);border-color:#0000}nav[aria-label=Pagination] button:disabled,[data-uiify-pagination] span[aria-disabled=true]{opacity:.5;cursor:not-allowed}table[role=grid],table{border-collapse:collapse;inline-size:100%}table th,table td{text-align:start;border-block-end:1px solid var(--border);padding:.5rem .75rem}table thead th{background:var(--card);font-weight:600;position:sticky;inset-block-start:0}table tbody tr:nth-child(2n){background:var(--secondary)}table tbody tr[data-selected]{background:var(--accent)}table th[aria-sort]:not([aria-sort=none]){cursor:pointer}table th[aria-sort=ascending]:after{content:" ↑"}table th[aria-sort=descending]:after{content:" ↓"}[data-uiify-carousel]{align-items:center;gap:var(--space-sm);grid-template-columns:auto 1fr auto;inline-size:100%;max-inline-size:24rem;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-md);background-color:var(--card);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}[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);background-color:var(--input);block-size:2.75rem;inline-size:2.75rem;color:var(--foreground);transition:var(--transition-colors);place-items:center;text-decoration:none;display:inline-grid}[data-uiify-carousel]>[data-part=dots]>a[aria-current=true]{background-color:var(--primary);color:var(--primary-foreground)}[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]{inline-size:100%;max-inline-size:100%;padding:var(--space-xl);border:var(--border-width) solid var(--border);background-color:var(--popover);color:var(--popover-foreground);box-shadow:var(--shadow-modal);margin:0}[data-uiify-drawer][data-part=content]::backdrop{background-color:#00000073}[data-uiify-drawer][data-part=content][data-side=bottom]{border-radius:var(--radius-md) var(--radius-md) 0 0;max-block-size:85vh;translate:0 var(--uiify-drawer-transform,0);border-block-end:none;margin-block-start:auto}[data-uiify-drawer][data-part=content][data-side=top]{border-radius:0 0 var(--radius-md) var(--radius-md);max-block-size:85vh;translate:0 var(--uiify-drawer-transform,0);border-block-start:none;margin-block-end:auto}[data-uiify-drawer][data-part=content][data-side=left]{border-radius:0 var(--radius-md) var(--radius-md) 0;block-size:100%;max-block-size:100%;max-inline-size:min(24rem,100vw);translate:var(--uiify-drawer-transform,0) 0;border-inline-start:none;margin-inline-end:auto}[data-uiify-drawer][data-part=content][data-side=right]{border-radius:var(--radius-md) 0 0 var(--radius-md);block-size:100%;max-block-size:100%;max-inline-size:min(24rem,100vw);translate:var(--uiify-drawer-transform,0) 0;border-inline-end:none;margin-inline-start:auto}@media (prefers-reduced-motion:no-preference){[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-md);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-md) - var(--space-xs));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-stepper]{gap:var(--space-md);flex-wrap:wrap;display:flex}[data-uiify-stepper][data-orientation=vertical]{flex-direction:column}[data-uiify-stepper] [data-part=step]{position:relative}[data-uiify-stepper]>[data-part=step]>[data-part=control]{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:hidden}[data-uiify-stepper] [data-part=step]>label{align-items:center;gap:var(--space-sm);padding-block:var(--space-sm);padding-inline:var(--space-md);border:var(--border-width) solid var(--border);border-radius:var(--radius-full);background-color:var(--card);color:var(--muted-foreground);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;display:inline-flex}[data-uiify-stepper] [data-part=step]:has(>input:checked)>label,[data-uiify-stepper] [data-part=step][data-complete]>label{border-color:var(--primary);color:var(--primary)}[data-uiify-stepper] [data-part=step]>input:focus-visible+label{box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);outline:none}[data-uiify-stepper]>[data-part=step]>[data-part=panel]{padding:var(--space-lg);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);background-color:var(--card);color:var(--foreground);font-size:var(--text-sm);margin-block-start:var(--space-lg)}@media (prefers-reduced-motion:no-preference){[data-uiify-stepper]>[data-part=step]>[data-part=panel]{transition:opacity var(--duration-fast) var(--ease-out)}@starting-style{[data-uiify-stepper]>[data-part=step]>[data-part=control]:checked~[data-part=panel]{opacity:0}}}[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-sm);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);display:inline-flex;position:relative}[data-uiify-otp-input] [data-part=slot]{border:var(--border-width) solid var(--input);border-radius:var(--radius-md);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-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);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-sm);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-sm);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);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]>[role=spinbutton]:focus-visible{box-shadow:inset 0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);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-md);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-md);background-color:var(--card);font-size:var(--text-sm);display:flex}[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-md);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-sm);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}
@@ -37,6 +37,7 @@
37
37
  --color-chart-5: var(--chart-5);
38
38
 
39
39
  /* Radii → rounded-* */
40
+ --radius-xs: var(--radius-xs);
40
41
  --radius-sm: var(--radius-sm);
41
42
  --radius-md: var(--radius-md);
42
43
  --radius-lg: var(--radius-lg);
@@ -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:7px;--radius-2:9px;--radius-3:10px;--radius-4:12px;--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-sm:var(--radius-1);--radius-md:var(--radius-2);--radius-lg:var(--radius);--radius-xl:var(--radius-4);--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,components,utilities;
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,components,utilities;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gunkin/uiify",
3
- "version": "0.0.12-alpha",
3
+ "version": "0.0.14-alpha",
4
4
  "description": "Native-first, accessible React 19 components that work before hydration.",
5
5
  "keywords": [
6
6
  "accessibility",