@optiaxiom/react 0.8.2 → 0.10.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 -1
- package/dist/{PopoverContent-DXCbZf2h.d.ts → PopoverContent-BgXq33Tj.d.ts} +105 -104
- package/dist/assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-Diep7mXE.css +24 -0
- package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-pqnHw444.css +6 -0
- package/dist/assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-e1ohLex8.css +10 -0
- package/dist/assets/src/avatar/Avatar.css.ts.vanilla-DRfQb0Vw.css +27 -0
- package/dist/assets/src/avatar-group/AvatarGroup.css.ts.vanilla-B98X-zHI.css +4 -0
- package/dist/assets/src/backdrop/{Backdrop.css.ts.vanilla-CZ0R8IPm.css → Backdrop.css.ts.vanilla-B336xgNM.css} +3 -3
- package/dist/assets/src/badge/Badge.css.ts.vanilla-CSfWmPBg.css +46 -0
- package/dist/assets/src/box/{Box.css.ts.vanilla-CxlsAoSo.css → Box.css.ts.vanilla-hYfQOcLk.css} +23 -23
- package/dist/assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-Cc_-J6NJ.css +8 -0
- package/dist/assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-Cs1yFXdN.css +14 -0
- package/dist/assets/src/button-base/ButtonBase.css.ts.vanilla-qzXyDEAH.css +147 -0
- package/dist/assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-BONtxIgP.css +9 -0
- package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-IE-So8FY.css +22 -0
- package/dist/assets/src/code/Code.css.ts.vanilla-Cgm3ea0I.css +11 -0
- package/dist/assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-0wjHxdop.css +7 -0
- package/dist/assets/src/data-table/{DataTable.css.ts.vanilla-D-Y37ogI.css → DataTable.css.ts.vanilla-ucEO_Lf0.css} +30 -28
- package/dist/assets/src/data-table-header-cell/{DataTableHeaderCell.css.ts.vanilla-DAaoRros.css → DataTableHeaderCell.css.ts.vanilla-DJoq_AGx.css} +17 -15
- package/dist/assets/src/dialog-actions/DialogActions.css.ts.vanilla-DZaMrkyd.css +6 -0
- package/dist/assets/src/dialog-content/{DialogContent.css.ts.vanilla-C5RktqfT.css → DialogContent.css.ts.vanilla-BqiYTk0E.css} +11 -7
- package/dist/assets/src/dialog-description/DialogDescription.css.ts.vanilla-D3hYTBlh.css +6 -0
- package/dist/assets/src/dialog-header/DialogHeader.css.ts.vanilla-Be3bVJNE.css +6 -0
- package/dist/assets/src/dialog-title/DialogTitle.css.ts.vanilla-Dn_JURP7.css +6 -0
- package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-DaAN_Y5P.css +31 -0
- package/dist/assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-DWj2Guo6.css +21 -0
- package/dist/assets/src/drawer-actions/DrawerActions.css.ts.vanilla-r_hleTVk.css +6 -0
- package/dist/assets/src/drawer-content/{DrawerContent.css.ts.vanilla-CKt-20Xo.css → DrawerContent.css.ts.vanilla-NHJHPwaW.css} +6 -6
- package/dist/assets/src/drawer-description/DrawerDescription.css.ts.vanilla-Dst9oHvk.css +6 -0
- package/dist/assets/src/drawer-title/DrawerTitle.css.ts.vanilla-DEbk_nlk.css +6 -0
- package/dist/assets/src/highlight/Highlight.css.ts.vanilla-CSmxqdJn.css +7 -0
- package/dist/assets/src/indicator/Indicator.css.ts.vanilla-lH4mRfRa.css +37 -0
- package/dist/assets/src/inline-input/InlineInput.css.ts.vanilla-B6qbDXX0.css +13 -0
- package/dist/assets/src/input-control/{InputControl.css.ts.vanilla-C__QDDJj.css → InputControl.css.ts.vanilla-DUbeUGGS.css} +8 -8
- package/dist/assets/src/input-root/InputRoot.css.ts.vanilla-DBa3xtou.css +70 -0
- package/dist/assets/src/kbd/Kbd.css.ts.vanilla-BLPj_gpK.css +13 -0
- package/dist/assets/src/layers/layers.css.ts.vanilla-D3B1uZ8j.css +1 -0
- package/dist/assets/src/link/{Link.css.ts.vanilla-Cak55t6b.css → Link.css.ts.vanilla-DV40SWxy.css} +21 -19
- package/dist/assets/src/listbox-item/ListboxItem.css.ts.vanilla-_aqZ2pey.css +48 -0
- package/dist/assets/src/menu-listbox/MenuListbox.css.ts.vanilla-CpbOp7yG.css +33 -0
- package/dist/assets/src/pagination/{Pagination.css.ts.vanilla-C_z8svbw.css → Pagination.css.ts.vanilla-BHMR9cI8.css} +5 -5
- package/dist/assets/src/pill/{Pill.css.ts.vanilla-BSJiY-na.css → Pill.css.ts.vanilla-B0H5ESHh.css} +4 -4
- package/dist/assets/src/progress/Progress.css.ts.vanilla-BcjeNZvD.css +6 -0
- package/dist/assets/src/radio/Radio.css.ts.vanilla-C5sxqXEH.css +13 -0
- package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-B2d30-S5.css +6 -0
- package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-WG6yp2If.css +7 -0
- package/dist/assets/src/separator/{Separator.css.ts.vanilla-DV5lkUl8.css → Separator.css.ts.vanilla-3S55fa_d.css} +8 -8
- package/dist/assets/src/sidenav-item/SidenavItem.css.ts.vanilla-BoKEbHXG.css +6 -0
- package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-D_xrrF4W.css +6 -0
- package/dist/assets/src/spinner/{Spinner.css.ts.vanilla-DRngpM23.css → Spinner.css.ts.vanilla-BypCoXYv.css} +4 -4
- package/dist/assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-vmzX6MxW.css +6 -0
- package/dist/assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-ZH_4OlQy.css +12 -0
- package/dist/assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-_r2xx5ow.css +9 -0
- package/dist/assets/src/sprinkles/{properties.css.ts.vanilla-CPpSeruh.css → properties.css.ts.vanilla-CulPRTwF.css} +734 -737
- package/dist/assets/src/switch/Switch.css.ts.vanilla-BCmpM8LG.css +45 -0
- package/dist/assets/src/table/{Table.css.ts.vanilla-AaGRZqj1.css → Table.css.ts.vanilla-kGNbW05_.css} +6 -6
- package/dist/assets/src/table-body/TableBody.css.ts.vanilla-C3lx_h_x.css +6 -0
- package/dist/assets/src/table-cell/TableCell.css.ts.vanilla-Bo0X8JB6.css +10 -0
- package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-DfKQzrjF.css +10 -0
- package/dist/assets/src/table-row/TableRow.css.ts.vanilla-DXrWEyC2.css +8 -0
- package/dist/assets/src/tabs/Tabs.css.ts.vanilla-CpAfI52r.css +9 -0
- package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-Dp3XesSH.css +13 -0
- package/dist/assets/src/tabs-trigger/{TabsTrigger.css.ts.vanilla-BGFNzd6p.css → TabsTrigger.css.ts.vanilla-C3tLDNmJ.css} +15 -13
- package/dist/assets/src/text/{Text.css.ts.vanilla-C5IgOcZn.css → Text.css.ts.vanilla-Ddgu8PPV.css} +8 -8
- package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-D4O8Rmfj.css +34 -0
- package/dist/assets/src/toast/Toast.css.ts.vanilla-lPQ-CdKX.css +90 -0
- package/dist/assets/src/toast-provider/{ToastProvider.css.ts.vanilla-CXtQhxtZ.css → ToastProvider.css.ts.vanilla-DzeJ30rC.css} +9 -9
- package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-CKQ2Aadr.css +25 -0
- package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-_Ts9Ypag.css +10 -0
- package/dist/assets/src/transition/{Transition.css.ts.vanilla-Cf8mdt0b.css → Transition.css.ts.vanilla-Cawnu3FP.css} +16 -16
- package/dist/index.d.ts +150 -546
- package/dist/index.js +5 -7
- package/dist/node_modules/.pnpm/{@mantine_hooks@7.15.1_react@18.3.1 → @mantine_hooks@7.15.3_react@18.3.1}/node_modules/@mantine/hooks/esm/use-media-query/use-media-query.js +1 -1
- package/dist/node_modules/.pnpm/{@mantine_hooks@7.15.1_react@18.3.1 → @mantine_hooks@7.15.3_react@18.3.1}/node_modules/@mantine/hooks/esm/use-uncontrolled/use-uncontrolled.js +2 -2
- package/dist/node_modules/.pnpm/@vanilla-extract_sprinkles@1.6.3_patch_hash_eh2tyazhmaumpwivglvpekok3e_@vanilla-extract_css@1_wcbutaohqjnkd6euht5r5xgz74/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js +2 -2
- package/dist/packages/react/package.json.js +1 -1
- package/dist/packages/react/src/alert/Alert-css.js +1 -1
- package/dist/packages/react/src/alert/Alert.js +5 -8
- package/dist/packages/react/src/alert-dialog/AlertDialog.js +12 -1
- package/dist/packages/react/src/alert-dialog-action/AlertDialogAction.js +5 -3
- package/dist/packages/react/src/alert-dialog-body/AlertDialogBody.js +18 -5
- package/dist/packages/react/src/alert-dialog-cancel/AlertDialogCancel.js +11 -3
- package/dist/packages/react/src/alert-dialog-content/AlertDialogContent-css.js +6 -5
- package/dist/packages/react/src/alert-dialog-content/AlertDialogContent.js +29 -9
- package/dist/packages/react/src/alert-dialog-footer/AlertDialogFooter-css.js +3 -3
- package/dist/packages/react/src/{alert-dialog-title/AlertDialogTitle.js → alert-dialog-header/AlertDialogHeader.js} +5 -20
- package/dist/packages/react/src/autocomplete-content/AutocompleteContent-css.js +3 -3
- package/dist/packages/react/src/autocomplete-content/AutocompleteContent.js +40 -8
- package/dist/packages/react/src/autocomplete-empty/AutocompleteEmpty.js +2 -0
- package/dist/packages/react/src/autocomplete-virtualized/AutocompleteVirtualized.js +60 -0
- package/dist/packages/react/src/avatar/Avatar-css.js +4 -4
- package/dist/packages/react/src/avatar/Avatar.js +3 -1
- package/dist/packages/react/src/avatar-context/AvatarContext.js +1 -1
- package/dist/packages/react/src/avatar-group/AvatarGroup-css.js +3 -3
- package/dist/packages/react/src/avatar-group/AvatarGroup.js +2 -0
- package/dist/packages/react/src/axiom-provider/AxiomProvider.js +2 -2
- package/dist/packages/react/src/backdrop/Backdrop-css.js +3 -3
- package/dist/packages/react/src/backdrop/Backdrop.js +2 -0
- package/dist/packages/react/src/badge/Badge-css.js +3 -3
- package/dist/packages/react/src/banner/Banner-css.js +1 -1
- package/dist/packages/react/src/banner/Banner.js +5 -8
- package/dist/packages/react/src/box/Box-css.js +3 -3
- package/dist/packages/react/src/box/Box.js +3 -3
- package/dist/packages/react/src/box/extractBoxProps.js +19 -0
- package/dist/packages/react/src/breadcrumb/Breadcrumb.js +4 -6
- package/dist/packages/react/src/breadcrumb-ellipsis/BreadcrumbEllipsis.js +2 -0
- package/dist/packages/react/src/breadcrumb-item/BreadcrumbItem-css.js +3 -3
- package/dist/packages/react/src/breadcrumb-item/BreadcrumbItem.js +4 -6
- package/dist/packages/react/src/breadcrumb-link/BreadcrumbLink-css.js +3 -3
- package/dist/packages/react/src/breadcrumb-page/BreadcrumbPage.js +2 -0
- package/dist/packages/react/src/button-addon/ButtonAddon.js +2 -0
- package/dist/packages/react/src/button-base/ButtonBase-css.js +5 -5
- package/dist/packages/react/src/button-base/ButtonBase.js +7 -9
- package/dist/packages/react/src/button-group/ButtonGroup-css.js +3 -3
- package/dist/packages/react/src/button-group/ButtonGroup.js +1 -1
- package/dist/packages/react/src/button-loadable/ButtonLoadable-css.js +5 -5
- package/dist/packages/react/src/button-loadable/ButtonLoadable.js +2 -0
- package/dist/packages/react/src/checkbox/Checkbox-css.js +8 -8
- package/dist/packages/react/src/checkbox/Checkbox.js +3 -5
- package/dist/packages/react/src/code/Code-css.js +3 -3
- package/dist/packages/react/src/code/Code.js +3 -5
- package/dist/packages/react/src/combobox-content/ComboboxContent.js +1 -1
- package/dist/packages/react/src/combobox-dialog-content/ComboboxDialogContent.js +1 -1
- package/dist/packages/react/src/combobox-popover-content/ComboboxPopoverContent.js +1 -1
- package/dist/packages/react/src/command/Command.js +15 -5
- package/dist/packages/react/src/command-focusable-item/CommandFocusableItem-css.js +3 -3
- package/dist/packages/react/src/command-focusable-item/CommandFocusableItem.js +3 -1
- package/dist/packages/react/src/command-input/CommandInput.js +3 -7
- package/dist/packages/react/src/command-item/CommandItem.js +5 -9
- package/dist/packages/react/src/command-listbox/CommandListbox.js +2 -13
- package/dist/packages/react/src/command-sub/CommandSub.js +2 -0
- package/dist/packages/react/src/command-sub-item/CommandSubItem.js +2 -2
- package/dist/packages/react/src/command-toggle-button/CommandToggleButton.js +4 -6
- package/dist/packages/react/src/data-table/DataTable-css.js +10 -10
- package/dist/packages/react/src/data-table/DataTable.js +10 -20
- package/dist/packages/react/src/data-table-header-cell/DataTableHeaderCell-css.js +4 -4
- package/dist/packages/react/src/data-table-header-cell/DataTableHeaderCell.js +6 -2
- package/dist/packages/react/src/dialog/Dialog.js +12 -1
- package/dist/packages/react/src/dialog-actions/DialogActions-css.js +3 -3
- package/dist/packages/react/src/dialog-actions/DialogActions.js +2 -8
- package/dist/packages/react/src/dialog-body/DialogBody.js +3 -2
- package/dist/packages/react/src/dialog-close/DialogClose.js +2 -2
- package/dist/packages/react/src/dialog-content/DialogContent-css.js +5 -4
- package/dist/packages/react/src/dialog-content/DialogContent.js +26 -7
- package/dist/packages/react/src/dialog-description/DialogDescription-css.js +3 -3
- package/dist/packages/react/src/dialog-footer/DialogFooter-css.js +1 -1
- package/dist/packages/react/src/dialog-form/DialogForm.js +26 -0
- package/dist/packages/react/src/dialog-header/DialogHeader-css.js +7 -0
- package/dist/packages/react/src/dialog-header/DialogHeader.js +22 -3
- package/dist/packages/react/src/dialog-title/DialogTitle-css.js +3 -3
- package/dist/packages/react/src/disclosure/Disclosure.js +2 -0
- package/dist/packages/react/src/disclosure-content/DisclosureContent-css.js +7 -0
- package/dist/packages/react/src/disclosure-content/DisclosureContent.js +5 -2
- package/dist/packages/react/src/disclosure-trigger/DisclosureTrigger-css.js +4 -4
- package/dist/packages/react/src/disclosure-trigger/DisclosureTrigger.js +11 -6
- package/dist/packages/react/src/downshift/useDelayedState.js +3 -3
- package/dist/packages/react/src/drawer-actions/DrawerActions-css.js +3 -3
- package/dist/packages/react/src/drawer-body/DrawerBody.js +2 -0
- package/dist/packages/react/src/drawer-content/DrawerContent-css.js +3 -3
- package/dist/packages/react/src/drawer-content/DrawerContent.js +2 -2
- package/dist/packages/react/src/drawer-description/DrawerDescription-css.js +3 -3
- package/dist/packages/react/src/drawer-header/DrawerHeader.js +2 -0
- package/dist/packages/react/src/drawer-title/DrawerTitle-css.js +3 -3
- package/dist/packages/react/src/dropdown-menu-content/DropdownMenuContent.js +16 -3
- package/dist/packages/react/src/dropdown-menu-group/DropdownMenuGroup.js +2 -0
- package/dist/packages/react/src/dropdown-menu-label/DropdownMenuLabel.js +2 -0
- package/dist/packages/react/src/dropdown-menu-sub-content/DropdownMenuSubContent.js +3 -11
- package/dist/packages/react/src/field/Field.js +6 -4
- package/dist/packages/react/src/field-context/FieldContext.js +1 -1
- package/dist/packages/react/src/field-label/FieldLabel.js +3 -1
- package/dist/packages/react/src/grid/Grid.js +2 -0
- package/dist/packages/react/src/highlight/Highlight-css.js +3 -3
- package/dist/packages/react/src/highlight/Highlight.js +11 -12
- package/dist/packages/react/src/icon/Icon.js +2 -0
- package/dist/packages/react/src/indicator/Indicator-css.js +5 -5
- package/dist/packages/react/src/indicator/Indicator.js +2 -0
- package/dist/packages/react/src/inline-input/InlineInput-css.js +4 -4
- package/dist/packages/react/src/inline-input/InlineInput.js +2 -0
- package/dist/packages/react/src/input/Input-css.js +1 -1
- package/dist/packages/react/src/input/Input.js +4 -5
- package/dist/packages/react/src/input-addon/InputAddon.js +2 -0
- package/dist/packages/react/src/input-control/InputControl-css.js +3 -3
- package/dist/packages/react/src/input-control/InputControl.js +10 -12
- package/dist/packages/react/src/input-root/InputRoot-css.js +5 -5
- package/dist/packages/react/src/kbd/Kbd-css.js +4 -4
- package/dist/packages/react/src/kbd/Kbd.js +4 -2
- package/dist/packages/react/src/layers/layers-css.js +3 -3
- package/dist/packages/react/src/link/Link-css.js +4 -4
- package/dist/packages/react/src/link/Link.js +5 -7
- package/dist/packages/react/src/listbox/Listbox.js +2 -0
- package/dist/packages/react/src/listbox-empty/ListboxEmpty.js +2 -0
- package/dist/packages/react/src/listbox-group/ListboxGroup.js +3 -1
- package/dist/packages/react/src/listbox-group-context/ListboxGroupContext.js +1 -1
- package/dist/packages/react/src/listbox-item/ListboxItem-css.js +5 -5
- package/dist/packages/react/src/listbox-item/ListboxItem.js +4 -2
- package/dist/packages/react/src/listbox-item-indicator/ListboxItemIndicator.js +8 -7
- package/dist/packages/react/src/listbox-label/ListboxLabel.js +2 -0
- package/dist/packages/react/src/listbox-scroll-area/ListboxScrollArea.js +2 -0
- package/dist/packages/react/src/menu-listbox/MenuListbox-css.js +3 -3
- package/dist/packages/react/src/menu-listbox/MenuListbox.js +2 -2
- package/dist/packages/react/src/nested-dialog-context/NestedDialogContext.js +5 -0
- package/dist/packages/react/src/nested-dialog-context/useNestedDialogCount.js +17 -0
- package/dist/packages/react/src/pagination/Pagination-css.js +5 -5
- package/dist/packages/react/src/pagination/Pagination.js +5 -3
- package/dist/packages/react/src/paper/Paper-css.js +1 -1
- package/dist/packages/react/src/paper/Paper.js +2 -0
- package/dist/packages/react/src/pill/Pill-css.js +3 -3
- package/dist/packages/react/src/popover-anchor/PopoverAnchor.js +2 -0
- package/dist/packages/react/src/popover-content/PopoverContent.js +2 -2
- package/dist/packages/react/src/progress/Progress-css.js +3 -3
- package/dist/packages/react/src/progress/Progress.js +2 -0
- package/dist/packages/react/src/radio/Radio-css.js +8 -8
- package/dist/packages/react/src/radio/Radio.js +6 -8
- package/dist/packages/react/src/search-input/SearchInput-css.js +4 -4
- package/dist/packages/react/src/select-content/SelectContent-css.js +3 -3
- package/dist/packages/react/src/select-content/SelectContent.js +26 -4
- package/dist/packages/react/src/select-item/SelectItem.js +7 -9
- package/dist/packages/react/src/select-value/SelectValue.js +2 -0
- package/dist/packages/react/src/separator/Separator-css.js +3 -3
- package/dist/packages/react/src/separator/Separator.js +2 -0
- package/dist/packages/react/src/sidenav/Sidenav.js +2 -2
- package/dist/packages/react/src/sidenav-account-item/SidenavAccountItem.js +17 -4
- package/dist/packages/react/src/sidenav-body/SidenavBody.js +4 -7
- package/dist/packages/react/src/sidenav-footer/SidenavFooter.js +4 -7
- package/dist/packages/react/src/sidenav-header/SidenavHeader.js +1 -5
- package/dist/packages/react/src/sidenav-item/SidenavItem-css.js +5 -5
- package/dist/packages/react/src/sidenav-item/SidenavItem.js +13 -18
- package/dist/packages/react/src/skeleton/Skeleton-css.js +3 -3
- package/dist/packages/react/src/skeleton/Skeleton.js +7 -6
- package/dist/packages/react/src/spinner/Spinner-css.js +3 -3
- package/dist/packages/react/src/spinner/Spinner.js +2 -0
- package/dist/packages/react/src/spotlight-content/SpotlightContent.js +0 -1
- package/dist/packages/react/src/spotlight-input/SpotlightInput-css.js +3 -3
- package/dist/packages/react/src/spotlight-input/SpotlightInput.js +11 -1
- package/dist/packages/react/src/spotlight-label/SpotlightLabel.js +2 -0
- package/dist/packages/react/src/spotlight-radio-item/SpotlightRadioItem-css.js +3 -3
- package/dist/packages/react/src/spotlight-radio-item/SpotlightRadioItem.js +2 -0
- package/dist/packages/react/src/spotlight-sub-item/SpotlightSubItem-css.js +4 -4
- package/dist/packages/react/src/spotlight-trigger/SpotlightTrigger.js +3 -1
- package/dist/packages/react/src/sprinkles/properties-css.js +4 -4
- package/dist/packages/react/src/switch/Switch-css.js +9 -9
- package/dist/packages/react/src/switch/Switch.js +5 -7
- package/dist/packages/react/src/table/Table-css.js +4 -4
- package/dist/packages/react/src/table/Table.js +3 -1
- package/dist/packages/react/src/table-body/TableBody-css.js +3 -3
- package/dist/packages/react/src/table-body/TableBody.js +2 -0
- package/dist/packages/react/src/table-cell/TableCell-css.js +4 -4
- package/dist/packages/react/src/table-cell/TableCell.js +2 -0
- package/dist/packages/react/src/table-header/TableHeader.js +2 -0
- package/dist/packages/react/src/table-header-cell/TableHeaderCell-css.js +4 -4
- package/dist/packages/react/src/table-header-cell/TableHeaderCell.js +2 -0
- package/dist/packages/react/src/table-row/TableRow-css.js +3 -3
- package/dist/packages/react/src/table-row/TableRow.js +2 -0
- package/dist/packages/react/src/tabs/Tabs-css.js +3 -3
- package/dist/packages/react/src/tabs/Tabs.js +4 -7
- package/dist/packages/react/src/tabs-content/TabsContent.js +2 -4
- package/dist/packages/react/src/tabs-list/TabsList-css.js +3 -3
- package/dist/packages/react/src/tabs-list/TabsList.js +4 -4
- package/dist/packages/react/src/tabs-trigger/TabsTrigger-css.js +4 -4
- package/dist/packages/react/src/tabs-trigger/TabsTrigger.js +6 -23
- package/dist/packages/react/src/text/Text-css.js +3 -3
- package/dist/packages/react/src/text/Text.js +2 -0
- package/dist/packages/react/src/textarea/Textarea.js +4 -5
- package/dist/packages/react/src/textarea-autosize/TextareaAutosize-css.js +5 -5
- package/dist/packages/react/src/textarea-autosize/TextareaAutosize.js +4 -6
- package/dist/packages/react/src/theme-provider/ThemeProvider.js +16 -8
- package/dist/packages/react/src/toast/Toast-css.js +7 -6
- package/dist/packages/react/src/toast/Toast.js +44 -29
- package/dist/packages/react/src/toast-action/ToastAction.js +2 -2
- package/dist/packages/react/src/toast-provider/ToastProvider-css.js +5 -4
- package/dist/packages/react/src/toast-provider/ToastProvider.js +11 -8
- package/dist/packages/react/src/toggle-button/ToggleButton.js +1 -1
- package/dist/packages/react/src/toggle-input/ToggleInput-css.js +4 -4
- package/dist/packages/react/src/toggle-input/ToggleInput.js +7 -8
- package/dist/packages/react/src/toggle-input-content/ToggleInputContent.js +2 -0
- package/dist/packages/react/src/toggle-input-control/ToggleInputControl-css.js +5 -5
- package/dist/packages/react/src/toggle-input-control/ToggleInputControl.js +2 -0
- package/dist/packages/react/src/toggle-input-description/ToggleInputDescription.js +2 -0
- package/dist/packages/react/src/toggle-input-hidden-input/ToggleInputHiddenInput-css.js +3 -3
- package/dist/packages/react/src/toggle-input-label/ToggleInputLabel.js +18 -2
- package/dist/packages/react/src/tooltip/Tooltip.js +27 -31
- package/dist/packages/react/src/tooltip-content/TooltipContent-css.js +1 -1
- package/dist/packages/react/src/tooltip-content/TooltipContent.js +7 -4
- package/dist/packages/react/src/tooltip-provider/TooltipProvider.js +19 -0
- package/dist/packages/react/src/tooltip-root/TooltipRoot.js +1 -1
- package/dist/packages/react/src/transition/Transition-css.js +4 -5
- package/dist/packages/react/src/transition/Transition.js +10 -18
- package/dist/packages/react/src/transition-group/TransitionGroup.js +46 -0
- package/dist/packages/react/src/transition-group-context/TransitionGroupContext.js +5 -0
- package/dist/packages/react/src/use-responsive-matches/useResponsiveMatches.js +1 -1
- package/dist/packages/react/src/use-transition-status/useTransitionStatus.js +21 -0
- package/dist/packages/react/src/utils/decorateChildren.js +1 -1
- package/dist/packages/react/src/vanilla-extract/recipeRuntime.js +1 -1
- package/dist/unstable.d.ts +181 -139
- package/dist/unstable.js +1 -0
- package/package.json +7 -6
- package/dist/assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-D1fQixNN.css +0 -20
- package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-Bu54f07F.css +0 -6
- package/dist/assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-DyQDI5n_.css +0 -10
- package/dist/assets/src/avatar/Avatar.css.ts.vanilla-CC1YKzaI.css +0 -28
- package/dist/assets/src/avatar-group/AvatarGroup.css.ts.vanilla-3J4kgLSl.css +0 -4
- package/dist/assets/src/badge/Badge.css.ts.vanilla-CxenIwSA.css +0 -46
- package/dist/assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-BCwJOq95.css +0 -8
- package/dist/assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-CYyMTcl3.css +0 -12
- package/dist/assets/src/button-base/ButtonBase.css.ts.vanilla-LB7W6lTK.css +0 -145
- package/dist/assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-C_kf7cXQ.css +0 -9
- package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-DQ-T1a-J.css +0 -18
- package/dist/assets/src/code/Code.css.ts.vanilla-BoILKpeG.css +0 -7
- package/dist/assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-CsD5Lm9p.css +0 -7
- package/dist/assets/src/dialog-actions/DialogActions.css.ts.vanilla-DmqGyOti.css +0 -6
- package/dist/assets/src/dialog-description/DialogDescription.css.ts.vanilla-DBsIX9-a.css +0 -6
- package/dist/assets/src/dialog-title/DialogTitle.css.ts.vanilla-Bu0LwmUW.css +0 -6
- package/dist/assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-0YP3mnr3.css +0 -19
- package/dist/assets/src/drawer-actions/DrawerActions.css.ts.vanilla-COIV9W5_.css +0 -6
- package/dist/assets/src/drawer-description/DrawerDescription.css.ts.vanilla-BJ9DFLKX.css +0 -6
- package/dist/assets/src/drawer-title/DrawerTitle.css.ts.vanilla-5j36Dxkc.css +0 -6
- package/dist/assets/src/highlight/Highlight.css.ts.vanilla-B9a92xor.css +0 -7
- package/dist/assets/src/indicator/Indicator.css.ts.vanilla-B3weDxFS.css +0 -37
- package/dist/assets/src/inline-input/InlineInput.css.ts.vanilla-C_M4a6Dd.css +0 -13
- package/dist/assets/src/input-root/InputRoot.css.ts.vanilla-C6lD1LYe.css +0 -68
- package/dist/assets/src/kbd/Kbd.css.ts.vanilla-DAhSs3L3.css +0 -9
- package/dist/assets/src/layers/layers.css.ts.vanilla-DKTSleIR.css +0 -1
- package/dist/assets/src/listbox-item/ListboxItem.css.ts.vanilla-X6F67MiY.css +0 -48
- package/dist/assets/src/menu-listbox/MenuListbox.css.ts.vanilla-l4UA2n3T.css +0 -21
- package/dist/assets/src/progress/Progress.css.ts.vanilla-CRcfDKun.css +0 -6
- package/dist/assets/src/radio/Radio.css.ts.vanilla-wh6Kjw9Q.css +0 -13
- package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-CaLykiH1.css +0 -6
- package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-BnpWp8VE.css +0 -7
- package/dist/assets/src/sidenav-item/SidenavItem.css.ts.vanilla-9wk7bAfG.css +0 -6
- package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-BJkDYRoP.css +0 -6
- package/dist/assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-CyFVD4vO.css +0 -6
- package/dist/assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-RGL_LbXN.css +0 -12
- package/dist/assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-n4RX_zz6.css +0 -9
- package/dist/assets/src/switch/Switch.css.ts.vanilla-CJ6-vaID.css +0 -26
- package/dist/assets/src/table-body/TableBody.css.ts.vanilla-PLpDWEM1.css +0 -6
- package/dist/assets/src/table-cell/TableCell.css.ts.vanilla-BoojYcJx.css +0 -10
- package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-DEdofmsJ.css +0 -9
- package/dist/assets/src/table-row/TableRow.css.ts.vanilla-BP46h_xl.css +0 -6
- package/dist/assets/src/tabs/Tabs.css.ts.vanilla-eF05kHdN.css +0 -9
- package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-DMC52kVj.css +0 -23
- package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-Cud05mIM.css +0 -34
- package/dist/assets/src/toast/Toast.css.ts.vanilla-nlZSggfY.css +0 -96
- package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-DaiPcs9V.css +0 -23
- package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-GXsOTirN.css +0 -10
- package/dist/node_modules/.pnpm/@reach_auto-id@0.18.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@reach/auto-id/dist/reach-auto-id.js +0 -30
- package/dist/node_modules/.pnpm/@reach_utils@0.18.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@reach/utils/dist/reach-utils.js +0 -21
- package/dist/node_modules/.pnpm/framer-motion@11.15.0_patch_hash_fcf7jjqh4eojsxb6ugcpywnnuy_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.js +0 -57
- package/dist/node_modules/.pnpm/framer-motion@11.15.0_patch_hash_fcf7jjqh4eojsxb6ugcpywnnuy_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/index.js +0 -162
- package/dist/node_modules/.pnpm/framer-motion@11.15.0_patch_hash_fcf7jjqh4eojsxb6ugcpywnnuy_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/use-presence.js +0 -41
- package/dist/node_modules/.pnpm/framer-motion@11.15.0_patch_hash_fcf7jjqh4eojsxb6ugcpywnnuy_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/utils.js +0 -14
- package/dist/node_modules/.pnpm/framer-motion@11.15.0_patch_hash_fcf7jjqh4eojsxb6ugcpywnnuy_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/context/LayoutGroupContext.js +0 -5
- package/dist/node_modules/.pnpm/framer-motion@11.15.0_patch_hash_fcf7jjqh4eojsxb6ugcpywnnuy_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/context/PresenceContext.js +0 -8
- package/dist/node_modules/.pnpm/framer-motion@11.15.0_patch_hash_fcf7jjqh4eojsxb6ugcpywnnuy_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/is-browser.js +0 -3
- package/dist/node_modules/.pnpm/framer-motion@11.15.0_patch_hash_fcf7jjqh4eojsxb6ugcpywnnuy_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/use-constant.js +0 -18
- package/dist/node_modules/.pnpm/framer-motion@11.15.0_patch_hash_fcf7jjqh4eojsxb6ugcpywnnuy_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/use-isomorphic-effect.js +0 -6
- package/dist/node_modules/.pnpm/motion-utils@11.14.3/node_modules/motion-utils/dist/es/errors.js +0 -12
- package/dist/node_modules/.pnpm/motion-utils@11.14.3/node_modules/motion-utils/dist/es/noop.js +0 -3
- package/dist/packages/react/src/alert-context/AlertContext.js +0 -5
- package/dist/packages/react/src/alert-description/AlertDescription.js +0 -13
- package/dist/packages/react/src/alert-dialog-body/AlertDialogBody-css.js +0 -6
- package/dist/packages/react/src/alert-title/AlertTitle.js +0 -15
- package/dist/packages/react/src/animate-presence/AnimatePresence.js +0 -17
- package/dist/packages/react/src/autocomplete-content/AutocompleteContentImpl.js +0 -24
- package/dist/packages/react/src/banner-context/BannerContext.js +0 -5
- package/dist/packages/react/src/banner-description/BannerDescription.js +0 -13
- package/dist/packages/react/src/banner-title/BannerTitle.js +0 -15
- package/dist/packages/react/src/select-content/SelectContentImpl.js +0 -37
- package/dist/packages/react/src/sprinkles/extractSprinkles.js +0 -18
- package/dist/packages/react/src/tabs-context/TabsContext.js +0 -5
- /package/dist/node_modules/.pnpm/{@mantine_hooks@7.15.1_react@18.3.1 → @mantine_hooks@7.15.3_react@18.3.1}/node_modules/@mantine/hooks/esm/use-hotkeys/parse-hotkey.js +0 -0
- /package/dist/node_modules/.pnpm/{@mantine_hooks@7.15.1_react@18.3.1 → @mantine_hooks@7.15.3_react@18.3.1}/node_modules/@mantine/hooks/esm/use-hotkeys/use-hotkeys.js +0 -0
- /package/dist/node_modules/.pnpm/{@mantine_hooks@7.15.1_react@18.3.1 → @mantine_hooks@7.15.3_react@18.3.1}/node_modules/@mantine/hooks/esm/use-pagination/use-pagination.js +0 -0
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
@layer optiaxiom._12gtxoh;
|
|
2
|
-
@layer optiaxiom._12gtxoh {
|
|
3
|
-
._1tltxsp {
|
|
4
|
-
background-color: var(--ax-colors-bg-secondary);
|
|
5
|
-
}
|
|
6
|
-
._1tltxsp:not([data-disabled])[data-highlighted] {
|
|
7
|
-
background-color: var(--ax-colors-bg-secondary-hovered);
|
|
8
|
-
}
|
|
9
|
-
._1tltxsp:not([data-disabled])[data-highlighted]:active {
|
|
10
|
-
background-color: var(--ax-colors-bg-tertiary);
|
|
11
|
-
}
|
|
12
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
@layer optiaxiom._12gtxoh;
|
|
2
|
-
@layer optiaxiom._12gtxoh {
|
|
3
|
-
._3jc9xg {
|
|
4
|
-
--_1msu1q0: var(--ax-colors-bg-tertiary);
|
|
5
|
-
}
|
|
6
|
-
._3jc9xg:has(.irt4b7:not(:disabled):not(:checked)):hover {
|
|
7
|
-
--_1msu1q0: var(--ax-colors-bg-tertiary-hovered);
|
|
8
|
-
}
|
|
9
|
-
._1s88ukk {
|
|
10
|
-
background-color: var(--_1msu1q0);
|
|
11
|
-
position: relative;
|
|
12
|
-
}
|
|
13
|
-
.cjnidc {
|
|
14
|
-
background-color: var(--ax-colors-bg-default);
|
|
15
|
-
transform: translateX(-10px);
|
|
16
|
-
}
|
|
17
|
-
._1cpee0y:has(.irt4b7:checked) .cjnidc {
|
|
18
|
-
transform: translateX(10px);
|
|
19
|
-
}
|
|
20
|
-
._1cpee0y:has(.irt4b7:disabled) .cjnidc {
|
|
21
|
-
background-color: var(--ax-colors-bg-page);
|
|
22
|
-
}
|
|
23
|
-
._1cpee0y:has(.irt4b7:not(:disabled)) .cjnidc {
|
|
24
|
-
box-shadow: var(--ax-boxShadow-sm);
|
|
25
|
-
}
|
|
26
|
-
}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
@layer optiaxiom._12gtxoh;
|
|
2
|
-
@layer optiaxiom._12gtxoh {
|
|
3
|
-
._1a0qdqr[data-orientation="horizontal"] {
|
|
4
|
-
flex-direction: row;
|
|
5
|
-
}
|
|
6
|
-
._1a0qdqr[data-orientation="vertical"] {
|
|
7
|
-
flex-direction: column;
|
|
8
|
-
}
|
|
9
|
-
._1ju40w7[data-orientation="horizontal"] {
|
|
10
|
-
border-bottom-width: 1px;
|
|
11
|
-
gap: 24px;
|
|
12
|
-
}
|
|
13
|
-
._1ju40w7[data-orientation="vertical"] {
|
|
14
|
-
border-right-width: 1px;
|
|
15
|
-
gap: 8px;
|
|
16
|
-
}
|
|
17
|
-
._1kntdje[data-orientation="horizontal"] {
|
|
18
|
-
gap: 24px;
|
|
19
|
-
}
|
|
20
|
-
._1kntdje[data-orientation="vertical"] {
|
|
21
|
-
gap: 8px;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
@layer optiaxiom._12gtxoh;
|
|
2
|
-
@layer optiaxiom._12gtxoh {
|
|
3
|
-
._1yvjyux {
|
|
4
|
-
max-height: calc(16px + var(--_9pyi73) * 22px);
|
|
5
|
-
}
|
|
6
|
-
.tsrzsk {
|
|
7
|
-
--_9pyi73: 1;
|
|
8
|
-
}
|
|
9
|
-
._12smxbv {
|
|
10
|
-
--_9pyi73: 2;
|
|
11
|
-
}
|
|
12
|
-
._1nt5vom {
|
|
13
|
-
--_9pyi73: 3;
|
|
14
|
-
}
|
|
15
|
-
._60a5r0 {
|
|
16
|
-
--_9pyi73: 4;
|
|
17
|
-
}
|
|
18
|
-
._1de9pz {
|
|
19
|
-
--_9pyi73: 5;
|
|
20
|
-
}
|
|
21
|
-
._90kp93 {
|
|
22
|
-
resize: vertical;
|
|
23
|
-
}
|
|
24
|
-
.t61a3s {
|
|
25
|
-
grid-area: 1 / 1 / 2 / 2;
|
|
26
|
-
}
|
|
27
|
-
._1rwrjb0 {
|
|
28
|
-
visibility: hidden;
|
|
29
|
-
white-space: pre-wrap;
|
|
30
|
-
}
|
|
31
|
-
.y8ijjc {
|
|
32
|
-
resize: none;
|
|
33
|
-
}
|
|
34
|
-
}
|
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
@keyframes _1od6pj2 {
|
|
2
|
-
from {
|
|
3
|
-
opacity: 1;
|
|
4
|
-
}
|
|
5
|
-
}
|
|
6
|
-
@keyframes _6qt8iy {
|
|
7
|
-
from {
|
|
8
|
-
translate: var(--_1kh10k2);
|
|
9
|
-
}
|
|
10
|
-
to {
|
|
11
|
-
translate: 0;
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
@keyframes c46oqe {
|
|
15
|
-
from {
|
|
16
|
-
opacity: 1;
|
|
17
|
-
translate: var(--radix-toast-swipe-end-x) var(--radix-toast-swipe-end-y);
|
|
18
|
-
}
|
|
19
|
-
to {
|
|
20
|
-
translate: var(--_1kh10k2);
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
@layer optiaxiom._12gtxoh;
|
|
24
|
-
@layer optiaxiom._12gtxoh {
|
|
25
|
-
._109pobo:focus-visible {
|
|
26
|
-
outline: 2px solid var(--ax-colors-border-focus);
|
|
27
|
-
outline-offset: 1px;
|
|
28
|
-
}
|
|
29
|
-
._109pobo[data-state="closed"] {
|
|
30
|
-
animation: _1od6pj2 100ms ease-in;
|
|
31
|
-
opacity: 0;
|
|
32
|
-
}
|
|
33
|
-
._109pobo[data-state="closed"] ~ ._109pobo {
|
|
34
|
-
transition: translate 100ms ease-in 100ms;
|
|
35
|
-
}
|
|
36
|
-
._109pobo[data-state="open"] {
|
|
37
|
-
animation: _6qt8iy 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
38
|
-
}
|
|
39
|
-
._109pobo[data-swipe-direction="down"] {
|
|
40
|
-
--_1kh10k2: 0 calc(100% + 24px);
|
|
41
|
-
}
|
|
42
|
-
._109pobo[data-swipe-direction="left"] {
|
|
43
|
-
--_1kh10k2: calc(-100% - 24px) 0;
|
|
44
|
-
}
|
|
45
|
-
._109pobo[data-swipe-direction="right"] {
|
|
46
|
-
--_1kh10k2: calc(100% + 24px) 0;
|
|
47
|
-
}
|
|
48
|
-
._109pobo[data-swipe-direction="up"] {
|
|
49
|
-
--_1kh10k2: 0 calc(-100% - 24px);
|
|
50
|
-
}
|
|
51
|
-
._109pobo[data-swipe="cancel"] {
|
|
52
|
-
transition: translate 150ms ease;
|
|
53
|
-
translate: 0;
|
|
54
|
-
}
|
|
55
|
-
._109pobo[data-swipe="end"] {
|
|
56
|
-
animation: c46oqe 100ms ease-out;
|
|
57
|
-
opacity: 0;
|
|
58
|
-
}
|
|
59
|
-
._109pobo[data-swipe="move"] {
|
|
60
|
-
translate: var(--radix-toast-swipe-move-x) var(--radix-toast-swipe-move-y);
|
|
61
|
-
}
|
|
62
|
-
[data-position^="bottom"] ._109pobo:first-child {
|
|
63
|
-
margin-bottom: auto;
|
|
64
|
-
}
|
|
65
|
-
[data-position^="bottom"] ._109pobo[data-state="closed"] ~ ._109pobo {
|
|
66
|
-
translate: 0 calc(100% + 16px);
|
|
67
|
-
}
|
|
68
|
-
[data-position^="top"] ._109pobo:last-child {
|
|
69
|
-
margin-top: auto;
|
|
70
|
-
}
|
|
71
|
-
[data-position^="top"] ._109pobo[data-state="closed"] ~ ._109pobo {
|
|
72
|
-
translate: 0 calc(-100% - 16px);
|
|
73
|
-
}
|
|
74
|
-
._1ukmgub {
|
|
75
|
-
--_14ymgbt: var(--ax-colors-fg-error-light);
|
|
76
|
-
}
|
|
77
|
-
._1l2r5gy {
|
|
78
|
-
--_14ymgbt: var(--ax-colors-fg-information-light);
|
|
79
|
-
}
|
|
80
|
-
._1pwzs1l {
|
|
81
|
-
--_14ymgbt: var(--ax-colors-fg-default-inverse);
|
|
82
|
-
}
|
|
83
|
-
._1s8l1yg {
|
|
84
|
-
--_14ymgbt: var(--ax-colors-fg-success-light);
|
|
85
|
-
}
|
|
86
|
-
._9eazys {
|
|
87
|
-
--_14ymgbt: var(--ax-colors-fg-warning-light);
|
|
88
|
-
}
|
|
89
|
-
._1gqgyrt {
|
|
90
|
-
color: var(--_14ymgbt);
|
|
91
|
-
}
|
|
92
|
-
._1yl3iyf a {
|
|
93
|
-
color: var(--ax-colors-fg-link-inverse);
|
|
94
|
-
text-decoration: underline;
|
|
95
|
-
}
|
|
96
|
-
}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
@layer optiaxiom._12gtxoh;
|
|
2
|
-
@layer optiaxiom._12gtxoh {
|
|
3
|
-
._1eo60zd {
|
|
4
|
-
--_1msu1q0: var(--ax-colors-border-active);
|
|
5
|
-
color: var(--ax-colors-fg-default);
|
|
6
|
-
position: relative;
|
|
7
|
-
}
|
|
8
|
-
._1eo60zd:has(._18kc1km:not(:disabled):checked):hover {
|
|
9
|
-
--_1msu1q0: var(--ax-colors-bg-accent-hovered);
|
|
10
|
-
}
|
|
11
|
-
._1eo60zd:has(._18kc1km:not(:disabled):not(:checked)):hover {
|
|
12
|
-
--_1msu1q0: var(--ax-colors-border-active-hovered);
|
|
13
|
-
}
|
|
14
|
-
._1eo60zd:has(._18kc1km:checked) {
|
|
15
|
-
--_1msu1q0: var(--ax-colors-bg-accent);
|
|
16
|
-
}
|
|
17
|
-
._1eo60zd:has(._18kc1km:disabled) {
|
|
18
|
-
color: var(--ax-colors-fg-disabled);
|
|
19
|
-
}
|
|
20
|
-
._1eo60zd:not(:has(._18kc1km:disabled)) {
|
|
21
|
-
cursor: pointer;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { useIsomorphicLayoutEffect } from '../../../../../@reach_utils@0.18.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@reach/utils/dist/reach-utils.js';
|
|
3
|
-
|
|
4
|
-
var serverHandoffComplete = false;
|
|
5
|
-
var id = 0;
|
|
6
|
-
function genId() {
|
|
7
|
-
return ++id;
|
|
8
|
-
}
|
|
9
|
-
var maybeReactUseId = React["useId".toString()];
|
|
10
|
-
function useId(providedId) {
|
|
11
|
-
if (maybeReactUseId !== void 0) {
|
|
12
|
-
let generatedId = maybeReactUseId();
|
|
13
|
-
return providedId ?? generatedId;
|
|
14
|
-
}
|
|
15
|
-
let initialId = providedId ?? (serverHandoffComplete ? genId() : null);
|
|
16
|
-
let [id2, setId] = React.useState(initialId);
|
|
17
|
-
useIsomorphicLayoutEffect(() => {
|
|
18
|
-
if (id2 === null) {
|
|
19
|
-
setId(genId());
|
|
20
|
-
}
|
|
21
|
-
}, []);
|
|
22
|
-
React.useEffect(() => {
|
|
23
|
-
if (serverHandoffComplete === false) {
|
|
24
|
-
serverHandoffComplete = true;
|
|
25
|
-
}
|
|
26
|
-
}, []);
|
|
27
|
-
return providedId ?? id2 ?? void 0;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
export { useId };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { useLayoutEffect, useEffect } from 'react';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* @reach/utils v0.18.0
|
|
5
|
-
*
|
|
6
|
-
* Copyright (c) 2018-2022, React Training LLC
|
|
7
|
-
*
|
|
8
|
-
* This source code is licensed under the MIT license found in the
|
|
9
|
-
* LICENSE.md file in the root directory of this source tree.
|
|
10
|
-
*
|
|
11
|
-
* @license MIT
|
|
12
|
-
*/
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
// src/can-use-dom.ts
|
|
16
|
-
function canUseDOM() {
|
|
17
|
-
return !!(typeof window !== "undefined" && window.document && window.document.createElement);
|
|
18
|
-
}
|
|
19
|
-
var useIsomorphicLayoutEffect = canUseDOM() ? useLayoutEffect : useEffect;
|
|
20
|
-
|
|
21
|
-
export { canUseDOM, useIsomorphicLayoutEffect };
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { useCallback, useMemo } from 'react';
|
|
4
|
-
import { useId } from '../../../../../../../@reach_auto-id@0.18.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@reach/auto-id/dist/reach-auto-id.js';
|
|
5
|
-
import { PresenceContext } from '../../context/PresenceContext.js';
|
|
6
|
-
import { useConstant } from '../../utils/use-constant.js';
|
|
7
|
-
|
|
8
|
-
const PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, presenceAffectsLayout, mode, }) => {
|
|
9
|
-
const presenceChildren = useConstant(newChildrenMap);
|
|
10
|
-
const id = useId();
|
|
11
|
-
const memoizedOnExitComplete = useCallback((childId) => {
|
|
12
|
-
presenceChildren.set(childId, true);
|
|
13
|
-
for (const isComplete of presenceChildren.values()) {
|
|
14
|
-
if (!isComplete)
|
|
15
|
-
return; // can stop searching when any is incomplete
|
|
16
|
-
}
|
|
17
|
-
onExitComplete && onExitComplete();
|
|
18
|
-
}, [presenceChildren, onExitComplete]);
|
|
19
|
-
const context = useMemo(() => ({
|
|
20
|
-
id,
|
|
21
|
-
initial,
|
|
22
|
-
isPresent,
|
|
23
|
-
custom,
|
|
24
|
-
onExitComplete: memoizedOnExitComplete,
|
|
25
|
-
register: (childId) => {
|
|
26
|
-
presenceChildren.set(childId, false);
|
|
27
|
-
return () => presenceChildren.delete(childId);
|
|
28
|
-
},
|
|
29
|
-
}),
|
|
30
|
-
/**
|
|
31
|
-
* If the presence of a child affects the layout of the components around it,
|
|
32
|
-
* we want to make a new context value to ensure they get re-rendered
|
|
33
|
-
* so they can detect that layout change.
|
|
34
|
-
*/
|
|
35
|
-
presenceAffectsLayout
|
|
36
|
-
? [Math.random(), memoizedOnExitComplete]
|
|
37
|
-
: [isPresent, memoizedOnExitComplete]);
|
|
38
|
-
useMemo(() => {
|
|
39
|
-
presenceChildren.forEach((_, key) => presenceChildren.set(key, false));
|
|
40
|
-
}, [isPresent]);
|
|
41
|
-
/**
|
|
42
|
-
* If there's no `motion` components to fire exit animations, we want to remove this
|
|
43
|
-
* component immediately.
|
|
44
|
-
*/
|
|
45
|
-
React.useEffect(() => {
|
|
46
|
-
!isPresent &&
|
|
47
|
-
!presenceChildren.size &&
|
|
48
|
-
onExitComplete &&
|
|
49
|
-
onExitComplete();
|
|
50
|
-
}, [isPresent]);
|
|
51
|
-
return (jsx(PresenceContext.Provider, { value: context, children: children }));
|
|
52
|
-
};
|
|
53
|
-
function newChildrenMap() {
|
|
54
|
-
return new Map();
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
export { PresenceChild };
|
|
@@ -1,162 +0,0 @@
|
|
|
1
|
-
import { jsx, Fragment } from 'react/jsx-runtime';
|
|
2
|
-
import { useMemo, useRef, useState, useContext } from 'react';
|
|
3
|
-
import { PresenceChild } from './PresenceChild.js';
|
|
4
|
-
import { LayoutGroupContext } from '../../context/LayoutGroupContext.js';
|
|
5
|
-
import { invariant } from '../../../../../../../motion-utils@11.14.3/node_modules/motion-utils/dist/es/errors.js';
|
|
6
|
-
import { useConstant } from '../../utils/use-constant.js';
|
|
7
|
-
import { onlyElements, getChildKey } from './utils.js';
|
|
8
|
-
import { useIsomorphicLayoutEffect } from '../../utils/use-isomorphic-effect.js';
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
* `AnimatePresence` enables the animation of components that have been removed from the tree.
|
|
12
|
-
*
|
|
13
|
-
* When adding/removing more than a single child, every child **must** be given a unique `key` prop.
|
|
14
|
-
*
|
|
15
|
-
* Any `motion` components that have an `exit` property defined will animate out when removed from
|
|
16
|
-
* the tree.
|
|
17
|
-
*
|
|
18
|
-
* ```jsx
|
|
19
|
-
* import { motion, AnimatePresence } from 'framer-motion'
|
|
20
|
-
*
|
|
21
|
-
* export const Items = ({ items }) => (
|
|
22
|
-
* <AnimatePresence>
|
|
23
|
-
* {items.map(item => (
|
|
24
|
-
* <motion.div
|
|
25
|
-
* key={item.id}
|
|
26
|
-
* initial={{ opacity: 0 }}
|
|
27
|
-
* animate={{ opacity: 1 }}
|
|
28
|
-
* exit={{ opacity: 0 }}
|
|
29
|
-
* />
|
|
30
|
-
* ))}
|
|
31
|
-
* </AnimatePresence>
|
|
32
|
-
* )
|
|
33
|
-
* ```
|
|
34
|
-
*
|
|
35
|
-
* You can sequence exit animations throughout a tree using variants.
|
|
36
|
-
*
|
|
37
|
-
* If a child contains multiple `motion` components with `exit` props, it will only unmount the child
|
|
38
|
-
* once all `motion` components have finished animating out. Likewise, any components using
|
|
39
|
-
* `usePresence` all need to call `safeToRemove`.
|
|
40
|
-
*
|
|
41
|
-
* @public
|
|
42
|
-
*/
|
|
43
|
-
const AnimatePresence = ({ children, exitBeforeEnter, custom, initial = true, onExitComplete, presenceAffectsLayout = true, mode = "sync", }) => {
|
|
44
|
-
invariant(!exitBeforeEnter, "Replace exitBeforeEnter with mode='wait'");
|
|
45
|
-
/**
|
|
46
|
-
* Filter any children that aren't ReactElements. We can only track components
|
|
47
|
-
* between renders with a props.key.
|
|
48
|
-
*/
|
|
49
|
-
const presentChildren = useMemo(() => onlyElements(children), [children]);
|
|
50
|
-
/**
|
|
51
|
-
* Track the keys of the currently rendered children. This is used to
|
|
52
|
-
* determine which children are exiting.
|
|
53
|
-
*/
|
|
54
|
-
const presentKeys = presentChildren.map(getChildKey);
|
|
55
|
-
/**
|
|
56
|
-
* If `initial={false}` we only want to pass this to components in the first render.
|
|
57
|
-
*/
|
|
58
|
-
const isInitialRender = useRef(true);
|
|
59
|
-
/**
|
|
60
|
-
* A ref containing the currently present children. When all exit animations
|
|
61
|
-
* are complete, we use this to re-render the component with the latest children
|
|
62
|
-
* *committed* rather than the latest children *rendered*.
|
|
63
|
-
*/
|
|
64
|
-
const pendingPresentChildren = useRef(presentChildren);
|
|
65
|
-
/**
|
|
66
|
-
* Track which exiting children have finished animating out.
|
|
67
|
-
*/
|
|
68
|
-
const exitComplete = useConstant(() => new Map());
|
|
69
|
-
/**
|
|
70
|
-
* Save children to render as React state. To ensure this component is concurrent-safe,
|
|
71
|
-
* we check for exiting children via an effect.
|
|
72
|
-
*/
|
|
73
|
-
const [diffedChildren, setDiffedChildren] = useState(presentChildren);
|
|
74
|
-
const [renderedChildren, setRenderedChildren] = useState(presentChildren);
|
|
75
|
-
useIsomorphicLayoutEffect(() => {
|
|
76
|
-
isInitialRender.current = false;
|
|
77
|
-
pendingPresentChildren.current = presentChildren;
|
|
78
|
-
/**
|
|
79
|
-
* Update complete status of exiting children.
|
|
80
|
-
*/
|
|
81
|
-
for (let i = 0; i < renderedChildren.length; i++) {
|
|
82
|
-
const key = getChildKey(renderedChildren[i]);
|
|
83
|
-
if (!presentKeys.includes(key)) {
|
|
84
|
-
if (exitComplete.get(key) !== true) {
|
|
85
|
-
exitComplete.set(key, false);
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
else {
|
|
89
|
-
exitComplete.delete(key);
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
}, [renderedChildren, presentKeys.length, presentKeys.join("-")]);
|
|
93
|
-
const exitingChildren = [];
|
|
94
|
-
if (presentChildren !== diffedChildren) {
|
|
95
|
-
let nextChildren = [...presentChildren];
|
|
96
|
-
/**
|
|
97
|
-
* Loop through all the currently rendered components and decide which
|
|
98
|
-
* are exiting.
|
|
99
|
-
*/
|
|
100
|
-
for (let i = 0; i < renderedChildren.length; i++) {
|
|
101
|
-
const child = renderedChildren[i];
|
|
102
|
-
const key = getChildKey(child);
|
|
103
|
-
if (!presentKeys.includes(key)) {
|
|
104
|
-
nextChildren.splice(i, 0, child);
|
|
105
|
-
exitingChildren.push(child);
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
/**
|
|
109
|
-
* If we're in "wait" mode, and we have exiting children, we want to
|
|
110
|
-
* only render these until they've all exited.
|
|
111
|
-
*/
|
|
112
|
-
if (mode === "wait" && exitingChildren.length) {
|
|
113
|
-
nextChildren = exitingChildren;
|
|
114
|
-
}
|
|
115
|
-
setRenderedChildren(onlyElements(nextChildren));
|
|
116
|
-
setDiffedChildren(presentChildren);
|
|
117
|
-
/**
|
|
118
|
-
* Early return to ensure once we've set state with the latest diffed
|
|
119
|
-
* children, we can immediately re-render.
|
|
120
|
-
*/
|
|
121
|
-
return;
|
|
122
|
-
}
|
|
123
|
-
if (process.env.NODE_ENV !== "production" &&
|
|
124
|
-
mode === "wait" &&
|
|
125
|
-
renderedChildren.length > 1) {
|
|
126
|
-
console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
|
|
127
|
-
}
|
|
128
|
-
/**
|
|
129
|
-
* If we've been provided a forceRender function by the LayoutGroupContext,
|
|
130
|
-
* we can use it to force a re-render amongst all surrounding components once
|
|
131
|
-
* all components have finished animating out.
|
|
132
|
-
*/
|
|
133
|
-
const { forceRender } = useContext(LayoutGroupContext);
|
|
134
|
-
return (jsx(Fragment, { children: renderedChildren.map((child) => {
|
|
135
|
-
const key = getChildKey(child);
|
|
136
|
-
const isPresent = presentChildren === renderedChildren ||
|
|
137
|
-
presentKeys.includes(key);
|
|
138
|
-
const onExit = () => {
|
|
139
|
-
if (exitComplete.has(key)) {
|
|
140
|
-
exitComplete.set(key, true);
|
|
141
|
-
}
|
|
142
|
-
else {
|
|
143
|
-
return;
|
|
144
|
-
}
|
|
145
|
-
let isEveryExitComplete = true;
|
|
146
|
-
exitComplete.forEach((isExitComplete) => {
|
|
147
|
-
if (!isExitComplete)
|
|
148
|
-
isEveryExitComplete = false;
|
|
149
|
-
});
|
|
150
|
-
if (isEveryExitComplete) {
|
|
151
|
-
forceRender === null || forceRender === void 0 ? void 0 : forceRender();
|
|
152
|
-
setRenderedChildren(pendingPresentChildren.current);
|
|
153
|
-
onExitComplete && onExitComplete();
|
|
154
|
-
}
|
|
155
|
-
};
|
|
156
|
-
return (jsx(PresenceChild, { isPresent: isPresent, initial: !isInitialRender.current || initial
|
|
157
|
-
? undefined
|
|
158
|
-
: false, custom: isPresent ? undefined : custom, presenceAffectsLayout: presenceAffectsLayout, mode: mode, onExitComplete: isPresent ? undefined : onExit, children: child }, key));
|
|
159
|
-
}) }));
|
|
160
|
-
};
|
|
161
|
-
|
|
162
|
-
export { AnimatePresence };
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { useId } from '../../../../../../../@reach_auto-id@0.18.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@reach/auto-id/dist/reach-auto-id.js';
|
|
2
|
-
import { useContext, useEffect, useCallback } from 'react';
|
|
3
|
-
import { PresenceContext } from '../../context/PresenceContext.js';
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* When a component is the child of `AnimatePresence`, it can use `usePresence`
|
|
7
|
-
* to access information about whether it's still present in the React tree.
|
|
8
|
-
*
|
|
9
|
-
* ```jsx
|
|
10
|
-
* import { usePresence } from "framer-motion"
|
|
11
|
-
*
|
|
12
|
-
* export const Component = () => {
|
|
13
|
-
* const [isPresent, safeToRemove] = usePresence()
|
|
14
|
-
*
|
|
15
|
-
* useEffect(() => {
|
|
16
|
-
* !isPresent && setTimeout(safeToRemove, 1000)
|
|
17
|
-
* }, [isPresent])
|
|
18
|
-
*
|
|
19
|
-
* return <div />
|
|
20
|
-
* }
|
|
21
|
-
* ```
|
|
22
|
-
*
|
|
23
|
-
* If `isPresent` is `false`, it means that a component has been removed the tree, but
|
|
24
|
-
* `AnimatePresence` won't really remove it until `safeToRemove` has been called.
|
|
25
|
-
*
|
|
26
|
-
* @public
|
|
27
|
-
*/
|
|
28
|
-
function usePresence() {
|
|
29
|
-
const context = useContext(PresenceContext);
|
|
30
|
-
if (context === null)
|
|
31
|
-
return [true, null];
|
|
32
|
-
const { isPresent, onExitComplete, register } = context;
|
|
33
|
-
// It's safe to call the following hooks conditionally (after an early return) because the context will always
|
|
34
|
-
// either be null or non-null for the lifespan of the component.
|
|
35
|
-
const id = useId();
|
|
36
|
-
useEffect(() => register(id), []);
|
|
37
|
-
const safeToRemove = useCallback(() => onExitComplete && onExitComplete(id), [id, onExitComplete]);
|
|
38
|
-
return !isPresent && onExitComplete ? [false, safeToRemove] : [true];
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
export { usePresence };
|