@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.
- package/README.md +1 -9
- package/dist/Link-Cb4M-bVP.d.ts +4416 -0
- package/dist/assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-8Sww1h8x.css +24 -0
- package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-BCpY-gV3.css +6 -0
- package/dist/assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-CS3SCfDf.css +10 -0
- package/dist/assets/src/avatar/Avatar.css.ts.vanilla-Cc1W2rt5.css +27 -0
- package/dist/assets/src/badge/Badge.css.ts.vanilla-B0wZYAIY.css +46 -0
- package/dist/assets/src/box/Box.css.ts.vanilla-CJfUe_xA.css +87 -0
- package/dist/assets/src/button/Button.css.ts.vanilla-f0BfuF2p.css +146 -0
- package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-BLLzwfIm.css +18 -0
- package/dist/assets/src/code/Code.css.ts.vanilla-BhMJSr08.css +7 -0
- package/dist/assets/src/{dialog/Dialog.css.ts.vanilla-B7OE7tnX.css → dialog-content/DialogContent.css.ts.vanilla-4xWP5FmU.css} +11 -10
- package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-5Qn4T1yb.css +25 -0
- package/dist/assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-DO1ghUoN.css +19 -0
- package/dist/assets/src/drawer/Drawer.css.ts.vanilla-Cf7PEhhe.css +30 -0
- package/dist/assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-htO9pEH1.css +7 -0
- package/dist/assets/src/indicator/Indicator.css.ts.vanilla-Dc2WTJBB.css +36 -0
- package/dist/assets/src/input-base/InputBase.css.ts.vanilla-D9bBsPhX.css +87 -0
- package/dist/assets/src/kbd/Kbd.css.ts.vanilla-C-36TI1F.css +9 -0
- package/dist/assets/src/layers/layers.css.ts.vanilla-79mCcHcb.css +1 -0
- package/dist/assets/src/link/Link.css.ts.vanilla-neN-iY37.css +35 -0
- package/dist/assets/src/menu-content-base/MenuContentBase.css.ts.vanilla-Cc4WMGHB.css +21 -0
- package/dist/assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-BKtu4IMK.css +30 -0
- package/dist/assets/src/pagination/Pagination.css.ts.vanilla-C6E_uS36.css +6 -0
- package/dist/assets/src/pill/Pill.css.ts.vanilla-DnHV9sII.css +12 -0
- package/dist/assets/src/radio/Radio.css.ts.vanilla-uSwsEcjC.css +13 -0
- package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-DRteGRTF.css +6 -0
- package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-CBJPmfxK.css +7 -0
- package/dist/assets/src/separator/Separator.css.ts.vanilla-P1XO1rTW.css +45 -0
- package/dist/assets/src/side-nav-item/SideNavItem.css.ts.vanilla-BvkdhlHG.css +6 -0
- package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-CKv-1wd9.css +6 -0
- package/dist/assets/src/sprinkles/{sprinkles.css.ts.vanilla-3EoQkW4g.css → properties.css.ts.vanilla-B_ehm9Il.css} +2465 -2887
- package/dist/assets/src/switch/Switch.css.ts.vanilla-DA2VnAtq.css +26 -0
- package/dist/assets/src/table/Table.css.ts.vanilla-CgY7Gdzg.css +9 -0
- package/dist/assets/src/table-body/TableBody.css.ts.vanilla-BNCbVUtX.css +6 -0
- package/dist/assets/src/table-cell/TableCell.css.ts.vanilla-BMr5qpLj.css +10 -0
- package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-D5Nizo77.css +6 -0
- package/dist/assets/src/table-row/TableRow.css.ts.vanilla-BwAVjqZ1.css +4 -0
- package/dist/assets/src/tabs/Tabs.css.ts.vanilla-Q1iJ6rjZ.css +9 -0
- package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-Bx9t_lkp.css +23 -0
- package/dist/assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-Ces6N8wW.css +35 -0
- package/dist/assets/src/text/{Text.css.ts.vanilla-DK_dMlGe.css → Text.css.ts.vanilla-BE-Fps5x.css} +9 -9
- package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-D7KvX_iO.css +34 -0
- package/dist/assets/src/toast/Toast.css.ts.vanilla-DKNlNBpb.css +92 -0
- package/dist/assets/src/toast-provider/ToastProvider.css.ts.vanilla-5tmJ5uCB.css +34 -0
- package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-7tBLQzKd.css +22 -0
- package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-UmcCg7ux.css +10 -0
- package/dist/assets/src/transition/Transition.css.ts.vanilla-CEVbotiB.css +56 -0
- package/dist/index.d.ts +932 -1659
- package/dist/index.js +102 -37
- package/dist/package.json.js +3 -0
- package/dist/src/alert/Alert-css.js +7 -0
- package/dist/src/alert/Alert.js +42 -0
- package/dist/src/alert-description/AlertDescription.js +10 -0
- package/dist/src/alert-dialog/AlertDialog.js +22 -0
- package/dist/src/alert-dialog-action/AlertDialogAction.js +15 -0
- package/dist/src/alert-dialog-cancel/AlertDialogCancel.js +15 -0
- package/dist/src/alert-dialog-content/AlertDialogContent-css.js +8 -0
- package/dist/src/alert-dialog-content/AlertDialogContent.js +19 -0
- package/dist/src/alert-dialog-context/AlertDialogContext.js +5 -0
- package/dist/src/alert-dialog-description/AlertDialogDescription-css.js +6 -0
- package/dist/src/alert-dialog-description/AlertDialogDescription.js +12 -0
- package/dist/src/alert-dialog-footer/AlertDialogFooter-css.js +7 -0
- package/dist/src/alert-dialog-footer/AlertDialogFooter.js +11 -0
- package/dist/src/alert-dialog-title/AlertDialogTitle.js +34 -0
- package/dist/src/alert-dialog-trigger/AlertDialogTrigger.js +15 -0
- package/dist/src/alert-title/AlertTitle.js +12 -0
- package/dist/{animate-presence → src/animate-presence}/AnimatePresence.js +11 -5
- package/dist/src/autocomplete/Autocomplete.js +87 -0
- package/dist/src/autocomplete-content/AutocompleteContent-css.js +7 -0
- package/dist/src/autocomplete-content/AutocompleteContent.js +25 -0
- package/dist/src/autocomplete-context/AutocompleteContext.js +5 -0
- package/dist/src/autocomplete-empty-item/AutocompleteEmptyItem.js +30 -0
- package/dist/src/autocomplete-item/AutocompletItem.js +39 -0
- package/dist/src/autocomplete-item-indicator/AutocompleteItemIndicator.js +20 -0
- package/dist/src/autocomplete-list/AutocompleteList.js +19 -0
- package/dist/src/autocomplete-list-context/AutocompleteListContext.js +5 -0
- package/dist/src/autocomplete-trigger/AutocompleteTrigger.js +50 -0
- package/dist/src/avatar/Avatar-css.js +10 -0
- package/dist/{avatar → src/avatar}/Avatar.js +9 -7
- package/dist/src/avatar-context/AvatarContext.js +7 -0
- package/dist/src/avatar-group/AvatarGroup-css.js +7 -0
- package/dist/src/avatar-group/AvatarGroup.js +14 -0
- package/dist/src/axiom-provider/AxiomProvider.js +25 -0
- package/dist/src/badge/Badge-css.js +7 -0
- package/dist/src/badge/Badge.js +31 -0
- package/dist/src/banner/Banner-css.js +7 -0
- package/dist/src/banner/Banner.js +42 -0
- package/dist/src/banner-description/BannerDescription.js +10 -0
- package/dist/src/banner-title/BannerTitle.js +12 -0
- package/dist/src/box/Box-css.js +7 -0
- package/dist/{box → src/box}/Box.js +6 -5
- package/dist/src/breadcrumb/Breadcrumb.js +16 -0
- package/dist/src/breadcrumb-ellipsis/BreadcrumbEllipsis.js +10 -0
- package/dist/src/breadcrumb-item/BreadcrumbItem.js +16 -0
- package/dist/src/breadcrumb-link/BreadcrumbLink.js +12 -0
- package/dist/src/breadcrumb-page/BreadcrumbPage.js +12 -0
- package/dist/src/breadcrumb-separator/BreadcrumbSeparator.js +14 -0
- package/dist/src/button/Button-css.js +12 -0
- package/dist/src/button/Button.js +108 -0
- package/dist/src/button-group/ButtonGroup-css.js +7 -0
- package/dist/src/checkbox/Checkbox-css.js +13 -0
- package/dist/src/checkbox/Checkbox.js +40 -0
- package/dist/src/code/Code-css.js +7 -0
- package/dist/{code → src/code}/Code.js +2 -1
- package/dist/src/dialog/Dialog.js +22 -0
- package/dist/src/dialog-body/DialogBody-css.js +6 -0
- package/dist/{dialog-body → src/dialog-body}/DialogBody.js +2 -2
- package/dist/src/dialog-close/DialogClose.js +17 -0
- package/dist/src/dialog-content/DialogContent-css.js +9 -0
- package/dist/src/dialog-content/DialogContent.js +37 -0
- package/dist/src/dialog-context/DialogContext.js +5 -0
- package/dist/src/dialog-description/DialogDescription.js +23 -0
- package/dist/{dialog-footer → src/dialog-footer}/DialogFooter-css.js +1 -1
- package/dist/{dialog-footer → src/dialog-footer}/DialogFooter.js +2 -2
- package/dist/src/dialog-title/DialogTitle.js +25 -0
- package/dist/src/dialog-trigger/DialogTrigger.js +17 -0
- package/dist/src/disclosure/Disclosure.js +13 -0
- package/dist/src/disclosure-content/DisclosureContent-css.js +7 -0
- package/dist/src/disclosure-content/DisclosureContent.js +12 -0
- package/dist/src/disclosure-trigger/DisclosureTrigger-css.js +8 -0
- package/dist/src/disclosure-trigger/DisclosureTrigger.js +27 -0
- package/dist/src/downshift/useCombobox.js +11 -0
- package/dist/src/downshift/useDelayedState.js +26 -0
- package/dist/src/downshift/useForceRerender.js +12 -0
- package/dist/src/downshift/usePortalPatch.js +18 -0
- package/dist/src/downshift/useSelect.js +11 -0
- package/dist/src/drawer/Drawer-css.js +9 -0
- package/dist/src/drawer/Drawer.js +55 -0
- package/dist/src/drawer-body/DrawerBody.js +24 -0
- package/dist/src/drawer-footer/DrawerFooter.js +24 -0
- package/dist/src/drawer-title/DrawerTitle.js +18 -0
- package/dist/src/dropdown-menu/DropdownMenu.js +22 -0
- package/dist/src/dropdown-menu-content/DropdownMenuContent.js +22 -0
- package/dist/src/dropdown-menu-context/DropdownMenuContext.js +5 -0
- package/dist/src/dropdown-menu-item/DropdownMenuItem.js +11 -0
- package/dist/src/dropdown-menu-label/DropdownMenuLabel.js +25 -0
- package/dist/src/dropdown-menu-separator/DropdownMenuSeparator.js +9 -0
- package/dist/src/dropdown-menu-sub/DropdownMenuSub.js +22 -0
- package/dist/src/dropdown-menu-sub-content/DropdownMenuSubContent.js +30 -0
- package/dist/src/dropdown-menu-sub-context/DropdownMenuSubContext.js +5 -0
- package/dist/src/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.js +12 -0
- package/dist/src/dropdown-menu-trigger/DropdownMenuTrigger.js +15 -0
- package/dist/src/field/Field.js +121 -0
- package/dist/src/field-context/FieldContext.js +5 -0
- package/dist/src/field-context/useFieldContext.js +11 -0
- package/dist/{flex → src/flex}/Flex.js +2 -1
- package/dist/{grid → src/grid}/Grid.js +1 -1
- package/dist/{heading → src/heading}/Heading.js +2 -2
- package/dist/src/hover-card/HoverCard.js +41 -0
- package/dist/src/hover-card-content/HoverCardContent-css.js +7 -0
- package/dist/src/hover-card-content/HoverCardContent.js +68 -0
- package/dist/src/hover-card-context/HoverCardContext.js +5 -0
- package/dist/src/hover-card-trigger/HoverCardTrigger.js +29 -0
- package/dist/src/icon/Icon.js +12 -0
- package/dist/src/icons/IconAngleDown.js +20 -0
- package/dist/src/icons/IconAngleLeft.js +20 -0
- package/dist/src/icons/IconAngleRight.js +20 -0
- package/dist/src/icons/IconCheck.js +23 -0
- package/dist/src/icons/IconCircleCheckFilled.js +19 -0
- package/dist/src/icons/IconCircleExclamationFilled.js +19 -0
- package/dist/src/icons/IconCircleInfoFilled.js +19 -0
- package/dist/src/icons/IconCircleQuestion.js +20 -0
- package/dist/src/icons/IconEllipsis.js +35 -0
- package/dist/src/icons/IconMagnifyingGlass.js +31 -0
- package/dist/src/icons/IconMinus.js +19 -0
- package/dist/src/icons/IconTriangleExclamation.js +20 -0
- package/dist/src/icons/IconTriangleExclamationFilled.js +19 -0
- package/dist/src/icons/IconUpRightFromSquare.js +40 -0
- package/dist/src/icons/IconX.js +17 -0
- package/dist/src/icons/withIcon.js +31 -0
- package/dist/src/indicator/Indicator-css.js +9 -0
- package/dist/src/indicator/Indicator.js +52 -0
- package/dist/src/input/Input-css.js +7 -0
- package/dist/src/input/Input.js +35 -0
- package/dist/src/input-base/InputBase-css.js +9 -0
- package/dist/src/input-base/InputBase.js +80 -0
- package/dist/src/kbd/Kbd-css.js +8 -0
- package/dist/src/kbd/Kbd.js +31 -0
- package/dist/src/layers/layers-css.js +8 -0
- package/dist/src/link/Link-css.js +8 -0
- package/dist/src/link/Link.js +52 -0
- package/dist/src/menu-button/MenuButton.js +23 -0
- package/dist/src/menu-content-base/MenuContentBase-css.js +7 -0
- package/dist/src/menu-content-base/MenuContentBase.js +42 -0
- package/dist/src/menu-item-base/MenuItemBase-css.js +7 -0
- package/dist/src/menu-item-base/MenuItemBase.js +53 -0
- package/dist/src/pagination/Pagination-css.js +7 -0
- package/dist/src/pagination/Pagination.js +91 -0
- package/dist/src/pill/Pill-css.js +7 -0
- package/dist/src/pill/Pill.js +39 -0
- package/dist/src/popover/Popover.js +22 -0
- package/dist/src/popover-anchor/PopoverAnchor.js +13 -0
- package/dist/src/popover-content/PopoverContent.js +41 -0
- package/dist/src/popover-context/PopoverContext.js +5 -0
- package/dist/src/popover-trigger/PopoverTrigger.js +15 -0
- package/dist/{progress → src/progress}/Progress.js +1 -1
- package/dist/src/radio/Radio-css.js +12 -0
- package/dist/src/radio/Radio.js +75 -0
- package/dist/src/radio-group/RadioGroup.js +58 -0
- package/dist/src/radio-group-context/RadioGroupContext.js +5 -0
- package/dist/src/search-input/SearchInput-css.js +8 -0
- package/dist/src/search-input/SearchInput.js +69 -0
- package/dist/src/segmented-control/SegmentedControl.js +11 -0
- package/dist/src/segmented-control-item/SegmentedControlItem.js +20 -0
- package/dist/src/select/Select.js +64 -0
- package/dist/src/select-content/SelectContent-css.js +7 -0
- package/dist/src/select-content/SelectContent.js +35 -0
- package/dist/src/select-context/SelectContext.js +5 -0
- package/dist/src/select-item/SelectItem.js +40 -0
- package/dist/src/select-item-context/SelectItemContext.js +5 -0
- package/dist/src/select-item-indicator/SelectItemIndicator.js +20 -0
- package/dist/src/select-label/SelectLabel.js +23 -0
- package/dist/src/select-separator/SelectSeparator.js +17 -0
- package/dist/src/select-trigger/SelectTrigger.js +41 -0
- package/dist/src/select-value/SelectValue.js +14 -0
- package/dist/src/separator/Separator-css.js +9 -0
- package/dist/src/side-nav/SideNav.js +72 -0
- package/dist/src/side-nav-account-item/SideNavAccountItem.js +36 -0
- package/dist/src/side-nav-context/SideNavContext.js +5 -0
- package/dist/src/side-nav-item/SideNavItem-css.js +9 -0
- package/dist/src/side-nav-item/SideNavItem.js +53 -0
- package/dist/src/side-nav-toggle/SideNavToggle.js +24 -0
- package/dist/src/skeleton/Skeleton-css.js +7 -0
- package/dist/src/spinner/Spinner.js +67 -0
- package/dist/src/sprinkles/createSprinklesMerge.js +46 -0
- package/dist/{sprinkles → src/sprinkles}/extractSprinkles.js +4 -2
- package/dist/src/sprinkles/properties-css.js +7 -0
- package/dist/src/sprinkles/sprinkles.js +11 -0
- package/dist/src/sprinkles/sprinklesMerge.js +9 -0
- package/dist/src/switch/Switch-css.js +12 -0
- package/dist/src/switch/Switch.js +46 -0
- package/dist/src/table/Table-css.js +8 -0
- package/dist/src/table/Table.js +11 -0
- package/dist/src/table-body/TableBody-css.js +7 -0
- package/dist/src/table-body/TableBody.js +11 -0
- package/dist/src/table-cell/TableCell-css.js +8 -0
- package/dist/src/table-cell/TableCell.js +13 -0
- package/dist/src/table-head/TableHead.js +10 -0
- package/dist/src/table-header-cell/TableHeaderCell-css.js +7 -0
- package/dist/src/table-header-cell/TableHeaderCell.js +11 -0
- package/dist/src/table-row/TableRow-css.js +7 -0
- package/dist/src/table-row/TableRow.js +11 -0
- package/dist/src/tabs/Tabs-css.js +7 -0
- package/dist/src/tabs/Tabs.js +19 -0
- package/dist/src/tabs-content/TabsContent.js +17 -0
- package/dist/src/tabs-context/TabsContext.js +5 -0
- package/dist/src/tabs-list/TabsList-css.js +7 -0
- package/dist/src/tabs-list/TabsList.js +16 -0
- package/dist/src/tabs-trigger/TabsTrigger-css.js +8 -0
- package/dist/src/tabs-trigger/TabsTrigger.js +47 -0
- package/dist/src/text/Text-css.js +7 -0
- package/dist/{text → src/text}/Text.js +2 -2
- package/dist/src/textarea/Textarea.js +15 -0
- package/dist/src/textarea-autosize/TextareaAutosize-css.js +9 -0
- package/dist/src/textarea-autosize/TextareaAutosize.js +44 -0
- package/dist/src/theme-provider/ThemeProvider.js +25 -0
- package/dist/src/toast/Toast-css.js +9 -0
- package/dist/src/toast/Toast.js +53 -0
- package/dist/src/toast-action/ToastAction.js +26 -0
- package/dist/src/toast-provider/ToastProvider-css.js +7 -0
- package/dist/src/toast-provider/ToastProvider.js +102 -0
- package/dist/src/toast-provider/useOverflowAnchor.js +34 -0
- package/dist/src/toast-title/ToastTitle.js +13 -0
- package/dist/src/toggle-button/ToggleButton.js +13 -0
- package/dist/src/toggle-input/ToggleInput-css.js +8 -0
- package/dist/src/toggle-input/ToggleInput.js +30 -0
- package/dist/src/toggle-input-content/ToggleInputContent.js +10 -0
- package/dist/src/toggle-input-context/ToggleInputContext.js +5 -0
- package/dist/src/toggle-input-control/ToggleInputControl-css.js +9 -0
- package/dist/src/toggle-input-control/ToggleInputControl.js +11 -0
- package/dist/src/toggle-input-description/ToggleInputDescription.js +22 -0
- package/dist/src/toggle-input-hidden-input/ToggleInputHiddenInput-css.js +6 -0
- package/dist/src/toggle-input-hidden-input/ToggleInputHiddenInput.js +30 -0
- package/dist/src/toggle-input-label/ToggleInputLabel.js +12 -0
- package/dist/src/tooltip/Tooltip.js +38 -0
- package/dist/src/tooltip-content/TooltipContent-css.js +6 -0
- package/dist/src/tooltip-content/TooltipContent.js +46 -0
- package/dist/src/tooltip-context/TooltipContext.js +5 -0
- package/dist/src/tooltip-root/TooltipRoot.js +65 -0
- package/dist/src/tooltip-trigger/TooltipTrigger.js +19 -0
- package/dist/src/transition/Transition-css.js +8 -0
- package/dist/src/transition/Transition.js +42 -0
- package/dist/src/transition/TransitionGlobalConfig.js +5 -0
- package/dist/src/use-event/useEffectEvent.js +13 -0
- package/dist/src/utils/conditions.js +13 -0
- package/dist/src/utils/fallbackSpan.js +6 -0
- package/dist/src/utils/mapValues.js +9 -0
- package/dist/{vanilla-extract → src/vanilla-extract}/recipeRuntime.js +4 -2
- package/dist/unstable.d.ts +270 -0
- package/dist/unstable.js +28 -0
- package/package.json +40 -16
- package/dist/alert-dialog/AlertDialog-css.js +0 -12
- package/dist/alert-dialog/AlertDialog.js +0 -51
- package/dist/assets/src/alert-dialog/AlertDialog.css.ts.vanilla-CeDk9JQ5.css +0 -29
- package/dist/assets/src/avatar/Avatar.css.ts.vanilla-CihLlW6Z.css +0 -6
- package/dist/assets/src/box/Box.css.ts.vanilla-DMx7YI4c.css +0 -72
- package/dist/assets/src/button/Button.css.ts.vanilla-CmOG82Kg.css +0 -125
- package/dist/assets/src/button-group/ButtonGroup.css.ts.vanilla-4BGjgIuZ.css +0 -4
- package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-w5cdPwHc.css +0 -23
- package/dist/assets/src/chip/Chip.css.ts.vanilla-SD4SsrSx.css +0 -26
- package/dist/assets/src/code/Code.css.ts.vanilla-Dz07Qp9h.css +0 -7
- package/dist/assets/src/control-base/ControlBase.css.ts.vanilla-BRvl57K9.css +0 -32
- package/dist/assets/src/dialog-body/DialogBody.css.ts.vanilla-C_QoodTy.css +0 -6
- package/dist/assets/src/input-base/InputBase.css.ts.vanilla-CZg9RekC.css +0 -34
- package/dist/assets/src/kbd/Kbd.css.ts.vanilla-C9xHGnsD.css +0 -8
- package/dist/assets/src/link/Link.css.ts.vanilla-Cpe5mdsJ.css +0 -32
- package/dist/assets/src/radio-group-item/RadioGroupItem.css.ts.vanilla-BFZr4-E-.css +0 -9
- package/dist/assets/src/separator/Separator.css.ts.vanilla-C_EYtori.css +0 -42
- package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-Cl5oEbvn.css +0 -6
- package/dist/assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css +0 -4
- package/dist/assets/src/styles/theme.css.ts.vanilla-CQvpCMCS.css +0 -668
- package/dist/assets/src/switch/Switch.css.ts.vanilla-DqRWTr5T.css +0 -23
- package/dist/assets/src/textarea/Textarea.css.ts.vanilla-B4lEj1jX.css +0 -9
- package/dist/assets/src/transition/Transition.css.ts.vanilla-COX8x_Bo.css +0 -56
- package/dist/avatar/Avatar-css.js +0 -8
- package/dist/box/Box-css.js +0 -8
- package/dist/button/Button-css.js +0 -10
- package/dist/button/Button.js +0 -84
- package/dist/button-group/ButtonGroup-css.js +0 -7
- package/dist/checkbox/Checkbox-css.js +0 -12
- package/dist/checkbox/Checkbox.js +0 -32
- package/dist/checkbox/icons-svg/IconChecked.js +0 -27
- package/dist/checkbox/icons-svg/IconIndeterminate.js +0 -23
- package/dist/chip/Chip-css.js +0 -8
- package/dist/chip/Chip.js +0 -31
- package/dist/chip/IconCross.js +0 -21
- package/dist/code/Code-css.js +0 -7
- package/dist/control-base/ControlBase-css.js +0 -10
- package/dist/control-base/ControlBase.js +0 -30
- package/dist/dialog/CloseIcon.js +0 -21
- package/dist/dialog/Dialog-css.js +0 -9
- package/dist/dialog/Dialog.js +0 -51
- package/dist/dialog-body/DialogBody-css.js +0 -7
- package/dist/dialog-title/DialogTitle.js +0 -21
- package/dist/field/Field.js +0 -58
- package/dist/field/IconInfo.js +0 -26
- package/dist/input/Input-css.js +0 -7
- package/dist/input/Input.js +0 -30
- package/dist/input-base/InputBase-css.js +0 -9
- package/dist/input-base/InputBase.js +0 -44
- package/dist/kbd/Kbd-css.js +0 -7
- package/dist/kbd/Kbd.js +0 -46
- package/dist/link/IconUpRight.js +0 -24
- package/dist/link/Link-css.js +0 -8
- package/dist/link/Link.js +0 -39
- package/dist/paper/Paper.js +0 -12
- package/dist/radio-group/RadioGroup.js +0 -28
- package/dist/radio-group-item/RadioGroupItem-css.js +0 -10
- package/dist/radio-group-item/RadioGroupItem.js +0 -27
- package/dist/separator/Separator-css.js +0 -9
- package/dist/skeleton/Skeleton-css.js +0 -7
- package/dist/sprinkles/sprinkles-css.js +0 -10
- package/dist/styles/layers-css.js +0 -8
- package/dist/styles/theme-css.js +0 -5
- package/dist/switch/Switch-css.js +0 -10
- package/dist/switch/Switch.js +0 -27
- package/dist/text/Text-css.js +0 -7
- package/dist/textarea/Textarea-css.js +0 -8
- package/dist/textarea/Textarea.js +0 -40
- package/dist/tokens/borderRadius.js +0 -13
- package/dist/tokens/borderWidth.js +0 -8
- package/dist/tokens/boxShadow.js +0 -11
- package/dist/tokens/colors.js +0 -270
- package/dist/tokens/fontFamily.js +0 -6
- package/dist/tokens/fontSize.js +0 -50
- package/dist/tokens/index.js +0 -37
- package/dist/tokens/letterSpacing.js +0 -10
- package/dist/tokens/lineHeight.js +0 -8
- package/dist/tokens/margins.js +0 -25
- package/dist/tokens/maxSize.js +0 -13
- package/dist/tokens/rem.js +0 -3
- package/dist/tokens/screens.js +0 -9
- package/dist/tokens/size.js +0 -52
- package/dist/tokens/spacing.js +0 -25
- package/dist/tokens/zIndex.js +0 -12
- package/dist/tooltip/Tooltip.js +0 -64
- package/dist/transition/Transition-css.js +0 -8
- package/dist/transition/Transition.js +0 -34
- /package/dist/{button-group → src/button-group}/ButtonGroup.js +0 -0
- /package/dist/{separator → src/separator}/Separator.js +0 -0
- /package/dist/{skeleton → src/skeleton}/Skeleton.js +0 -0
- /package/dist/{animate-presence → src/use-presence}/PresenceContext.js +0 -0
- /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 };
|
package/dist/box/Box-css.js
DELETED
|
@@ -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 };
|
package/dist/button/Button.js
DELETED
|
@@ -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 };
|
package/dist/chip/Chip-css.js
DELETED
|
@@ -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 };
|
package/dist/chip/IconCross.js
DELETED
|
@@ -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 };
|
package/dist/code/Code-css.js
DELETED
|
@@ -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 };
|
package/dist/dialog/CloseIcon.js
DELETED
|
@@ -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 };
|
package/dist/dialog/Dialog.js
DELETED
|
@@ -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 };
|
package/dist/field/Field.js
DELETED
|
@@ -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 };
|
package/dist/field/IconInfo.js
DELETED
|
@@ -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 };
|
package/dist/input/Input-css.js
DELETED
|
@@ -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 };
|
package/dist/input/Input.js
DELETED
|
@@ -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 };
|