@optiaxiom/react 0.1.0-next.9 → 0.2.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 (384) hide show
  1. package/README.md +1 -9
  2. package/dist/Link-Cb4M-bVP.d.ts +4416 -0
  3. package/dist/assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-8Sww1h8x.css +24 -0
  4. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-BCpY-gV3.css +6 -0
  5. package/dist/assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-CS3SCfDf.css +10 -0
  6. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-Cc1W2rt5.css +27 -0
  7. package/dist/assets/src/badge/Badge.css.ts.vanilla-B0wZYAIY.css +46 -0
  8. package/dist/assets/src/box/Box.css.ts.vanilla-CJfUe_xA.css +87 -0
  9. package/dist/assets/src/button/Button.css.ts.vanilla-f0BfuF2p.css +146 -0
  10. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-BLLzwfIm.css +18 -0
  11. package/dist/assets/src/code/Code.css.ts.vanilla-BhMJSr08.css +7 -0
  12. package/dist/assets/src/{dialog/Dialog.css.ts.vanilla-B7OE7tnX.css → dialog-content/DialogContent.css.ts.vanilla-4xWP5FmU.css} +11 -10
  13. package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-5Qn4T1yb.css +25 -0
  14. package/dist/assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-DO1ghUoN.css +19 -0
  15. package/dist/assets/src/drawer/Drawer.css.ts.vanilla-Cf7PEhhe.css +30 -0
  16. package/dist/assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-htO9pEH1.css +7 -0
  17. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-Dc2WTJBB.css +36 -0
  18. package/dist/assets/src/input-base/InputBase.css.ts.vanilla-D9bBsPhX.css +87 -0
  19. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-C-36TI1F.css +9 -0
  20. package/dist/assets/src/layers/layers.css.ts.vanilla-79mCcHcb.css +1 -0
  21. package/dist/assets/src/link/Link.css.ts.vanilla-neN-iY37.css +35 -0
  22. package/dist/assets/src/menu-content-base/MenuContentBase.css.ts.vanilla-Cc4WMGHB.css +21 -0
  23. package/dist/assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-BKtu4IMK.css +30 -0
  24. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-C6E_uS36.css +6 -0
  25. package/dist/assets/src/pill/Pill.css.ts.vanilla-DnHV9sII.css +12 -0
  26. package/dist/assets/src/radio/Radio.css.ts.vanilla-uSwsEcjC.css +13 -0
  27. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-DRteGRTF.css +6 -0
  28. package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-CBJPmfxK.css +7 -0
  29. package/dist/assets/src/separator/Separator.css.ts.vanilla-P1XO1rTW.css +45 -0
  30. package/dist/assets/src/side-nav-item/SideNavItem.css.ts.vanilla-BvkdhlHG.css +6 -0
  31. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-CKv-1wd9.css +6 -0
  32. package/dist/assets/src/sprinkles/{sprinkles.css.ts.vanilla-3EoQkW4g.css → properties.css.ts.vanilla-B_ehm9Il.css} +2465 -2887
  33. package/dist/assets/src/switch/Switch.css.ts.vanilla-DA2VnAtq.css +26 -0
  34. package/dist/assets/src/table/Table.css.ts.vanilla-CgY7Gdzg.css +9 -0
  35. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-BNCbVUtX.css +6 -0
  36. package/dist/assets/src/table-cell/TableCell.css.ts.vanilla-BMr5qpLj.css +10 -0
  37. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-D5Nizo77.css +6 -0
  38. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-BwAVjqZ1.css +4 -0
  39. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-Q1iJ6rjZ.css +9 -0
  40. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-Bx9t_lkp.css +23 -0
  41. package/dist/assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-Ces6N8wW.css +35 -0
  42. package/dist/assets/src/text/{Text.css.ts.vanilla-DK_dMlGe.css → Text.css.ts.vanilla-BE-Fps5x.css} +9 -9
  43. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-D7KvX_iO.css +34 -0
  44. package/dist/assets/src/toast/Toast.css.ts.vanilla-DKNlNBpb.css +92 -0
  45. package/dist/assets/src/toast-provider/ToastProvider.css.ts.vanilla-5tmJ5uCB.css +34 -0
  46. package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-7tBLQzKd.css +22 -0
  47. package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-UmcCg7ux.css +10 -0
  48. package/dist/assets/src/transition/Transition.css.ts.vanilla-CEVbotiB.css +56 -0
  49. package/dist/index.d.ts +932 -1659
  50. package/dist/index.js +102 -37
  51. package/dist/package.json.js +3 -0
  52. package/dist/src/alert/Alert-css.js +7 -0
  53. package/dist/src/alert/Alert.js +42 -0
  54. package/dist/src/alert-description/AlertDescription.js +10 -0
  55. package/dist/src/alert-dialog/AlertDialog.js +22 -0
  56. package/dist/src/alert-dialog-action/AlertDialogAction.js +15 -0
  57. package/dist/src/alert-dialog-cancel/AlertDialogCancel.js +15 -0
  58. package/dist/src/alert-dialog-content/AlertDialogContent-css.js +8 -0
  59. package/dist/src/alert-dialog-content/AlertDialogContent.js +19 -0
  60. package/dist/src/alert-dialog-context/AlertDialogContext.js +5 -0
  61. package/dist/src/alert-dialog-description/AlertDialogDescription-css.js +6 -0
  62. package/dist/src/alert-dialog-description/AlertDialogDescription.js +12 -0
  63. package/dist/src/alert-dialog-footer/AlertDialogFooter-css.js +7 -0
  64. package/dist/src/alert-dialog-footer/AlertDialogFooter.js +11 -0
  65. package/dist/src/alert-dialog-title/AlertDialogTitle.js +34 -0
  66. package/dist/src/alert-dialog-trigger/AlertDialogTrigger.js +15 -0
  67. package/dist/src/alert-title/AlertTitle.js +12 -0
  68. package/dist/{animate-presence → src/animate-presence}/AnimatePresence.js +11 -5
  69. package/dist/src/autocomplete/Autocomplete.js +87 -0
  70. package/dist/src/autocomplete-content/AutocompleteContent-css.js +7 -0
  71. package/dist/src/autocomplete-content/AutocompleteContent.js +25 -0
  72. package/dist/src/autocomplete-context/AutocompleteContext.js +5 -0
  73. package/dist/src/autocomplete-empty-item/AutocompleteEmptyItem.js +30 -0
  74. package/dist/src/autocomplete-item/AutocompletItem.js +39 -0
  75. package/dist/src/autocomplete-item-indicator/AutocompleteItemIndicator.js +20 -0
  76. package/dist/src/autocomplete-list/AutocompleteList.js +19 -0
  77. package/dist/src/autocomplete-list-context/AutocompleteListContext.js +5 -0
  78. package/dist/src/autocomplete-trigger/AutocompleteTrigger.js +50 -0
  79. package/dist/src/avatar/Avatar-css.js +10 -0
  80. package/dist/{avatar → src/avatar}/Avatar.js +9 -7
  81. package/dist/src/avatar-context/AvatarContext.js +7 -0
  82. package/dist/src/avatar-group/AvatarGroup-css.js +7 -0
  83. package/dist/src/avatar-group/AvatarGroup.js +14 -0
  84. package/dist/src/axiom-provider/AxiomProvider.js +25 -0
  85. package/dist/src/badge/Badge-css.js +7 -0
  86. package/dist/src/badge/Badge.js +31 -0
  87. package/dist/src/banner/Banner-css.js +7 -0
  88. package/dist/src/banner/Banner.js +42 -0
  89. package/dist/src/banner-description/BannerDescription.js +10 -0
  90. package/dist/src/banner-title/BannerTitle.js +12 -0
  91. package/dist/src/box/Box-css.js +7 -0
  92. package/dist/{box → src/box}/Box.js +6 -5
  93. package/dist/src/breadcrumb/Breadcrumb.js +16 -0
  94. package/dist/src/breadcrumb-ellipsis/BreadcrumbEllipsis.js +10 -0
  95. package/dist/src/breadcrumb-item/BreadcrumbItem.js +16 -0
  96. package/dist/src/breadcrumb-link/BreadcrumbLink.js +12 -0
  97. package/dist/src/breadcrumb-page/BreadcrumbPage.js +12 -0
  98. package/dist/src/breadcrumb-separator/BreadcrumbSeparator.js +14 -0
  99. package/dist/src/button/Button-css.js +12 -0
  100. package/dist/src/button/Button.js +108 -0
  101. package/dist/src/button-group/ButtonGroup-css.js +7 -0
  102. package/dist/src/checkbox/Checkbox-css.js +13 -0
  103. package/dist/src/checkbox/Checkbox.js +40 -0
  104. package/dist/src/code/Code-css.js +7 -0
  105. package/dist/{code → src/code}/Code.js +2 -1
  106. package/dist/src/dialog/Dialog.js +22 -0
  107. package/dist/src/dialog-body/DialogBody-css.js +6 -0
  108. package/dist/{dialog-body → src/dialog-body}/DialogBody.js +2 -2
  109. package/dist/src/dialog-close/DialogClose.js +17 -0
  110. package/dist/src/dialog-content/DialogContent-css.js +9 -0
  111. package/dist/src/dialog-content/DialogContent.js +37 -0
  112. package/dist/src/dialog-context/DialogContext.js +5 -0
  113. package/dist/src/dialog-description/DialogDescription.js +23 -0
  114. package/dist/{dialog-footer → src/dialog-footer}/DialogFooter-css.js +1 -1
  115. package/dist/{dialog-footer → src/dialog-footer}/DialogFooter.js +2 -2
  116. package/dist/src/dialog-title/DialogTitle.js +25 -0
  117. package/dist/src/dialog-trigger/DialogTrigger.js +17 -0
  118. package/dist/src/disclosure/Disclosure.js +13 -0
  119. package/dist/src/disclosure-content/DisclosureContent-css.js +7 -0
  120. package/dist/src/disclosure-content/DisclosureContent.js +12 -0
  121. package/dist/src/disclosure-trigger/DisclosureTrigger-css.js +8 -0
  122. package/dist/src/disclosure-trigger/DisclosureTrigger.js +27 -0
  123. package/dist/src/downshift/useCombobox.js +11 -0
  124. package/dist/src/downshift/useDelayedState.js +26 -0
  125. package/dist/src/downshift/useForceRerender.js +12 -0
  126. package/dist/src/downshift/usePortalPatch.js +18 -0
  127. package/dist/src/downshift/useSelect.js +11 -0
  128. package/dist/src/drawer/Drawer-css.js +9 -0
  129. package/dist/src/drawer/Drawer.js +55 -0
  130. package/dist/src/drawer-body/DrawerBody.js +24 -0
  131. package/dist/src/drawer-footer/DrawerFooter.js +24 -0
  132. package/dist/src/drawer-title/DrawerTitle.js +18 -0
  133. package/dist/src/dropdown-menu/DropdownMenu.js +22 -0
  134. package/dist/src/dropdown-menu-content/DropdownMenuContent.js +22 -0
  135. package/dist/src/dropdown-menu-context/DropdownMenuContext.js +5 -0
  136. package/dist/src/dropdown-menu-item/DropdownMenuItem.js +11 -0
  137. package/dist/src/dropdown-menu-label/DropdownMenuLabel.js +25 -0
  138. package/dist/src/dropdown-menu-separator/DropdownMenuSeparator.js +9 -0
  139. package/dist/src/dropdown-menu-sub/DropdownMenuSub.js +22 -0
  140. package/dist/src/dropdown-menu-sub-content/DropdownMenuSubContent.js +30 -0
  141. package/dist/src/dropdown-menu-sub-context/DropdownMenuSubContext.js +5 -0
  142. package/dist/src/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.js +12 -0
  143. package/dist/src/dropdown-menu-trigger/DropdownMenuTrigger.js +15 -0
  144. package/dist/src/field/Field.js +121 -0
  145. package/dist/src/field-context/FieldContext.js +5 -0
  146. package/dist/src/field-context/useFieldContext.js +11 -0
  147. package/dist/{flex → src/flex}/Flex.js +2 -1
  148. package/dist/{grid → src/grid}/Grid.js +1 -1
  149. package/dist/{heading → src/heading}/Heading.js +2 -2
  150. package/dist/src/hover-card/HoverCard.js +41 -0
  151. package/dist/src/hover-card-content/HoverCardContent-css.js +7 -0
  152. package/dist/src/hover-card-content/HoverCardContent.js +68 -0
  153. package/dist/src/hover-card-context/HoverCardContext.js +5 -0
  154. package/dist/src/hover-card-trigger/HoverCardTrigger.js +29 -0
  155. package/dist/src/icon/Icon.js +12 -0
  156. package/dist/src/icons/IconAngleDown.js +20 -0
  157. package/dist/src/icons/IconAngleLeft.js +20 -0
  158. package/dist/src/icons/IconAngleRight.js +20 -0
  159. package/dist/src/icons/IconCheck.js +23 -0
  160. package/dist/src/icons/IconCircleCheckFilled.js +19 -0
  161. package/dist/src/icons/IconCircleExclamationFilled.js +19 -0
  162. package/dist/src/icons/IconCircleInfoFilled.js +19 -0
  163. package/dist/src/icons/IconCircleQuestion.js +20 -0
  164. package/dist/src/icons/IconEllipsis.js +35 -0
  165. package/dist/src/icons/IconMagnifyingGlass.js +31 -0
  166. package/dist/src/icons/IconMinus.js +19 -0
  167. package/dist/src/icons/IconTriangleExclamation.js +20 -0
  168. package/dist/src/icons/IconTriangleExclamationFilled.js +19 -0
  169. package/dist/src/icons/IconUpRightFromSquare.js +40 -0
  170. package/dist/src/icons/IconX.js +17 -0
  171. package/dist/src/icons/withIcon.js +31 -0
  172. package/dist/src/indicator/Indicator-css.js +9 -0
  173. package/dist/src/indicator/Indicator.js +52 -0
  174. package/dist/src/input/Input-css.js +7 -0
  175. package/dist/src/input/Input.js +35 -0
  176. package/dist/src/input-base/InputBase-css.js +9 -0
  177. package/dist/src/input-base/InputBase.js +80 -0
  178. package/dist/src/kbd/Kbd-css.js +8 -0
  179. package/dist/src/kbd/Kbd.js +31 -0
  180. package/dist/src/layers/layers-css.js +8 -0
  181. package/dist/src/link/Link-css.js +8 -0
  182. package/dist/src/link/Link.js +52 -0
  183. package/dist/src/menu-button/MenuButton.js +23 -0
  184. package/dist/src/menu-content-base/MenuContentBase-css.js +7 -0
  185. package/dist/src/menu-content-base/MenuContentBase.js +42 -0
  186. package/dist/src/menu-item-base/MenuItemBase-css.js +7 -0
  187. package/dist/src/menu-item-base/MenuItemBase.js +53 -0
  188. package/dist/src/pagination/Pagination-css.js +7 -0
  189. package/dist/src/pagination/Pagination.js +91 -0
  190. package/dist/src/pill/Pill-css.js +7 -0
  191. package/dist/src/pill/Pill.js +39 -0
  192. package/dist/src/popover/Popover.js +22 -0
  193. package/dist/src/popover-anchor/PopoverAnchor.js +13 -0
  194. package/dist/src/popover-content/PopoverContent.js +41 -0
  195. package/dist/src/popover-context/PopoverContext.js +5 -0
  196. package/dist/src/popover-trigger/PopoverTrigger.js +15 -0
  197. package/dist/{progress → src/progress}/Progress.js +1 -1
  198. package/dist/src/radio/Radio-css.js +12 -0
  199. package/dist/src/radio/Radio.js +75 -0
  200. package/dist/src/radio-group/RadioGroup.js +58 -0
  201. package/dist/src/radio-group-context/RadioGroupContext.js +5 -0
  202. package/dist/src/search-input/SearchInput-css.js +8 -0
  203. package/dist/src/search-input/SearchInput.js +69 -0
  204. package/dist/src/segmented-control/SegmentedControl.js +11 -0
  205. package/dist/src/segmented-control-item/SegmentedControlItem.js +20 -0
  206. package/dist/src/select/Select.js +64 -0
  207. package/dist/src/select-content/SelectContent-css.js +7 -0
  208. package/dist/src/select-content/SelectContent.js +35 -0
  209. package/dist/src/select-context/SelectContext.js +5 -0
  210. package/dist/src/select-item/SelectItem.js +40 -0
  211. package/dist/src/select-item-context/SelectItemContext.js +5 -0
  212. package/dist/src/select-item-indicator/SelectItemIndicator.js +20 -0
  213. package/dist/src/select-label/SelectLabel.js +23 -0
  214. package/dist/src/select-separator/SelectSeparator.js +17 -0
  215. package/dist/src/select-trigger/SelectTrigger.js +41 -0
  216. package/dist/src/select-value/SelectValue.js +14 -0
  217. package/dist/src/separator/Separator-css.js +9 -0
  218. package/dist/src/side-nav/SideNav.js +72 -0
  219. package/dist/src/side-nav-account-item/SideNavAccountItem.js +36 -0
  220. package/dist/src/side-nav-context/SideNavContext.js +5 -0
  221. package/dist/src/side-nav-item/SideNavItem-css.js +9 -0
  222. package/dist/src/side-nav-item/SideNavItem.js +53 -0
  223. package/dist/src/side-nav-toggle/SideNavToggle.js +24 -0
  224. package/dist/src/skeleton/Skeleton-css.js +7 -0
  225. package/dist/src/spinner/Spinner.js +67 -0
  226. package/dist/src/sprinkles/createSprinklesMerge.js +46 -0
  227. package/dist/{sprinkles → src/sprinkles}/extractSprinkles.js +4 -2
  228. package/dist/src/sprinkles/properties-css.js +7 -0
  229. package/dist/src/sprinkles/sprinkles.js +11 -0
  230. package/dist/src/sprinkles/sprinklesMerge.js +9 -0
  231. package/dist/src/switch/Switch-css.js +12 -0
  232. package/dist/src/switch/Switch.js +46 -0
  233. package/dist/src/table/Table-css.js +8 -0
  234. package/dist/src/table/Table.js +11 -0
  235. package/dist/src/table-body/TableBody-css.js +7 -0
  236. package/dist/src/table-body/TableBody.js +11 -0
  237. package/dist/src/table-cell/TableCell-css.js +8 -0
  238. package/dist/src/table-cell/TableCell.js +13 -0
  239. package/dist/src/table-head/TableHead.js +10 -0
  240. package/dist/src/table-header-cell/TableHeaderCell-css.js +7 -0
  241. package/dist/src/table-header-cell/TableHeaderCell.js +11 -0
  242. package/dist/src/table-row/TableRow-css.js +7 -0
  243. package/dist/src/table-row/TableRow.js +11 -0
  244. package/dist/src/tabs/Tabs-css.js +7 -0
  245. package/dist/src/tabs/Tabs.js +19 -0
  246. package/dist/src/tabs-content/TabsContent.js +17 -0
  247. package/dist/src/tabs-context/TabsContext.js +5 -0
  248. package/dist/src/tabs-list/TabsList-css.js +7 -0
  249. package/dist/src/tabs-list/TabsList.js +16 -0
  250. package/dist/src/tabs-trigger/TabsTrigger-css.js +8 -0
  251. package/dist/src/tabs-trigger/TabsTrigger.js +47 -0
  252. package/dist/src/text/Text-css.js +7 -0
  253. package/dist/{text → src/text}/Text.js +2 -2
  254. package/dist/src/textarea/Textarea.js +15 -0
  255. package/dist/src/textarea-autosize/TextareaAutosize-css.js +9 -0
  256. package/dist/src/textarea-autosize/TextareaAutosize.js +44 -0
  257. package/dist/src/theme-provider/ThemeProvider.js +25 -0
  258. package/dist/src/toast/Toast-css.js +9 -0
  259. package/dist/src/toast/Toast.js +53 -0
  260. package/dist/src/toast-action/ToastAction.js +26 -0
  261. package/dist/src/toast-provider/ToastProvider-css.js +7 -0
  262. package/dist/src/toast-provider/ToastProvider.js +102 -0
  263. package/dist/src/toast-provider/useOverflowAnchor.js +34 -0
  264. package/dist/src/toast-title/ToastTitle.js +13 -0
  265. package/dist/src/toggle-button/ToggleButton.js +13 -0
  266. package/dist/src/toggle-input/ToggleInput-css.js +8 -0
  267. package/dist/src/toggle-input/ToggleInput.js +30 -0
  268. package/dist/src/toggle-input-content/ToggleInputContent.js +10 -0
  269. package/dist/src/toggle-input-context/ToggleInputContext.js +5 -0
  270. package/dist/src/toggle-input-control/ToggleInputControl-css.js +9 -0
  271. package/dist/src/toggle-input-control/ToggleInputControl.js +11 -0
  272. package/dist/src/toggle-input-description/ToggleInputDescription.js +22 -0
  273. package/dist/src/toggle-input-hidden-input/ToggleInputHiddenInput-css.js +6 -0
  274. package/dist/src/toggle-input-hidden-input/ToggleInputHiddenInput.js +30 -0
  275. package/dist/src/toggle-input-label/ToggleInputLabel.js +12 -0
  276. package/dist/src/tooltip/Tooltip.js +38 -0
  277. package/dist/src/tooltip-content/TooltipContent-css.js +6 -0
  278. package/dist/src/tooltip-content/TooltipContent.js +46 -0
  279. package/dist/src/tooltip-context/TooltipContext.js +5 -0
  280. package/dist/src/tooltip-root/TooltipRoot.js +65 -0
  281. package/dist/src/tooltip-trigger/TooltipTrigger.js +19 -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 +4 -2
  290. package/dist/unstable.d.ts +270 -0
  291. package/dist/unstable.js +28 -0
  292. package/package.json +40 -16
  293. package/dist/alert-dialog/AlertDialog-css.js +0 -12
  294. package/dist/alert-dialog/AlertDialog.js +0 -51
  295. package/dist/assets/src/alert-dialog/AlertDialog.css.ts.vanilla-CeDk9JQ5.css +0 -29
  296. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-CihLlW6Z.css +0 -6
  297. package/dist/assets/src/box/Box.css.ts.vanilla-DMx7YI4c.css +0 -72
  298. package/dist/assets/src/button/Button.css.ts.vanilla-CmOG82Kg.css +0 -125
  299. package/dist/assets/src/button-group/ButtonGroup.css.ts.vanilla-4BGjgIuZ.css +0 -4
  300. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-w5cdPwHc.css +0 -23
  301. package/dist/assets/src/chip/Chip.css.ts.vanilla-SD4SsrSx.css +0 -26
  302. package/dist/assets/src/code/Code.css.ts.vanilla-Dz07Qp9h.css +0 -7
  303. package/dist/assets/src/control-base/ControlBase.css.ts.vanilla-BRvl57K9.css +0 -32
  304. package/dist/assets/src/dialog-body/DialogBody.css.ts.vanilla-C_QoodTy.css +0 -6
  305. package/dist/assets/src/input-base/InputBase.css.ts.vanilla-CZg9RekC.css +0 -34
  306. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-C9xHGnsD.css +0 -8
  307. package/dist/assets/src/link/Link.css.ts.vanilla-Cpe5mdsJ.css +0 -32
  308. package/dist/assets/src/radio-group-item/RadioGroupItem.css.ts.vanilla-BFZr4-E-.css +0 -9
  309. package/dist/assets/src/separator/Separator.css.ts.vanilla-C_EYtori.css +0 -42
  310. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-Cl5oEbvn.css +0 -6
  311. package/dist/assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css +0 -4
  312. package/dist/assets/src/styles/theme.css.ts.vanilla-CQvpCMCS.css +0 -668
  313. package/dist/assets/src/switch/Switch.css.ts.vanilla-DqRWTr5T.css +0 -23
  314. package/dist/assets/src/textarea/Textarea.css.ts.vanilla-B4lEj1jX.css +0 -9
  315. package/dist/assets/src/transition/Transition.css.ts.vanilla-COX8x_Bo.css +0 -56
  316. package/dist/avatar/Avatar-css.js +0 -8
  317. package/dist/box/Box-css.js +0 -8
  318. package/dist/button/Button-css.js +0 -10
  319. package/dist/button/Button.js +0 -84
  320. package/dist/button-group/ButtonGroup-css.js +0 -7
  321. package/dist/checkbox/Checkbox-css.js +0 -12
  322. package/dist/checkbox/Checkbox.js +0 -32
  323. package/dist/checkbox/icons-svg/IconChecked.js +0 -27
  324. package/dist/checkbox/icons-svg/IconIndeterminate.js +0 -23
  325. package/dist/chip/Chip-css.js +0 -8
  326. package/dist/chip/Chip.js +0 -31
  327. package/dist/chip/IconCross.js +0 -21
  328. package/dist/code/Code-css.js +0 -7
  329. package/dist/control-base/ControlBase-css.js +0 -10
  330. package/dist/control-base/ControlBase.js +0 -30
  331. package/dist/dialog/CloseIcon.js +0 -21
  332. package/dist/dialog/Dialog-css.js +0 -9
  333. package/dist/dialog/Dialog.js +0 -51
  334. package/dist/dialog-body/DialogBody-css.js +0 -7
  335. package/dist/dialog-title/DialogTitle.js +0 -21
  336. package/dist/field/Field.js +0 -58
  337. package/dist/field/IconInfo.js +0 -26
  338. package/dist/input/Input-css.js +0 -7
  339. package/dist/input/Input.js +0 -30
  340. package/dist/input-base/InputBase-css.js +0 -9
  341. package/dist/input-base/InputBase.js +0 -44
  342. package/dist/kbd/Kbd-css.js +0 -7
  343. package/dist/kbd/Kbd.js +0 -46
  344. package/dist/link/IconUpRight.js +0 -24
  345. package/dist/link/Link-css.js +0 -8
  346. package/dist/link/Link.js +0 -39
  347. package/dist/paper/Paper.js +0 -12
  348. package/dist/radio-group/RadioGroup.js +0 -28
  349. package/dist/radio-group-item/RadioGroupItem-css.js +0 -10
  350. package/dist/radio-group-item/RadioGroupItem.js +0 -27
  351. package/dist/separator/Separator-css.js +0 -9
  352. package/dist/skeleton/Skeleton-css.js +0 -7
  353. package/dist/sprinkles/sprinkles-css.js +0 -10
  354. package/dist/styles/layers-css.js +0 -8
  355. package/dist/styles/theme-css.js +0 -5
  356. package/dist/switch/Switch-css.js +0 -10
  357. package/dist/switch/Switch.js +0 -27
  358. package/dist/text/Text-css.js +0 -7
  359. package/dist/textarea/Textarea-css.js +0 -8
  360. package/dist/textarea/Textarea.js +0 -40
  361. package/dist/tokens/borderRadius.js +0 -13
  362. package/dist/tokens/borderWidth.js +0 -8
  363. package/dist/tokens/boxShadow.js +0 -11
  364. package/dist/tokens/colors.js +0 -270
  365. package/dist/tokens/fontFamily.js +0 -6
  366. package/dist/tokens/fontSize.js +0 -50
  367. package/dist/tokens/index.js +0 -37
  368. package/dist/tokens/letterSpacing.js +0 -10
  369. package/dist/tokens/lineHeight.js +0 -8
  370. package/dist/tokens/margins.js +0 -25
  371. package/dist/tokens/maxSize.js +0 -13
  372. package/dist/tokens/rem.js +0 -3
  373. package/dist/tokens/screens.js +0 -9
  374. package/dist/tokens/size.js +0 -52
  375. package/dist/tokens/spacing.js +0 -25
  376. package/dist/tokens/zIndex.js +0 -12
  377. package/dist/tooltip/Tooltip.js +0 -64
  378. package/dist/transition/Transition-css.js +0 -8
  379. package/dist/transition/Transition.js +0 -34
  380. /package/dist/{button-group → src/button-group}/ButtonGroup.js +0 -0
  381. /package/dist/{separator → src/separator}/Separator.js +0 -0
  382. /package/dist/{skeleton → src/skeleton}/Skeleton.js +0 -0
  383. /package/dist/{animate-presence → src/use-presence}/PresenceContext.js +0 -0
  384. /package/dist/{animate-presence → src/use-presence}/usePresence.js +0 -0
