@optiaxiom/react 0.1.0-next.8 → 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (344) hide show
  1. package/README.md +1 -9
  2. package/dist/PopoverContent-SMPtGTQS.d.ts +4478 -0
  3. package/dist/assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-CVfLPfsi.css +23 -0
  4. package/dist/assets/src/alert-dialog-description/AlertDialogDescription.css.ts.vanilla-ByU_MbAC.css +6 -0
  5. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-DMG9lF3W.css +6 -0
  6. package/dist/assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-okSbnsG8.css +10 -0
  7. package/dist/assets/src/autocomplete-item/AutocompleteItem.css.ts.vanilla-iI5UGzA4.css +26 -0
  8. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-ClN9p8wH.css +27 -0
  9. package/dist/assets/src/badge/Badge.css.ts.vanilla-Bo5IfsM_.css +46 -0
  10. package/dist/assets/src/box/Box.css.ts.vanilla-B8q6Oyuj.css +87 -0
  11. package/dist/assets/src/button/Button.css.ts.vanilla-BDZg-A0O.css +150 -0
  12. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-DmEmg4Fg.css +23 -0
  13. package/dist/assets/src/code/Code.css.ts.vanilla-CP53j-Jc.css +7 -0
  14. package/dist/assets/src/command-item/CommandItem.css.ts.vanilla-Uu0_1Rf_.css +17 -0
  15. package/dist/assets/src/command-list/CommandList.css.ts.vanilla-DCUc2i8R.css +9 -0
  16. package/dist/assets/src/control-base/ControlBase.css.ts.vanilla-BEz0zQpD.css +41 -0
  17. package/dist/assets/src/dialog-body/DialogBody.css.ts.vanilla-6I4GFoY3.css +6 -0
  18. package/dist/assets/src/dialog-content/DialogContent.css.ts.vanilla-CuP-Hjp0.css +28 -0
  19. package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-BqeurMvw.css +25 -0
  20. package/dist/assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-0sn-enS-.css +16 -0
  21. package/dist/assets/src/drawer/Drawer.css.ts.vanilla-DWe4kLbE.css +30 -0
  22. package/dist/assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-C2rYzgoD.css +7 -0
  23. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-VGeZf61K.css +36 -0
  24. package/dist/assets/src/input-base/InputBase.css.ts.vanilla-BWyzXodK.css +53 -0
  25. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-bKFa-HZJ.css +9 -0
  26. package/dist/assets/src/layers/layers.css.ts.vanilla-KObJMImw.css +1 -0
  27. package/dist/assets/src/link/Link.css.ts.vanilla-CpjSWnSg.css +35 -0
  28. package/dist/assets/src/menu-content-base/MenuContentBase.css.ts.vanilla-CBmc2U7h.css +9 -0
  29. package/dist/assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-DrCV8udS.css +30 -0
  30. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-BzTZvoeC.css +6 -0
  31. package/dist/assets/src/pill/Pill.css.ts.vanilla-0ZyLCs4p.css +12 -0
  32. package/dist/assets/src/popover-content/PopoverContent.css.ts.vanilla-B7WAXVkn.css +8 -0
  33. package/dist/assets/src/radio-group-item/RadioGroupItem.css.ts.vanilla-Ck5zAZIX.css +9 -0
  34. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-2JAkiMlw.css +6 -0
  35. package/dist/assets/src/separator/Separator.css.ts.vanilla-BPTyRjy9.css +45 -0
  36. package/dist/assets/src/side-nav-item/SideNavItem.css.ts.vanilla-DoASts5V.css +6 -0
  37. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-BsQmCWCL.css +6 -0
  38. package/dist/assets/src/sprinkles/{sprinkles.css.ts.vanilla-Cj5eURGG.css → properties.css.ts.vanilla-Bg4xFBbC.css} +2860 -3074
  39. package/dist/assets/src/switch/Switch.css.ts.vanilla-DC1xPpLC.css +26 -0
  40. package/dist/assets/src/table/Table.css.ts.vanilla-Cok78MJU.css +9 -0
  41. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-D21txW4v.css +6 -0
  42. package/dist/assets/src/table-cell/TableCell.css.ts.vanilla-C9lLH4Re.css +10 -0
  43. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-BlbmuVsP.css +6 -0
  44. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-9uH71Yf6.css +4 -0
  45. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-CehrT60e.css +9 -0
  46. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-tCf9UCkY.css +23 -0
  47. package/dist/assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-Df0zUu5W.css +35 -0
  48. package/dist/assets/src/text/{Text.css.ts.vanilla-DK_dMlGe.css → Text.css.ts.vanilla-ngxCk5hZ.css} +9 -9
  49. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-CJ9hUlY-.css +34 -0
  50. package/dist/assets/src/toast/Toast.css.ts.vanilla-CDM7TDwV.css +92 -0
  51. package/dist/assets/src/toast-provider/ToastProvider.css.ts.vanilla-wsB2DsHJ.css +34 -0
  52. package/dist/assets/src/transition/Transition.css.ts.vanilla-BHwXmrOM.css +56 -0
  53. package/dist/index.d.ts +875 -1633
  54. package/dist/index.js +94 -25
  55. package/dist/package.json.js +3 -0
  56. package/dist/src/alert/Alert-css.js +7 -0
  57. package/dist/src/alert/Alert.js +42 -0
  58. package/dist/src/alert-description/AlertDescription.js +10 -0
  59. package/dist/src/alert-dialog/AlertDialog.js +22 -0
  60. package/dist/src/alert-dialog-action/AlertDialogAction.js +15 -0
  61. package/dist/src/alert-dialog-cancel/AlertDialogCancel.js +15 -0
  62. package/dist/src/alert-dialog-content/AlertDialogContent-css.js +8 -0
  63. package/dist/src/alert-dialog-content/AlertDialogContent.js +19 -0
  64. package/dist/src/alert-dialog-context/AlertDialogContext.js +5 -0
  65. package/dist/src/alert-dialog-description/AlertDialogDescription-css.js +7 -0
  66. package/dist/src/alert-dialog-description/AlertDialogDescription.js +12 -0
  67. package/dist/src/alert-dialog-footer/AlertDialogFooter-css.js +7 -0
  68. package/dist/src/alert-dialog-footer/AlertDialogFooter.js +11 -0
  69. package/dist/src/alert-dialog-title/AlertDialogTitle.js +23 -0
  70. package/dist/src/alert-dialog-trigger/AlertDialogTrigger.js +15 -0
  71. package/dist/src/alert-title/AlertTitle.js +12 -0
  72. package/dist/{animate-presence → src/animate-presence}/AnimatePresence.js +11 -5
  73. package/dist/src/autocomplete/Autocomplete.js +84 -0
  74. package/dist/src/autocomplete/useDelayedState.js +26 -0
  75. package/dist/src/autocomplete-content/AutocompleteContent-css.js +8 -0
  76. package/dist/src/autocomplete-content/AutocompleteContent.js +37 -0
  77. package/dist/src/autocomplete-context/AutocompleteContext.js +5 -0
  78. package/dist/src/autocomplete-empty-item/AutocompleteEmptyItem.js +30 -0
  79. package/dist/src/autocomplete-item/AutocompletItem.js +37 -0
  80. package/dist/src/autocomplete-item/AutocompleteItem-css.js +7 -0
  81. package/dist/src/autocomplete-item-indicator/AutocompleteItemIndicator.js +15 -0
  82. package/dist/src/autocomplete-list/AutocompleteList.js +19 -0
  83. package/dist/src/autocomplete-list-context/AutocompleteListContext.js +5 -0
  84. package/dist/src/autocomplete-trigger/AutocompleteTrigger.js +33 -0
  85. package/dist/src/avatar/Avatar-css.js +10 -0
  86. package/dist/{avatar → src/avatar}/Avatar.js +9 -7
  87. package/dist/src/avatar-context/AvatarContext.js +7 -0
  88. package/dist/src/avatar-group/AvatarGroup-css.js +7 -0
  89. package/dist/src/avatar-group/AvatarGroup.js +14 -0
  90. package/dist/src/axiom-provider/AxiomProvider.js +25 -0
  91. package/dist/src/badge/Badge-css.js +7 -0
  92. package/dist/src/badge/Badge.js +31 -0
  93. package/dist/src/banner/Banner-css.js +7 -0
  94. package/dist/src/banner/Banner.js +42 -0
  95. package/dist/src/banner-description/BannerDescription.js +10 -0
  96. package/dist/src/banner-title/BannerTitle.js +12 -0
  97. package/dist/src/box/Box-css.js +7 -0
  98. package/dist/{box → src/box}/Box.js +6 -5
  99. package/dist/src/breadcrumb/Breadcrumb.js +16 -0
  100. package/dist/src/breadcrumb-ellipsis/BreadcrumbEllipsis.js +10 -0
  101. package/dist/src/breadcrumb-item/BreadcrumbItem.js +16 -0
  102. package/dist/src/breadcrumb-link/BreadcrumbLink.js +12 -0
  103. package/dist/src/breadcrumb-page/BreadcrumbPage.js +12 -0
  104. package/dist/src/breadcrumb-separator/BreadcrumbSeparator.js +14 -0
  105. package/dist/src/button/Button-css.js +12 -0
  106. package/dist/src/button/Button.js +105 -0
  107. package/dist/src/button-group/ButtonGroup-css.js +7 -0
  108. package/dist/src/checkbox/Checkbox-css.js +11 -0
  109. package/dist/src/checkbox/Checkbox.js +30 -0
  110. package/dist/src/code/Code-css.js +7 -0
  111. package/dist/{code → src/code}/Code.js +5 -13
  112. package/dist/src/combobox/Combobox.js +40 -0
  113. package/dist/src/combobox-content/ComboboxContent.js +24 -0
  114. package/dist/src/combobox-context/ComboboxContext.js +5 -0
  115. package/dist/src/combobox-multi-trigger/ComboboxMultiTrigger.js +34 -0
  116. package/dist/src/combobox-single-trigger/ComboboxSingleTrigger.js +13 -0
  117. package/dist/src/combobox-trigger/ComboboxTrigger.js +21 -0
  118. package/dist/src/command/Command.js +17 -0
  119. package/dist/src/command-checkbox-item/CommandCheckboxItem.js +58 -0
  120. package/dist/src/command-empty/CommandEmpty.js +17 -0
  121. package/dist/src/command-footer/CommandFooter-css.js +6 -0
  122. package/dist/src/command-footer/CommandFooter.js +13 -0
  123. package/dist/src/command-group/CommandGroup.js +17 -0
  124. package/dist/src/command-input/CommandInput.js +17 -0
  125. package/dist/src/command-item/CommandItem-css.js +7 -0
  126. package/dist/src/command-item/CommandItem.js +42 -0
  127. package/dist/src/command-list/CommandList-css.js +7 -0
  128. package/dist/src/command-list/CommandList.js +18 -0
  129. package/dist/src/command-separator/CommandSeparator.js +17 -0
  130. package/dist/src/control-base/ControlBase-css.js +10 -0
  131. package/dist/src/control-base/ControlBase.js +38 -0
  132. package/dist/src/dialog/Dialog.js +32 -0
  133. package/dist/src/dialog-body/DialogBody-css.js +7 -0
  134. package/dist/src/dialog-body/DialogBody.js +13 -0
  135. package/dist/src/dialog-close/DialogClose.js +17 -0
  136. package/dist/src/dialog-content/DialogContent-css.js +9 -0
  137. package/dist/src/dialog-content/DialogContent.js +37 -0
  138. package/dist/src/dialog-context/DialogContext.js +5 -0
  139. package/dist/src/dialog-description/DialogDescription.js +23 -0
  140. package/dist/src/dialog-footer/DialogFooter-css.js +6 -0
  141. package/dist/src/dialog-footer/DialogFooter.js +13 -0
  142. package/dist/src/dialog-title/DialogTitle.js +25 -0
  143. package/dist/src/dialog-trigger/DialogTrigger.js +17 -0
  144. package/dist/src/disclosure/Disclosure.js +13 -0
  145. package/dist/src/disclosure-content/DisclosureContent-css.js +7 -0
  146. package/dist/src/disclosure-content/DisclosureContent.js +12 -0
  147. package/dist/src/disclosure-trigger/DisclosureTrigger-css.js +8 -0
  148. package/dist/src/disclosure-trigger/DisclosureTrigger.js +27 -0
  149. package/dist/src/drawer/Drawer-css.js +9 -0
  150. package/dist/src/drawer/Drawer.js +55 -0
  151. package/dist/src/drawer-body/DrawerBody.js +24 -0
  152. package/dist/src/drawer-footer/DrawerFooter.js +24 -0
  153. package/dist/src/drawer-title/DrawerTitle.js +18 -0
  154. package/dist/src/dropdown-menu/DropdownMenu.js +22 -0
  155. package/dist/src/dropdown-menu-content/DropdownMenuContent.js +13 -0
  156. package/dist/src/dropdown-menu-context/DropdownMenuContext.js +5 -0
  157. package/dist/src/dropdown-menu-item/DropdownMenuItem.js +11 -0
  158. package/dist/src/dropdown-menu-label/DropdownMenuLabel.js +25 -0
  159. package/dist/src/dropdown-menu-separator/DropdownMenuSeparator.js +9 -0
  160. package/dist/src/dropdown-menu-sub/DropdownMenuSub.js +22 -0
  161. package/dist/src/dropdown-menu-sub-content/DropdownMenuSubContent.js +21 -0
  162. package/dist/src/dropdown-menu-sub-context/DropdownMenuSubContext.js +5 -0
  163. package/dist/src/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.js +12 -0
  164. package/dist/src/dropdown-menu-trigger/DropdownMenuTrigger.js +15 -0
  165. package/dist/src/field/Field.js +85 -0
  166. package/dist/src/field-context/FieldContext.js +5 -0
  167. package/dist/src/field-context/useFieldContext.js +11 -0
  168. package/dist/{flex → src/flex}/Flex.js +2 -1
  169. package/dist/{grid → src/grid}/Grid.js +1 -1
  170. package/dist/{heading → src/heading}/Heading.js +2 -2
  171. package/dist/src/hover-card/HoverCard.js +41 -0
  172. package/dist/src/hover-card-content/HoverCardContent-css.js +7 -0
  173. package/dist/src/hover-card-content/HoverCardContent.js +68 -0
  174. package/dist/src/hover-card-context/HoverCardContext.js +5 -0
  175. package/dist/src/hover-card-trigger/HoverCardTrigger.js +29 -0
  176. package/dist/src/icon/Icon.js +12 -0
  177. package/dist/src/icons/IconAngleDown.js +19 -0
  178. package/dist/src/icons/IconAngleLeft.js +22 -0
  179. package/dist/src/icons/IconAngleRight.js +22 -0
  180. package/dist/src/icons/IconCheck.js +23 -0
  181. package/dist/src/icons/IconCircleCheckFilled.js +19 -0
  182. package/dist/src/icons/IconCircleExclamationFilled.js +19 -0
  183. package/dist/src/icons/IconCircleInfoFilled.js +19 -0
  184. package/dist/src/icons/IconCircleQuestion.js +19 -0
  185. package/dist/src/icons/IconEllipsis.js +35 -0
  186. package/dist/src/icons/IconMagnifyingGlass.js +17 -0
  187. package/dist/src/icons/IconMinus.js +19 -0
  188. package/dist/src/icons/IconTriangleExclamationFilled.js +19 -0
  189. package/dist/src/icons/IconUpRightFromSquare.js +17 -0
  190. package/dist/src/icons/IconX.js +17 -0
  191. package/dist/src/icons/withIcon.js +31 -0
  192. package/dist/src/indicator/Indicator-css.js +9 -0
  193. package/dist/src/indicator/Indicator.js +52 -0
  194. package/dist/src/input/Input-css.js +7 -0
  195. package/dist/src/input/Input.js +35 -0
  196. package/dist/src/input-base/InputBase-css.js +8 -0
  197. package/dist/src/input-base/InputBase.js +76 -0
  198. package/dist/src/kbd/Kbd-css.js +8 -0
  199. package/dist/src/kbd/Kbd.js +31 -0
  200. package/dist/src/layers/layers-css.js +8 -0
  201. package/dist/src/link/Link-css.js +8 -0
  202. package/dist/src/link/Link.js +52 -0
  203. package/dist/src/menu-button/MenuButton.js +13 -0
  204. package/dist/src/menu-content-base/MenuContentBase-css.js +7 -0
  205. package/dist/src/menu-content-base/MenuContentBase.js +25 -0
  206. package/dist/src/menu-item-base/MenuItemBase-css.js +7 -0
  207. package/dist/src/menu-item-base/MenuItemBase.js +53 -0
  208. package/dist/src/pagination/Pagination-css.js +7 -0
  209. package/dist/src/pagination/Pagination.js +91 -0
  210. package/dist/src/pill/Pill-css.js +7 -0
  211. package/dist/src/pill/Pill.js +39 -0
  212. package/dist/src/popover/Popover.js +22 -0
  213. package/dist/src/popover-anchor/PopoverAnchor.js +13 -0
  214. package/dist/src/popover-content/PopoverContent-css.js +7 -0
  215. package/dist/src/popover-content/PopoverContent.js +59 -0
  216. package/dist/src/popover-context/PopoverContext.js +5 -0
  217. package/dist/src/popover-trigger/PopoverTrigger.js +15 -0
  218. package/dist/{progress → src/progress}/Progress.js +1 -1
  219. package/dist/src/radio-group/RadioGroup.js +47 -0
  220. package/dist/src/radio-group-item/RadioGroupItem-css.js +9 -0
  221. package/dist/src/radio-group-item/RadioGroupItem.js +25 -0
  222. package/dist/src/search-input/SearchInput-css.js +8 -0
  223. package/dist/src/search-input/SearchInput.js +69 -0
  224. package/dist/src/segmented-control/SegmentedControl.js +11 -0
  225. package/dist/src/segmented-control-item/SegmentedControlItem.js +20 -0
  226. package/dist/{separator → src/separator}/Separator-css.js +3 -3
  227. package/dist/src/side-nav/SideNav.js +72 -0
  228. package/dist/src/side-nav-account-item/SideNavAccountItem.js +36 -0
  229. package/dist/src/side-nav-context/SideNavContext.js +5 -0
  230. package/dist/src/side-nav-item/SideNavItem-css.js +9 -0
  231. package/dist/src/side-nav-item/SideNavItem.js +52 -0
  232. package/dist/src/side-nav-toggle/SideNavToggle.js +24 -0
  233. package/dist/src/skeleton/Skeleton-css.js +7 -0
  234. package/dist/{skeleton → src/skeleton}/Skeleton.js +3 -8
  235. package/dist/src/spinner/Spinner.js +57 -0
  236. package/dist/src/sprinkles/createSprinklesMerge.js +46 -0
  237. package/dist/{sprinkles → src/sprinkles}/extractSprinkles.js +4 -2
  238. package/dist/src/sprinkles/properties-css.js +7 -0
  239. package/dist/src/sprinkles/sprinkles.js +11 -0
  240. package/dist/src/sprinkles/sprinklesMerge.js +9 -0
  241. package/dist/src/switch/Switch-css.js +10 -0
  242. package/dist/src/switch/Switch.js +28 -0
  243. package/dist/src/table/Table-css.js +8 -0
  244. package/dist/src/table/Table.js +11 -0
  245. package/dist/src/table-body/TableBody-css.js +7 -0
  246. package/dist/src/table-body/TableBody.js +11 -0
  247. package/dist/src/table-cell/TableCell-css.js +8 -0
  248. package/dist/src/table-cell/TableCell.js +13 -0
  249. package/dist/src/table-head/TableHead.js +10 -0
  250. package/dist/src/table-header-cell/TableHeaderCell-css.js +7 -0
  251. package/dist/src/table-header-cell/TableHeaderCell.js +11 -0
  252. package/dist/src/table-row/TableRow-css.js +7 -0
  253. package/dist/src/table-row/TableRow.js +11 -0
  254. package/dist/src/tabs/Tabs-css.js +7 -0
  255. package/dist/src/tabs/Tabs.js +19 -0
  256. package/dist/src/tabs-content/TabsContent.js +17 -0
  257. package/dist/src/tabs-context/TabsContext.js +5 -0
  258. package/dist/src/tabs-list/TabsList-css.js +7 -0
  259. package/dist/src/tabs-list/TabsList.js +16 -0
  260. package/dist/src/tabs-trigger/TabsTrigger-css.js +8 -0
  261. package/dist/src/tabs-trigger/TabsTrigger.js +47 -0
  262. package/dist/src/text/Text-css.js +7 -0
  263. package/dist/{text → src/text}/Text.js +2 -3
  264. package/dist/src/textarea/Textarea.js +15 -0
  265. package/dist/src/textarea-autosize/TextareaAutosize-css.js +9 -0
  266. package/dist/src/textarea-autosize/TextareaAutosize.js +44 -0
  267. package/dist/src/theme-provider/ThemeProvider.js +25 -0
  268. package/dist/src/toast/Toast-css.js +9 -0
  269. package/dist/src/toast/Toast.js +52 -0
  270. package/dist/src/toast-action/ToastAction.js +26 -0
  271. package/dist/src/toast-provider/ToastProvider-css.js +7 -0
  272. package/dist/src/toast-provider/ToastProvider.js +99 -0
  273. package/dist/src/toast-provider/useOverflowAnchor.js +34 -0
  274. package/dist/src/toast-title/ToastTitle.js +13 -0
  275. package/dist/src/toggle-button/ToggleButton.js +13 -0
  276. package/dist/src/tooltip/Tooltip.js +40 -0
  277. package/dist/src/tooltip-content/TooltipContent-css.js +6 -0
  278. package/dist/src/tooltip-content/TooltipContent.js +47 -0
  279. package/dist/src/tooltip-context/TooltipContext.js +5 -0
  280. package/dist/src/tooltip-root/TooltipRoot.js +67 -0
  281. package/dist/src/tooltip-trigger/TooltipTrigger.js +31 -0
  282. package/dist/src/transition/Transition-css.js +8 -0
  283. package/dist/src/transition/Transition.js +42 -0
  284. package/dist/src/transition/TransitionGlobalConfig.js +5 -0
  285. package/dist/src/use-event/useEffectEvent.js +13 -0
  286. package/dist/src/utils/conditions.js +13 -0
  287. package/dist/src/utils/fallbackSpan.js +6 -0
  288. package/dist/src/utils/mapValues.js +9 -0
  289. package/dist/{vanilla-extract → src/vanilla-extract}/recipeRuntime.js +6 -4
  290. package/dist/unstable.d.ts +601 -0
  291. package/dist/unstable.js +43 -0
  292. package/package.json +52 -16
  293. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-CihLlW6Z.css +0 -6
  294. package/dist/assets/src/box/Box.css.ts.vanilla-DMx7YI4c.css +0 -72
  295. package/dist/assets/src/button/Button.css.ts.vanilla-BopXGX13.css +0 -113
  296. package/dist/assets/src/button-group/ButtonGroup.css.ts.vanilla-4BGjgIuZ.css +0 -4
  297. package/dist/assets/src/code/Code.css.ts.vanilla-Dz07Qp9h.css +0 -7
  298. package/dist/assets/src/input/Input.css.ts.vanilla-X0R-SsOp.css +0 -32
  299. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-DB-l95Nr.css +0 -11
  300. package/dist/assets/src/separator/Separator.css.ts.vanilla-C_EYtori.css +0 -42
  301. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-Cl5oEbvn.css +0 -6
  302. package/dist/assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css +0 -4
  303. package/dist/assets/src/styles/theme.css.ts.vanilla-BftJbjRk.css +0 -666
  304. package/dist/assets/src/transition/Transition.css.ts.vanilla-COX8x_Bo.css +0 -56
  305. package/dist/avatar/Avatar-css.js +0 -8
  306. package/dist/box/Box-css.js +0 -8
  307. package/dist/button/Button-css.js +0 -10
  308. package/dist/button/Button.js +0 -82
  309. package/dist/button-group/ButtonGroup-css.js +0 -7
  310. package/dist/code/Code-css.js +0 -7
  311. package/dist/field/Field.js +0 -41
  312. package/dist/input/Input-css.js +0 -9
  313. package/dist/input/Input.js +0 -42
  314. package/dist/kbd/Kbd-css.js +0 -8
  315. package/dist/kbd/Kbd.js +0 -46
  316. package/dist/paper/Paper.js +0 -12
  317. package/dist/skeleton/Skeleton-css.js +0 -7
  318. package/dist/sprinkles/sprinkles-css.js +0 -10
  319. package/dist/styles/layers-css.js +0 -8
  320. package/dist/styles/theme-css.js +0 -5
  321. package/dist/text/Text-css.js +0 -7
  322. package/dist/tokens/borderRadius.js +0 -13
  323. package/dist/tokens/borderWidth.js +0 -8
  324. package/dist/tokens/boxShadow.js +0 -11
  325. package/dist/tokens/colors.js +0 -255
  326. package/dist/tokens/fontFamily.js +0 -6
  327. package/dist/tokens/fontSize.js +0 -46
  328. package/dist/tokens/index.js +0 -37
  329. package/dist/tokens/letterSpacing.js +0 -10
  330. package/dist/tokens/lineHeight.js +0 -8
  331. package/dist/tokens/margins.js +0 -25
  332. package/dist/tokens/maxSize.js +0 -13
  333. package/dist/tokens/rem.js +0 -3
  334. package/dist/tokens/screens.js +0 -9
  335. package/dist/tokens/size.js +0 -52
  336. package/dist/tokens/spacing.js +0 -31
  337. package/dist/tokens/zIndex.js +0 -12
  338. package/dist/tooltip/Tooltip.js +0 -35
  339. package/dist/transition/Transition-css.js +0 -8
  340. package/dist/transition/Transition.js +0 -35
  341. /package/dist/{button-group → src/button-group}/ButtonGroup.js +0 -0
  342. /package/dist/{separator → src/separator}/Separator.js +0 -0
  343. /package/dist/{animate-presence → src/use-presence}/PresenceContext.js +0 -0
  344. /package/dist/{animate-presence → src/use-presence}/usePresence.js +0 -0
