@optiaxiom/react 0.1.0 → 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/dist/{PopoverContent-SMPtGTQS.d.ts → Link-Cb4M-bVP.d.ts} +55 -117
- package/dist/assets/src/alert-dialog-content/{AlertDialogContent.css.ts.vanilla-CVfLPfsi.css → AlertDialogContent.css.ts.vanilla-8Sww1h8x.css} +8 -7
- 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-B8q6Oyuj.css → Box.css.ts.vanilla-CJfUe_xA.css} +24 -24
- 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-content/{DialogContent.css.ts.vanilla-CuP-Hjp0.css → DialogContent.css.ts.vanilla-4xWP5FmU.css} +9 -8
- 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-DWe4kLbE.css → Drawer.css.ts.vanilla-Cf7PEhhe.css} +8 -8
- package/dist/assets/src/hover-card-content/{HoverCardContent.css.ts.vanilla-C2rYzgoD.css → HoverCardContent.css.ts.vanilla-htO9pEH1.css} +3 -3
- 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-0ZyLCs4p.css → Pill.css.ts.vanilla-DnHV9sII.css} +4 -4
- 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-BPTyRjy9.css → Separator.css.ts.vanilla-P1XO1rTW.css} +10 -10
- 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/{properties.css.ts.vanilla-Bg4xFBbC.css → properties.css.ts.vanilla-B_ehm9Il.css} +2206 -2911
- 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-C9lLH4Re.css → TableCell.css.ts.vanilla-BMr5qpLj.css} +4 -4
- 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-Df0zUu5W.css → TabsTrigger.css.ts.vanilla-Ces6N8wW.css} +10 -10
- package/dist/assets/src/text/{Text.css.ts.vanilla-ngxCk5hZ.css → Text.css.ts.vanilla-BE-Fps5x.css} +8 -8
- 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-wsB2DsHJ.css → ToastProvider.css.ts.vanilla-5tmJ5uCB.css} +9 -9
- 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-BHwXmrOM.css → Transition.css.ts.vanilla-CEVbotiB.css} +16 -16
- package/dist/index.d.ts +273 -81
- package/dist/index.js +11 -3
- package/dist/package.json.js +1 -1
- package/dist/src/alert/Alert-css.js +3 -3
- package/dist/src/alert/Alert.js +3 -3
- package/dist/src/alert-dialog-content/AlertDialogContent-css.js +4 -4
- package/dist/src/alert-dialog-description/AlertDialogDescription-css.js +2 -3
- package/dist/src/alert-dialog-footer/AlertDialogFooter-css.js +3 -3
- package/dist/src/alert-dialog-title/AlertDialogTitle.js +26 -15
- package/dist/src/autocomplete/Autocomplete.js +14 -11
- package/dist/src/autocomplete-content/AutocompleteContent-css.js +4 -5
- package/dist/src/autocomplete-content/AutocompleteContent.js +17 -29
- package/dist/src/autocomplete-item/AutocompletItem.js +24 -22
- package/dist/src/autocomplete-item-indicator/AutocompleteItemIndicator.js +8 -3
- package/dist/src/autocomplete-trigger/AutocompleteTrigger.js +37 -20
- package/dist/src/avatar/Avatar-css.js +4 -4
- package/dist/src/avatar-group/AvatarGroup-css.js +3 -3
- package/dist/src/badge/Badge-css.js +3 -3
- package/dist/src/banner/Banner-css.js +3 -3
- package/dist/src/banner/Banner.js +3 -3
- package/dist/src/box/Box-css.js +3 -3
- package/dist/src/button/Button-css.js +8 -8
- package/dist/src/button/Button.js +11 -8
- package/dist/src/button-group/ButtonGroup-css.js +3 -3
- package/dist/src/checkbox/Checkbox-css.js +9 -7
- package/dist/src/checkbox/Checkbox.js +26 -16
- package/dist/src/code/Code-css.js +3 -3
- package/dist/src/dialog/Dialog.js +1 -11
- package/dist/src/dialog-body/DialogBody-css.js +2 -3
- package/dist/src/dialog-content/DialogContent-css.js +5 -5
- package/dist/src/dialog-footer/DialogFooter-css.js +1 -1
- package/dist/src/disclosure-content/DisclosureContent-css.js +3 -3
- package/dist/src/disclosure-trigger/DisclosureTrigger-css.js +4 -4
- package/dist/src/downshift/useCombobox.js +11 -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 +5 -5
- package/dist/src/dropdown-menu-content/DropdownMenuContent.js +10 -1
- package/dist/src/dropdown-menu-sub-content/DropdownMenuSubContent.js +16 -7
- package/dist/src/field/Field.js +56 -20
- package/dist/src/hover-card-content/HoverCardContent-css.js +3 -3
- package/dist/src/hover-card-content/HoverCardContent.js +1 -1
- package/dist/src/icon/Icon.js +1 -1
- package/dist/src/icons/IconAngleDown.js +6 -5
- package/dist/src/icons/IconAngleLeft.js +2 -4
- package/dist/src/icons/IconAngleRight.js +2 -4
- package/dist/src/icons/IconCircleQuestion.js +6 -5
- package/dist/src/icons/IconMagnifyingGlass.js +22 -8
- package/dist/src/icons/IconTriangleExclamation.js +20 -0
- package/dist/src/icons/IconUpRightFromSquare.js +31 -8
- package/dist/src/indicator/Indicator-css.js +5 -5
- package/dist/src/input/Input-css.js +1 -1
- package/dist/src/input-base/InputBase-css.js +5 -4
- package/dist/src/input-base/InputBase.js +7 -3
- package/dist/src/kbd/Kbd-css.js +3 -3
- package/dist/src/layers/layers-css.js +3 -3
- package/dist/src/link/Link-css.js +4 -4
- package/dist/src/link/Link.js +2 -2
- package/dist/src/menu-button/MenuButton.js +11 -1
- package/dist/src/menu-content-base/MenuContentBase-css.js +3 -3
- package/dist/src/menu-content-base/MenuContentBase.js +22 -5
- package/dist/src/menu-item-base/MenuItemBase-css.js +3 -3
- package/dist/src/pagination/Pagination-css.js +3 -3
- package/dist/src/pill/Pill-css.js +3 -3
- package/dist/src/popover-content/PopoverContent.js +29 -47
- package/dist/src/radio/Radio-css.js +12 -0
- package/dist/src/radio/Radio.js +75 -0
- package/dist/src/radio-group/RadioGroup.js +30 -19
- package/dist/src/radio-group-context/RadioGroupContext.js +5 -0
- package/dist/src/search-input/SearchInput-css.js +4 -4
- 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/{command/Command.js → select-separator/SelectSeparator.js} +5 -5
- 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 +3 -3
- package/dist/src/side-nav/SideNav.js +1 -1
- package/dist/src/side-nav-item/SideNavItem-css.js +5 -5
- package/dist/src/side-nav-item/SideNavItem.js +4 -3
- package/dist/src/skeleton/Skeleton-css.js +3 -3
- package/dist/src/spinner/Spinner.js +44 -34
- package/dist/src/sprinkles/properties-css.js +4 -4
- package/dist/src/switch/Switch-css.js +9 -7
- package/dist/src/switch/Switch.js +33 -15
- package/dist/src/table/Table-css.js +4 -4
- package/dist/src/table-body/TableBody-css.js +3 -3
- package/dist/src/table-cell/TableCell-css.js +4 -4
- package/dist/src/table-header-cell/TableHeaderCell-css.js +3 -3
- package/dist/src/table-row/TableRow-css.js +3 -3
- package/dist/src/tabs/Tabs-css.js +3 -3
- package/dist/src/tabs-list/TabsList-css.js +3 -3
- package/dist/src/tabs-trigger/TabsTrigger-css.js +4 -4
- package/dist/src/text/Text-css.js +3 -3
- package/dist/src/textarea-autosize/TextareaAutosize-css.js +5 -5
- package/dist/src/theme-provider/ThemeProvider.js +1 -1
- package/dist/src/toast/Toast-css.js +5 -5
- package/dist/src/toast/Toast.js +2 -1
- package/dist/src/toast-provider/ToastProvider-css.js +3 -3
- package/dist/src/toast-provider/ToastProvider.js +3 -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 +0 -2
- package/dist/src/tooltip-content/TooltipContent-css.js +2 -2
- package/dist/src/tooltip-content/TooltipContent.js +12 -13
- package/dist/src/tooltip-root/TooltipRoot.js +0 -2
- package/dist/src/tooltip-trigger/TooltipTrigger.js +2 -14
- package/dist/src/transition/Transition-css.js +3 -3
- package/dist/src/transition/Transition.js +1 -1
- package/dist/unstable.d.ts +87 -418
- package/dist/unstable.js +8 -23
- package/package.json +2 -5
- package/dist/assets/src/alert-dialog-description/AlertDialogDescription.css.ts.vanilla-ByU_MbAC.css +0 -6
- package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-DMG9lF3W.css +0 -6
- package/dist/assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-okSbnsG8.css +0 -10
- package/dist/assets/src/autocomplete-item/AutocompleteItem.css.ts.vanilla-iI5UGzA4.css +0 -26
- package/dist/assets/src/avatar/Avatar.css.ts.vanilla-ClN9p8wH.css +0 -27
- package/dist/assets/src/badge/Badge.css.ts.vanilla-Bo5IfsM_.css +0 -46
- package/dist/assets/src/button/Button.css.ts.vanilla-BDZg-A0O.css +0 -150
- package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-DmEmg4Fg.css +0 -23
- package/dist/assets/src/code/Code.css.ts.vanilla-CP53j-Jc.css +0 -7
- package/dist/assets/src/command-item/CommandItem.css.ts.vanilla-Uu0_1Rf_.css +0 -17
- package/dist/assets/src/command-list/CommandList.css.ts.vanilla-DCUc2i8R.css +0 -9
- package/dist/assets/src/control-base/ControlBase.css.ts.vanilla-BEz0zQpD.css +0 -41
- package/dist/assets/src/dialog-body/DialogBody.css.ts.vanilla-6I4GFoY3.css +0 -6
- package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-BqeurMvw.css +0 -25
- package/dist/assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-0sn-enS-.css +0 -16
- package/dist/assets/src/indicator/Indicator.css.ts.vanilla-VGeZf61K.css +0 -36
- package/dist/assets/src/input-base/InputBase.css.ts.vanilla-BWyzXodK.css +0 -53
- package/dist/assets/src/kbd/Kbd.css.ts.vanilla-bKFa-HZJ.css +0 -9
- package/dist/assets/src/layers/layers.css.ts.vanilla-KObJMImw.css +0 -1
- package/dist/assets/src/link/Link.css.ts.vanilla-CpjSWnSg.css +0 -35
- package/dist/assets/src/menu-content-base/MenuContentBase.css.ts.vanilla-CBmc2U7h.css +0 -9
- package/dist/assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-DrCV8udS.css +0 -30
- package/dist/assets/src/pagination/Pagination.css.ts.vanilla-BzTZvoeC.css +0 -6
- package/dist/assets/src/popover-content/PopoverContent.css.ts.vanilla-B7WAXVkn.css +0 -8
- package/dist/assets/src/radio-group-item/RadioGroupItem.css.ts.vanilla-Ck5zAZIX.css +0 -9
- package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-2JAkiMlw.css +0 -6
- package/dist/assets/src/side-nav-item/SideNavItem.css.ts.vanilla-DoASts5V.css +0 -6
- package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-BsQmCWCL.css +0 -6
- package/dist/assets/src/switch/Switch.css.ts.vanilla-DC1xPpLC.css +0 -26
- package/dist/assets/src/table/Table.css.ts.vanilla-Cok78MJU.css +0 -9
- package/dist/assets/src/table-body/TableBody.css.ts.vanilla-D21txW4v.css +0 -6
- package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-BlbmuVsP.css +0 -6
- package/dist/assets/src/table-row/TableRow.css.ts.vanilla-9uH71Yf6.css +0 -4
- package/dist/assets/src/tabs/Tabs.css.ts.vanilla-CehrT60e.css +0 -9
- package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-tCf9UCkY.css +0 -23
- package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-CJ9hUlY-.css +0 -34
- package/dist/assets/src/toast/Toast.css.ts.vanilla-CDM7TDwV.css +0 -92
- package/dist/src/autocomplete-item/AutocompleteItem-css.js +0 -7
- package/dist/src/combobox/Combobox.js +0 -40
- package/dist/src/combobox-content/ComboboxContent.js +0 -24
- package/dist/src/combobox-context/ComboboxContext.js +0 -5
- package/dist/src/combobox-multi-trigger/ComboboxMultiTrigger.js +0 -34
- package/dist/src/combobox-single-trigger/ComboboxSingleTrigger.js +0 -13
- package/dist/src/combobox-trigger/ComboboxTrigger.js +0 -21
- package/dist/src/command-checkbox-item/CommandCheckboxItem.js +0 -58
- package/dist/src/command-empty/CommandEmpty.js +0 -17
- package/dist/src/command-footer/CommandFooter-css.js +0 -6
- package/dist/src/command-footer/CommandFooter.js +0 -13
- package/dist/src/command-group/CommandGroup.js +0 -17
- package/dist/src/command-input/CommandInput.js +0 -17
- package/dist/src/command-item/CommandItem-css.js +0 -7
- package/dist/src/command-item/CommandItem.js +0 -42
- package/dist/src/command-list/CommandList-css.js +0 -7
- package/dist/src/command-list/CommandList.js +0 -18
- package/dist/src/command-separator/CommandSeparator.js +0 -17
- package/dist/src/control-base/ControlBase-css.js +0 -10
- package/dist/src/control-base/ControlBase.js +0 -38
- package/dist/src/popover-content/PopoverContent-css.js +0 -7
- package/dist/src/radio-group-item/RadioGroupItem-css.js +0 -9
- package/dist/src/radio-group-item/RadioGroupItem.js +0 -25
- /package/dist/src/{autocomplete → downshift}/useDelayedState.js +0 -0
|
@@ -1,22 +1,20 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import { ElementType, ComponentPropsWithoutRef
|
|
3
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
|
-
import * as RadixPopover from '@radix-ui/react-popover';
|
|
2
|
+
import { ElementType, ComponentPropsWithoutRef } from 'react';
|
|
5
3
|
import * as _vanilla_extract_sprinkles from '@vanilla-extract/sprinkles';
|
|
6
4
|
|
|
7
5
|
type ExtendProps<T1, T2> = Omit<T1, keyof T1 & keyof T2> & T2;
|
|
8
6
|
|
|
9
7
|
declare const sprinkles: ((props: {
|
|
10
8
|
animation?: "ping" | "pulse" | "spin" | undefined;
|
|
11
|
-
backgroundColor?: "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.default" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.overlay" | "bg.page" | "bg.secondary" | "bg.secondary.hovered" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle" | "border.accent" | "border.active" | "border.active.hovered" | "border.default" | "border.default.hovered" | "border.disabled" | "border.error" | "border.focus" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "fg.accent" | "fg.accent.hovered" | "fg.accent.strong" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hovered" | "fg.error.
|
|
9
|
+
backgroundColor?: "current" | "transparent" | "avatar.bg.blue" | "avatar.bg.cyan" | "avatar.bg.green" | "avatar.bg.magenta" | "avatar.bg.purple" | "avatar.bg.yellow" | "avatar.fg.blue" | "avatar.fg.cyan" | "avatar.fg.green" | "avatar.fg.magenta" | "avatar.fg.purple" | "avatar.fg.yellow" | "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.default" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.error.subtlest" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.overlay" | "bg.page" | "bg.secondary" | "bg.secondary.hovered" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle" | "border.accent" | "border.active" | "border.active.hovered" | "border.default" | "border.default.hovered" | "border.disabled" | "border.error" | "border.focus" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "fg.accent" | "fg.accent.hovered" | "fg.accent.strong" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hovered" | "fg.error.light" | "fg.error.strong" | "fg.information" | "fg.information.light" | "fg.information.strong" | "fg.secondary" | "fg.success" | "fg.success.hovered" | "fg.success.light" | "fg.success.strong" | "fg.tertiary" | "fg.warning" | "fg.warning.hovered" | "fg.warning.inverse" | "fg.warning.light" | "fg.warning.strong" | "fg.white" | "link.fg.default" | "link.fg.default.hovered" | "link.fg.inverse" | "link.fg.subtle" | "link.fg.visited" | "spinner.bg.default" | "spinner.bg.inverse" | "spinner.fg.default" | "spinner.fg.inverse" | undefined;
|
|
12
10
|
borderBottomWidth?: "0" | "1" | "2" | "4" | undefined;
|
|
13
|
-
borderColor?: "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.default" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.overlay" | "bg.page" | "bg.secondary" | "bg.secondary.hovered" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle" | "border.accent" | "border.active" | "border.active.hovered" | "border.default" | "border.default.hovered" | "border.disabled" | "border.error" | "border.focus" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "fg.accent" | "fg.accent.hovered" | "fg.accent.strong" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hovered" | "fg.error.
|
|
11
|
+
borderColor?: "current" | "transparent" | "avatar.bg.blue" | "avatar.bg.cyan" | "avatar.bg.green" | "avatar.bg.magenta" | "avatar.bg.purple" | "avatar.bg.yellow" | "avatar.fg.blue" | "avatar.fg.cyan" | "avatar.fg.green" | "avatar.fg.magenta" | "avatar.fg.purple" | "avatar.fg.yellow" | "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.default" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.error.subtlest" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.overlay" | "bg.page" | "bg.secondary" | "bg.secondary.hovered" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle" | "border.accent" | "border.active" | "border.active.hovered" | "border.default" | "border.default.hovered" | "border.disabled" | "border.error" | "border.focus" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "fg.accent" | "fg.accent.hovered" | "fg.accent.strong" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hovered" | "fg.error.light" | "fg.error.strong" | "fg.information" | "fg.information.light" | "fg.information.strong" | "fg.secondary" | "fg.success" | "fg.success.hovered" | "fg.success.light" | "fg.success.strong" | "fg.tertiary" | "fg.warning" | "fg.warning.hovered" | "fg.warning.inverse" | "fg.warning.light" | "fg.warning.strong" | "fg.white" | "link.fg.default" | "link.fg.default.hovered" | "link.fg.inverse" | "link.fg.subtle" | "link.fg.visited" | "spinner.bg.default" | "spinner.bg.inverse" | "spinner.fg.default" | "spinner.fg.inverse" | undefined;
|
|
14
12
|
borderLeftWidth?: "0" | "1" | "2" | "4" | undefined;
|
|
15
13
|
borderRadius?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "none" | "inherit" | undefined;
|
|
16
14
|
borderRightWidth?: "0" | "1" | "2" | "4" | undefined;
|
|
17
15
|
borderTopWidth?: "0" | "1" | "2" | "4" | undefined;
|
|
18
16
|
boxShadow?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "inner" | undefined;
|
|
19
|
-
color?: "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.default" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.overlay" | "bg.page" | "bg.secondary" | "bg.secondary.hovered" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle" | "border.accent" | "border.active" | "border.active.hovered" | "border.default" | "border.default.hovered" | "border.disabled" | "border.error" | "border.focus" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "fg.accent" | "fg.accent.hovered" | "fg.accent.strong" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hovered" | "fg.error.
|
|
17
|
+
color?: "current" | "transparent" | "avatar.bg.blue" | "avatar.bg.cyan" | "avatar.bg.green" | "avatar.bg.magenta" | "avatar.bg.purple" | "avatar.bg.yellow" | "avatar.fg.blue" | "avatar.fg.cyan" | "avatar.fg.green" | "avatar.fg.magenta" | "avatar.fg.purple" | "avatar.fg.yellow" | "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.default" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.error.subtlest" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.overlay" | "bg.page" | "bg.secondary" | "bg.secondary.hovered" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle" | "border.accent" | "border.active" | "border.active.hovered" | "border.default" | "border.default.hovered" | "border.disabled" | "border.error" | "border.focus" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "fg.accent" | "fg.accent.hovered" | "fg.accent.strong" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hovered" | "fg.error.light" | "fg.error.strong" | "fg.information" | "fg.information.light" | "fg.information.strong" | "fg.secondary" | "fg.success" | "fg.success.hovered" | "fg.success.light" | "fg.success.strong" | "fg.tertiary" | "fg.warning" | "fg.warning.hovered" | "fg.warning.inverse" | "fg.warning.light" | "fg.warning.strong" | "fg.white" | "link.fg.default" | "link.fg.default.hovered" | "link.fg.inverse" | "link.fg.subtle" | "link.fg.visited" | "spinner.bg.default" | "spinner.bg.inverse" | "spinner.fg.default" | "spinner.fg.inverse" | undefined;
|
|
20
18
|
cursor?: "pointer" | "default" | "not-allowed" | "text" | undefined;
|
|
21
19
|
empty?: "hidden" | undefined;
|
|
22
20
|
fontFamily?: "mono" | "sans" | undefined;
|
|
@@ -30,7 +28,7 @@ declare const sprinkles: ((props: {
|
|
|
30
28
|
transition?: "opacity" | "transform" | "colors" | "all" | undefined;
|
|
31
29
|
whiteSpace?: "nowrap" | undefined;
|
|
32
30
|
zIndex?: "0" | "auto" | "10" | "20" | "30" | "40" | "50" | "popover" | "toast" | "tooltip" | undefined;
|
|
33
|
-
bg?: "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.default" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.overlay" | "bg.page" | "bg.secondary" | "bg.secondary.hovered" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle" | "border.accent" | "border.active" | "border.active.hovered" | "border.default" | "border.default.hovered" | "border.disabled" | "border.error" | "border.focus" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "fg.accent" | "fg.accent.hovered" | "fg.accent.strong" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hovered" | "fg.error.
|
|
31
|
+
bg?: "current" | "transparent" | "avatar.bg.blue" | "avatar.bg.cyan" | "avatar.bg.green" | "avatar.bg.magenta" | "avatar.bg.purple" | "avatar.bg.yellow" | "avatar.fg.blue" | "avatar.fg.cyan" | "avatar.fg.green" | "avatar.fg.magenta" | "avatar.fg.purple" | "avatar.fg.yellow" | "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.default" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.error.subtlest" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.overlay" | "bg.page" | "bg.secondary" | "bg.secondary.hovered" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle" | "border.accent" | "border.active" | "border.active.hovered" | "border.default" | "border.default.hovered" | "border.disabled" | "border.error" | "border.focus" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "fg.accent" | "fg.accent.hovered" | "fg.accent.strong" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hovered" | "fg.error.light" | "fg.error.strong" | "fg.information" | "fg.information.light" | "fg.information.strong" | "fg.secondary" | "fg.success" | "fg.success.hovered" | "fg.success.light" | "fg.success.strong" | "fg.tertiary" | "fg.warning" | "fg.warning.hovered" | "fg.warning.inverse" | "fg.warning.light" | "fg.warning.strong" | "fg.white" | "link.fg.default" | "link.fg.default.hovered" | "link.fg.inverse" | "link.fg.subtle" | "link.fg.visited" | "spinner.bg.default" | "spinner.bg.inverse" | "spinner.fg.default" | "spinner.fg.inverse" | undefined;
|
|
34
32
|
border?: "0" | "1" | "2" | "4" | undefined;
|
|
35
33
|
borderB?: "0" | "1" | "2" | "4" | undefined;
|
|
36
34
|
borderL?: "0" | "1" | "2" | "4" | undefined;
|
|
@@ -102,12 +100,12 @@ declare const sprinkles: ((props: {
|
|
|
102
100
|
readonly md?: "1" | "2" | "4" | "3" | undefined;
|
|
103
101
|
readonly lg?: "1" | "2" | "4" | "3" | undefined;
|
|
104
102
|
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "1" | "2" | "4" | "3" | null>;
|
|
105
|
-
height?: ("sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
|
|
106
|
-
readonly base?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
107
|
-
readonly sm?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
108
|
-
readonly md?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
109
|
-
readonly lg?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
110
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
|
|
103
|
+
height?: ("sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "2xs" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
|
|
104
|
+
readonly base?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "2xs" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
105
|
+
readonly sm?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "2xs" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
106
|
+
readonly md?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "2xs" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
107
|
+
readonly lg?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "2xs" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
108
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "2xs" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
|
|
111
109
|
justifyContent?: ("normal" | "end" | "start" | "center" | "space-around" | "space-between" | "space-evenly" | "stretch" | {
|
|
112
110
|
readonly base?: "normal" | "end" | "start" | "center" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
|
|
113
111
|
readonly sm?: "normal" | "end" | "start" | "center" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
|
|
@@ -192,18 +190,18 @@ declare const sprinkles: ((props: {
|
|
|
192
190
|
readonly md?: "center" | undefined;
|
|
193
191
|
readonly lg?: "center" | undefined;
|
|
194
192
|
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "center" | null>;
|
|
195
|
-
width?: ("sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
|
|
196
|
-
readonly base?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
197
|
-
readonly sm?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
198
|
-
readonly md?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
199
|
-
readonly lg?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
200
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
|
|
201
|
-
h?: ("sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
|
|
202
|
-
readonly base?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
203
|
-
readonly sm?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
204
|
-
readonly md?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
205
|
-
readonly lg?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
206
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
|
|
193
|
+
width?: ("sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "2xs" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
|
|
194
|
+
readonly base?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "2xs" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
195
|
+
readonly sm?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "2xs" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
196
|
+
readonly md?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "2xs" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
197
|
+
readonly lg?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "2xs" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
198
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "2xs" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
|
|
199
|
+
h?: ("sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "2xs" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
|
|
200
|
+
readonly base?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "2xs" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
201
|
+
readonly sm?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "2xs" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
202
|
+
readonly md?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "2xs" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
203
|
+
readonly lg?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "2xs" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
204
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "2xs" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
|
|
207
205
|
leading?: ("none" | "tight" | "normal" | "loose" | {
|
|
208
206
|
readonly base?: "none" | "tight" | "normal" | "loose" | undefined;
|
|
209
207
|
readonly sm?: "none" | "tight" | "normal" | "loose" | undefined;
|
|
@@ -306,18 +304,18 @@ declare const sprinkles: ((props: {
|
|
|
306
304
|
readonly md?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
|
|
307
305
|
readonly lg?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
|
|
308
306
|
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | null>;
|
|
309
|
-
size?: ("sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
|
|
310
|
-
readonly base?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
311
|
-
readonly sm?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
312
|
-
readonly md?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
313
|
-
readonly lg?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
314
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
|
|
315
|
-
w?: ("sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
|
|
316
|
-
readonly base?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
317
|
-
readonly sm?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
318
|
-
readonly md?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
319
|
-
readonly lg?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
320
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
|
|
307
|
+
size?: ("sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "2xs" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
|
|
308
|
+
readonly base?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "2xs" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
309
|
+
readonly sm?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "2xs" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
310
|
+
readonly md?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "2xs" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
311
|
+
readonly lg?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "2xs" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
312
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "2xs" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
|
|
313
|
+
w?: ("sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "2xs" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
|
|
314
|
+
readonly base?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "2xs" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
315
|
+
readonly sm?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "2xs" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
316
|
+
readonly md?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "2xs" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
317
|
+
readonly lg?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "2xs" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
318
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "2xs" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
|
|
321
319
|
}) => string) & {
|
|
322
320
|
properties: Set<"backgroundColor" | "borderBottomWidth" | "borderColor" | "borderLeftWidth" | "borderRadius" | "borderRightWidth" | "borderTopWidth" | "boxShadow" | "color" | "fontFamily" | "letterSpacing" | "zIndex" | "animation" | "fontSize" | "lineHeight" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "height" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "width" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w">;
|
|
323
321
|
};
|
|
@@ -1260,6 +1258,15 @@ declare const mapResponsiveValue: <OutputValue extends string | number | boolean
|
|
|
1260
1258
|
readonly lg: string;
|
|
1261
1259
|
};
|
|
1262
1260
|
};
|
|
1261
|
+
"2xs": {
|
|
1262
|
+
defaultClass: string;
|
|
1263
|
+
conditions: {
|
|
1264
|
+
readonly base: string;
|
|
1265
|
+
readonly sm: string;
|
|
1266
|
+
readonly md: string;
|
|
1267
|
+
readonly lg: string;
|
|
1268
|
+
};
|
|
1269
|
+
};
|
|
1263
1270
|
56: {
|
|
1264
1271
|
defaultClass: string;
|
|
1265
1272
|
conditions: {
|
|
@@ -4092,6 +4099,15 @@ declare const mapResponsiveValue: <OutputValue extends string | number | boolean
|
|
|
4092
4099
|
readonly lg: string;
|
|
4093
4100
|
};
|
|
4094
4101
|
};
|
|
4102
|
+
"2xs": {
|
|
4103
|
+
defaultClass: string;
|
|
4104
|
+
conditions: {
|
|
4105
|
+
readonly base: string;
|
|
4106
|
+
readonly sm: string;
|
|
4107
|
+
readonly md: string;
|
|
4108
|
+
readonly lg: string;
|
|
4109
|
+
};
|
|
4110
|
+
};
|
|
4095
4111
|
56: {
|
|
4096
4112
|
defaultClass: string;
|
|
4097
4113
|
conditions: {
|
|
@@ -4387,73 +4403,6 @@ declare const Box: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLP
|
|
|
4387
4403
|
className?: string;
|
|
4388
4404
|
} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
|
|
4389
4405
|
|
|
4390
|
-
type RecipeVariants<RecipeFn extends (...args: any) => any> = Parameters<RecipeFn>[0];
|
|
4391
|
-
|
|
4392
|
-
declare const button: (props?: {
|
|
4393
|
-
colorScheme?: "danger" | "neutral" | "primary" | undefined;
|
|
4394
|
-
iconOnly?: boolean | undefined;
|
|
4395
|
-
size?: "sm" | "md" | "lg" | undefined;
|
|
4396
|
-
variant?: "outline" | "solid" | "subtle" | undefined;
|
|
4397
|
-
} | undefined, className?: string) => {
|
|
4398
|
-
className: string;
|
|
4399
|
-
};
|
|
4400
|
-
type ButtonVariants = NonNullable<RecipeVariants<typeof button>>;
|
|
4401
|
-
|
|
4402
|
-
declare const appearances: {
|
|
4403
|
-
danger: {
|
|
4404
|
-
colorScheme: "danger";
|
|
4405
|
-
variant: "solid";
|
|
4406
|
-
};
|
|
4407
|
-
"danger-outline": {
|
|
4408
|
-
colorScheme: "danger";
|
|
4409
|
-
variant: "outline";
|
|
4410
|
-
};
|
|
4411
|
-
default: {
|
|
4412
|
-
colorScheme: "neutral";
|
|
4413
|
-
variant: "outline";
|
|
4414
|
-
};
|
|
4415
|
-
inverse: {
|
|
4416
|
-
colorScheme: "neutral";
|
|
4417
|
-
variant: "solid";
|
|
4418
|
-
};
|
|
4419
|
-
primary: {
|
|
4420
|
-
colorScheme: "primary";
|
|
4421
|
-
variant: "solid";
|
|
4422
|
-
};
|
|
4423
|
-
subtle: {
|
|
4424
|
-
colorScheme: "neutral";
|
|
4425
|
-
variant: "subtle";
|
|
4426
|
-
};
|
|
4427
|
-
};
|
|
4428
|
-
type ButtonProps<T extends ElementType = "button", P = unknown> = BoxProps<T, ExtendProps<{
|
|
4429
|
-
addonAfter?: ReactNode;
|
|
4430
|
-
addonBefore?: ReactNode;
|
|
4431
|
-
appearance?: keyof typeof appearances;
|
|
4432
|
-
children?: ReactNode;
|
|
4433
|
-
disabled?: boolean;
|
|
4434
|
-
icon?: ReactNode;
|
|
4435
|
-
iconPosition?: "end" | "start";
|
|
4436
|
-
loading?: boolean;
|
|
4437
|
-
} & Omit<ButtonVariants, "colorScheme" | "iconOnly" | "variant">, P>>;
|
|
4438
|
-
declare const Button: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
|
|
4439
|
-
asChild?: boolean;
|
|
4440
|
-
className?: string;
|
|
4441
|
-
} & Sprinkles, "size"> & Omit<{
|
|
4442
|
-
addonAfter?: ReactNode;
|
|
4443
|
-
addonBefore?: ReactNode;
|
|
4444
|
-
appearance?: keyof typeof appearances;
|
|
4445
|
-
children?: ReactNode;
|
|
4446
|
-
disabled?: boolean;
|
|
4447
|
-
icon?: ReactNode;
|
|
4448
|
-
iconPosition?: "end" | "start";
|
|
4449
|
-
loading?: boolean;
|
|
4450
|
-
} & Omit<{
|
|
4451
|
-
colorScheme?: "danger" | "neutral" | "primary" | undefined;
|
|
4452
|
-
iconOnly?: boolean | undefined;
|
|
4453
|
-
size?: "sm" | "md" | "lg" | undefined;
|
|
4454
|
-
variant?: "outline" | "solid" | "subtle" | undefined;
|
|
4455
|
-
}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
|
|
4456
|
-
|
|
4457
4406
|
declare const Link: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className"> & Omit<{
|
|
4458
4407
|
asChild?: boolean;
|
|
4459
4408
|
className?: string;
|
|
@@ -4461,18 +4410,7 @@ declare const Link: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTML
|
|
|
4461
4410
|
disabled?: boolean;
|
|
4462
4411
|
external?: boolean;
|
|
4463
4412
|
} & {
|
|
4464
|
-
|
|
4413
|
+
appearance?: "default" | "inverse" | "subtle" | undefined;
|
|
4465
4414
|
} & react.RefAttributes<HTMLAnchorElement>>;
|
|
4466
4415
|
|
|
4467
|
-
|
|
4468
|
-
declare function Popover({ children, defaultOpen, onOpenChange, open: openProp, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
|
|
4469
|
-
declare namespace Popover {
|
|
4470
|
-
var displayName: string;
|
|
4471
|
-
}
|
|
4472
|
-
|
|
4473
|
-
type PopoverContentProps = BoxProps<typeof RadixPopover.Content, {
|
|
4474
|
-
withArrow?: boolean;
|
|
4475
|
-
}>;
|
|
4476
|
-
declare const PopoverContent: react.ForwardRefExoticComponent<Omit<PopoverContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
4477
|
-
|
|
4478
|
-
export { type BoxProps as B, type ExtendProps as E, Link as L, Popover as P, type RecipeVariants as R, type Sprinkles as S, Box as a, type ButtonProps as b, Button as c, PopoverContent as d, mapResponsiveValue as m, sprinkles as s };
|
|
4416
|
+
export { type BoxProps as B, type ExtendProps as E, Link as L, type Sprinkles as S, Box as a, mapResponsiveValue as m, sprinkles as s };
|
|
@@ -1,22 +1,23 @@
|
|
|
1
|
-
@layer optiaxiom.
|
|
2
|
-
@layer optiaxiom.
|
|
3
|
-
.
|
|
1
|
+
@layer optiaxiom.xkvm1p;
|
|
2
|
+
@layer optiaxiom.xkvm1p {
|
|
3
|
+
._1epzhm4 {
|
|
4
4
|
left: 50%;
|
|
5
|
+
max-height: 50dvh;
|
|
5
6
|
max-width: calc(100dvw - 2 * 24px);
|
|
6
7
|
position: fixed;
|
|
7
8
|
top: 50%;
|
|
8
9
|
translate: -50% -50%;
|
|
9
10
|
}
|
|
10
|
-
.
|
|
11
|
+
.mfy55r {
|
|
11
12
|
width: 400px;
|
|
12
13
|
}
|
|
13
|
-
.
|
|
14
|
+
.fjdv6n {
|
|
14
15
|
width: 600px;
|
|
15
16
|
}
|
|
16
|
-
.
|
|
17
|
+
._1blgaqq {
|
|
17
18
|
width: 800px;
|
|
18
19
|
}
|
|
19
|
-
.
|
|
20
|
+
._37by2q {
|
|
20
21
|
inset: 0;
|
|
21
22
|
position: fixed;
|
|
22
23
|
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
@layer optiaxiom.xkvm1p;
|
|
2
|
+
@layer optiaxiom.xkvm1p {
|
|
3
|
+
._3ghmrm {
|
|
4
|
+
user-select: none;
|
|
5
|
+
}
|
|
6
|
+
.ncz9ng ._3ghmrm {
|
|
7
|
+
border: 1px solid var(--ax-colors-bg-default);
|
|
8
|
+
}
|
|
9
|
+
.ncz9ng .senq3l:not(:first-child) {
|
|
10
|
+
margin-left: -3px;
|
|
11
|
+
}
|
|
12
|
+
.ncz9ng .y46ckq:not(:first-child) {
|
|
13
|
+
margin-left: -5px;
|
|
14
|
+
}
|
|
15
|
+
.ncz9ng ._1iee1na:not(:first-child) {
|
|
16
|
+
margin-left: -7px;
|
|
17
|
+
}
|
|
18
|
+
.ncz9ng ._1b1qw8b:not(:first-child) {
|
|
19
|
+
margin-left: -9px;
|
|
20
|
+
}
|
|
21
|
+
.ncz9ng .h421z4:not(:first-child) {
|
|
22
|
+
margin-left: -11px;
|
|
23
|
+
}
|
|
24
|
+
.ncz9ng ._41jyrc:not(:first-child) {
|
|
25
|
+
margin-left: -13px;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
@layer optiaxiom.xkvm1p;
|
|
2
|
+
@layer optiaxiom.xkvm1p {
|
|
3
|
+
._1qklq0 {
|
|
4
|
+
--_4fk346: var(--ax-colors-fg-white);
|
|
5
|
+
}
|
|
6
|
+
._12fe138 {
|
|
7
|
+
--_19tmynv: var(--ax-colors-bg-error);
|
|
8
|
+
--jxa8zh: var(--ax-colors-bg-error-subtle);
|
|
9
|
+
--_1sey2ar: var(--ax-colors-fg-error-strong);
|
|
10
|
+
}
|
|
11
|
+
._8n41pk {
|
|
12
|
+
--_19tmynv: var(--ax-colors-bg-information);
|
|
13
|
+
--jxa8zh: var(--ax-colors-bg-information-subtle);
|
|
14
|
+
--_1sey2ar: var(--ax-colors-fg-information-strong);
|
|
15
|
+
}
|
|
16
|
+
._1hzm8zd {
|
|
17
|
+
--_19tmynv: var(--ax-colors-bg-tertiary);
|
|
18
|
+
--_4fk346: var(--ax-colors-fg-default);
|
|
19
|
+
--jxa8zh: var(--ax-colors-bg-secondary);
|
|
20
|
+
--_1sey2ar: var(--ax-colors-fg-secondary);
|
|
21
|
+
}
|
|
22
|
+
._1yry1mi {
|
|
23
|
+
--_19tmynv: var(--ax-colors-bg-accent);
|
|
24
|
+
--jxa8zh: var(--ax-colors-bg-accent-subtle);
|
|
25
|
+
--_1sey2ar: var(--ax-colors-fg-accent-strong);
|
|
26
|
+
}
|
|
27
|
+
.lrkd3c {
|
|
28
|
+
--_19tmynv: var(--ax-colors-bg-success);
|
|
29
|
+
--jxa8zh: var(--ax-colors-bg-success-subtle);
|
|
30
|
+
--_1sey2ar: var(--ax-colors-fg-success-strong);
|
|
31
|
+
}
|
|
32
|
+
._1hj560k {
|
|
33
|
+
--_19tmynv: var(--ax-colors-bg-warning);
|
|
34
|
+
--_4fk346: var(--ax-colors-fg-warning-inverse);
|
|
35
|
+
--jxa8zh: var(--ax-colors-bg-warning-subtle);
|
|
36
|
+
--_1sey2ar: var(--ax-colors-fg-warning-strong);
|
|
37
|
+
}
|
|
38
|
+
._10ttap0 {
|
|
39
|
+
background-color: var(--jxa8zh);
|
|
40
|
+
color: var(--_1sey2ar);
|
|
41
|
+
}
|
|
42
|
+
.ainpn7 {
|
|
43
|
+
background-color: var(--_19tmynv);
|
|
44
|
+
color: var(--_4fk346);
|
|
45
|
+
}
|
|
46
|
+
}
|