@@ -1,56 +0,0 @@
1
- @layer optiaxiom._1kfj4ga1;
2
- @layer optiaxiom._1kfj4ga1 {
3
- ._1p67mhc0 {
4
- transform-origin: var(--radix-popper-transform-origin);
5
- transition-property: opacity, transform;
6
- transition-timing-function: ease;
7
- }
8
- ._1p67mhc1 {
9
- transition-duration: 250ms;
10
- }
11
- ._1p67mhc2 {
12
- transition-duration: 400ms;
13
- }
14
- ._1p67mhc3 {
15
- transition-duration: 550ms;
16
- }
17
- ._1p67mhc4 {
18
- opacity: 0;
19
- }
20
- ._1p67mhc5 {
21
- opacity: 0;
22
- transform: translateY(-15px);
23
- }
24
- ._1p67mhc6 {
25
- opacity: 0;
26
- transform: translateX(15px);
27
- }
28
- ._1p67mhc7 {
29
- opacity: 0;
30
- transform: translateX(-15px);
31
- }
32
- ._1p67mhc8 {
33
- opacity: 0;
34
- transform: translateY(15px);
35
- }
36
- ._1p67mhc9 {
37
- opacity: 0;
38
- transform: scale(0.9);
39
- }
40
- ._1p67mhca {
41
- opacity: 0;
42
- transform: scale(0.9) translateY(-10px);
43
- }
44
- ._1p67mhcb {
45
- opacity: 0;
46
- transform: scale(0.9) translateX(10px);
47
- }
48
- ._1p67mhcc {
49
- opacity: 0;
50
- transform: scale(0.9) translateX(-10px);
51
- }
52
- ._1p67mhcd {
53
- opacity: 0;
54
- transform: scale(0.9) translateY(10px);
55
- }
56
- }
@@ -1,8 +0,0 @@
1
- import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
2
- import './../assets/src/avatar/Avatar.css.ts.vanilla-CihLlW6Z.css';
3
- import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
-
5
- var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',justifyContent:'center',overflow:'hidden',rounded:'full'},'t64xwp0'],variants:{colorScheme:{blue:{bg:'blue.50',color:'blue.500'},brand:{bg:'brand.50',color:'brand.500'},dark:{bg:'dark.50',color:'dark.500'},gray:{bg:'gray.50',color:'gray.500'},green:{bg:'green.50',color:'green.500'},magenta:{bg:'magenta.50',color:'magenta.500'},neutral:{bg:'neutral.50',color:'neutral.500'},orange:{bg:'orange.50',color:'orange.500'},purple:{bg:'purple.50',color:'purple.500'},red:{bg:'red.50',color:'red.500'},slate:{bg:'slate.50',color:'slate.500'},yellow:{bg:'yellow.50',color:'yellow.500'}},size:{xs:{fontSize:'xs',size:'xs'},sm:{fontSize:'sm',size:'sm'},md:{fontSize:'md',size:'md'},lg:{fontSize:'lg',size:'lg'},xl:{fontSize:'xl',size:'xl'}}}});
6
- var fallback = recipeRuntime({base:{alignItems:'center',display:'flex',justifyContent:'center',rounded:'inherit',size:'full',textTransform:'uppercase'},variants:{size:{xs:{px:'4'},sm:{px:'6'},md:{px:'8'},lg:{px:'10'},xl:{px:'20'}}}});
7
-
8
- export { avatar, fallback };
@@ -1,8 +0,0 @@
1
- import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
2
- import './../assets/src/styles/theme.css.ts.vanilla-CQvpCMCS.css';
3
- import './../assets/src/box/Box.css.ts.vanilla-DMx7YI4c.css';
4
- import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
5
-
6
- var box = recipeRuntime({base:'_1jn0ep0'});
7
-
8
- export { box };
@@ -1,10 +0,0 @@
1
- import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
2
- import './../assets/src/styles/theme.css.ts.vanilla-CQvpCMCS.css';
3
- import './../assets/src/button-group/ButtonGroup.css.ts.vanilla-4BGjgIuZ.css';
4
- import './../assets/src/button/Button.css.ts.vanilla-CmOG82Kg.css';
5
- import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
6
-
7
- var button = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',flexDirection:'row',gap:'4',justifyContent:'center',overflow:'hidden',transition:'colors'},'_1gqmi2d4'],variants:{colorScheme:{danger:'_1gqmi2d5',primary:'_1gqmi2d6',secondary:'_1gqmi2d7'},iconOnly:{false:{},true:{}},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',h:'md'},lg:{fontSize:'lg',h:'lg'}},variant:{outline:'_1gqmi2d8',solid:'_1gqmi2d9',subtle:'_1gqmi2da'}},variantsCompounded:[{style:'_1gqmi2db',variants:{colorScheme:'secondary',variant:'outline'}},{style:'_1gqmi2dc',variants:{iconOnly:true,size:'sm'}},{style:'_1gqmi2dd',variants:{iconOnly:false,size:'sm'}},{style:'_1gqmi2de',variants:{iconOnly:true,size:'md'}},{style:'_1gqmi2df',variants:{iconOnly:false,size:'md'}},{style:'_1gqmi2dg',variants:{iconOnly:true,size:'lg'}},{style:'_1gqmi2dh',variants:{iconOnly:false,size:'lg'}}]});
8
- var icon = recipeRuntime({variants:{position:{end:{},start:{}},size:{sm:{w:'20'},md:{w:'20'},lg:{w:'20'}}},variantsCompounded:[{style:{ml:'2'},variants:{position:'end',size:'md'}},{style:{mr:'2'},variants:{position:'start',size:'md'}},{style:{ml:'4'},variants:{position:'end',size:'lg'}},{style:{mr:'4'},variants:{position:'start',size:'lg'}}]});
9
-
10
- export { button, icon };
@@ -1,84 +0,0 @@
1
- import { jsx, jsxs } from 'react/jsx-runtime';
2
- import { Slottable, Slot } from '@radix-ui/react-slot';
3
- import { forwardRef } from 'react';
4
- import { Box } from '../box/Box.js';
5
- import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
6
- import '../sprinkles/sprinkles-css.js';
7
- import { button, icon } from './Button-css.js';
8
-
9
- const appearances = {
10
- danger: { colorScheme: "danger", variant: "solid" },
11
- "danger-outline": { colorScheme: "danger", variant: "outline" },
12
- default: { colorScheme: "secondary", variant: "outline" },
13
- primary: { colorScheme: "primary", variant: "solid" },
14
- secondary: { colorScheme: "secondary", variant: "subtle" }
15
- };
16
- const Button = forwardRef(
17
- ({
18
- appearance = "default",
19
- asChild,
20
- children,
21
- className,
22
- colorScheme,
23
- disabled,
24
- icon: icon$1,
25
- iconPosition = "start",
26
- isLoading,
27
- size = "md",
28
- variant,
29
- ...props
30
- }, ref) => {
31
- const Comp = asChild ? Slot : "button";
32
- const { restProps, sprinkleProps } = extractSprinkles(props);
33
- const presetProps = appearances[appearance];
34
- const finalColorScheme = colorScheme ?? presetProps.colorScheme;
35
- const finalVariant = variant ?? presetProps.variant;
36
- const isDisabled = Boolean(disabled || isLoading);
37
- const isIconOnly = Boolean(!children && icon$1);
38
- return /* @__PURE__ */ jsx(
39
- Box,
40
- {
41
- asChild: true,
42
- "data-disabled": isDisabled ? "" : void 0,
43
- ...button(
44
- {
45
- colorScheme: finalColorScheme,
46
- iconOnly: isIconOnly,
47
- size,
48
- variant: finalVariant
49
- },
50
- className
51
- ),
52
- ...sprinkleProps,
53
- children: /* @__PURE__ */ jsxs(Comp, { disabled: isDisabled, ref, ...restProps, children: [
54
- !isIconOnly && /* @__PURE__ */ jsx(
55
- Box,
56
- {
57
- asChild: true,
58
- ...icon({
59
- position: "start",
60
- size: icon$1 && iconPosition === "start" ? size : void 0
61
- }),
62
- children: icon$1 && iconPosition === "start" ? icon$1 : /* @__PURE__ */ jsx("div", {})
63
- }
64
- ),
65
- /* @__PURE__ */ jsx(Slottable, { children: isIconOnly ? /* @__PURE__ */ jsx(Box, { asChild: true, ...icon({ size }), children: icon$1 }) : children }),
66
- !isIconOnly && /* @__PURE__ */ jsx(
67
- Box,
68
- {
69
- asChild: true,
70
- ...icon({
71
- position: "end",
72
- size: icon$1 && iconPosition === "end" ? size : void 0
73
- }),
74
- children: icon$1 && iconPosition === "end" ? icon$1 : /* @__PURE__ */ jsx("div", {})
75
- }
76
- )
77
- ] })
78
- }
79
- );
80
- }
81
- );
82
- Button.displayName = "@optiaxiom/react/Button";
83
-
84
- export { Button };
@@ -1,7 +0,0 @@
1
- import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
2
- import './../assets/src/button-group/ButtonGroup.css.ts.vanilla-4BGjgIuZ.css';
3
- import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
-
5
- var buttonGroup = recipeRuntime({base:'_1sewcgl0'});
6
-
7
- export { buttonGroup };
@@ -1,12 +0,0 @@
1
- import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
2
- import './../assets/src/styles/theme.css.ts.vanilla-CQvpCMCS.css';
3
- import './../assets/src/control-base/ControlBase.css.ts.vanilla-BRvl57K9.css';
4
- import './../assets/src/checkbox/Checkbox.css.ts.vanilla-w5cdPwHc.css';
5
- import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
6
-
7
- var checkbox = recipeRuntime({base:['_1vlnf5q0',{color:'white',rounded:'xs',size:'16'},'_1vlnf5q3']});
8
- var iconChecked = recipeRuntime({base:['_1vlnf5q1']});
9
- var iconIndeterminate = recipeRuntime({base:['_1vlnf5q2']});
10
- var indicator = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
11
-
12
- export { checkbox, iconChecked, iconIndeterminate, indicator };
@@ -1,32 +0,0 @@
1
- import { jsx, jsxs } from 'react/jsx-runtime';
2
- import * as RadixCheckbox from '@radix-ui/react-checkbox';
3
- import { forwardRef } from 'react';
4
- import { Box } from '../box/Box.js';
5
- import { ControlBase } from '../control-base/ControlBase.js';
6
- import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
7
- import '../sprinkles/sprinkles-css.js';
8
- import { checkbox, indicator, iconChecked, iconIndeterminate } from './Checkbox-css.js';
9
- import { IconChecked } from './icons-svg/IconChecked.js';
10
- import { IconIndeterminate } from './icons-svg/IconIndeterminate.js';
11
-
12
- const Checkbox = forwardRef(
13
- ({ children, className, endDecorator, ...props }, ref) => {
14
- const { restProps, sprinkleProps } = extractSprinkles(props);
15
- return /* @__PURE__ */ jsx(
16
- ControlBase,
17
- {
18
- endDecorator: endDecorator && /* @__PURE__ */ jsx(Box, { asChild: true, ml: "lg", children: endDecorator }),
19
- label: children,
20
- ref,
21
- ...sprinkleProps,
22
- children: /* @__PURE__ */ jsx(Box, { asChild: true, ...checkbox(), children: /* @__PURE__ */ jsx(RadixCheckbox.Root, { ...restProps, children: /* @__PURE__ */ jsx(Box, { asChild: true, ...indicator(), children: /* @__PURE__ */ jsxs(RadixCheckbox.Indicator, { children: [
23
- /* @__PURE__ */ jsx(Box, { asChild: true, ...iconChecked(), children: /* @__PURE__ */ jsx(IconChecked, {}) }),
24
- /* @__PURE__ */ jsx(Box, { asChild: true, ...iconIndeterminate(), children: /* @__PURE__ */ jsx(IconIndeterminate, {}) })
25
- ] }) }) }) })
26
- }
27
- );
28
- }
29
- );
30
- Checkbox.displayName = "@optiaxiom/react/Checkbox";
31
-
32
- export { Checkbox };
@@ -1,27 +0,0 @@
1
- import { jsx } from 'react/jsx-runtime';
2
-
3
- const IconChecked = (props) => {
4
- return /* @__PURE__ */ jsx(
5
- "svg",
6
- {
7
- fill: "none",
8
- height: "8",
9
- viewBox: "0 0 12 8",
10
- width: "12",
11
- xmlns: "http://www.w3.org/2000/svg",
12
- ...props,
13
- children: /* @__PURE__ */ jsx(
14
- "path",
15
- {
16
- d: "M1.5 3.47059L4.83333 7L10.5 1",
17
- stroke: "currentColor",
18
- strokeLinecap: "round",
19
- strokeLinejoin: "round",
20
- strokeWidth: "1.5"
21
- }
22
- )
23
- }
24
- );
25
- };
26
-
27
- export { IconChecked };
@@ -1,23 +0,0 @@
1
- import { jsx } from 'react/jsx-runtime';
2
-
3
- const IconIndeterminate = (props) => {
4
- return /* @__PURE__ */ jsx(
5
- "svg",
6
- {
7
- height: "8",
8
- viewBox: "0 0 12 8",
9
- width: "12",
10
- xmlns: "http://www.w3.org/2000/svg",
11
- ...props,
12
- children: /* @__PURE__ */ jsx(
13
- "path",
14
- {
15
- d: "M2.85714 3.19995C2.35714 3.19995 2 3.56662 2 3.99995C2 4.46662 2.35714 4.79995 2.85714 4.79995H9.14286C9.60714 4.79995 10 4.46662 10 3.99995C10 3.56662 9.60714 3.19995 9.14286 3.19995H2.85714Z",
16
- fill: "currentColor"
17
- }
18
- )
19
- }
20
- );
21
- };
22
-
23
- export { IconIndeterminate };
@@ -1,8 +0,0 @@
1
- import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
2
- import './../assets/src/styles/theme.css.ts.vanilla-CQvpCMCS.css';
3
- import './../assets/src/chip/Chip.css.ts.vanilla-SD4SsrSx.css';
4
- import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
5
-
6
- var chip = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',flexDirection:'row',gap:'xs',justifyContent:'center',rounded:'full'},'wnd97r0'],variants:{size:{sm:{fontSize:'sm',px:'sm',py:'2'},md:{fontSize:'md',px:'sm',py:'4'},lg:{fontSize:'lg',px:'md',py:'6'}}}});
7
-
8
- export { chip };
package/dist/chip/Chip.js DELETED
@@ -1,31 +0,0 @@
1
- import { jsx, jsxs } from 'react/jsx-runtime';
2
- import * as RadixToggle from '@radix-ui/react-toggle';
3
- import { forwardRef } from 'react';
4
- import { Box } from '../box/Box.js';
5
- import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
6
- import '../sprinkles/sprinkles-css.js';
7
- import { chip } from './Chip-css.js';
8
- import { IconCross } from './IconCross.js';
9
-
10
- const Chip = forwardRef(
11
- ({
12
- children,
13
- className,
14
- disabled,
15
- endDecorator,
16
- onPressedChange,
17
- size = "md",
18
- startDecorator,
19
- ...props
20
- }, ref) => {
21
- const { restProps, sprinkleProps } = extractSprinkles(props);
22
- return /* @__PURE__ */ jsx(Box, { asChild: true, ...chip({ size }, className), ...sprinkleProps, children: /* @__PURE__ */ jsxs(RadixToggle.Root, { disabled, ref, ...restProps, children: [
23
- startDecorator && /* @__PURE__ */ jsx(Box, { asChild: true, ml: "4", children: startDecorator }),
24
- children,
25
- endDecorator ? /* @__PURE__ */ jsx(Box, { asChild: true, children: endDecorator }) : !!onPressedChange && /* @__PURE__ */ jsx(IconCross, {})
26
- ] }) });
27
- }
28
- );
29
- Chip.displayName = "@optiaxiom/react/Chip";
30
-
31
- export { Chip };
@@ -1,21 +0,0 @@
1
- import { jsx } from 'react/jsx-runtime';
2
-
3
- const IconCross = (props) => /* @__PURE__ */ jsx(
4
- "svg",
5
- {
6
- height: "16",
7
- viewBox: "0 0 20 16",
8
- width: "20",
9
- xmlns: "http://www.w3.org/2000/svg",
10
- ...props,
11
- children: /* @__PURE__ */ jsx(
12
- "path",
13
- {
14
- d: "M14.8438 12.875C14.6562 13.0625 14.3125 13.0625 14.125 12.875L10 8.71875L5.84375 12.875C5.65625 13.0625 5.3125 13.0625 5.125 12.875C4.9375 12.6875 4.9375 12.3438 5.125 12.1562L9.28125 8L5.125 3.875C4.9375 3.6875 4.9375 3.34375 5.125 3.15625C5.3125 2.96875 5.65625 2.96875 5.84375 3.15625L10 7.3125L14.125 3.15625C14.3125 2.96875 14.6562 2.96875 14.8438 3.15625C15.0312 3.34375 15.0312 3.6875 14.8438 3.875L10.6875 8L14.8438 12.1562C15.0312 12.3438 15.0312 12.6875 14.8438 12.875Z",
15
- fill: "currentColor"
16
- }
17
- )
18
- }
19
- );
20
-
21
- export { IconCross };
@@ -1,7 +0,0 @@
1
- import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
2
- import './../assets/src/code/Code.css.ts.vanilla-Dz07Qp9h.css';
3
- import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
-
5
- var code = recipeRuntime({base:[{bg:'bg.neutral',display:'inline-block',px:'4',rounded:'sm'},'go7emt0']});
6
-
7
- export { code };
@@ -1,10 +0,0 @@
1
- import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
2
- import './../assets/src/styles/theme.css.ts.vanilla-CQvpCMCS.css';
3
- import './../assets/src/control-base/ControlBase.css.ts.vanilla-BRvl57K9.css';
4
- import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
5
-
6
- var controlBase = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_7uwxjo2']});
7
- var indicator = recipeRuntime({base:['_7uwxjo0','_7uwxjo3']});
8
- var label = recipeRuntime({base:[{flex:'1',pl:'xs'},'_7uwxjo4']});
9
-
10
- export { controlBase, indicator, label };
@@ -1,30 +0,0 @@
1
- import { jsxs, jsx } from 'react/jsx-runtime';
2
- import * as RadixLabel from '@radix-ui/react-label';
3
- import { useId } from '@reach/auto-id';
4
- import { forwardRef, cloneElement } from 'react';
5
- import { Box } from '../box/Box.js';
6
- import { Flex } from '../flex/Flex.js';
7
- import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
8
- import '../sprinkles/sprinkles-css.js';
9
- import { Text } from '../text/Text.js';
10
- import { controlBase, indicator, label } from './ControlBase-css.js';
11
-
12
- const ControlBase = forwardRef(
13
- ({ children, className, endDecorator, id: idProp, label: label$1, ...props }, ref) => {
14
- const { restProps, sprinkleProps } = extractSprinkles(props);
15
- const id = useId(idProp);
16
- return /* @__PURE__ */ jsxs(Flex, { className, gap: "0", ref, ...sprinkleProps, children: [
17
- /* @__PURE__ */ jsxs(Flex, { ...controlBase(), children: [
18
- /* @__PURE__ */ jsx(Box, { asChild: true, ...indicator(), children: cloneElement(children, {
19
- id,
20
- ...restProps
21
- }) }),
22
- /* @__PURE__ */ jsx(Text, { asChild: true, ...label(), children: /* @__PURE__ */ jsx(RadixLabel.Root, { htmlFor: id, children: label$1 }) })
23
- ] }),
24
- endDecorator
25
- ] });
26
- }
27
- );
28
- ControlBase.displayName = "@optiaxiom/react/ControlBase";
29
-
30
- export { ControlBase };
@@ -1,21 +0,0 @@
1
- import { jsx } from 'react/jsx-runtime';
2
-
3
- const CloseIcon = () => /* @__PURE__ */ jsx(
4
- "svg",
5
- {
6
- fill: "none",
7
- height: "16",
8
- viewBox: "0 0 20 16",
9
- width: "20",
10
- xmlns: "http://www.w3.org/2000/svg",
11
- children: /* @__PURE__ */ jsx(
12
- "path",
13
- {
14
- d: "M14.8436 12.875C14.6561 13.0625 14.3124 13.0625 14.1249 12.875L9.99988 8.71875L5.84363 12.875C5.65613 13.0625 5.31238 13.0625 5.12488 12.875C4.93738 12.6875 4.93738 12.3438 5.12488 12.1562L9.28113 8L5.12488 3.875C4.93738 3.6875 4.93738 3.34375 5.12488 3.15625C5.31238 2.96875 5.65613 2.96875 5.84363 3.15625L9.99988 7.3125L14.1249 3.15625C14.3124 2.96875 14.6561 2.96875 14.8436 3.15625C15.0311 3.34375 15.0311 3.6875 14.8436 3.875L10.6874 8L14.8436 12.1562C15.0311 12.3438 15.0311 12.6875 14.8436 12.875Z",
15
- fill: "currentColor"
16
- }
17
- )
18
- }
19
- );
20
-
21
- export { CloseIcon };
@@ -1,9 +0,0 @@
1
- import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
2
- import './../assets/src/dialog/Dialog.css.ts.vanilla-B7OE7tnX.css';
3
- import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
-
5
- var close = recipeRuntime({base:[{rounded:'full'},'_1hgarxm5']});
6
- var content = recipeRuntime({base:[{rounded:'lg',shadow:'md',z:'popover'},'_1hgarxm0'],variants:{size:{sm:'_1hgarxm1',md:'_1hgarxm2',lg:'_1hgarxm3'}}});
7
- var overlay = recipeRuntime({base:[{bg:'overlay',z:'popover'},'_1hgarxm4']});
8
-
9
- export { close, content, overlay };
@@ -1,51 +0,0 @@
1
- import { jsx, jsxs } from 'react/jsx-runtime';
2
- import * as RadixDialog from '@radix-ui/react-dialog';
3
- import { forwardRef } 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 { Button } from '../button/Button.js';
8
- import { Paper } from '../paper/Paper.js';
9
- import { Transition } from '../transition/Transition.js';
10
- import { CloseIcon } from './CloseIcon.js';
11
- import { overlay, content, close } from './Dialog-css.js';
12
-
13
- const Dialog = forwardRef(
14
- ({
15
- children,
16
- defaultOpen,
17
- modal,
18
- onClose,
19
- open,
20
- size = "md",
21
- withCloseButton = false,
22
- ...props
23
- }, ref) => {
24
- return /* @__PURE__ */ jsx(
25
- RadixDialog.Root,
26
- {
27
- defaultOpen,
28
- modal,
29
- onOpenChange: onClose,
30
- open,
31
- children: /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsxs(RadixDialog.Portal, { forceMount: true, children: [
32
- /* @__PURE__ */ jsx(Transition, { children: /* @__PURE__ */ jsx(Box, { asChild: true, ...overlay(), children: /* @__PURE__ */ jsx(RadixDialog.Overlay, {}) }) }),
33
- /* @__PURE__ */ jsx(Transition, { type: "fade-down", children: /* @__PURE__ */ jsx(Paper, { asChild: true, ...content({ size }), children: /* @__PURE__ */ jsxs(RadixDialog.Content, { ref, ...props, children: [
34
- children,
35
- withCloseButton && /* @__PURE__ */ jsx(Box, { asChild: true, ...close(), children: /* @__PURE__ */ jsx(RadixDialog.Close, { "aria-label": "Close", asChild: true, children: /* @__PURE__ */ jsx(
36
- Button,
37
- {
38
- appearance: "secondary",
39
- icon: /* @__PURE__ */ jsx(CloseIcon, {}),
40
- size: "sm"
41
- }
42
- ) }) })
43
- ] }) }) })
44
- ] }) })
45
- }
46
- );
47
- }
48
- );
49
- Dialog.displayName = "@optiaxiom/react/Dialog";
50
-
51
- export { Dialog };
@@ -1,7 +0,0 @@
1
- import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
2
- import './../assets/src/dialog-body/DialogBody.css.ts.vanilla-C_QoodTy.css';
3
- import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
-
5
- var body = recipeRuntime({base:[{fontSize:'md',overflow:'auto',px:'lg',py:'md'},'qdjgpq0']});
6
-
7
- export { body };
@@ -1,21 +0,0 @@
1
- import { jsxs, jsx } from 'react/jsx-runtime';
2
- import * as RadixDialog from '@radix-ui/react-dialog';
3
- import { forwardRef } from 'react';
4
- import { Flex } from '../flex/Flex.js';
5
- import { Heading } from '../heading/Heading.js';
6
- import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
7
- import '../sprinkles/sprinkles-css.js';
8
- import { Text } from '../text/Text.js';
9
-
10
- const DialogTitle = forwardRef(
11
- ({ children, description, ...props }, ref) => {
12
- const { restProps, sprinkleProps } = extractSprinkles(props);
13
- return /* @__PURE__ */ jsxs(Flex, { gap: "xs", pb: "md", pt: "lg", px: "lg", ...sprinkleProps, children: [
14
- /* @__PURE__ */ jsx(Heading, { asChild: true, level: "4", children: /* @__PURE__ */ jsx(RadixDialog.Title, { ref, ...restProps, children }) }),
15
- description && /* @__PURE__ */ jsx(Text, { asChild: true, fontWeight: "400", children: /* @__PURE__ */ jsx(RadixDialog.Description, { children: description }) })
16
- ] });
17
- }
18
- );
19
- DialogTitle.displayName = "@optiaxiom/react/DialogTitle";
20
-
21
- export { DialogTitle };
@@ -1,58 +0,0 @@
1
- import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
2
- import * as RadixLabel from '@radix-ui/react-label';
3
- import * as VisuallyHidden from '@radix-ui/react-visually-hidden';
4
- import { useId } from '@reach/auto-id';
5
- import { forwardRef, cloneElement } from 'react';
6
- import { Flex } from '../flex/Flex.js';
7
- import { Text } from '../text/Text.js';
8
- import { Tooltip } from '../tooltip/Tooltip.js';
9
- import { IconInfo } from './IconInfo.js';
10
-
11
- const Field = forwardRef(
12
- ({
13
- children,
14
- description,
15
- disabled,
16
- error,
17
- id: idProp,
18
- info,
19
- label,
20
- required,
21
- ...props
22
- }, ref) => {
23
- const id = useId(idProp);
24
- return /* @__PURE__ */ jsxs(Flex, { flexDirection: "column", gap: "2", maxW: "sm", ref, ...props, children: [
25
- label && /* @__PURE__ */ jsxs(Flex, { flexDirection: "row", gap: "4", children: [
26
- /* @__PURE__ */ jsx(
27
- Text,
28
- {
29
- alignItems: "center",
30
- asChild: true,
31
- display: "flex",
32
- fontWeight: "500",
33
- gap: "2",
34
- children: /* @__PURE__ */ jsxs(RadixLabel.Root, { htmlFor: id, children: [
35
- label,
36
- required && /* @__PURE__ */ jsx(Text, { "aria-hidden": "true", as: "span", color: "fg.error", children: "*" })
37
- ] })
38
- }
39
- ),
40
- info && /* @__PURE__ */ jsxs(Fragment, { children: [
41
- /* @__PURE__ */ jsx(Tooltip, { content: info, children: /* @__PURE__ */ jsx(IconInfo, { "aria-details": `info${id}` }) }),
42
- /* @__PURE__ */ jsx(VisuallyHidden.Root, { id: `info${id}`, children: info })
43
- ] })
44
- ] }),
45
- cloneElement(children, {
46
- disabled,
47
- error: !!error,
48
- id,
49
- required
50
- }),
51
- description && /* @__PURE__ */ jsx(Text, { as: "p", color: "fg.default", fontSize: "sm", children: description }),
52
- error && /* @__PURE__ */ jsx(Text, { as: "p", color: "fg.error", fontSize: "sm", children: error })
53
- ] });
54
- }
55
- );
56
- Field.displayName = "@optiaxiom/react/Field";
57
-
58
- export { Field };
@@ -1,26 +0,0 @@
1
- import { jsx } from 'react/jsx-runtime';
2
- import { forwardRef } from 'react';
3
-
4
- const IconInfo = forwardRef(
5
- ({ ...props }, ref) => /* @__PURE__ */ jsx(
6
- "svg",
7
- {
8
- height: "12",
9
- ref,
10
- viewBox: "0 0 12 12",
11
- width: "12",
12
- xmlns: "http://www.w3.org/2000/svg",
13
- ...props,
14
- children: /* @__PURE__ */ jsx(
15
- "path",
16
- {
17
- d: "M5.99355 0.400024C2.8873 0.400024 0.393555 2.91565 0.393555 6.00002C0.393555 9.10627 2.8873 11.6 5.99355 11.6C9.07793 11.6 11.5936 9.10627 11.5936 6.00002C11.5936 2.91565 9.07793 0.400024 5.99355 0.400024ZM5.99355 10.9C3.28105 10.9 1.09355 8.71252 1.09355 6.00002C1.09355 3.3094 3.28105 1.10002 5.99355 1.10002C8.68418 1.10002 10.8936 3.3094 10.8936 6.00002C10.8936 8.71252 8.68418 10.9 5.99355 10.9ZM5.64355 7.92502C5.3373 7.92502 5.11855 8.16565 5.11855 8.45002C5.11855 8.75627 5.3373 8.97502 5.64355 8.97502C5.92793 8.97502 6.16855 8.75627 6.16855 8.45002C6.16855 8.16565 5.92793 7.92502 5.64355 7.92502ZM6.62793 3.20002H5.3373C4.52793 3.20002 3.89355 3.85627 3.89355 4.66565V4.86252C3.89355 5.0594 4.04668 5.21252 4.24355 5.21252C4.41855 5.21252 4.59355 5.0594 4.59355 4.86252V4.66565C4.59355 4.25002 4.92168 3.90002 5.3373 3.90002H6.62793C7.04355 3.90002 7.39355 4.25002 7.39355 4.66565C7.39355 4.92815 7.24043 5.19065 6.9998 5.3219L5.6873 5.97815C5.44668 6.1094 5.29355 6.3719 5.29355 6.65627V7.05002C5.29355 7.2469 5.44668 7.40002 5.64355 7.40002C5.81855 7.40002 5.99355 7.2469 5.99355 7.05002V6.65627C5.99355 6.6344 5.99355 6.61252 6.01543 6.59065L7.32793 5.9344C7.7873 5.6719 8.09355 5.19065 8.09355 4.66565C8.09355 3.85627 7.4373 3.20002 6.62793 3.20002Z",
18
- fill: "currentColor"
19
- }
20
- )
21
- }
22
- )
23
- );
24
- IconInfo.displayName = "@optiaxiom/react/IconInfo";
25
-
26
- export { IconInfo };
@@ -1,7 +0,0 @@
1
- import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
2
- import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
3
-
4
- var decorator = recipeRuntime({variants:{position:{end:{mr:'8'},start:{ml:'8'}},size:{sm:{},md:{},lg:{}}},variantsCompounded:[{style:{mr:'4'},variants:{position:'end',size:'sm'}},{style:{ml:'4'},variants:{position:'start',size:'sm'}}]});
5
- var input = recipeRuntime({variants:{variant:{'default':{textAlign:'start'},number:{textAlign:'end'}}}});
6
-
7
- export { decorator, input };
@@ -1,30 +0,0 @@
1
- import { jsx } from 'react/jsx-runtime';
2
- import { forwardRef } from 'react';
3
- import { Box } from '../box/Box.js';
4
- import { InputBase } from '../input-base/InputBase.js';
5
- import { decorator, input } from './Input-css.js';
6
-
7
- const Input = forwardRef(
8
- ({
9
- endDecorator,
10
- size = "md",
11
- startDecorator,
12
- variant = "default",
13
- ...props
14
- }, ref) => {
15
- return /* @__PURE__ */ jsx(
16
- InputBase,
17
- {
18
- asChild: true,
19
- endDecorator: endDecorator && /* @__PURE__ */ jsx(Box, { asChild: true, ...decorator({ position: "end", size }), children: endDecorator }),
20
- size,
21
- startDecorator: startDecorator && /* @__PURE__ */ jsx(Box, { asChild: true, ...decorator({ position: "start", size }), children: startDecorator }),
22
- ...props,
23
- children: /* @__PURE__ */ jsx(Box, { asChild: true, ...input({ variant }), children: /* @__PURE__ */ jsx("input", { ref }) })
24
- }
25
- );
26
- }
27
- );
28
- Input.displayName = "@optiaxiom/react/Input";
29
-
30
- export { Input };