@@ -1,5 +0,0 @@
1
- import './../assets/src/styles/theme.css.ts.vanilla-BftJbjRk.css';
2
-
3
- var theme = {borderRadius:{xs:'var(--ax-borderRadius-xs)',sm:'var(--ax-borderRadius-sm)',md:'var(--ax-borderRadius-md)',lg:'var(--ax-borderRadius-lg)',xl:'var(--ax-borderRadius-xl)',full:'var(--ax-borderRadius-full)',none:'var(--ax-borderRadius-none)'},borderWidth:{'0':'var(--ax-borderWidth-0)','1':'var(--ax-borderWidth-1)','2':'var(--ax-borderWidth-2)','4':'var(--ax-borderWidth-4)'},boxShadow:{xs:'var(--ax-boxShadow-xs)',sm:'var(--ax-boxShadow-sm)',md:'var(--ax-boxShadow-md)',lg:'var(--ax-boxShadow-lg)',xl:'var(--ax-boxShadow-xl)',inner:'var(--ax-boxShadow-inner)',none:'var(--ax-boxShadow-none)'},colors:{current:'var(--ax-colors-current)',transparent:'var(--ax-colors-transparent)',black:'var(--ax-colors-black)',white:'var(--ax-colors-white)','aqua.50':'var(--ax-colors-aqua-50)','aqua.200':'var(--ax-colors-aqua-200)','aqua.500':'var(--ax-colors-aqua-500)','aqua.600':'var(--ax-colors-aqua-600)','blue.50':'var(--ax-colors-blue-50)','blue.200':'var(--ax-colors-blue-200)','blue.500':'var(--ax-colors-blue-500)','blue.600':'var(--ax-colors-blue-600)','blue.900':'var(--ax-colors-blue-900)','brand.50':'var(--ax-colors-brand-50)','brand.100':'var(--ax-colors-brand-100)','brand.200':'var(--ax-colors-brand-200)','brand.300':'var(--ax-colors-brand-300)','brand.400':'var(--ax-colors-brand-400)','brand.500':'var(--ax-colors-brand-500)','brand.600':'var(--ax-colors-brand-600)','brand.700':'var(--ax-colors-brand-700)','brand.800':'var(--ax-colors-brand-800)','brand.900':'var(--ax-colors-brand-900)','dark.50':'var(--ax-colors-dark-50)','dark.200':'var(--ax-colors-dark-200)','dark.500':'var(--ax-colors-dark-500)','dark.600':'var(--ax-colors-dark-600)','gray.50':'var(--ax-colors-gray-50)','gray.100':'var(--ax-colors-gray-100)','gray.200':'var(--ax-colors-gray-200)','gray.300':'var(--ax-colors-gray-300)','gray.400':'var(--ax-colors-gray-400)','gray.500':'var(--ax-colors-gray-500)','gray.600':'var(--ax-colors-gray-600)','gray.700':'var(--ax-colors-gray-700)','gray.800':'var(--ax-colors-gray-800)','gray.900':'var(--ax-colors-gray-900)','green.50':'var(--ax-colors-green-50)','green.100':'var(--ax-colors-green-100)','green.200':'var(--ax-colors-green-200)','green.300':'var(--ax-colors-green-300)','green.400':'var(--ax-colors-green-400)','green.500':'var(--ax-colors-green-500)','green.600':'var(--ax-colors-green-600)','green.700':'var(--ax-colors-green-700)','green.800':'var(--ax-colors-green-800)','green.900':'var(--ax-colors-green-900)','magenta.50':'var(--ax-colors-magenta-50)','magenta.200':'var(--ax-colors-magenta-200)','magenta.500':'var(--ax-colors-magenta-500)','magenta.600':'var(--ax-colors-magenta-600)','neutral.50':'var(--ax-colors-neutral-50)','neutral.75':'var(--ax-colors-neutral-75)','neutral.100':'var(--ax-colors-neutral-100)','neutral.150':'var(--ax-colors-neutral-150)','neutral.200':'var(--ax-colors-neutral-200)','neutral.500':'var(--ax-colors-neutral-500)','neutral.600':'var(--ax-colors-neutral-600)','neutral.700':'var(--ax-colors-neutral-700)','neutral.800':'var(--ax-colors-neutral-800)','neutral.900':'var(--ax-colors-neutral-900)','neutral.1000':'var(--ax-colors-neutral-1000)','neutral.1100':'var(--ax-colors-neutral-1100)','orange.50':'var(--ax-colors-orange-50)','orange.200':'var(--ax-colors-orange-200)','orange.500':'var(--ax-colors-orange-500)','orange.600':'var(--ax-colors-orange-600)','purple.50':'var(--ax-colors-purple-50)','purple.200':'var(--ax-colors-purple-200)','purple.500':'var(--ax-colors-purple-500)','purple.600':'var(--ax-colors-purple-600)','purple.900':'var(--ax-colors-purple-900)','red.50':'var(--ax-colors-red-50)','red.100':'var(--ax-colors-red-100)','red.200':'var(--ax-colors-red-200)','red.300':'var(--ax-colors-red-300)','red.400':'var(--ax-colors-red-400)','red.500':'var(--ax-colors-red-500)','red.600':'var(--ax-colors-red-600)','red.700':'var(--ax-colors-red-700)','red.800':'var(--ax-colors-red-800)','red.900':'var(--ax-colors-red-900)','slate.50':'var(--ax-colors-slate-50)','slate.100':'var(--ax-colors-slate-100)','slate.200':'var(--ax-colors-slate-200)','slate.300':'var(--ax-colors-slate-300)','slate.400':'var(--ax-colors-slate-400)','slate.500':'var(--ax-colors-slate-500)','slate.600':'var(--ax-colors-slate-600)','slate.700':'var(--ax-colors-slate-700)','slate.800':'var(--ax-colors-slate-800)','slate.900':'var(--ax-colors-slate-900)','slate.950':'var(--ax-colors-slate-950)','yellow.50':'var(--ax-colors-yellow-50)','yellow.100':'var(--ax-colors-yellow-100)','yellow.200':'var(--ax-colors-yellow-200)','yellow.300':'var(--ax-colors-yellow-300)','yellow.400':'var(--ax-colors-yellow-400)','yellow.500':'var(--ax-colors-yellow-500)','yellow.600':'var(--ax-colors-yellow-600)','yellow.700':'var(--ax-colors-yellow-700)','yellow.800':'var(--ax-colors-yellow-800)','yellow.900':'var(--ax-colors-yellow-900)','bg.brand.solid':'var(--ax-colors-bg-brand-solid)','bg.brand.solid.hover':'var(--ax-colors-bg-brand-solid-hover)','bg.brand.subtle':'var(--ax-colors-bg-brand-subtle)','bg.default.hover':'var(--ax-colors-bg-default-hover)','bg.disabled':'var(--ax-colors-bg-disabled)','bg.discovery':'var(--ax-colors-bg-discovery)','bg.error.solid':'var(--ax-colors-bg-error-solid)','bg.error.solid.hover':'var(--ax-colors-bg-error-solid-hover)','bg.error.subtle':'var(--ax-colors-bg-error-subtle)','bg.information':'var(--ax-colors-bg-information)','bg.neutral':'var(--ax-colors-bg-neutral)','bg.secondary.hover':'var(--ax-colors-bg-secondary-hover)','bg.success':'var(--ax-colors-bg-success)','bg.success.solid':'var(--ax-colors-bg-success-solid)','bg.success.solid.hover':'var(--ax-colors-bg-success-solid-hover)','bg.success.subtle':'var(--ax-colors-bg-success-subtle)','bg.warning.solid':'var(--ax-colors-bg-warning-solid)','bg.warning.solid.hover':'var(--ax-colors-bg-warning-solid-hover)','bg.warning.subtle':'var(--ax-colors-bg-warning-subtle)','border.brand':'var(--ax-colors-border-brand)','border.default':'var(--ax-colors-border-default)','border.disabled':'var(--ax-colors-border-disabled)','border.error':'var(--ax-colors-border-error)','border.secondary':'var(--ax-colors-border-secondary)','border.success':'var(--ax-colors-border-success)','border.tertiary':'var(--ax-colors-border-tertiary)','border.warning':'var(--ax-colors-border-warning)','fg.accent.blue':'var(--ax-colors-fg-accent-blue)','fg.accent.magenta':'var(--ax-colors-fg-accent-magenta)','fg.accent.purple':'var(--ax-colors-fg-accent-purple)','fg.brand':'var(--ax-colors-fg-brand)','fg.brand.hover':'var(--ax-colors-fg-brand-hover)','fg.default':'var(--ax-colors-fg-default)','fg.default.hover':'var(--ax-colors-fg-default-hover)','fg.default.inverse':'var(--ax-colors-fg-default-inverse)','fg.disabled':'var(--ax-colors-fg-disabled)','fg.error':'var(--ax-colors-fg-error)','fg.error.hover':'var(--ax-colors-fg-error-hover)','fg.secondary':'var(--ax-colors-fg-secondary)','fg.secondary.hover':'var(--ax-colors-fg-secondary-hover)','fg.success':'var(--ax-colors-fg-success)','fg.success.hover':'var(--ax-colors-fg-success-hover)','fg.tertiary':'var(--ax-colors-fg-tertiary)','fg.tertiary.hover':'var(--ax-colors-fg-tertiary-hover)','fg.warning':'var(--ax-colors-fg-warning)','fg.warning.hover':'var(--ax-colors-fg-warning-hover)',surface:'var(--ax-colors-surface)'},fontFamily:{mono:'var(--ax-fontFamily-mono)',sans:'var(--ax-fontFamily-sans)'},fontSize:{xs:{fontSize:'var(--ax-fontSize-xs-fontSize)',lineHeight:'var(--ax-fontSize-xs-lineHeight)'},sm:{fontSize:'var(--ax-fontSize-sm-fontSize)',lineHeight:'var(--ax-fontSize-sm-lineHeight)'},md:{fontSize:'var(--ax-fontSize-md-fontSize)',lineHeight:'var(--ax-fontSize-md-lineHeight)'},lg:{fontSize:'var(--ax-fontSize-lg-fontSize)',lineHeight:'var(--ax-fontSize-lg-lineHeight)'},xl:{fontSize:'var(--ax-fontSize-xl-fontSize)',lineHeight:'var(--ax-fontSize-xl-lineHeight)'},'2xl':{fontSize:'var(--ax-fontSize-2xl-fontSize)',lineHeight:'var(--ax-fontSize-2xl-lineHeight)'},'3xl':{fontSize:'var(--ax-fontSize-3xl-fontSize)',lineHeight:'var(--ax-fontSize-3xl-lineHeight)'},'4xl':{fontSize:'var(--ax-fontSize-4xl-fontSize)',lineHeight:'var(--ax-fontSize-4xl-lineHeight)'},'5xl':{fontSize:'var(--ax-fontSize-5xl-fontSize)',lineHeight:'var(--ax-fontSize-5xl-lineHeight)'},'6xl':{fontSize:'var(--ax-fontSize-6xl-fontSize)',lineHeight:'var(--ax-fontSize-6xl-lineHeight)'}},letterSpacing:{tighter:'var(--ax-letterSpacing-tighter)',tight:'var(--ax-letterSpacing-tight)',normal:'var(--ax-letterSpacing-normal)',wide:'var(--ax-letterSpacing-wide)',wider:'var(--ax-letterSpacing-wider)',widest:'var(--ax-letterSpacing-widest)'},lineHeight:{none:'var(--ax-lineHeight-none)',tight:'var(--ax-lineHeight-tight)',normal:'var(--ax-lineHeight-normal)',loose:'var(--ax-lineHeight-loose)'},margins:{'0':'var(--ax-margins-0)','1':'var(--ax-margins-1)','2':'var(--ax-margins-2)','3':'var(--ax-margins-3)','4':'var(--ax-margins-4)','5':'var(--ax-margins-5)','6':'var(--ax-margins-6)','7':'var(--ax-margins-7)','8':'var(--ax-margins-8)','9':'var(--ax-margins-9)','10':'var(--ax-margins-10)','11':'var(--ax-margins-11)','12':'var(--ax-margins-12)','16':'var(--ax-margins-16)','20':'var(--ax-margins-20)','24':'var(--ax-margins-24)','32':'var(--ax-margins-32)','48':'var(--ax-margins-48)','64':'var(--ax-margins-64)','80':'var(--ax-margins-80)',xs:'var(--ax-margins-xs)',sm:'var(--ax-margins-sm)',md:'var(--ax-margins-md)',lg:'var(--ax-margins-lg)',xl:'var(--ax-margins-xl)','-xs':'var(--ax-margins--xs)','-sm':'var(--ax-margins--sm)','-md':'var(--ax-margins--md)','-lg':'var(--ax-margins--lg)','-xl':'var(--ax-margins--xl)','-2':'var(--ax-margins--2)','-4':'var(--ax-margins--4)','-6':'var(--ax-margins--6)','-8':'var(--ax-margins--8)','-10':'var(--ax-margins--10)','-12':'var(--ax-margins--12)','-16':'var(--ax-margins--16)','-24':'var(--ax-margins--24)','-32':'var(--ax-margins--32)','-48':'var(--ax-margins--48)','-64':'var(--ax-margins--64)','-80':'var(--ax-margins--80)'},maxSize:{xs:'var(--ax-maxSize-xs)',sm:'var(--ax-maxSize-sm)',md:'var(--ax-maxSize-md)',lg:'var(--ax-maxSize-lg)',xl:'var(--ax-maxSize-xl)','2xl':'var(--ax-maxSize-2xl)',full:'var(--ax-maxSize-full)'},screens:{sm:'var(--ax-screens-sm)',md:'var(--ax-screens-md)',lg:'var(--ax-screens-lg)'},size:{'0':'var(--ax-size-0)','1':'var(--ax-size-1)','2':'var(--ax-size-2)','4':'var(--ax-size-4)','6':'var(--ax-size-6)','8':'var(--ax-size-8)','12':'var(--ax-size-12)','16':'var(--ax-size-16)','20':'var(--ax-size-20)','24':'var(--ax-size-24)','32':'var(--ax-size-32)','40':'var(--ax-size-40)','48':'var(--ax-size-48)','56':'var(--ax-size-56)','64':'var(--ax-size-64)','80':'var(--ax-size-80)','96':'var(--ax-size-96)','112':'var(--ax-size-112)','128':'var(--ax-size-128)','144':'var(--ax-size-144)','160':'var(--ax-size-160)','176':'var(--ax-size-176)','192':'var(--ax-size-192)','208':'var(--ax-size-208)','224':'var(--ax-size-224)','240':'var(--ax-size-240)','256':'var(--ax-size-256)','288':'var(--ax-size-288)','320':'var(--ax-size-320)','384':'var(--ax-size-384)',xs:'var(--ax-size-xs)',sm:'var(--ax-size-sm)',md:'var(--ax-size-md)',lg:'var(--ax-size-lg)',xl:'var(--ax-size-xl)','1/2':'var(--ax-size-1-2)','1/3':'var(--ax-size-1-3)','2/3':'var(--ax-size-2-3)','1/4':'var(--ax-size-1-4)','2/4':'var(--ax-size-2-4)','3/4':'var(--ax-size-3-4)',auto:'var(--ax-size-auto)',fit:'var(--ax-size-fit)',full:'var(--ax-size-full)',max:'var(--ax-size-max)',min:'var(--ax-size-min)'},spacing:{'0':'var(--ax-spacing-0)','1':'var(--ax-spacing-1)','2':'var(--ax-spacing-2)','3':'var(--ax-spacing-3)','4':'var(--ax-spacing-4)','5':'var(--ax-spacing-5)','6':'var(--ax-spacing-6)','7':'var(--ax-spacing-7)','8':'var(--ax-spacing-8)','9':'var(--ax-spacing-9)','10':'var(--ax-spacing-10)','11':'var(--ax-spacing-11)','12':'var(--ax-spacing-12)','16':'var(--ax-spacing-16)','20':'var(--ax-spacing-20)','24':'var(--ax-spacing-24)','32':'var(--ax-spacing-32)','48':'var(--ax-spacing-48)','64':'var(--ax-spacing-64)','80':'var(--ax-spacing-80)',xs:'var(--ax-spacing-xs)',sm:'var(--ax-spacing-sm)',md:'var(--ax-spacing-md)',lg:'var(--ax-spacing-lg)',xl:'var(--ax-spacing-xl)'},zIndex:{'0':'var(--ax-zIndex-0)','10':'var(--ax-zIndex-10)','20':'var(--ax-zIndex-20)','30':'var(--ax-zIndex-30)','40':'var(--ax-zIndex-40)','50':'var(--ax-zIndex-50)',auto:'var(--ax-zIndex-auto)',popover:'var(--ax-zIndex-popover)'}};
4
-
5
- export { theme };
@@ -1,7 +0,0 @@
1
- import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
2
- import './../assets/src/text/Text.css.ts.vanilla-DK_dMlGe.css';
3
- import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
-
5
- var text = recipeRuntime((function(){var x={variants:{lineClamp:{'1':[{overflow:'hidden'},'_13y7bdy0','_13y7bdy1','_13y7bdy2'],'2':[undefined,'_13y7bdy0','_13y7bdy1','_13y7bdy3'],'3':[undefined,'_13y7bdy0','_13y7bdy1','_13y7bdy4'],'4':[undefined,'_13y7bdy0','_13y7bdy1','_13y7bdy5']},truncate:{true:[undefined,'_13y7bdy0',{whiteSpace:'nowrap'}]}}};x.variants.lineClamp['2'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['3'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['4'][0]=x.variants.lineClamp['1'][0];x.variants.truncate.true[0]=x.variants.lineClamp['1'][0];return x;}()));
6
-
7
- export { text };
@@ -1,13 +0,0 @@
1
- import { rem } from './rem.js';
2
-
3
- const borderRadius = {
4
- xs: rem("2px"),
5
- sm: rem("4px"),
6
- md: rem("6px"),
7
- lg: rem("8px"),
8
- xl: rem("12px"),
9
- full: "9999px",
10
- none: "0"
11
- };
12
-
13
- export { borderRadius };
@@ -1,8 +0,0 @@
1
- const borderWidth = {
2
- "0": "0",
3
- "1": "1px",
4
- "2": "2px",
5
- "4": "4px"
6
- };
7
-
8
- export { borderWidth };
@@ -1,11 +0,0 @@
1
- const boxShadow = {
2
- xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
3
- sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
4
- md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
5
- lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
6
- xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
7
- inner: "inset 0 0 6px 0 rgb(0 0 0 / 0.1);",
8
- none: "0 0 #0000"
9
- };
10
-
11
- export { boxShadow };
@@ -1,255 +0,0 @@
1
- const colorPalette = {
2
- current: "currentColor",
3
- transparent: "transparent",
4
- black: "#000000",
5
- white: "#FFFFFF",
6
- "aqua.50": "#E5F7FB",
7
- "aqua.200": "#9AE5EF",
8
- "aqua.500": "#00BDD6",
9
- "aqua.600": "#007A8A",
10
- "blue.50": "#E7F3FE",
11
- "blue.200": "#A8D5FA",
12
- "blue.500": "#2094F3",
13
- "blue.600": "#1668AC",
14
- "blue.900": "#1C2B41",
15
- "brand.50": "#F0F3FF",
16
- "brand.100": "#CDD8FC",
17
- "brand.200": "#B3C3FF",
18
- "brand.300": "#6A8FFC",
19
- "brand.400": "#2E66F7",
20
- "brand.500": "#0037FF",
21
- "brand.600": "#002CCC",
22
- "brand.700": "#002894",
23
- "brand.800": "#001666",
24
- "brand.900": "#000B33",
25
- "dark.50": "#d9d9d9",
26
- "dark.200": "#9e9e9e",
27
- "dark.500": "#707070",
28
- "dark.600": "#080736",
29
- "gray.50": "#f9fafb",
30
- "gray.100": "#f3f4f6",
31
- "gray.200": "#e5e7eb",
32
- "gray.300": "#d1d5db",
33
- "gray.400": "#9ca3af",
34
- "gray.500": "#6b7280",
35
- "gray.600": "#4b5563",
36
- "gray.700": "#374151",
37
- "gray.800": "#1f2937",
38
- "gray.900": "#111827",
39
- "green.50": "#E9F7F1",
40
- "green.100": "#D1F0E1",
41
- "green.200": "#A5E1C3",
42
- "green.300": "#7CD2A7",
43
- "green.400": "#5AC58A",
44
- "green.500": "#03A65D",
45
- "green.600": "#038047",
46
- "green.700": "#24663E",
47
- "green.800": "#17492B",
48
- "green.900": "#082415",
49
- "magenta.50": "#F8E7F5",
50
- "magenta.200": "#E39CD6",
51
- "magenta.500": "#B80597",
52
- "magenta.600": "#81046A",
53
- "neutral.50": "#F9FAFC",
54
- "neutral.75": "#F5F6FA",
55
- "neutral.100": "#E9EDF5",
56
- "neutral.150": "#DADFEB",
57
- "neutral.200": "#CACFDC",
58
- "neutral.500": "#868FA4",
59
- "neutral.600": "#626A81",
60
- "neutral.700": "#464D61",
61
- "neutral.800": "#303645",
62
- "neutral.900": "#262B37",
63
- "neutral.1000": "#1C2029",
64
- "neutral.1100": "#171A23",
65
- "orange.50": "#fff5e5",
66
- "orange.200": "#ffd699",
67
- "orange.500": "#ff9900",
68
- "orange.600": "#a36200",
69
- "purple.50": "#F1ECF8",
70
- "purple.200": "#C4B1E2",
71
- "purple.500": "#693AB6",
72
- "purple.600": "#4A297F",
73
- "purple.900": "#2B273F",
74
- "red.50": "#FFF7F7",
75
- "red.100": "#FCD6D6",
76
- "red.200": "#F9ACAC",
77
- "red.300": "#F45959",
78
- "red.400": "#E31818",
79
- "red.500": "#CC1616",
80
- "red.600": "#B21313",
81
- "red.700": "#911D1D",
82
- "red.800": "#601313",
83
- "red.900": "#300A0A",
84
- "slate.50": "#f8fafc",
85
- "slate.100": "#f1f5f9",
86
- "slate.200": "#e2e8f0",
87
- "slate.300": "#cbd5e1",
88
- "slate.400": "#94a3b8",
89
- "slate.500": "#64748b",
90
- "slate.600": "#475569",
91
- "slate.700": "#334155",
92
- "slate.800": "#1e293b",
93
- "slate.900": "#0f172a",
94
- "slate.950": "#020617",
95
- "yellow.50": "#FFFAEA",
96
- "yellow.100": "#FEF1C6",
97
- "yellow.200": "#FEDF88",
98
- "yellow.300": "#FFC84B",
99
- "yellow.400": "#FDB022",
100
- "yellow.500": "#F79008",
101
- "yellow.600": "#DC6903",
102
- "yellow.700": "#B54707",
103
- "yellow.800": "#7A2E0D",
104
- "yellow.900": "#4E1D09"
105
- };
106
- const colors = {
107
- ...colorPalette,
108
- "bg.brand.solid": colorPalette["brand.500"],
109
- "bg.brand.solid.hover": colorPalette["brand.600"],
110
- "bg.brand.subtle": colorPalette["brand.50"],
111
- "bg.default.hover": colorPalette["neutral.75"],
112
- "bg.disabled": colorPalette["neutral.50"],
113
- "bg.discovery": colorPalette["purple.50"],
114
- "bg.error.solid": colorPalette["red.500"],
115
- "bg.error.solid.hover": colorPalette["red.600"],
116
- "bg.error.subtle": colorPalette["red.50"],
117
- "bg.information": colorPalette["blue.50"],
118
- "bg.neutral": colorPalette["slate.100"],
119
- "bg.secondary.hover": colorPalette["neutral.100"],
120
- "bg.success": colorPalette["green.50"],
121
- "bg.success.solid": colorPalette["green.500"],
122
- "bg.success.solid.hover": colorPalette["green.600"],
123
- "bg.success.subtle": colorPalette["green.50"],
124
- "bg.warning.solid": colorPalette["yellow.500"],
125
- "bg.warning.solid.hover": colorPalette["yellow.600"],
126
- "bg.warning.subtle": colorPalette["yellow.50"],
127
- "border.brand": colorPalette["brand.500"],
128
- "border.default": colorPalette["neutral.200"],
129
- "border.disabled": colorPalette["neutral.75"],
130
- "border.error": colorPalette["red.500"],
131
- "border.secondary": colorPalette["neutral.150"],
132
- "border.success": colorPalette["green.500"],
133
- "border.tertiary": colorPalette["neutral.100"],
134
- "border.warning": colorPalette["yellow.500"],
135
- "fg.accent.blue": colorPalette["blue.500"],
136
- "fg.accent.magenta": colorPalette["magenta.600"],
137
- "fg.accent.purple": colorPalette["purple.600"],
138
- /**
139
- * Primary brand color useful for accented text, highlights, and subheadings
140
- */
141
- "fg.brand": colorPalette["brand.500"],
142
- /**
143
- * Primary brand color when in hover state
144
- */
145
- "fg.brand.hover": colorPalette["brand.600"],
146
- /**
147
- * Primary text color for page headings
148
- */
149
- "fg.default": colorPalette["neutral.900"],
150
- /**
151
- * Primary text color when in hover state
152
- */
153
- "fg.default.hover": colorPalette["neutral.1000"],
154
- /**
155
- * Primary text color when used on solid color bg
156
- */
157
- "fg.default.inverse": colorPalette["white"],
158
- /**
159
- * Disabled text color for more subtle, lower-contrast, and non-interactive text
160
- */
161
- "fg.disabled": colorPalette["neutral.500"],
162
- /**
163
- * Error text color for danger and error states
164
- */
165
- "fg.error": colorPalette["red.500"],
166
- /**
167
- * Error text color when in hover state
168
- */
169
- "fg.error.hover": colorPalette["red.600"],
170
- /**
171
- * Secondary text color for labels and section headings
172
- */
173
- "fg.secondary": colorPalette["neutral.700"],
174
- /**
175
- * Secondary text color when in hover state
176
- */
177
- "fg.secondary.hover": colorPalette["neutral.800"],
178
- /**
179
- * Success text color
180
- */
181
- "fg.success": colorPalette["green.600"],
182
- /**
183
- * Success text color when in hover state
184
- */
185
- "fg.success.hover": colorPalette["green.600"],
186
- /**
187
- * Tertiary text color for supporting, paragraph, and placeholder text
188
- */
189
- "fg.tertiary": colorPalette["neutral.600"],
190
- /**
191
- * Tertiary text color when in hover state
192
- */
193
- "fg.tertiary.hover": colorPalette["neutral.700"],
194
- /**
195
- * Warning text color
196
- */
197
- "fg.warning": colorPalette["yellow.500"],
198
- /**
199
- * Warning text color when in hover state
200
- */
201
- "fg.warning.hover": colorPalette["yellow.600"],
202
- surface: colorPalette["white"]
203
- };
204
- const colorsDark = {
205
- ...colorPalette,
206
- "bg.brand.solid": colorPalette["brand.500"],
207
- "bg.brand.solid.hover": colorPalette["brand.600"],
208
- "bg.brand.subtle": colorPalette["brand.50"],
209
- "bg.default.hover": colorPalette["neutral.75"],
210
- "bg.disabled": colorPalette["neutral.1000"],
211
- "bg.discovery": colorPalette["purple.900"],
212
- "bg.error.solid": colorPalette["red.500"],
213
- "bg.error.solid.hover": colorPalette["red.600"],
214
- "bg.error.subtle": colorPalette["red.50"],
215
- "bg.information": colorPalette["blue.900"],
216
- "bg.neutral": colorPalette["slate.800"],
217
- "bg.secondary.hover": colorPalette["neutral.100"],
218
- "bg.success": colorPalette["green.900"],
219
- "bg.success.solid": colorPalette["green.500"],
220
- "bg.success.solid.hover": colorPalette["green.600"],
221
- "bg.success.subtle": colorPalette["green.50"],
222
- "bg.warning.solid": colorPalette["yellow.500"],
223
- "bg.warning.solid.hover": colorPalette["yellow.600"],
224
- "bg.warning.subtle": colorPalette["yellow.50"],
225
- "border.brand": colorPalette["brand.500"],
226
- "border.default": colorPalette["gray.800"],
227
- "border.disabled": colorPalette["neutral.75"],
228
- "border.error": colorPalette["red.500"],
229
- "border.secondary": colorPalette["neutral.150"],
230
- "border.success": colorPalette["green.500"],
231
- "border.tertiary": colorPalette["neutral.900"],
232
- "border.warning": colorPalette["yellow.500"],
233
- "fg.accent.blue": colorPalette["blue.200"],
234
- "fg.accent.magenta": colorPalette["magenta.200"],
235
- "fg.accent.purple": colorPalette["purple.200"],
236
- "fg.brand": colorPalette["brand.500"],
237
- "fg.brand.hover": colorPalette["brand.600"],
238
- "fg.default": colorPalette["gray.100"],
239
- "fg.default.hover": colorPalette["neutral.1000"],
240
- "fg.default.inverse": colorPalette["white"],
241
- "fg.disabled": colorPalette["neutral.500"],
242
- "fg.error": colorPalette["red.500"],
243
- "fg.error.hover": colorPalette["red.600"],
244
- "fg.secondary": colorPalette["slate.400"],
245
- "fg.secondary.hover": colorPalette["neutral.800"],
246
- "fg.success": colorPalette["green.200"],
247
- "fg.success.hover": colorPalette["green.600"],
248
- "fg.tertiary": colorPalette["neutral.600"],
249
- "fg.tertiary.hover": colorPalette["neutral.700"],
250
- "fg.warning": colorPalette["yellow.500"],
251
- "fg.warning.hover": colorPalette["yellow.600"],
252
- surface: colorPalette["gray.900"]
253
- };
254
-
255
- export { colors, colorsDark };
@@ -1,6 +0,0 @@
1
- const fontFamily = {
2
- mono: "Fira Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace",
3
- sans: "InterVariable, system-ui, sans-serif"
4
- };
5
-
6
- export { fontFamily };
@@ -1,46 +0,0 @@
1
- import { rem } from './rem.js';
2
-
3
- const fontSize = {
4
- xs: {
5
- fontSize: rem("10px"),
6
- lineHeight: "1.25"
7
- },
8
- sm: {
9
- fontSize: rem("12px"),
10
- lineHeight: "1.45"
11
- },
12
- md: {
13
- fontSize: rem("14px"),
14
- lineHeight: "1.5"
15
- },
16
- lg: {
17
- fontSize: rem("16px"),
18
- lineHeight: "1.6"
19
- },
20
- xl: {
21
- fontSize: rem("18px"),
22
- lineHeight: "1.65"
23
- },
24
- "2xl": {
25
- fontSize: rem("20px"),
26
- lineHeight: "1.6"
27
- },
28
- "3xl": {
29
- fontSize: rem("30px"),
30
- lineHeight: rem("36px")
31
- },
32
- "4xl": {
33
- fontSize: rem("36px"),
34
- lineHeight: rem("40px")
35
- },
36
- "5xl": {
37
- fontSize: rem("48px"),
38
- lineHeight: "1"
39
- },
40
- "6xl": {
41
- fontSize: rem("60px"),
42
- lineHeight: "1"
43
- }
44
- };
45
-
46
- export { fontSize };
@@ -1,37 +0,0 @@
1
- import { borderRadius } from './borderRadius.js';
2
- import { borderWidth } from './borderWidth.js';
3
- import { boxShadow } from './boxShadow.js';
4
- import { colors, colorsDark } from './colors.js';
5
- import { fontFamily } from './fontFamily.js';
6
- import { fontSize } from './fontSize.js';
7
- import { letterSpacing } from './letterSpacing.js';
8
- import { lineHeight } from './lineHeight.js';
9
- import { margins } from './margins.js';
10
- import { maxSize } from './maxSize.js';
11
- import { screens } from './screens.js';
12
- import { size } from './size.js';
13
- import { spacing } from './spacing.js';
14
- import { zIndex } from './zIndex.js';
15
-
16
- const tokens = {
17
- borderRadius,
18
- borderWidth,
19
- boxShadow,
20
- colors,
21
- fontFamily,
22
- fontSize,
23
- letterSpacing,
24
- lineHeight,
25
- margins,
26
- maxSize,
27
- screens,
28
- size,
29
- spacing,
30
- zIndex
31
- };
32
- const tokensDark = {
33
- ...tokens,
34
- colors: colorsDark
35
- };
36
-
37
- export { tokens, tokensDark };
@@ -1,10 +0,0 @@
1
- const letterSpacing = {
2
- tighter: "-0.05em",
3
- tight: "-0.025em",
4
- normal: "0",
5
- wide: "0.025em",
6
- wider: "0.05em",
7
- widest: "0.1em"
8
- };
9
-
10
- export { letterSpacing };
@@ -1,8 +0,0 @@
1
- const lineHeight = {
2
- none: "1",
3
- tight: "1.25",
4
- normal: "1.5",
5
- loose: "2"
6
- };
7
-
8
- export { lineHeight };
@@ -1,25 +0,0 @@
1
- import { rem } from './rem.js';
2
- import { spacing } from './spacing.js';
3
-
4
- const margins = {
5
- ...spacing,
6
- "-xs": rem("-8px"),
7
- "-sm": rem("-12px"),
8
- "-md": rem("-16px"),
9
- "-lg": rem("-24px"),
10
- "-xl": rem("-32px"),
11
- "-2": rem("-2px"),
12
- "-4": rem("-4px"),
13
- "-6": rem("-6px"),
14
- "-8": rem("-8px"),
15
- "-10": rem("-10px"),
16
- "-12": rem("-12px"),
17
- "-16": rem("-16px"),
18
- "-24": rem("-24px"),
19
- "-32": rem("-32px"),
20
- "-48": rem("-48px"),
21
- "-64": rem("-64px"),
22
- "-80": rem("-80px")
23
- };
24
-
25
- export { margins };
@@ -1,13 +0,0 @@
1
- import { rem } from './rem.js';
2
-
3
- const maxSize = {
4
- xs: rem("320px"),
5
- sm: rem("384px"),
6
- md: rem("448px"),
7
- lg: rem("512px"),
8
- xl: rem("576px"),
9
- "2xl": rem("672px"),
10
- full: "100%"
11
- };
12
-
13
- export { maxSize };
@@ -1,3 +0,0 @@
1
- const rem = (px) => `${parseFloat((parseFloat(px.slice(0, -2)) / 16).toFixed(3))}rem`;
2
-
3
- export { rem };
@@ -1,9 +0,0 @@
1
- import { rem } from './rem.js';
2
-
3
- const screens = {
4
- sm: rem("600px"),
5
- md: rem("900px"),
6
- lg: rem("1200px")
7
- };
8
-
9
- export { screens };
@@ -1,52 +0,0 @@
1
- import { rem } from './rem.js';
2
-
3
- const size = {
4
- xs: rem("20px"),
5
- sm: rem("24px"),
6
- md: rem("32px"),
7
- lg: rem("40px"),
8
- xl: rem("64px"),
9
- "0": "0",
10
- "1": rem("1px"),
11
- "2": rem("2px"),
12
- "4": rem("4px"),
13
- "6": rem("6px"),
14
- "8": rem("8px"),
15
- "12": rem("12px"),
16
- "16": rem("16px"),
17
- "20": rem("20px"),
18
- "24": rem("24px"),
19
- "32": rem("32px"),
20
- "40": rem("40px"),
21
- "48": rem("48px"),
22
- "56": rem("56px"),
23
- "64": rem("64px"),
24
- "80": rem("80px"),
25
- "96": rem("96px"),
26
- "112": rem("112px"),
27
- "128": rem("128px"),
28
- "144": rem("144px"),
29
- "160": rem("160px"),
30
- "176": rem("176px"),
31
- "192": rem("192px"),
32
- "208": rem("208px"),
33
- "224": rem("224px"),
34
- "240": rem("240px"),
35
- "256": rem("256px"),
36
- "288": rem("288px"),
37
- "320": rem("320px"),
38
- "384": rem("384px"),
39
- "1/2": "50%",
40
- "1/3": "33.333333%",
41
- "2/3": "66.666666%",
42
- "1/4": "25%",
43
- "2/4": "50%",
44
- "3/4": "75%",
45
- auto: "auto",
46
- fit: "fit-content",
47
- full: "100%",
48
- max: "max-content",
49
- min: "min-content"
50
- };
51
-
52
- export { size };
@@ -1,31 +0,0 @@
1
- import { rem } from './rem.js';
2
-
3
- const spacing = {
4
- xs: rem("8px"),
5
- sm: rem("12px"),
6
- md: rem("16px"),
7
- lg: rem("24px"),
8
- xl: rem("32px"),
9
- "0": "0",
10
- "1": rem("1px"),
11
- "2": rem("2px"),
12
- "3": rem("3px"),
13
- "4": rem("4px"),
14
- "5": rem("5px"),
15
- "6": rem("6px"),
16
- "7": rem("7px"),
17
- "8": rem("8px"),
18
- "9": rem("9px"),
19
- "10": rem("10px"),
20
- "11": rem("11px"),
21
- "12": rem("12px"),
22
- "16": rem("16px"),
23
- "20": rem("20px"),
24
- "24": rem("24px"),
25
- "32": rem("32px"),
26
- "48": rem("48px"),
27
- "64": rem("64px"),
28
- "80": rem("80px")
29
- };
30
-
31
- export { spacing };
@@ -1,12 +0,0 @@
1
- const zIndex = {
2
- "0": "0",
3
- "10": "10",
4
- "20": "20",
5
- "30": "30",
6
- "40": "40",
7
- "50": "50",
8
- auto: "auto",
9
- popover: "1500"
10
- };
11
-
12
- export { zIndex };
@@ -1,35 +0,0 @@
1
- import { jsx, jsxs } from 'react/jsx-runtime';
2
- import * as RadixTooltip from '@radix-ui/react-tooltip';
3
- import { forwardRef, useState } from 'react';
4
- import { AnimatePresence } from '../animate-presence/AnimatePresence.js';
5
- import '../animate-presence/PresenceContext.js';
6
- import { Box } from '../box/Box.js';
7
- import { Text } from '../text/Text.js';
8
- import { Transition } from '../transition/Transition.js';
9
-
10
- const Tooltip = forwardRef(
11
- ({ children, content, delayDuration, withArrow, z = "popover", ...props }, ref) => {
12
- const [open, setOpen] = useState(false);
13
- return /* @__PURE__ */ jsx(RadixTooltip.Provider, { delayDuration, children: /* @__PURE__ */ jsxs(RadixTooltip.Root, { onOpenChange: setOpen, open, children: [
14
- /* @__PURE__ */ jsx(RadixTooltip.Trigger, { asChild: true, ref, children }),
15
- /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsx(RadixTooltip.Portal, { forceMount: true, children: /* @__PURE__ */ jsx(Transition, { type: "pop", children: /* @__PURE__ */ jsx(RadixTooltip.Content, { asChild: true, sideOffset: 5, ...props, children: /* @__PURE__ */ jsxs(
16
- Box,
17
- {
18
- bg: "dark.600",
19
- color: "white",
20
- px: "6",
21
- py: "4",
22
- rounded: "sm",
23
- z,
24
- children: [
25
- /* @__PURE__ */ jsx(Text, { fontSize: "sm", children: content }),
26
- withArrow && /* @__PURE__ */ jsx(RadixTooltip.Arrow, {})
27
- ]
28
- }
29
- ) }) }) }) })
30
- ] }) });
31
- }
32
- );
33
- Tooltip.displayName = "@optiaxiom/react/Tooltip";
34
-
35
- export { Tooltip };
@@ -1,8 +0,0 @@
1
- import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
2
- import './../assets/src/transition/Transition.css.ts.vanilla-COX8x_Bo.css';
3
- import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
-
5
- var transition = recipeRuntime({base:'_1p67mhc0',variants:{duration:{sm:'_1p67mhc1',md:'_1p67mhc2',lg:'_1p67mhc3'},type:{fade:'_1p67mhc4','fade-down':'_1p67mhc5','fade-left':'_1p67mhc6','fade-right':'_1p67mhc7','fade-up':'_1p67mhc8',pop:'_1p67mhc9','pop-down':'_1p67mhca','pop-left':'_1p67mhcb','pop-right':'_1p67mhcc','pop-up':'_1p67mhcd'}}});
6
- var transitionDuration = {sm:250,md:400,lg:550};
7
-
8
- export { transition, transitionDuration };