@octanejs/base-ui 0.1.50 → 0.1.52
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/LICENSE +21 -0
- package/MIGRATION.md +47 -0
- package/README.md +62 -5
- package/UPSTREAM.md +164 -64
- package/package.json +458 -27
- package/src/accordion/header/AccordionHeader.tsrx +42 -0
- package/src/accordion/header/AccordionHeaderDataAttributes.ts +13 -0
- package/src/accordion/index.parts.ts +5 -0
- package/src/accordion/index.ts +16 -0
- package/src/accordion/item/AccordionItem.tsrx +195 -0
- package/src/accordion/item/AccordionItemContext.ts +26 -0
- package/src/accordion/item/AccordionItemDataAttributes.ts +13 -0
- package/src/accordion/item/stateAttributesMapping.ts +12 -0
- package/src/accordion/panel/AccordionPanel.tsrx +163 -0
- package/src/accordion/panel/AccordionPanelCssVars.ts +10 -0
- package/src/accordion/panel/AccordionPanelDataAttributes.ts +27 -0
- package/src/accordion/root/AccordionRoot.tsrx +240 -0
- package/src/accordion/root/AccordionRootContext.ts +31 -0
- package/src/accordion/root/AccordionRootDataAttributes.ts +8 -0
- package/src/accordion/trigger/AccordionTrigger.tsrx +81 -0
- package/src/accordion/trigger/AccordionTriggerDataAttributes.ts +8 -0
- package/src/alert-dialog/handle.ts +22 -0
- package/src/alert-dialog/index.parts.ts +10 -0
- package/src/alert-dialog/index.ts +39 -0
- package/src/alert-dialog/root/AlertDialogRoot.tsrx +58 -0
- package/src/alert-dialog/trigger/AlertDialogTrigger.tsrx +38 -0
- package/src/alert-dialog/trigger/AlertDialogTriggerDataAttributes.ts +10 -0
- package/src/autocomplete/clear/AutocompleteClearDataAttributes.ts +1 -0
- package/src/autocomplete/index.parts.ts +25 -0
- package/src/autocomplete/index.ts +78 -0
- package/src/autocomplete/input-group/AutocompleteInputGroup.tsrx +53 -0
- package/src/autocomplete/input-group/AutocompleteInputGroupDataAttributes.ts +49 -0
- package/src/autocomplete/item/AutocompleteItem.tsrx +56 -0
- package/src/autocomplete/item/AutocompleteItemDataAttributes.ts +10 -0
- package/src/autocomplete/root/AutocompleteRoot.tsrx +296 -0
- package/src/autocomplete/separator/AutocompleteSeparator.tsrx +37 -0
- package/src/autocomplete/trigger/AutocompleteTrigger.tsrx +57 -0
- package/src/autocomplete/trigger/AutocompleteTriggerDataAttributes.ts +55 -0
- package/src/autocomplete/value/AutocompleteValue.tsrx +38 -0
- package/src/avatar/fallback/AvatarFallback.tsrx +68 -0
- package/src/avatar/image/AvatarImage.tsrx +210 -0
- package/src/avatar/image/AvatarImageDataAttributes.ts +18 -0
- package/src/avatar/image/useImageLoadingStatus.ts +72 -0
- package/src/avatar/index.parts.ts +3 -0
- package/src/avatar/index.ts +5 -0
- package/src/avatar/root/AvatarRoot.tsrx +60 -0
- package/src/avatar/root/AvatarRootContext.ts +21 -0
- package/src/avatar/root/stateAttributesMapping.ts +3 -0
- package/src/button/Button.tsrx +63 -0
- package/src/button/ButtonDataAttributes.tsrx +4 -0
- package/src/button/index.ts +3 -0
- package/src/checkbox/index.parts.ts +2 -0
- package/src/checkbox/index.ts +4 -0
- package/src/checkbox/indicator/CheckboxIndicator.tsrx +96 -0
- package/src/checkbox/indicator/CheckboxIndicatorDataAttributes.ts +58 -0
- package/src/checkbox/root/CheckboxRoot.tsrx +516 -0
- package/src/checkbox/root/CheckboxRootContext.ts +19 -0
- package/src/checkbox/root/CheckboxRootDataAttributes.ts +48 -0
- package/src/checkbox/utils/getCheckboxStateAttributesMapping.ts +24 -0
- package/src/checkbox-group/CheckboxGroup.tsrx +229 -0
- package/src/checkbox-group/CheckboxGroupContext.ts +33 -0
- package/src/checkbox-group/CheckboxGroupDataAttributes.ts +4 -0
- package/src/checkbox-group/index.ts +2 -0
- package/src/checkbox-group/useCheckboxGroupParent.ts +176 -0
- package/src/collapsible/index.parts.ts +3 -0
- package/src/collapsible/index.ts +12 -0
- package/src/collapsible/panel/CollapsiblePanel.tsrx +168 -0
- package/src/collapsible/panel/CollapsiblePanelCssVars.ts +10 -0
- package/src/collapsible/panel/CollapsiblePanelDataAttributes.ts +18 -0
- package/src/collapsible/panel/useCollapsiblePanel.ts +577 -0
- package/src/collapsible/root/CollapsibleRoot.tsrx +116 -0
- package/src/collapsible/root/CollapsibleRootContext.ts +25 -0
- package/src/collapsible/root/CollapsibleRootDataAttributes.ts +18 -0
- package/src/collapsible/root/stateAttributesMapping.ts +9 -0
- package/src/collapsible/root/useCollapsibleRoot.ts +121 -0
- package/src/collapsible/trigger/CollapsibleTrigger.tsrx +78 -0
- package/src/collapsible/trigger/CollapsibleTriggerDataAttributes.ts +4 -0
- package/src/combobox/arrow/ComboboxArrow.tsrx +72 -0
- package/src/combobox/arrow/ComboboxArrowDataAttributes.ts +24 -0
- package/src/combobox/backdrop/ComboboxBackdrop.tsrx +75 -0
- package/src/combobox/backdrop/ComboboxBackdropDataAttributes.ts +18 -0
- package/src/combobox/chip/ComboboxChip.tsrx +150 -0
- package/src/combobox/chip/ComboboxChipContext.ts +19 -0
- package/src/combobox/chip-remove/ComboboxChipRemove.tsrx +138 -0
- package/src/combobox/chips/ComboboxChips.tsrx +78 -0
- package/src/combobox/chips/ComboboxChipsContext.ts +17 -0
- package/src/combobox/clear/ComboboxClear.tsrx +178 -0
- package/src/combobox/clear/ComboboxClearDataAttributes.ts +25 -0
- package/src/combobox/collection/ComboboxCollection.tsrx +34 -0
- package/src/combobox/collection/GroupCollectionContext.tsrx +31 -0
- package/src/combobox/empty/ComboboxEmpty.tsrx +58 -0
- package/src/combobox/group/ComboboxGroup.tsrx +74 -0
- package/src/combobox/group/ComboboxGroupContext.ts +27 -0
- package/src/combobox/group-label/ComboboxGroupLabel.tsrx +52 -0
- package/src/combobox/icon/ComboboxIcon.tsrx +41 -0
- package/src/combobox/index.parts.ts +31 -0
- package/src/combobox/index.ts +36 -0
- package/src/combobox/input/ComboboxInput.tsrx +507 -0
- package/src/combobox/input/ComboboxInputDataAttributes.ts +55 -0
- package/src/combobox/input-group/ComboboxInputGroup.tsrx +110 -0
- package/src/combobox/input-group/ComboboxInputGroupDataAttributes.ts +53 -0
- package/src/combobox/item/ComboboxItem.tsrx +328 -0
- package/src/combobox/item/ComboboxItemContext.ts +20 -0
- package/src/combobox/item/ComboboxItemDataAttributes.ts +12 -0
- package/src/combobox/item-indicator/ComboboxItemIndicator.tsrx +109 -0
- package/src/combobox/item-indicator/ComboboxItemIndicatorDataAttributes.ts +10 -0
- package/src/combobox/items/createItems.ts +168 -0
- package/src/combobox/items/itemCollection.ts +67 -0
- package/src/combobox/label/ComboboxLabel.tsrx +88 -0
- package/src/combobox/list/ComboboxList.tsrx +152 -0
- package/src/combobox/popup/ComboboxPopup.tsrx +214 -0
- package/src/combobox/popup/ComboboxPopupDataAttributes.ts +36 -0
- package/src/combobox/portal/ComboboxPortal.tsrx +56 -0
- package/src/combobox/portal/ComboboxPortalContext.tsrx +12 -0
- package/src/combobox/positioner/ComboboxPositioner.tsrx +172 -0
- package/src/combobox/positioner/ComboboxPositionerContext.tsrx +30 -0
- package/src/combobox/positioner/ComboboxPositionerCssVars.ts +25 -0
- package/src/combobox/positioner/ComboboxPositionerDataAttributes.ts +28 -0
- package/src/combobox/root/AriaCombobox.tsrx +1970 -0
- package/src/combobox/root/ComboboxRoot.tsrx +183 -0
- package/src/combobox/root/ComboboxRootContext.tsrx +66 -0
- package/src/combobox/root/utils/constants.ts +5 -0
- package/src/combobox/root/utils/index.ts +68 -0
- package/src/combobox/root/utils/useFilter.ts +50 -0
- package/src/combobox/root/utils/useFilteredItems.ts +11 -0
- package/src/combobox/row/ComboboxRow.tsrx +37 -0
- package/src/combobox/row/ComboboxRowContext.ts +9 -0
- package/src/combobox/separator/ComboboxSeparator.tsrx +37 -0
- package/src/combobox/status/ComboboxStatus.tsrx +49 -0
- package/src/combobox/store.ts +206 -0
- package/src/combobox/trigger/ComboboxTrigger.tsrx +302 -0
- package/src/combobox/trigger/ComboboxTriggerDataAttributes.ts +59 -0
- package/src/combobox/utils/ComboboxInternalDismissButton.tsrx +47 -0
- package/src/combobox/utils/handleInputPress.ts +38 -0
- package/src/combobox/utils/parts.ts +59 -0
- package/src/combobox/utils/stateAttributesMapping.ts +19 -0
- package/src/combobox/utils/useInitialLiveRegionTextMutation.ts +66 -0
- package/src/combobox/value/ComboboxValue.tsrx +65 -0
- package/src/context-menu/index.parts.ts +21 -0
- package/src/context-menu/index.ts +66 -0
- package/src/context-menu/positioner/ContextMenuPositioner.tsrx +119 -0
- package/src/context-menu/positioner/ContextMenuPositionerCssVars.ts +1 -0
- package/src/context-menu/positioner/ContextMenuPositionerDataAttributes.ts +1 -0
- package/src/context-menu/root/ContextMenuRoot.tsrx +98 -0
- package/src/context-menu/root/ContextMenuRootContext.ts +34 -0
- package/src/context-menu/trigger/ContextMenuTrigger.tsrx +237 -0
- package/src/context-menu/trigger/ContextMenuTriggerDataAttributes.ts +10 -0
- package/src/csp-provider/CSPProvider.tsrx +43 -0
- package/src/csp-provider/index.parts.ts +1 -0
- package/src/csp-provider/index.ts +3 -0
- package/src/dialog/backdrop/DialogBackdrop.tsrx +76 -0
- package/src/dialog/backdrop/DialogBackdropDataAttributes.ts +18 -0
- package/src/dialog/close/DialogClose.tsrx +67 -0
- package/src/dialog/close/DialogCloseDataAttributes.ts +4 -0
- package/src/dialog/description/DialogDescription.tsrx +41 -0
- package/src/dialog/index.parts.ts +10 -0
- package/src/dialog/index.ts +14 -0
- package/src/dialog/popup/DialogPopup.tsrx +170 -0
- package/src/dialog/popup/DialogPopupCssVars.ts +5 -0
- package/src/dialog/popup/DialogPopupDataAttributes.ts +26 -0
- package/src/dialog/portal/DialogPortal.tsrx +63 -0
- package/src/dialog/portal/DialogPortalContext.ts +13 -0
- package/src/dialog/root/DialogRoot.tsrx +117 -0
- package/src/dialog/root/DialogRootContext.ts +20 -0
- package/src/dialog/root/useDialogRoot.ts +128 -0
- package/src/dialog/root/useRenderDialogRoot.tsrx +108 -0
- package/src/dialog/store/DialogHandle.ts +83 -0
- package/src/dialog/store/DialogStore.ts +149 -0
- package/src/dialog/title/DialogTitle.tsrx +41 -0
- package/src/dialog/trigger/DialogTrigger.tsrx +142 -0
- package/src/dialog/trigger/DialogTriggerDataAttributes.ts +10 -0
- package/src/dialog/utils/stateAttributesMapping.ts +22 -0
- package/src/dialog/viewport/DialogViewport.tsrx +89 -0
- package/src/dialog/viewport/DialogViewportDataAttributes.ts +26 -0
- package/src/direction-provider/DirectionProvider.tsrx +37 -0
- package/src/direction-provider/index.parts.ts +5 -0
- package/src/direction-provider/index.ts +2 -0
- package/src/drawer/backdrop/DrawerBackdrop.tsrx +81 -0
- package/src/drawer/backdrop/DrawerBackdropCssVars.ts +5 -0
- package/src/drawer/backdrop/DrawerBackdropDataAttributes.ts +18 -0
- package/src/drawer/close/DrawerClose.tsrx +31 -0
- package/src/drawer/content/DrawerContent.tsrx +37 -0
- package/src/drawer/content/drawerContentAttribute.ts +1 -0
- package/src/drawer/description/DrawerDescription.tsrx +25 -0
- package/src/drawer/handle.ts +22 -0
- package/src/drawer/indent/DrawerIndent.tsrx +104 -0
- package/src/drawer/indent-background/DrawerIndentBackground.tsrx +61 -0
- package/src/drawer/index.parts.ts +16 -0
- package/src/drawer/index.ts +17 -0
- package/src/drawer/popup/DrawerPopup.tsrx +485 -0
- package/src/drawer/popup/DrawerPopupCssVars.ts +35 -0
- package/src/drawer/popup/DrawerPopupDataAttributes.ts +43 -0
- package/src/drawer/portal/DrawerPortal.tsrx +39 -0
- package/src/drawer/provider/DrawerProvider.tsrx +117 -0
- package/src/drawer/provider/DrawerProviderContext.ts +29 -0
- package/src/drawer/root/DrawerRoot.tsrx +478 -0
- package/src/drawer/root/DrawerRootContext.ts +115 -0
- package/src/drawer/root/useDrawerSnapPoints.ts +198 -0
- package/src/drawer/swipe-area/DrawerSwipeArea.tsrx +528 -0
- package/src/drawer/swipe-area/DrawerSwipeAreaDataAttributes.ts +23 -0
- package/src/drawer/title/DrawerTitle.tsrx +25 -0
- package/src/drawer/trigger/DrawerTrigger.tsrx +53 -0
- package/src/drawer/viewport/DrawerViewport.tsrx +1237 -0
- package/src/drawer/viewport/DrawerViewportContext.tsrx +15 -0
- package/src/drawer/viewport/DrawerViewportCssVars.ts +6 -0
- package/src/drawer/viewport/DrawerViewportDataAttributes.ts +22 -0
- package/src/drawer/virtual-keyboard-provider/DrawerVirtualKeyboardContext.tsrx +19 -0
- package/src/drawer/virtual-keyboard-provider/DrawerVirtualKeyboardProvider.tsrx +858 -0
- package/src/field/control/FieldControl.tsrx +241 -0
- package/src/field/control/FieldControlDataAttributes.ts +28 -0
- package/src/field/description/FieldDescription.tsrx +67 -0
- package/src/field/description/FieldDescriptionDataAttributes.ts +28 -0
- package/src/field/error/FieldError.tsrx +160 -0
- package/src/field/error/FieldErrorDataAttributes.ts +38 -0
- package/src/field/index.parts.ts +9 -0
- package/src/field/index.ts +9 -0
- package/src/field/item/FieldItem.tsrx +66 -0
- package/src/field/item/FieldItemContext.ts +15 -0
- package/src/field/item/FieldItemDataAttributes.ts +28 -0
- package/src/field/label/FieldLabel.tsrx +107 -0
- package/src/field/label/FieldLabelDataAttributes.ts +28 -0
- package/src/field/root/FieldRoot.tsrx +336 -0
- package/src/field/root/FieldRootDataAttributes.ts +28 -0
- package/src/field/root/useFieldValidation.ts +418 -0
- package/src/field/utils/getCombinedFieldValidityData.ts +18 -0
- package/src/field/validity/FieldValidity.tsrx +69 -0
- package/src/fieldset/index.parts.ts +2 -0
- package/src/fieldset/index.ts +4 -0
- package/src/fieldset/legend/FieldsetLegend.tsrx +51 -0
- package/src/fieldset/root/FieldsetRoot.tsrx +74 -0
- package/src/fieldset/root/FieldsetRootContext.ts +23 -0
- package/src/floating-ui-react/components/FloatingDelayGroup.tsrx +281 -0
- package/src/floating-ui-react/components/FloatingFocusManager.tsrx +1004 -0
- package/src/floating-ui-react/components/FloatingPortal.tsrx +319 -0
- package/src/floating-ui-react/components/FloatingRootStore.ts +136 -0
- package/src/floating-ui-react/components/FloatingTree.tsrx +95 -0
- package/src/floating-ui-react/components/FloatingTreeStore.ts +24 -0
- package/src/floating-ui-react/hooks/gridNavigation.ts +50 -0
- package/src/floating-ui-react/hooks/useClick.ts +229 -0
- package/src/floating-ui-react/hooks/useClientPoint.ts +261 -0
- package/src/floating-ui-react/hooks/useDismiss.ts +808 -0
- package/src/floating-ui-react/hooks/useFloating.ts +205 -0
- package/src/floating-ui-react/hooks/useFloatingRootContext.ts +84 -0
- package/src/floating-ui-react/hooks/useFocus.ts +253 -0
- package/src/floating-ui-react/hooks/useHover.ts +468 -0
- package/src/floating-ui-react/hooks/useHoverFloatingInteraction.ts +274 -0
- package/src/floating-ui-react/hooks/useHoverInteractionSharedState.ts +132 -0
- package/src/floating-ui-react/hooks/useHoverReferenceInteraction.ts +523 -0
- package/src/floating-ui-react/hooks/useHoverShared.ts +72 -0
- package/src/floating-ui-react/hooks/useListNavigation.ts +941 -0
- package/src/floating-ui-react/hooks/useSyncedFloatingRootContext.ts +115 -0
- package/src/floating-ui-react/hooks/useTypeahead.ts +248 -0
- package/src/floating-ui-react/index.ts +48 -0
- package/src/floating-ui-react/middleware/arrow.ts +128 -0
- package/src/floating-ui-react/middleware/positioning.ts +28 -0
- package/src/floating-ui-react/safePolygon.ts +451 -0
- package/src/floating-ui-react/types.ts +206 -0
- package/src/floating-ui-react/utils/composite.ts +528 -0
- package/src/floating-ui-react/utils/constants.ts +10 -0
- package/src/floating-ui-react/utils/createAttribute.ts +3 -0
- package/src/floating-ui-react/utils/createEventEmitter.ts +19 -0
- package/src/floating-ui-react/utils/element.ts +96 -0
- package/src/floating-ui-react/utils/enqueueFocus.ts +37 -0
- package/src/floating-ui-react/utils/event.ts +60 -0
- package/src/floating-ui-react/utils/getEmptyRootContext.ts +17 -0
- package/src/floating-ui-react/utils/markOthers.ts +219 -0
- package/src/floating-ui-react/utils/nodes.ts +54 -0
- package/src/floating-ui-react/utils/tabbable.ts +283 -0
- package/src/floating-ui-react/utils.ts +5 -0
- package/src/form/Form.tsrx +248 -0
- package/src/form/index.ts +3 -0
- package/src/global.d.ts +9 -0
- package/src/index.ts +45 -39
- package/src/input/Input.tsrx +44 -0
- package/src/input/InputDataAttributes.ts +28 -0
- package/src/input/index.ts +3 -0
- package/src/internals/PrehydrationScript.tsrx +59 -0
- package/src/internals/RequestQueue.ts +126 -0
- package/src/internals/TimeoutManager.ts +29 -0
- package/src/internals/TransitionStatusDataAttributes.ts +9 -0
- package/src/internals/composite/composite.ts +174 -0
- package/src/internals/composite/constants.ts +1 -0
- package/src/internals/composite/index.ts +19 -0
- package/src/internals/composite/item/CompositeItem.tsrx +57 -0
- package/src/internals/composite/item/useCompositeItem.ts +50 -0
- package/src/internals/composite/list/CompositeList.tsrx +325 -0
- package/src/internals/composite/list/CompositeListContext.ts +28 -0
- package/src/internals/composite/list/useCompositeListItem.ts +100 -0
- package/src/internals/composite/root/CompositeRoot.tsrx +138 -0
- package/src/internals/composite/root/CompositeRootContext.ts +33 -0
- package/src/internals/composite/root/gridNavigation.ts +127 -0
- package/src/internals/composite/root/useCompositeRoot.ts +378 -0
- package/src/internals/constants.ts +41 -0
- package/src/internals/createBaseUIEventDetails.ts +166 -0
- package/src/internals/csp-context/CSPContext.tsrx +17 -0
- package/src/internals/csp-context/index.ts +2 -0
- package/src/internals/direction-context/DirectionContext.tsrx +16 -0
- package/src/internals/direction-context/index.ts +5 -0
- package/src/internals/field-constants/constants.ts +44 -0
- package/src/internals/field-constants/index.ts +6 -0
- package/src/internals/field-register-control/index.ts +6 -0
- package/src/internals/field-register-control/useFieldControlRegistration.ts +185 -0
- package/src/internals/field-register-control/useRegisterFieldControl.ts +47 -0
- package/src/internals/field-root-context/FieldRootContext.ts +79 -0
- package/src/internals/field-root-context/index.ts +2 -0
- package/src/internals/filter.ts +82 -0
- package/src/internals/form-context/FormContext.ts +51 -0
- package/src/internals/form-context/index.ts +2 -0
- package/src/internals/getDisabledMountTransitionStyles.ts +10 -0
- package/src/internals/getStateAttributesProps.ts +32 -0
- package/src/internals/itemEquality.ts +134 -0
- package/src/internals/labelable-provider/LabelableContext.ts +49 -0
- package/src/internals/labelable-provider/LabelableProvider.tsrx +120 -0
- package/src/internals/labelable-provider/index.ts +6 -0
- package/src/internals/labelable-provider/useAriaLabelledBy.ts +73 -0
- package/src/internals/labelable-provider/useLabel.ts +113 -0
- package/src/internals/labelable-provider/useLabelableId.ts +101 -0
- package/src/internals/noop.ts +1 -0
- package/src/internals/prehydrationScript.stub.ts +6 -0
- package/src/internals/reason-parts.ts +42 -0
- package/src/internals/reasons.ts +5 -0
- package/src/internals/resolveValueLabel.tsrx +158 -0
- package/src/internals/serializeValue.ts +13 -0
- package/src/internals/stateAttributesMapping.ts +20 -0
- package/src/internals/temporal/index.ts +2 -0
- package/src/internals/temporal/temporal-adapter.ts +382 -0
- package/src/internals/temporal/temporal.ts +49 -0
- package/src/internals/temporal-adapter-date-fns/TemporalAdapterDateFns.ts +474 -0
- package/src/internals/temporal-adapter-date-fns/index.ts +1 -0
- package/src/internals/temporal-adapter-luxon/TemporalAdapterLuxon.ts +380 -0
- package/src/internals/temporal-adapter-luxon/index.ts +1 -0
- package/src/internals/types.ts +97 -0
- package/src/internals/use-button/index.ts +1 -0
- package/src/internals/use-button/useButton.ts +309 -0
- package/src/internals/useAnchorPositioning.ts +828 -0
- package/src/internals/useAnimationsFinished.ts +161 -0
- package/src/internals/useBaseUiId.ts +12 -0
- package/src/internals/useOpenChangeComplete.tsrx +56 -0
- package/src/internals/usePressAndHold.ts +287 -0
- package/src/internals/useRenderElement.tsrx +284 -0
- package/src/internals/useTransitionStatus.ts +98 -0
- package/src/internals/useValueChanged.ts +18 -0
- package/src/menu/arrow/MenuArrow.tsrx +71 -0
- package/src/menu/arrow/MenuArrowDataAttributes.ts +24 -0
- package/src/menu/backdrop/MenuBackdrop.tsrx +75 -0
- package/src/menu/backdrop/MenuBackdropDataAttributes.ts +18 -0
- package/src/menu/checkbox-item/MenuCheckboxItem.tsrx +184 -0
- package/src/menu/checkbox-item/MenuCheckboxItemContext.ts +24 -0
- package/src/menu/checkbox-item/MenuCheckboxItemDataAttributes.ts +16 -0
- package/src/menu/checkbox-item-indicator/MenuCheckboxItemIndicator.tsrx +96 -0
- package/src/menu/checkbox-item-indicator/MenuCheckboxItemIndicatorDataAttributes.ts +22 -0
- package/src/menu/group/MenuGroup.tsrx +47 -0
- package/src/menu/group/MenuGroupContext.ts +18 -0
- package/src/menu/group-label/MenuGroupLabel.tsrx +51 -0
- package/src/menu/index.parts.ts +21 -0
- package/src/menu/index.ts +24 -0
- package/src/menu/item/MenuItem.tsrx +107 -0
- package/src/menu/item/MenuItemDataAttributes.ts +8 -0
- package/src/menu/item/useMenuItem.ts +142 -0
- package/src/menu/item/useMenuItemCommonProps.ts +139 -0
- package/src/menu/link-item/MenuLinkItem.tsrx +106 -0
- package/src/menu/link-item/MenuLinkItemDataAttributes.ts +4 -0
- package/src/menu/popup/MenuPopup.tsrx +199 -0
- package/src/menu/popup/MenuPopupDataAttributes.ts +33 -0
- package/src/menu/portal/MenuPortal.tsrx +60 -0
- package/src/menu/portal/MenuPortalContext.ts +13 -0
- package/src/menu/positioner/MenuPositioner.tsrx +378 -0
- package/src/menu/positioner/MenuPositionerContext.ts +25 -0
- package/src/menu/positioner/MenuPositionerCssVars.ts +37 -0
- package/src/menu/positioner/MenuPositionerDataAttributes.ts +24 -0
- package/src/menu/radio-group/MenuRadioGroup.tsrx +129 -0
- package/src/menu/radio-group/MenuRadioGroupContext.ts +25 -0
- package/src/menu/radio-item/MenuRadioItem.tsrx +156 -0
- package/src/menu/radio-item/MenuRadioItemContext.ts +24 -0
- package/src/menu/radio-item/MenuRadioItemDataAttributes.ts +16 -0
- package/src/menu/radio-item-indicator/MenuRadioItemIndicator.tsrx +96 -0
- package/src/menu/radio-item-indicator/MenuRadioItemIndicatorDataAttributes.ts +22 -0
- package/src/menu/root/MenuRoot.tsrx +818 -0
- package/src/menu/root/MenuRootContext.ts +25 -0
- package/src/menu/store/MenuHandle.ts +54 -0
- package/src/menu/store/MenuStore.ts +234 -0
- package/src/menu/submenu-root/MenuSubmenuRoot.tsrx +64 -0
- package/src/menu/submenu-root/MenuSubmenuRootContext.ts +16 -0
- package/src/menu/submenu-trigger/MenuSubmenuTrigger.tsrx +278 -0
- package/src/menu/submenu-trigger/MenuSubmenuTriggerDataAttributes.ts +14 -0
- package/src/menu/trigger/MenuTrigger.tsrx +395 -0
- package/src/menu/trigger/MenuTriggerDataAttributes.ts +14 -0
- package/src/menu/utils/findRootOwnerId.ts +13 -0
- package/src/menu/utils/stateAttributesMapping.ts +17 -0
- package/src/menu/utils/types.ts +8 -0
- package/src/menu/viewport/MenuViewport.tsrx +75 -0
- package/src/menu/viewport/MenuViewportCssVars.ts +12 -0
- package/src/menu/viewport/MenuViewportDataAttributes.ts +24 -0
- package/src/menubar/Menubar.tsrx +173 -0
- package/src/menubar/MenubarContext.ts +31 -0
- package/src/menubar/MenubarDataAttributes.ts +13 -0
- package/src/menubar/index.ts +3 -0
- package/src/merge-props/index.ts +1 -0
- package/src/merge-props/mergeProps.ts +302 -0
- package/src/meter/index.parts.ts +5 -0
- package/src/meter/index.ts +7 -0
- package/src/meter/indicator/MeterIndicator.tsrx +46 -0
- package/src/meter/label/MeterLabel.tsrx +46 -0
- package/src/meter/root/MeterRoot.tsrx +129 -0
- package/src/meter/root/MeterRootContext.ts +26 -0
- package/src/meter/track/MeterTrack.tsrx +34 -0
- package/src/meter/value/MeterValue.tsrx +51 -0
- package/src/navigation-menu/arrow/NavigationMenuArrow.tsrx +77 -0
- package/src/navigation-menu/arrow/NavigationMenuArrowDataAttributes.ts +24 -0
- package/src/navigation-menu/backdrop/NavigationMenuBackdrop.tsrx +69 -0
- package/src/navigation-menu/backdrop/NavigationMenuBackdropDataAttributes.ts +18 -0
- package/src/navigation-menu/content/NavigationMenuContent.tsrx +208 -0
- package/src/navigation-menu/content/NavigationMenuContentDataAttributes.ts +23 -0
- package/src/navigation-menu/icon/NavigationMenuIcon.tsrx +56 -0
- package/src/navigation-menu/icon/NavigationMenuIconDataAttributes.ts +6 -0
- package/src/navigation-menu/index.parts.ts +13 -0
- package/src/navigation-menu/index.ts +15 -0
- package/src/navigation-menu/item/NavigationMenuItem.tsrx +59 -0
- package/src/navigation-menu/item/NavigationMenuItemContext.ts +21 -0
- package/src/navigation-menu/link/NavigationMenuLink.tsrx +108 -0
- package/src/navigation-menu/link/NavigationMenuLinkDataAttributes.ts +4 -0
- package/src/navigation-menu/list/NavigationMenuDismissContext.ts +12 -0
- package/src/navigation-menu/list/NavigationMenuList.tsrx +144 -0
- package/src/navigation-menu/popup/NavigationMenuPopup.tsrx +106 -0
- package/src/navigation-menu/popup/NavigationMenuPopupCssVars.ts +10 -0
- package/src/navigation-menu/popup/NavigationMenuPopupDataAttributes.ts +32 -0
- package/src/navigation-menu/portal/NavigationMenuPortal.tsrx +58 -0
- package/src/navigation-menu/portal/NavigationMenuPortalContext.ts +13 -0
- package/src/navigation-menu/positioner/NavigationMenuPositioner.tsrx +219 -0
- package/src/navigation-menu/positioner/NavigationMenuPositionerContext.ts +26 -0
- package/src/navigation-menu/positioner/NavigationMenuPositionerCssVars.ts +35 -0
- package/src/navigation-menu/positioner/NavigationMenuPositionerDataAttributes.ts +28 -0
- package/src/navigation-menu/root/NavigationMenuRoot.tsrx +439 -0
- package/src/navigation-menu/root/NavigationMenuRootContext.ts +84 -0
- package/src/navigation-menu/trigger/NavigationMenuTrigger.tsrx +846 -0
- package/src/navigation-menu/trigger/NavigationMenuTriggerDataAttributes.ts +14 -0
- package/src/navigation-menu/utils/constants.ts +3 -0
- package/src/navigation-menu/utils/isOutsideMenuEvent.ts +36 -0
- package/src/navigation-menu/utils/setSharedFixedSize.ts +20 -0
- package/src/navigation-menu/utils/useNavigationMenuAnchorPositioning.ts +18 -0
- package/src/navigation-menu/viewport/NavigationMenuViewport.tsrx +146 -0
- package/src/number-field/decrement/NumberFieldDecrement.tsrx +30 -0
- package/src/number-field/decrement/NumberFieldDecrementDataAttributes.ts +40 -0
- package/src/number-field/group/NumberFieldGroup.tsrx +42 -0
- package/src/number-field/group/NumberFieldGroupDataAttributes.ts +40 -0
- package/src/number-field/increment/NumberFieldIncrement.tsrx +30 -0
- package/src/number-field/increment/NumberFieldIncrementDataAttributes.ts +40 -0
- package/src/number-field/index.parts.ts +7 -0
- package/src/number-field/index.ts +9 -0
- package/src/number-field/input/NumberFieldInput.tsrx +488 -0
- package/src/number-field/input/NumberFieldInputDataAttributes.ts +40 -0
- package/src/number-field/root/NumberFieldRoot.tsrx +735 -0
- package/src/number-field/root/NumberFieldRootContext.ts +52 -0
- package/src/number-field/root/NumberFieldRootDataAttributes.ts +40 -0
- package/src/number-field/root/useNumberFieldStepperButton.ts +191 -0
- package/src/number-field/scrub-area/NumberFieldScrubArea.tsrx +395 -0
- package/src/number-field/scrub-area/NumberFieldScrubAreaContext.ts +24 -0
- package/src/number-field/scrub-area/NumberFieldScrubAreaDataAttributes.ts +40 -0
- package/src/number-field/scrub-area-cursor/NumberFieldScrubAreaCursor.tsrx +73 -0
- package/src/number-field/scrub-area-cursor/NumberFieldScrubAreaCursorDataAttributes.ts +40 -0
- package/src/number-field/utils/constants.ts +2 -0
- package/src/number-field/utils/getViewportRect.ts +34 -0
- package/src/number-field/utils/parse.ts +221 -0
- package/src/number-field/utils/stateAttributesMapping.ts +9 -0
- package/src/number-field/utils/types.ts +27 -0
- package/src/number-field/utils/validate.ts +136 -0
- package/src/otp-field/index.parts.ts +3 -0
- package/src/otp-field/index.ts +4 -0
- package/src/otp-field/input/OTPFieldInput.tsrx +356 -0
- package/src/otp-field/input/OTPFieldInputDataAttributes.ts +40 -0
- package/src/otp-field/root/OTPFieldRoot.tsrx +679 -0
- package/src/otp-field/root/OTPFieldRootContext.ts +58 -0
- package/src/otp-field/root/OTPFieldRootDataAttributes.ts +40 -0
- package/src/otp-field/utils/otp.ts +118 -0
- package/src/otp-field/utils/stateAttributesMapping.ts +16 -0
- package/src/popover/arrow/PopoverArrow.tsrx +69 -0
- package/src/popover/arrow/PopoverArrowDataAttributes.ts +24 -0
- package/src/popover/backdrop/PopoverBackdrop.tsrx +71 -0
- package/src/popover/backdrop/PopoverBackdropDataAttributes.ts +18 -0
- package/src/popover/close/PopoverClose.tsrx +65 -0
- package/src/popover/description/PopoverDescription.tsrx +46 -0
- package/src/popover/index.parts.ts +15 -0
- package/src/popover/index.ts +16 -0
- package/src/popover/popup/PopoverPopup.tsrx +188 -0
- package/src/popover/popup/PopoverPopupCssVars.ts +8 -0
- package/src/popover/popup/PopoverPopupDataAttributes.ts +33 -0
- package/src/popover/portal/PopoverPortal.tsrx +54 -0
- package/src/popover/portal/PopoverPortalContext.ts +13 -0
- package/src/popover/positioner/PopoverPositioner.tsrx +196 -0
- package/src/popover/positioner/PopoverPositionerContext.ts +28 -0
- package/src/popover/positioner/PopoverPositionerCssVars.ts +37 -0
- package/src/popover/positioner/PopoverPositionerDataAttributes.ts +24 -0
- package/src/popover/root/PopoverRoot.tsrx +262 -0
- package/src/popover/root/PopoverRootContext.ts +20 -0
- package/src/popover/store/PopoverHandle.ts +54 -0
- package/src/popover/store/PopoverStore.ts +229 -0
- package/src/popover/title/PopoverTitle.tsrx +46 -0
- package/src/popover/trigger/PopoverTrigger.tsrx +233 -0
- package/src/popover/trigger/PopoverTriggerDataAttributes.ts +14 -0
- package/src/popover/utils/constants.ts +1 -0
- package/src/popover/viewport/PopoverViewport.tsrx +75 -0
- package/src/popover/viewport/PopoverViewportCssVars.ts +12 -0
- package/src/popover/viewport/PopoverViewportDataAttributes.ts +24 -0
- package/src/preview-card/arrow/PreviewCardArrow.tsrx +70 -0
- package/src/preview-card/arrow/PreviewCardArrowDataAttributes.ts +24 -0
- package/src/preview-card/backdrop/PreviewCardBackdrop.tsrx +73 -0
- package/src/preview-card/backdrop/PreviewCardBackdropDataAttributes.ts +18 -0
- package/src/preview-card/index.parts.ts +12 -0
- package/src/preview-card/index.ts +16 -0
- package/src/preview-card/popup/PreviewCardPopup.tsrx +104 -0
- package/src/preview-card/popup/PreviewCardPopupDataAttributes.ts +28 -0
- package/src/preview-card/portal/PreviewCardPortal.tsrx +59 -0
- package/src/preview-card/portal/PreviewCardPortalContext.ts +13 -0
- package/src/preview-card/positioner/PreviewCardPositioner.tsrx +145 -0
- package/src/preview-card/positioner/PreviewCardPositionerContext.ts +24 -0
- package/src/preview-card/positioner/PreviewCardPositionerCssVars.ts +37 -0
- package/src/preview-card/positioner/PreviewCardPositionerDataAttributes.ts +24 -0
- package/src/preview-card/root/PreviewCardContext.ts +23 -0
- package/src/preview-card/root/PreviewCardRoot.tsrx +210 -0
- package/src/preview-card/store/PreviewCardHandle.ts +58 -0
- package/src/preview-card/store/PreviewCardStore.ts +140 -0
- package/src/preview-card/trigger/PreviewCardTrigger.tsrx +148 -0
- package/src/preview-card/trigger/PreviewCardTriggerDataAttributes.ts +6 -0
- package/src/preview-card/utils/constants.ts +2 -0
- package/src/preview-card/viewport/PreviewCardViewport.tsrx +78 -0
- package/src/preview-card/viewport/PreviewCardViewportCssVars.ts +12 -0
- package/src/preview-card/viewport/PreviewCardViewportDataAttributes.ts +24 -0
- package/src/progress/index.parts.ts +7 -0
- package/src/progress/index.ts +7 -0
- package/src/progress/indicator/ProgressIndicator.tsrx +59 -0
- package/src/progress/indicator/ProgressIndicatorDataAttributes.ts +12 -0
- package/src/progress/label/ProgressLabel.tsrx +51 -0
- package/src/progress/label/ProgressLabelDataAttributes.ts +12 -0
- package/src/progress/root/ProgressRoot.tsrx +154 -0
- package/src/progress/root/ProgressRootContext.tsrx +37 -0
- package/src/progress/root/ProgressRootDataAttributes.ts +12 -0
- package/src/progress/root/stateAttributesMapping.ts +18 -0
- package/src/progress/track/ProgressTrack.tsrx +42 -0
- package/src/progress/track/ProgressTrackDataAttributes.ts +12 -0
- package/src/progress/value/ProgressValue.tsrx +62 -0
- package/src/progress/value/ProgressValueDataAttributes.ts +12 -0
- package/src/radio/index.parts.ts +2 -0
- package/src/radio/index.ts +4 -0
- package/src/radio/indicator/RadioIndicator.tsrx +84 -0
- package/src/radio/indicator/RadioIndicatorDataAttributes.ts +54 -0
- package/src/radio/root/RadioRoot.tsrx +337 -0
- package/src/radio/root/RadioRootContext.ts +19 -0
- package/src/radio/root/RadioRootDataAttributes.ts +44 -0
- package/src/radio/utils/stateAttributesMapping.ts +20 -0
- package/src/radio-group/RadioGroup.tsrx +337 -0
- package/src/radio-group/RadioGroupContext.ts +29 -0
- package/src/radio-group/RadioGroupDataAttributes.ts +4 -0
- package/src/radio-group/index.ts +3 -0
- package/src/scroll-area/constants.ts +2 -0
- package/src/scroll-area/content/ScrollAreaContent.tsrx +90 -0
- package/src/scroll-area/content/ScrollAreaContentDataAttributes.ts +28 -0
- package/src/scroll-area/corner/ScrollAreaCorner.tsrx +54 -0
- package/src/scroll-area/index.parts.ts +6 -0
- package/src/scroll-area/index.ts +8 -0
- package/src/scroll-area/root/ScrollAreaRoot.tsrx +424 -0
- package/src/scroll-area/root/ScrollAreaRootContext.ts +61 -0
- package/src/scroll-area/root/ScrollAreaRootCssVars.ts +10 -0
- package/src/scroll-area/root/ScrollAreaRootDataAttributes.ts +28 -0
- package/src/scroll-area/root/stateAttributes.ts +15 -0
- package/src/scroll-area/scrollbar/ScrollAreaScrollbar.tsrx +275 -0
- package/src/scroll-area/scrollbar/ScrollAreaScrollbarContext.ts +19 -0
- package/src/scroll-area/scrollbar/ScrollAreaScrollbarCssVars.ts +10 -0
- package/src/scroll-area/scrollbar/ScrollAreaScrollbarDataAttributes.ts +37 -0
- package/src/scroll-area/thumb/ScrollAreaThumb.tsrx +80 -0
- package/src/scroll-area/thumb/ScrollAreaThumbDataAttributes.ts +9 -0
- package/src/scroll-area/utils/getOffset.ts +21 -0
- package/src/scroll-area/viewport/ScrollAreaViewport.tsrx +492 -0
- package/src/scroll-area/viewport/ScrollAreaViewportContext.ts +21 -0
- package/src/scroll-area/viewport/ScrollAreaViewportCssVars.ts +20 -0
- package/src/scroll-area/viewport/ScrollAreaViewportDataAttributes.ts +28 -0
- package/src/select/arrow/SelectArrow.tsrx +75 -0
- package/src/select/arrow/SelectArrowDataAttributes.ts +24 -0
- package/src/select/backdrop/SelectBackdrop.tsrx +77 -0
- package/src/select/backdrop/SelectBackdropDataAttributes.ts +18 -0
- package/src/select/group/SelectGroup.tsrx +52 -0
- package/src/select/group/SelectGroupContext.ts +20 -0
- package/src/select/group-label/SelectGroupLabel.tsrx +49 -0
- package/src/select/icon/SelectIcon.tsrx +51 -0
- package/src/select/icon/SelectIconDataAttributes.ts +6 -0
- package/src/select/index.parts.ts +19 -0
- package/src/select/index.ts +21 -0
- package/src/select/item/SelectItem.tsrx +291 -0
- package/src/select/item/SelectItemContext.ts +22 -0
- package/src/select/item/SelectItemDataAttributes.ts +12 -0
- package/src/select/item-indicator/SelectItemIndicator.tsrx +108 -0
- package/src/select/item-indicator/SelectItemIndicatorDataAttributes.ts +10 -0
- package/src/select/item-text/SelectItemText.tsrx +56 -0
- package/src/select/label/SelectLabel.tsrx +64 -0
- package/src/select/list/SelectList.tsrx +62 -0
- package/src/select/popup/SelectPopup.tsrx +596 -0
- package/src/select/popup/SelectPopupDataAttributes.ts +28 -0
- package/src/select/popup/utils.ts +13 -0
- package/src/select/portal/SelectPortal.tsrx +45 -0
- package/src/select/positioner/SelectPositioner.tsrx +268 -0
- package/src/select/positioner/SelectPositionerContext.ts +26 -0
- package/src/select/positioner/SelectPositionerCssVars.ts +25 -0
- package/src/select/positioner/SelectPositionerDataAttributes.ts +24 -0
- package/src/select/root/SelectRoot.tsrx +752 -0
- package/src/select/root/SelectRootContext.ts +57 -0
- package/src/select/scroll-arrow/SelectScrollArrow.tsrx +236 -0
- package/src/select/scroll-down-arrow/SelectScrollDownArrow.tsrx +37 -0
- package/src/select/scroll-down-arrow/SelectScrollDownArrowDataAttributes.ts +24 -0
- package/src/select/scroll-up-arrow/SelectScrollUpArrow.tsrx +37 -0
- package/src/select/scroll-up-arrow/SelectScrollUpArrowDataAttributes.ts +24 -0
- package/src/select/separator/SelectSeparator.tsrx +34 -0
- package/src/select/store.ts +155 -0
- package/src/select/trigger/SelectTrigger.tsrx +270 -0
- package/src/select/trigger/SelectTriggerDataAttributes.ts +55 -0
- package/src/select/value/SelectValue.tsrx +112 -0
- package/src/select/value/SelectValueDataAttributes.ts +4 -0
- package/src/separator/Separator.tsrx +49 -0
- package/src/separator/SeparatorDataAttributes.ts +5 -0
- package/src/separator/index.ts +3 -0
- package/src/slider/control/SliderControl.tsrx +540 -0
- package/src/slider/control/SliderControlDataAttributes.ts +33 -0
- package/src/slider/index.parts.ts +7 -0
- package/src/slider/index.ts +9 -0
- package/src/slider/indicator/SliderIndicator.tsrx +102 -0
- package/src/slider/indicator/SliderIndicatorDataAttributes.ts +33 -0
- package/src/slider/label/SliderLabel.tsrx +71 -0
- package/src/slider/root/SliderRoot.tsrx +610 -0
- package/src/slider/root/SliderRootContext.ts +115 -0
- package/src/slider/root/SliderRootDataAttributes.ts +33 -0
- package/src/slider/root/stateAttributesMapping.ts +15 -0
- package/src/slider/thumb/SliderThumb.tsrx +567 -0
- package/src/slider/thumb/SliderThumbDataAttributes.ts +37 -0
- package/src/slider/thumb/prehydrationScript.min.ts +5 -0
- package/src/slider/track/SliderTrack.tsrx +49 -0
- package/src/slider/track/SliderTrackDataAttributes.ts +33 -0
- package/src/slider/utils/asc.ts +3 -0
- package/src/slider/utils/getMidpoint.ts +4 -0
- package/src/slider/utils/getPushedThumbValues.ts +60 -0
- package/src/slider/utils/getSliderValue.ts +22 -0
- package/src/slider/utils/resolveThumbCollision.ts +154 -0
- package/src/slider/utils/roundValueToStep.ts +21 -0
- package/src/slider/utils/test-utils.ts +18 -0
- package/src/slider/utils/validateMinimumDistance.ts +17 -0
- package/src/slider/value/SliderValue.tsrx +82 -0
- package/src/slider/value/SliderValueDataAttributes.ts +33 -0
- package/src/switch/index.parts.ts +2 -0
- package/src/switch/index.ts +4 -0
- package/src/switch/root/SwitchRoot.tsrx +335 -0
- package/src/switch/root/SwitchRootContext.ts +19 -0
- package/src/switch/root/SwitchRootDataAttributes.ts +44 -0
- package/src/switch/stateAttributesMapping.ts +15 -0
- package/src/switch/thumb/SwitchThumb.tsrx +40 -0
- package/src/switch/thumb/SwitchThumbDataAttributes.ts +44 -0
- package/src/tabs/index.parts.ts +5 -0
- package/src/tabs/index.ts +21 -0
- package/src/tabs/indicator/TabsIndicator.tsrx +292 -0
- package/src/tabs/indicator/TabsIndicatorCssVars.ts +30 -0
- package/src/tabs/indicator/TabsIndicatorDataAttributes.ts +10 -0
- package/src/tabs/indicator/prehydrationScript.min.ts +5 -0
- package/src/tabs/list/TabsList.tsrx +153 -0
- package/src/tabs/list/TabsListContext.ts +23 -0
- package/src/tabs/list/TabsListDataAttributes.ts +10 -0
- package/src/tabs/panel/TabsPanel.tsrx +145 -0
- package/src/tabs/panel/TabsPanelDataAttributes.ts +28 -0
- package/src/tabs/root/TabsRoot.tsrx +477 -0
- package/src/tabs/root/TabsRootContext.ts +55 -0
- package/src/tabs/root/TabsRootDataAttributes.ts +10 -0
- package/src/tabs/root/stateAttributesMapping.ts +9 -0
- package/src/tabs/tab/TabsTab.tsrx +280 -0
- package/src/tabs/tab/TabsTabDataAttributes.ts +18 -0
- package/src/toast/action/ToastAction.tsrx +72 -0
- package/src/toast/action/ToastActionDataAttributes.ts +5 -0
- package/src/toast/arrow/ToastArrow.tsrx +57 -0
- package/src/toast/arrow/ToastArrowDataAttributes.ts +16 -0
- package/src/toast/close/ToastClose.tsrx +79 -0
- package/src/toast/close/ToastCloseDataAttributes.ts +5 -0
- package/src/toast/content/ToastContent.tsrx +76 -0
- package/src/toast/content/ToastContentDataAttributes.ts +10 -0
- package/src/toast/createToastManager.ts +104 -0
- package/src/toast/description/ToastDescription.tsrx +54 -0
- package/src/toast/description/ToastDescriptionDataAttributes.ts +5 -0
- package/src/toast/index.parts.ts +14 -0
- package/src/toast/index.ts +18 -0
- package/src/toast/portal/ToastPortal.tsrx +33 -0
- package/src/toast/positioner/ToastPositioner.tsrx +154 -0
- package/src/toast/positioner/ToastPositionerContext.ts +23 -0
- package/src/toast/positioner/ToastPositionerCssVars.ts +25 -0
- package/src/toast/positioner/ToastPositionerDataAttributes.ts +16 -0
- package/src/toast/provider/ToastProvider.tsrx +109 -0
- package/src/toast/provider/ToastProviderContext.ts +16 -0
- package/src/toast/root/ToastRoot.tsrx +563 -0
- package/src/toast/root/ToastRootContext.ts +25 -0
- package/src/toast/root/ToastRootCssVars.ts +25 -0
- package/src/toast/root/ToastRootDataAttributes.ts +35 -0
- package/src/toast/store.ts +527 -0
- package/src/toast/title/ToastTitle.tsrx +53 -0
- package/src/toast/title/ToastTitleDataAttributes.ts +5 -0
- package/src/toast/useToastManager.ts +150 -0
- package/src/toast/utils/focusVisible.ts +1 -0
- package/src/toast/utils/isRenderableNode.ts +18 -0
- package/src/toast/utils/resolvePromiseOptions.ts +22 -0
- package/src/toast/utils/test-utils.tsrx +39 -0
- package/src/toast/utils/useToastLabelPart.ts +53 -0
- package/src/toast/viewport/ToastViewport.tsrx +293 -0
- package/src/toast/viewport/ToastViewportCssVars.ts +5 -0
- package/src/toast/viewport/ToastViewportDataAttributes.ts +5 -0
- package/src/toggle/Toggle.tsrx +198 -0
- package/src/toggle/ToggleDataAttributes.ts +8 -0
- package/src/toggle/index.ts +3 -0
- package/src/toggle-group/ToggleGroup.tsrx +201 -0
- package/src/toggle-group/ToggleGroupContext.ts +28 -0
- package/src/toggle-group/ToggleGroupDataAttributes.ts +13 -0
- package/src/toggle-group/index.ts +3 -0
- package/src/toolbar/button/ToolbarButton.tsrx +108 -0
- package/src/toolbar/button/ToolbarButtonDataAttributes.ts +13 -0
- package/src/toolbar/group/ToolbarGroup.tsrx +69 -0
- package/src/toolbar/group/ToolbarGroupContext.ts +13 -0
- package/src/toolbar/group/ToolbarGroupDataAttributes.ts +9 -0
- package/src/toolbar/index.parts.ts +8 -0
- package/src/toolbar/index.ts +9 -0
- package/src/toolbar/input/ToolbarInput.tsrx +108 -0
- package/src/toolbar/input/ToolbarInputDataAttributes.ts +13 -0
- package/src/toolbar/link/ToolbarLink.tsrx +64 -0
- package/src/toolbar/link/ToolbarLinkDataAttributes.ts +5 -0
- package/src/toolbar/root/ToolbarRoot.tsrx +121 -0
- package/src/toolbar/root/ToolbarRootContext.ts +24 -0
- package/src/toolbar/root/ToolbarRootDataAttributes.ts +9 -0
- package/src/toolbar/separator/ToolbarSeparator.tsrx +37 -0
- package/src/toolbar/separator/ToolbarSeparatorDataAttributes.ts +5 -0
- package/src/tooltip/arrow/TooltipArrow.tsrx +76 -0
- package/src/tooltip/arrow/TooltipArrowDataAttributes.ts +29 -0
- package/src/tooltip/index.parts.ts +12 -0
- package/src/tooltip/index.ts +13 -0
- package/src/tooltip/popup/TooltipPopup.tsrx +108 -0
- package/src/tooltip/popup/TooltipPopupDataAttributes.ts +33 -0
- package/src/tooltip/portal/TooltipPortal.tsrx +54 -0
- package/src/tooltip/portal/TooltipPortalContext.ts +13 -0
- package/src/tooltip/positioner/TooltipPositioner.tsrx +150 -0
- package/src/tooltip/positioner/TooltipPositionerContext.ts +23 -0
- package/src/tooltip/positioner/TooltipPositionerCssVars.ts +37 -0
- package/src/tooltip/positioner/TooltipPositionerDataAttributes.ts +24 -0
- package/src/tooltip/provider/TooltipProvider.tsrx +49 -0
- package/src/tooltip/provider/TooltipProviderContext.ts +12 -0
- package/src/tooltip/root/TooltipRoot.tsrx +282 -0
- package/src/tooltip/root/TooltipRootContext.ts +21 -0
- package/src/tooltip/store/TooltipHandle.ts +54 -0
- package/src/tooltip/store/TooltipStore.ts +148 -0
- package/src/tooltip/trigger/TooltipTrigger.tsrx +351 -0
- package/src/tooltip/trigger/TooltipTriggerDataAttributes.ts +10 -0
- package/src/tooltip/utils/constants.ts +1 -0
- package/src/tooltip/viewport/TooltipViewport.tsrx +75 -0
- package/src/tooltip/viewport/TooltipViewportCssVars.ts +12 -0
- package/src/tooltip/viewport/TooltipViewportDataAttributes.ts +24 -0
- package/src/types/index.ts +29 -0
- package/src/unstable-use-media-query/index.ts +94 -0
- package/src/use-render/index.ts +2 -0
- package/src/use-render/useRender.ts +113 -0
- package/src/utils/CommonPopupCssVars.ts +12 -0
- package/src/utils/CommonPopupDataAttributes.ts +38 -0
- package/src/utils/CommonPositionerCssVars.ts +37 -0
- package/src/utils/CommonTriggerDataAttributes.ts +9 -0
- package/src/utils/CommonViewportDataAttributes.ts +7 -0
- package/src/utils/FloatingPortalLite.tsrx +51 -0
- package/src/utils/FocusGuard.tsrx +44 -0
- package/src/utils/InternalBackdrop.tsrx +50 -0
- package/src/utils/NullStore.ts +26 -0
- package/src/utils/adaptiveOriginConstants.ts +12 -0
- package/src/utils/adaptiveOriginMiddleware.ts +5 -14
- package/src/utils/closePart.tsrx +37 -0
- package/src/utils/collapsibleOpenStateMapping.ts +28 -23
- package/src/utils/dispatchClickWithModifiers.ts +36 -0
- package/src/utils/getCssDimensions.ts +11 -15
- package/src/utils/getElementAtPoint.ts +12 -0
- package/src/utils/getElementTransform.ts +33 -0
- package/src/utils/getPseudoElementBounds.ts +22 -7
- package/src/utils/hideMiddleware.ts +15 -12
- package/src/utils/listbox-separator/ListboxSeparator.tsrx +47 -0
- package/src/utils/mergeStyles.ts +15 -0
- package/src/utils/popupStateMapping.ts +57 -35
- package/src/utils/popups/index.ts +4 -8
- package/src/utils/popups/inlineRect.ts +19 -16
- package/src/utils/popups/popupHandle.ts +291 -0
- package/src/utils/popups/popupStoreUtils.ts +482 -320
- package/src/utils/popups/popupTriggerMap.ts +102 -28
- package/src/utils/popups/store.ts +146 -66
- package/src/utils/popups/usePopupHandleStore.ts +37 -0
- package/src/utils/popups/useTriggerFocusGuards.ts +36 -21
- package/src/utils/resolveAriaLabelledBy.ts +2 -1
- package/src/utils/resolveClassName.ts +8 -3
- package/src/utils/resolveRef.ts +8 -4
- package/src/utils/resolveStyle.ts +10 -6
- package/src/utils/scrollEdges.ts +33 -0
- package/src/utils/scrollable.ts +77 -0
- package/src/utils/styles.tsrx +21 -0
- package/src/utils/useAnchoredPopupScrollLock.ts +31 -37
- package/src/utils/useFocusableWhenDisabled.ts +81 -65
- package/src/utils/useIsHydrating.ts +12 -15
- package/src/utils/useMixedToggleClickHandler.ts +45 -60
- package/src/utils/useOpenInteractionType.ts +43 -45
- package/src/utils/usePopupAutoResize.ts +198 -207
- package/src/utils/usePopupViewport.tsrx +396 -0
- package/src/utils/usePositioner.tsrx +50 -0
- package/src/utils/useRegisteredLabelId.ts +16 -27
- package/src/utils/useSwipeDismiss.ts +1161 -0
- package/src/utils/valueToPercent.ts +1 -2
- package/dist/cjs/accordion.cjs +0 -497
- package/dist/cjs/alert-dialog.cjs +0 -65
- package/dist/cjs/avatar.cjs +0 -234
- package/dist/cjs/button.cjs +0 -54
- package/dist/cjs/checkbox-group.cjs +0 -165
- package/dist/cjs/checkbox.cjs +0 -475
- package/dist/cjs/collapsible.cjs +0 -700
- package/dist/cjs/context-menu.cjs +0 -257
- package/dist/cjs/csp-provider.cjs +0 -40
- package/dist/cjs/dialog.cjs +0 -741
- package/dist/cjs/direction-provider.cjs +0 -35
- package/dist/cjs/field.cjs +0 -559
- package/dist/cjs/fieldset.cjs +0 -101
- package/dist/cjs/form.cjs +0 -177
- package/dist/cjs/index.cjs +0 -133
- package/dist/cjs/input.cjs +0 -32
- package/dist/cjs/internal.cjs +0 -43
- package/dist/cjs/menu.cjs +0 -2420
- package/dist/cjs/menubar.cjs +0 -132
- package/dist/cjs/merge-props.cjs +0 -34
- package/dist/cjs/meter.cjs +0 -169
- package/dist/cjs/number-field.cjs +0 -812
- package/dist/cjs/popover.cjs +0 -966
- package/dist/cjs/preview-card.cjs +0 -632
- package/dist/cjs/progress.cjs +0 -206
- package/dist/cjs/radio-group.cjs +0 -264
- package/dist/cjs/radio.cjs +0 -327
- package/dist/cjs/separator.cjs +0 -44
- package/dist/cjs/slider.cjs +0 -1384
- package/dist/cjs/switch.cjs +0 -306
- package/dist/cjs/tabs.cjs +0 -727
- package/dist/cjs/toast.cjs +0 -1766
- package/dist/cjs/toggle-group.cjs +0 -118
- package/dist/cjs/toggle.cjs +0 -121
- package/dist/cjs/tooltip.cjs +0 -835
- package/dist/cjs/unstable-use-media-query.cjs +0 -79
- package/dist/cjs/use-render.cjs +0 -40
- package/dist/cjs/utils/CSPContext.cjs +0 -38
- package/dist/cjs/utils/CheckboxGroupContext.cjs +0 -40
- package/dist/cjs/utils/CompositeRootContext.cjs +0 -40
- package/dist/cjs/utils/ContextMenuRootContext.cjs +0 -42
- package/dist/cjs/utils/DirectionContext.cjs +0 -34
- package/dist/cjs/utils/FloatingPortalLite.cjs +0 -47
- package/dist/cjs/utils/InternalBackdrop.cjs +0 -49
- package/dist/cjs/utils/MenubarContext.cjs +0 -40
- package/dist/cjs/utils/RadioGroupContext.cjs +0 -34
- package/dist/cjs/utils/RequestQueue.cjs +0 -111
- package/dist/cjs/utils/TimeoutManager.cjs +0 -50
- package/dist/cjs/utils/ToggleGroupContext.cjs +0 -40
- package/dist/cjs/utils/adaptiveOriginMiddleware.cjs +0 -94
- package/dist/cjs/utils/addEventListener.cjs +0 -33
- package/dist/cjs/utils/areArraysEqual.cjs +0 -30
- package/dist/cjs/utils/clamp.cjs +0 -30
- package/dist/cjs/utils/closePart.cjs +0 -70
- package/dist/cjs/utils/collapsibleOpenStateMapping.cjs +0 -42
- package/dist/cjs/utils/composeRefs.cjs +0 -68
- package/dist/cjs/utils/composite/CompositeItem.cjs +0 -59
- package/dist/cjs/utils/composite/CompositeList.cjs +0 -177
- package/dist/cjs/utils/composite/CompositeListContext.cjs +0 -43
- package/dist/cjs/utils/composite/CompositeRoot.cjs +0 -118
- package/dist/cjs/utils/composite/grid-utils.cjs +0 -343
- package/dist/cjs/utils/composite/gridNavigation.cjs +0 -92
- package/dist/cjs/utils/composite/keys.cjs +0 -174
- package/dist/cjs/utils/composite/list-utils.cjs +0 -90
- package/dist/cjs/utils/composite/useCompositeItem.cjs +0 -63
- package/dist/cjs/utils/composite/useCompositeListItem.cjs +0 -104
- package/dist/cjs/utils/composite/useCompositeRoot.cjs +0 -263
- package/dist/cjs/utils/constants.cjs +0 -56
- package/dist/cjs/utils/contains.cjs +0 -46
- package/dist/cjs/utils/createChangeEventDetails.cjs +0 -92
- package/dist/cjs/utils/dom.cjs +0 -35
- package/dist/cjs/utils/empty.cjs +0 -34
- package/dist/cjs/utils/field/FieldItemContext.cjs +0 -34
- package/dist/cjs/utils/field/FieldRootContext.cjs +0 -80
- package/dist/cjs/utils/field/FormContext.cjs +0 -41
- package/dist/cjs/utils/field/LabelableContext.cjs +0 -43
- package/dist/cjs/utils/field/LabelableProvider.cjs +0 -115
- package/dist/cjs/utils/field/constants.cjs +0 -68
- package/dist/cjs/utils/field/getCombinedFieldValidityData.cjs +0 -36
- package/dist/cjs/utils/field/useAriaLabelledBy.cjs +0 -87
- package/dist/cjs/utils/field/useFieldControlRegistration.cjs +0 -165
- package/dist/cjs/utils/field/useFieldValidation.cjs +0 -285
- package/dist/cjs/utils/field/useLabel.cjs +0 -99
- package/dist/cjs/utils/field/useLabelableId.cjs +0 -105
- package/dist/cjs/utils/field/useRegisterFieldControl.cjs +0 -60
- package/dist/cjs/utils/findRootOwnerId.cjs +0 -37
- package/dist/cjs/utils/floating/FloatingDelayGroup.cjs +0 -219
- package/dist/cjs/utils/floating/FloatingFocusManager.cjs +0 -685
- package/dist/cjs/utils/floating/FloatingPortal.cjs +0 -230
- package/dist/cjs/utils/floating/FloatingRootStore.cjs +0 -87
- package/dist/cjs/utils/floating/FloatingTree.cjs +0 -86
- package/dist/cjs/utils/floating/FloatingTreeStore.cjs +0 -41
- package/dist/cjs/utils/floating/FocusGuard.cjs +0 -54
- package/dist/cjs/utils/floating/composite.cjs +0 -42
- package/dist/cjs/utils/floating/constants.cjs +0 -34
- package/dist/cjs/utils/floating/createAttribute.cjs +0 -30
- package/dist/cjs/utils/floating/createEventEmitter.cjs +0 -44
- package/dist/cjs/utils/floating/element.cjs +0 -103
- package/dist/cjs/utils/floating/enqueueFocus.cjs +0 -51
- package/dist/cjs/utils/floating/event.cjs +0 -65
- package/dist/cjs/utils/floating/getEmptyRootContext.cjs +0 -42
- package/dist/cjs/utils/floating/gridNavigation.cjs +0 -45
- package/dist/cjs/utils/floating/markOthers.cjs +0 -181
- package/dist/cjs/utils/floating/nodes.cjs +0 -48
- package/dist/cjs/utils/floating/safePolygon.cjs +0 -301
- package/dist/cjs/utils/floating/tabbable.cjs +0 -242
- package/dist/cjs/utils/floating/types.cjs +0 -16
- package/dist/cjs/utils/floating/useClick.cjs +0 -153
- package/dist/cjs/utils/floating/useClientPoint.cjs +0 -225
- package/dist/cjs/utils/floating/useDismiss.cjs +0 -506
- package/dist/cjs/utils/floating/useFloating.cjs +0 -186
- package/dist/cjs/utils/floating/useFloatingRootContext.cjs +0 -75
- package/dist/cjs/utils/floating/useFocus.cjs +0 -184
- package/dist/cjs/utils/floating/useHoverFloatingInteraction.cjs +0 -231
- package/dist/cjs/utils/floating/useHoverInteractionSharedState.cjs +0 -113
- package/dist/cjs/utils/floating/useHoverReferenceInteraction.cjs +0 -380
- package/dist/cjs/utils/floating/useHoverShared.cjs +0 -65
- package/dist/cjs/utils/floating/useListNavigation.cjs +0 -665
- package/dist/cjs/utils/floating/useSyncedFloatingRootContext.cjs +0 -91
- package/dist/cjs/utils/floating/useTypeahead.cjs +0 -187
- package/dist/cjs/utils/formatNumber.cjs +0 -60
- package/dist/cjs/utils/generateId.cjs +0 -32
- package/dist/cjs/utils/getCssDimensions.cjs +0 -42
- package/dist/cjs/utils/getDefaultFormSubmitter.cjs +0 -42
- package/dist/cjs/utils/getDisabledMountTransitionStyles.cjs +0 -32
- package/dist/cjs/utils/getElementRef.cjs +0 -35
- package/dist/cjs/utils/getPseudoElementBounds.cjs +0 -56
- package/dist/cjs/utils/getStateAttributesProps.cjs +0 -46
- package/dist/cjs/utils/hideMiddleware.cjs +0 -42
- package/dist/cjs/utils/inertValue.cjs +0 -30
- package/dist/cjs/utils/matchesFocusVisible.cjs +0 -38
- package/dist/cjs/utils/mergeCleanups.cjs +0 -37
- package/dist/cjs/utils/mergeObjects.cjs +0 -39
- package/dist/cjs/utils/mergeProps.cjs +0 -182
- package/dist/cjs/utils/noop.cjs +0 -29
- package/dist/cjs/utils/number/constants.cjs +0 -34
- package/dist/cjs/utils/number/parse.cjs +0 -258
- package/dist/cjs/utils/number/types.cjs +0 -16
- package/dist/cjs/utils/number/validate.cjs +0 -104
- package/dist/cjs/utils/owner.cjs +0 -35
- package/dist/cjs/utils/platform.cjs +0 -83
- package/dist/cjs/utils/popupStateMapping.cjs +0 -74
- package/dist/cjs/utils/popups/index.cjs +0 -39
- package/dist/cjs/utils/popups/inlineRect.cjs +0 -218
- package/dist/cjs/utils/popups/popupStoreUtils.cjs +0 -379
- package/dist/cjs/utils/popups/popupTriggerMap.cjs +0 -76
- package/dist/cjs/utils/popups/store.cjs +0 -118
- package/dist/cjs/utils/popups/useTriggerFocusGuards.cjs +0 -72
- package/dist/cjs/utils/resolveAriaLabelledBy.cjs +0 -35
- package/dist/cjs/utils/resolveClassName.cjs +0 -30
- package/dist/cjs/utils/resolveRef.cjs +0 -33
- package/dist/cjs/utils/resolveStyle.cjs +0 -30
- package/dist/cjs/utils/serializeValue.cjs +0 -40
- package/dist/cjs/utils/slider/asc.cjs +0 -30
- package/dist/cjs/utils/slider/getMidpoint.cjs +0 -34
- package/dist/cjs/utils/slider/getPushedThumbValues.cjs +0 -73
- package/dist/cjs/utils/slider/getSliderValue.cjs +0 -42
- package/dist/cjs/utils/slider/replaceArrayItemAtIndex.cjs +0 -33
- package/dist/cjs/utils/slider/resolveThumbCollision.cjs +0 -155
- package/dist/cjs/utils/slider/roundValueToStep.cjs +0 -45
- package/dist/cjs/utils/slider/validateMinimumDistance.cjs +0 -40
- package/dist/cjs/utils/slider/valueArrayToPercentages.cjs +0 -36
- package/dist/cjs/utils/store/ReactStore.cjs +0 -135
- package/dist/cjs/utils/store/Store.cjs +0 -83
- package/dist/cjs/utils/store/createSelector.cjs +0 -74
- package/dist/cjs/utils/store/useStore.cjs +0 -51
- package/dist/cjs/utils/stringifyLocale.cjs +0 -36
- package/dist/cjs/utils/useAnchorPositioning.cjs +0 -421
- package/dist/cjs/utils/useAnchoredPopupScrollLock.cjs +0 -59
- package/dist/cjs/utils/useAnimationFrame.cjs +0 -93
- package/dist/cjs/utils/useAnimationsFinished.cjs +0 -98
- package/dist/cjs/utils/useBaseUiId.cjs +0 -36
- package/dist/cjs/utils/useButton.cjs +0 -177
- package/dist/cjs/utils/useCheckboxGroupParent.cjs +0 -114
- package/dist/cjs/utils/useControlled.cjs +0 -47
- package/dist/cjs/utils/useEnhancedClickHandler.cjs +0 -60
- package/dist/cjs/utils/useFocusableWhenDisabled.cjs +0 -77
- package/dist/cjs/utils/useForcedRerendering.cjs +0 -35
- package/dist/cjs/utils/useIsHydrating.cjs +0 -44
- package/dist/cjs/utils/useMixedToggleClickHandler.cjs +0 -66
- package/dist/cjs/utils/useOnFirstRender.cjs +0 -35
- package/dist/cjs/utils/useOnMount.cjs +0 -36
- package/dist/cjs/utils/useOpenChangeComplete.cjs +0 -57
- package/dist/cjs/utils/useOpenInteractionType.cjs +0 -69
- package/dist/cjs/utils/usePopupAutoResize.cjs +0 -191
- package/dist/cjs/utils/usePopupViewport.cjs +0 -283
- package/dist/cjs/utils/usePositioner.cjs +0 -53
- package/dist/cjs/utils/usePressAndHold.cjs +0 -51
- package/dist/cjs/utils/usePreviousValue.cjs +0 -47
- package/dist/cjs/utils/useRefWithInit.cjs +0 -41
- package/dist/cjs/utils/useRegisteredLabelId.cjs +0 -48
- package/dist/cjs/utils/useRenderElement.cjs +0 -106
- package/dist/cjs/utils/useScrollLock.cjs +0 -232
- package/dist/cjs/utils/useStableCallback.cjs +0 -41
- package/dist/cjs/utils/useTimeout.cjs +0 -66
- package/dist/cjs/utils/useTransitionStatus.cjs +0 -116
- package/dist/cjs/utils/useValueAsRef.cjs +0 -43
- package/dist/cjs/utils/useValueChanged.cjs +0 -55
- package/dist/cjs/utils/valueToPercent.cjs +0 -30
- package/dist/cjs/utils/visuallyHidden.cjs +0 -49
- package/src/accordion.ts +0 -615
- package/src/alert-dialog.ts +0 -49
- package/src/avatar.ts +0 -308
- package/src/button.ts +0 -63
- package/src/checkbox-group.ts +0 -183
- package/src/checkbox.ts +0 -576
- package/src/collapsible.ts +0 -916
- package/src/context-menu.ts +0 -317
- package/src/csp-provider.ts +0 -37
- package/src/dialog.ts +0 -930
- package/src/direction-provider.ts +0 -32
- package/src/field.ts +0 -650
- package/src/fieldset.ts +0 -150
- package/src/form.ts +0 -183
- package/src/input.ts +0 -9
- package/src/internal.ts +0 -29
- package/src/menu.ts +0 -3387
- package/src/menubar.ts +0 -160
- package/src/merge-props.ts +0 -2
- package/src/meter.ts +0 -211
- package/src/number-field.ts +0 -951
- package/src/popover.ts +0 -1282
- package/src/preview-card.ts +0 -812
- package/src/progress.ts +0 -267
- package/src/radio-group.ts +0 -285
- package/src/radio.ts +0 -393
- package/src/separator.ts +0 -43
- package/src/slider.ts +0 -1624
- package/src/switch.ts +0 -363
- package/src/tabs.ts +0 -947
- package/src/toast.ts +0 -2462
- package/src/toggle-group.ts +0 -136
- package/src/toggle.ts +0 -145
- package/src/tooltip.ts +0 -1053
- package/src/unstable-use-media-query.ts +0 -101
- package/src/use-render.ts +0 -41
- package/src/utils/CSPContext.ts +0 -21
- package/src/utils/CheckboxGroupContext.ts +0 -30
- package/src/utils/CompositeRootContext.ts +0 -27
- package/src/utils/ContextMenuRootContext.ts +0 -44
- package/src/utils/DirectionContext.ts +0 -15
- package/src/utils/FloatingPortalLite.ts +0 -34
- package/src/utils/InternalBackdrop.ts +0 -28
- package/src/utils/MenubarContext.ts +0 -38
- package/src/utils/RadioGroupContext.ts +0 -27
- package/src/utils/RequestQueue.ts +0 -132
- package/src/utils/TimeoutManager.ts +0 -32
- package/src/utils/ToggleGroupContext.ts +0 -33
- package/src/utils/addEventListener.ts +0 -13
- package/src/utils/areArraysEqual.ts +0 -11
- package/src/utils/clamp.ts +0 -8
- package/src/utils/closePart.ts +0 -61
- package/src/utils/composeRefs.ts +0 -53
- package/src/utils/composite/CompositeItem.ts +0 -56
- package/src/utils/composite/CompositeList.ts +0 -190
- package/src/utils/composite/CompositeListContext.ts +0 -23
- package/src/utils/composite/CompositeRoot.ts +0 -132
- package/src/utils/composite/grid-utils.ts +0 -437
- package/src/utils/composite/gridNavigation.ts +0 -127
- package/src/utils/composite/keys.ts +0 -179
- package/src/utils/composite/list-utils.ts +0 -106
- package/src/utils/composite/useCompositeItem.ts +0 -58
- package/src/utils/composite/useCompositeListItem.ts +0 -108
- package/src/utils/composite/useCompositeRoot.ts +0 -344
- package/src/utils/constants.ts +0 -41
- package/src/utils/contains.ts +0 -22
- package/src/utils/createChangeEventDetails.ts +0 -95
- package/src/utils/dom.ts +0 -9
- package/src/utils/empty.ts +0 -7
- package/src/utils/field/FieldItemContext.ts +0 -13
- package/src/utils/field/FieldRootContext.ts +0 -98
- package/src/utils/field/FormContext.ts +0 -37
- package/src/utils/field/LabelableContext.ts +0 -32
- package/src/utils/field/LabelableProvider.ts +0 -108
- package/src/utils/field/constants.ts +0 -80
- package/src/utils/field/getCombinedFieldValidityData.ts +0 -16
- package/src/utils/field/useAriaLabelledBy.ts +0 -86
- package/src/utils/field/useFieldControlRegistration.ts +0 -179
- package/src/utils/field/useFieldValidation.ts +0 -311
- package/src/utils/field/useLabel.ts +0 -95
- package/src/utils/field/useLabelableId.ts +0 -99
- package/src/utils/field/useRegisterFieldControl.ts +0 -41
- package/src/utils/findRootOwnerId.ts +0 -19
- package/src/utils/floating/FloatingDelayGroup.ts +0 -280
- package/src/utils/floating/FloatingFocusManager.ts +0 -837
- package/src/utils/floating/FloatingPortal.ts +0 -280
- package/src/utils/floating/FloatingRootStore.ts +0 -127
- package/src/utils/floating/FloatingTree.ts +0 -70
- package/src/utils/floating/FloatingTreeStore.ts +0 -22
- package/src/utils/floating/FocusGuard.ts +0 -34
- package/src/utils/floating/composite.ts +0 -20
- package/src/utils/floating/constants.ts +0 -8
- package/src/utils/floating/createAttribute.ts +0 -4
- package/src/utils/floating/createEventEmitter.ts +0 -20
- package/src/utils/floating/element.ts +0 -88
- package/src/utils/floating/enqueueFocus.ts +0 -38
- package/src/utils/floating/event.ts +0 -53
- package/src/utils/floating/getEmptyRootContext.ts +0 -19
- package/src/utils/floating/gridNavigation.ts +0 -54
- package/src/utils/floating/markOthers.ts +0 -197
- package/src/utils/floating/nodes.ts +0 -31
- package/src/utils/floating/safePolygon.ts +0 -448
- package/src/utils/floating/tabbable.ts +0 -260
- package/src/utils/floating/types.ts +0 -57
- package/src/utils/floating/useClick.ts +0 -174
- package/src/utils/floating/useClientPoint.ts +0 -276
- package/src/utils/floating/useDismiss.ts +0 -639
- package/src/utils/floating/useFloating.ts +0 -198
- package/src/utils/floating/useFloatingRootContext.ts +0 -81
- package/src/utils/floating/useFocus.ts +0 -248
- package/src/utils/floating/useHoverFloatingInteraction.ts +0 -302
- package/src/utils/floating/useHoverInteractionSharedState.ts +0 -139
- package/src/utils/floating/useHoverReferenceInteraction.ts +0 -510
- package/src/utils/floating/useHoverShared.ts +0 -78
- package/src/utils/floating/useListNavigation.ts +0 -1018
- package/src/utils/floating/useSyncedFloatingRootContext.ts +0 -93
- package/src/utils/floating/useTypeahead.ts +0 -287
- package/src/utils/formatNumber.ts +0 -44
- package/src/utils/generateId.ts +0 -10
- package/src/utils/getDefaultFormSubmitter.ts +0 -19
- package/src/utils/getDisabledMountTransitionStyles.ts +0 -12
- package/src/utils/getElementRef.ts +0 -13
- package/src/utils/getStateAttributesProps.ts +0 -34
- package/src/utils/inertValue.ts +0 -5
- package/src/utils/matchesFocusVisible.ts +0 -16
- package/src/utils/mergeCleanups.ts +0 -13
- package/src/utils/mergeObjects.ts +0 -18
- package/src/utils/mergeProps.ts +0 -206
- package/src/utils/noop.ts +0 -4
- package/src/utils/number/constants.ts +0 -4
- package/src/utils/number/parse.ts +0 -227
- package/src/utils/number/types.ts +0 -21
- package/src/utils/number/validate.ts +0 -129
- package/src/utils/owner.ts +0 -9
- package/src/utils/platform.ts +0 -69
- package/src/utils/serializeValue.ts +0 -15
- package/src/utils/slider/asc.ts +0 -4
- package/src/utils/slider/getMidpoint.ts +0 -14
- package/src/utils/slider/getPushedThumbValues.ts +0 -73
- package/src/utils/slider/getSliderValue.ts +0 -27
- package/src/utils/slider/replaceArrayItemAtIndex.ts +0 -8
- package/src/utils/slider/resolveThumbCollision.ts +0 -178
- package/src/utils/slider/roundValueToStep.ts +0 -22
- package/src/utils/slider/validateMinimumDistance.ts +0 -22
- package/src/utils/slider/valueArrayToPercentages.ts +0 -11
- package/src/utils/store/ReactStore.ts +0 -168
- package/src/utils/store/Store.ts +0 -84
- package/src/utils/store/createSelector.ts +0 -66
- package/src/utils/store/useStore.ts +0 -49
- package/src/utils/stringifyLocale.ts +0 -10
- package/src/utils/useAnchorPositioning.ts +0 -581
- package/src/utils/useAnimationFrame.ts +0 -82
- package/src/utils/useAnimationsFinished.ts +0 -100
- package/src/utils/useBaseUiId.ts +0 -19
- package/src/utils/useButton.ts +0 -217
- package/src/utils/useCheckboxGroupParent.ts +0 -113
- package/src/utils/useControlled.ts +0 -42
- package/src/utils/useEnhancedClickHandler.ts +0 -47
- package/src/utils/useForcedRerendering.ts +0 -11
- package/src/utils/useOnFirstRender.ts +0 -11
- package/src/utils/useOnMount.ts +0 -17
- package/src/utils/useOpenChangeComplete.ts +0 -46
- package/src/utils/usePopupViewport.ts +0 -375
- package/src/utils/usePositioner.ts +0 -48
- package/src/utils/usePressAndHold.ts +0 -35
- package/src/utils/usePreviousValue.ts +0 -33
- package/src/utils/useRefWithInit.ts +0 -23
- package/src/utils/useRenderElement.ts +0 -164
- package/src/utils/useScrollLock.ts +0 -253
- package/src/utils/useStableCallback.ts +0 -26
- package/src/utils/useTimeout.ts +0 -51
- package/src/utils/useTransitionStatus.ts +0 -115
- package/src/utils/useValueAsRef.ts +0 -25
- package/src/utils/useValueChanged.ts +0 -37
- package/src/utils/visuallyHidden.ts +0 -24
|
@@ -1,685 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var FloatingFocusManager_exports = {};
|
|
20
|
-
__export(FloatingFocusManager_exports, {
|
|
21
|
-
FloatingFocusManager: () => FloatingFocusManager
|
|
22
|
-
});
|
|
23
|
-
module.exports = __toCommonJS(FloatingFocusManager_exports);
|
|
24
|
-
var import_octane = require("octane");
|
|
25
|
-
var import_dom = require("@floating-ui/utils/dom");
|
|
26
|
-
var import_internal = require("../../internal.cjs");
|
|
27
|
-
var import_addEventListener = require("../addEventListener.cjs");
|
|
28
|
-
var import_mergeCleanups = require("../mergeCleanups.cjs");
|
|
29
|
-
var import_composeRefs = require("../composeRefs.cjs");
|
|
30
|
-
var import_useValueAsRef = require("../useValueAsRef.cjs");
|
|
31
|
-
var import_useStableCallback = require("../useStableCallback.cjs");
|
|
32
|
-
var import_useTimeout = require("../useTimeout.cjs");
|
|
33
|
-
var import_useAnimationFrame = require("../useAnimationFrame.cjs");
|
|
34
|
-
var import_platform = require("../platform.cjs");
|
|
35
|
-
var import_owner = require("../owner.cjs");
|
|
36
|
-
var import_resolveRef = require("../resolveRef.cjs");
|
|
37
|
-
var import_FocusGuard = require("./FocusGuard.cjs");
|
|
38
|
-
var import_element = require("./element.cjs");
|
|
39
|
-
var import_event = require("./event.cjs");
|
|
40
|
-
var import_list_utils = require("../composite/list-utils.cjs");
|
|
41
|
-
var import_tabbable = require("./tabbable.cjs");
|
|
42
|
-
var import_nodes = require("./nodes.cjs");
|
|
43
|
-
var import_composite = require("./composite.cjs");
|
|
44
|
-
var import_createChangeEventDetails = require("../createChangeEventDetails.cjs");
|
|
45
|
-
var import_createAttribute = require("./createAttribute.cjs");
|
|
46
|
-
var import_constants = require("./constants.cjs");
|
|
47
|
-
var import_enqueueFocus = require("./enqueueFocus.cjs");
|
|
48
|
-
var import_markOthers = require("./markOthers.cjs");
|
|
49
|
-
var import_FloatingPortal = require("./FloatingPortal.cjs");
|
|
50
|
-
var import_FloatingTree = require("./FloatingTree.cjs");
|
|
51
|
-
function getEventType(event, lastInteractionType) {
|
|
52
|
-
const win = (0, import_owner.ownerWindow)((0, import_element.getTarget)(event));
|
|
53
|
-
if (event instanceof win.KeyboardEvent) {
|
|
54
|
-
return "keyboard";
|
|
55
|
-
}
|
|
56
|
-
if (event instanceof win.FocusEvent) {
|
|
57
|
-
return lastInteractionType || "keyboard";
|
|
58
|
-
}
|
|
59
|
-
if ("pointerType" in event) {
|
|
60
|
-
return event.pointerType || "keyboard";
|
|
61
|
-
}
|
|
62
|
-
if ("touches" in event) {
|
|
63
|
-
return "touch";
|
|
64
|
-
}
|
|
65
|
-
if (event instanceof win.MouseEvent) {
|
|
66
|
-
return lastInteractionType || (event.detail === 0 ? "keyboard" : "mouse");
|
|
67
|
-
}
|
|
68
|
-
return "";
|
|
69
|
-
}
|
|
70
|
-
const LIST_LIMIT = 20;
|
|
71
|
-
let previouslyFocusedElements = [];
|
|
72
|
-
function clearDisconnectedPreviouslyFocusedElements() {
|
|
73
|
-
previouslyFocusedElements = previouslyFocusedElements.filter(
|
|
74
|
-
(entry) => entry.deref()?.isConnected
|
|
75
|
-
);
|
|
76
|
-
}
|
|
77
|
-
function addPreviouslyFocusedElement(element) {
|
|
78
|
-
clearDisconnectedPreviouslyFocusedElements();
|
|
79
|
-
if (element && (0, import_dom.getNodeName)(element) !== "body") {
|
|
80
|
-
previouslyFocusedElements.push(new WeakRef(element));
|
|
81
|
-
if (previouslyFocusedElements.length > LIST_LIMIT) {
|
|
82
|
-
previouslyFocusedElements = previouslyFocusedElements.slice(-LIST_LIMIT);
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
function getPreviouslyFocusedElement() {
|
|
87
|
-
clearDisconnectedPreviouslyFocusedElements();
|
|
88
|
-
return previouslyFocusedElements[previouslyFocusedElements.length - 1]?.deref();
|
|
89
|
-
}
|
|
90
|
-
function getFirstTabbableElement(container) {
|
|
91
|
-
if (!container) {
|
|
92
|
-
return null;
|
|
93
|
-
}
|
|
94
|
-
if ((0, import_tabbable.isTabbable)(container)) {
|
|
95
|
-
return container;
|
|
96
|
-
}
|
|
97
|
-
return (0, import_tabbable.tabbable)(container)[0] || container;
|
|
98
|
-
}
|
|
99
|
-
function handleTabIndex(floatingFocusElement) {
|
|
100
|
-
if (floatingFocusElement.hasAttribute("tabindex") && !floatingFocusElement.hasAttribute("data-tabindex")) {
|
|
101
|
-
return;
|
|
102
|
-
}
|
|
103
|
-
if (!floatingFocusElement.getAttribute("role")?.includes("dialog")) {
|
|
104
|
-
return;
|
|
105
|
-
}
|
|
106
|
-
const focusableElements = (0, import_tabbable.focusable)(floatingFocusElement);
|
|
107
|
-
const tabbableContent = focusableElements.filter((element) => {
|
|
108
|
-
const dataTabIndex = element.getAttribute("data-tabindex") || "";
|
|
109
|
-
return (0, import_tabbable.isTabbable)(element) || element.hasAttribute("data-tabindex") && !dataTabIndex.startsWith("-");
|
|
110
|
-
});
|
|
111
|
-
const tabIndex = floatingFocusElement.getAttribute("tabindex");
|
|
112
|
-
if (tabbableContent.length === 0) {
|
|
113
|
-
if (tabIndex !== "0") {
|
|
114
|
-
floatingFocusElement.setAttribute("tabindex", "0");
|
|
115
|
-
floatingFocusElement.setAttribute("data-tabindex", "0");
|
|
116
|
-
}
|
|
117
|
-
} else if (tabIndex !== "-1" || floatingFocusElement.hasAttribute("data-tabindex") && floatingFocusElement.getAttribute("data-tabindex") !== "-1") {
|
|
118
|
-
floatingFocusElement.setAttribute("tabindex", "-1");
|
|
119
|
-
floatingFocusElement.setAttribute("data-tabindex", "-1");
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
function FloatingFocusManager(props) {
|
|
123
|
-
const slot = (0, import_internal.S)("FloatingFocusManager");
|
|
124
|
-
const {
|
|
125
|
-
context,
|
|
126
|
-
children,
|
|
127
|
-
disabled = false,
|
|
128
|
-
initialFocus = true,
|
|
129
|
-
returnFocus = true,
|
|
130
|
-
restoreFocus = false,
|
|
131
|
-
modal = true,
|
|
132
|
-
closeOnFocusOut = true,
|
|
133
|
-
openInteractionType = "",
|
|
134
|
-
nextFocusableElement,
|
|
135
|
-
previousFocusableElement,
|
|
136
|
-
beforeContentFocusGuardRef,
|
|
137
|
-
externalTree,
|
|
138
|
-
getInsideElements
|
|
139
|
-
} = props;
|
|
140
|
-
const store = context && "rootStore" in context ? context.rootStore : context;
|
|
141
|
-
const open = store.useState("open", (0, import_internal.subSlot)(slot, "open"));
|
|
142
|
-
const domReference = store.useState("domReferenceElement", (0, import_internal.subSlot)(slot, "dom"));
|
|
143
|
-
const floating = store.useState("floatingElement", (0, import_internal.subSlot)(slot, "fel"));
|
|
144
|
-
const { events, dataRef } = store.context;
|
|
145
|
-
const getNodeId = (0, import_useStableCallback.useStableCallback)(
|
|
146
|
-
() => dataRef.current.floatingContext?.nodeId,
|
|
147
|
-
(0, import_internal.subSlot)(slot, "getNodeId")
|
|
148
|
-
);
|
|
149
|
-
const ignoreInitialFocus = initialFocus === false;
|
|
150
|
-
const isUntrappedTypeableCombobox = (0, import_element.isTypeableCombobox)(domReference) && ignoreInitialFocus;
|
|
151
|
-
const initialFocusRef = (0, import_useValueAsRef.useValueAsRef)(initialFocus, (0, import_internal.subSlot)(slot, "ifr"));
|
|
152
|
-
const returnFocusRef = (0, import_useValueAsRef.useValueAsRef)(returnFocus, (0, import_internal.subSlot)(slot, "rfr"));
|
|
153
|
-
const openInteractionTypeRef = (0, import_useValueAsRef.useValueAsRef)(openInteractionType, (0, import_internal.subSlot)(slot, "oitr"));
|
|
154
|
-
const openRef = (0, import_useValueAsRef.useValueAsRef)(open, (0, import_internal.subSlot)(slot, "openRef"));
|
|
155
|
-
const tree = (0, import_FloatingTree.useFloatingTree)(externalTree);
|
|
156
|
-
const portalContext = (0, import_FloatingPortal.usePortalContext)();
|
|
157
|
-
const preventReturnFocusRef = (0, import_octane.useRef)(false, (0, import_internal.subSlot)(slot, "prf"));
|
|
158
|
-
const isPointerDownRef = (0, import_octane.useRef)(false, (0, import_internal.subSlot)(slot, "ipd"));
|
|
159
|
-
const pointerDownOutsideRef = (0, import_octane.useRef)(false, (0, import_internal.subSlot)(slot, "pdo"));
|
|
160
|
-
const lastFocusedTabbableRef = (0, import_octane.useRef)(null, (0, import_internal.subSlot)(slot, "lft"));
|
|
161
|
-
const closeTypeRef = (0, import_octane.useRef)("", (0, import_internal.subSlot)(slot, "ct"));
|
|
162
|
-
const lastInteractionTypeRef = (0, import_octane.useRef)("", (0, import_internal.subSlot)(slot, "lit"));
|
|
163
|
-
const beforeGuardRef = (0, import_octane.useRef)(null, (0, import_internal.subSlot)(slot, "bg"));
|
|
164
|
-
const afterGuardRef = (0, import_octane.useRef)(null, (0, import_internal.subSlot)(slot, "ag"));
|
|
165
|
-
const mergedBeforeGuardRef = (0, import_composeRefs.useComposedRefs)(
|
|
166
|
-
beforeGuardRef,
|
|
167
|
-
beforeContentFocusGuardRef,
|
|
168
|
-
portalContext?.beforeInsideRef,
|
|
169
|
-
(0, import_internal.subSlot)(slot, "mbg")
|
|
170
|
-
);
|
|
171
|
-
const mergedAfterGuardRef = (0, import_composeRefs.useComposedRefs)(
|
|
172
|
-
afterGuardRef,
|
|
173
|
-
portalContext?.afterInsideRef,
|
|
174
|
-
(0, import_internal.subSlot)(slot, "mag")
|
|
175
|
-
);
|
|
176
|
-
const blurTimeout = (0, import_useTimeout.useTimeout)((0, import_internal.subSlot)(slot, "bt"));
|
|
177
|
-
const pointerDownTimeout = (0, import_useTimeout.useTimeout)((0, import_internal.subSlot)(slot, "pdt"));
|
|
178
|
-
const restoreFocusFrame = (0, import_useAnimationFrame.useAnimationFrame)((0, import_internal.subSlot)(slot, "rff"));
|
|
179
|
-
const isInsidePortal = portalContext != null;
|
|
180
|
-
const floatingFocusElement = (0, import_element.getFloatingFocusElement)(floating);
|
|
181
|
-
const getTabbableContent = (0, import_useStableCallback.useStableCallback)(
|
|
182
|
-
(container = floatingFocusElement) => {
|
|
183
|
-
return container ? (0, import_tabbable.tabbable)(container) : [];
|
|
184
|
-
},
|
|
185
|
-
(0, import_internal.subSlot)(slot, "gtc")
|
|
186
|
-
);
|
|
187
|
-
const getResolvedInsideElements = (0, import_useStableCallback.useStableCallback)(
|
|
188
|
-
() => getInsideElements?.().filter((element) => element != null) ?? [],
|
|
189
|
-
(0, import_internal.subSlot)(slot, "grie")
|
|
190
|
-
);
|
|
191
|
-
(0, import_octane.useEffect)(
|
|
192
|
-
() => {
|
|
193
|
-
if (disabled || !modal) {
|
|
194
|
-
return void 0;
|
|
195
|
-
}
|
|
196
|
-
function onKeyDown(event) {
|
|
197
|
-
if (event.key === "Tab") {
|
|
198
|
-
if ((0, import_element.contains)(floatingFocusElement, (0, import_element.activeElement)((0, import_owner.ownerDocument)(floatingFocusElement))) && getTabbableContent().length === 0 && !isUntrappedTypeableCombobox) {
|
|
199
|
-
(0, import_list_utils.stopEvent)(event);
|
|
200
|
-
}
|
|
201
|
-
}
|
|
202
|
-
}
|
|
203
|
-
const doc = (0, import_owner.ownerDocument)(floatingFocusElement);
|
|
204
|
-
return (0, import_addEventListener.addEventListener)(doc, "keydown", onKeyDown);
|
|
205
|
-
},
|
|
206
|
-
[disabled, floatingFocusElement, modal, isUntrappedTypeableCombobox, getTabbableContent],
|
|
207
|
-
(0, import_internal.subSlot)(slot, "e:tab")
|
|
208
|
-
);
|
|
209
|
-
(0, import_octane.useEffect)(
|
|
210
|
-
() => {
|
|
211
|
-
if (disabled || !open) {
|
|
212
|
-
return void 0;
|
|
213
|
-
}
|
|
214
|
-
const doc = (0, import_owner.ownerDocument)(floatingFocusElement);
|
|
215
|
-
function clearPointerDownOutside() {
|
|
216
|
-
pointerDownOutsideRef.current = false;
|
|
217
|
-
}
|
|
218
|
-
function onPointerDown(event) {
|
|
219
|
-
const target = (0, import_element.getTarget)(event);
|
|
220
|
-
const insideElements = getResolvedInsideElements();
|
|
221
|
-
const pointerTargetInside = (0, import_element.contains)(floating, target) || (0, import_element.contains)(domReference, target) || (0, import_element.contains)(portalContext?.portalNode, target) || insideElements.some(
|
|
222
|
-
(element) => element === target || (0, import_element.contains)(element, target)
|
|
223
|
-
);
|
|
224
|
-
pointerDownOutsideRef.current = !pointerTargetInside;
|
|
225
|
-
lastInteractionTypeRef.current = event.pointerType || "keyboard";
|
|
226
|
-
if (target?.closest(`[${import_constants.CLICK_TRIGGER_IDENTIFIER}]`)) {
|
|
227
|
-
isPointerDownRef.current = true;
|
|
228
|
-
pointerDownTimeout.start(0, () => {
|
|
229
|
-
isPointerDownRef.current = false;
|
|
230
|
-
});
|
|
231
|
-
}
|
|
232
|
-
}
|
|
233
|
-
function onKeyDown() {
|
|
234
|
-
lastInteractionTypeRef.current = "keyboard";
|
|
235
|
-
}
|
|
236
|
-
return (0, import_mergeCleanups.mergeCleanups)(
|
|
237
|
-
(0, import_addEventListener.addEventListener)(doc, "pointerdown", onPointerDown, true),
|
|
238
|
-
(0, import_addEventListener.addEventListener)(doc, "pointerup", clearPointerDownOutside, true),
|
|
239
|
-
(0, import_addEventListener.addEventListener)(doc, "pointercancel", clearPointerDownOutside, true),
|
|
240
|
-
(0, import_addEventListener.addEventListener)(doc, "keydown", onKeyDown, true),
|
|
241
|
-
clearPointerDownOutside
|
|
242
|
-
);
|
|
243
|
-
},
|
|
244
|
-
[
|
|
245
|
-
disabled,
|
|
246
|
-
floating,
|
|
247
|
-
domReference,
|
|
248
|
-
floatingFocusElement,
|
|
249
|
-
open,
|
|
250
|
-
portalContext,
|
|
251
|
-
pointerDownTimeout,
|
|
252
|
-
getResolvedInsideElements
|
|
253
|
-
],
|
|
254
|
-
(0, import_internal.subSlot)(slot, "e:track")
|
|
255
|
-
);
|
|
256
|
-
(0, import_octane.useEffect)(
|
|
257
|
-
() => {
|
|
258
|
-
if (disabled || !closeOnFocusOut) {
|
|
259
|
-
return void 0;
|
|
260
|
-
}
|
|
261
|
-
const doc = (0, import_owner.ownerDocument)(floatingFocusElement);
|
|
262
|
-
function handlePointerDown() {
|
|
263
|
-
isPointerDownRef.current = true;
|
|
264
|
-
pointerDownTimeout.start(0, () => {
|
|
265
|
-
isPointerDownRef.current = false;
|
|
266
|
-
});
|
|
267
|
-
}
|
|
268
|
-
function handleFocusIn(event) {
|
|
269
|
-
const target = (0, import_element.getTarget)(event);
|
|
270
|
-
if ((0, import_tabbable.isTabbable)(target)) {
|
|
271
|
-
lastFocusedTabbableRef.current = target;
|
|
272
|
-
}
|
|
273
|
-
}
|
|
274
|
-
function handleFocusOutside(event) {
|
|
275
|
-
const relatedTarget = event.relatedTarget;
|
|
276
|
-
const currentTarget = event.currentTarget;
|
|
277
|
-
const target = (0, import_element.getTarget)(event);
|
|
278
|
-
if (modal && relatedTarget == null && target != null && (0, import_element.contains)(floating, target)) {
|
|
279
|
-
addPreviouslyFocusedElement(target);
|
|
280
|
-
}
|
|
281
|
-
queueMicrotask(() => {
|
|
282
|
-
const nodeId = getNodeId();
|
|
283
|
-
const triggers = store.context.triggerElements;
|
|
284
|
-
const insideElements = getResolvedInsideElements();
|
|
285
|
-
const isRelatedFocusGuard = relatedTarget?.hasAttribute((0, import_createAttribute.createAttribute)("focus-guard")) && [
|
|
286
|
-
beforeGuardRef.current,
|
|
287
|
-
afterGuardRef.current,
|
|
288
|
-
portalContext?.beforeInsideRef.current,
|
|
289
|
-
portalContext?.afterInsideRef.current,
|
|
290
|
-
portalContext?.beforeOutsideRef.current,
|
|
291
|
-
portalContext?.afterOutsideRef.current,
|
|
292
|
-
(0, import_resolveRef.resolveRef)(previousFocusableElement),
|
|
293
|
-
(0, import_resolveRef.resolveRef)(nextFocusableElement)
|
|
294
|
-
].includes(relatedTarget);
|
|
295
|
-
const movedToUnrelatedNode = !((0, import_element.contains)(domReference, relatedTarget) || (0, import_element.contains)(floating, relatedTarget) || (0, import_element.contains)(relatedTarget, floating) || (0, import_element.contains)(portalContext?.portalNode, relatedTarget) || insideElements.some(
|
|
296
|
-
(element) => element === relatedTarget || (0, import_element.contains)(element, relatedTarget)
|
|
297
|
-
) || relatedTarget != null && triggers.hasElement(relatedTarget) || triggers.hasMatchingElement((trigger) => (0, import_element.contains)(trigger, relatedTarget)) || isRelatedFocusGuard || tree && ((0, import_nodes.getNodeChildren)(tree.nodesRef.current, nodeId).find(
|
|
298
|
-
(node) => (0, import_element.contains)(node.context?.elements.floating, relatedTarget) || (0, import_element.contains)(node.context?.elements.domReference, relatedTarget)
|
|
299
|
-
) || (0, import_nodes.getNodeAncestors)(tree.nodesRef.current, nodeId).find(
|
|
300
|
-
(node) => [
|
|
301
|
-
node.context?.elements.floating,
|
|
302
|
-
(0, import_element.getFloatingFocusElement)(node.context?.elements.floating)
|
|
303
|
-
].includes(relatedTarget) || node.context?.elements.domReference === relatedTarget
|
|
304
|
-
)));
|
|
305
|
-
if (currentTarget === domReference && floatingFocusElement) {
|
|
306
|
-
handleTabIndex(floatingFocusElement);
|
|
307
|
-
}
|
|
308
|
-
if (restoreFocus && currentTarget !== domReference && !(0, import_composite.isElementVisible)(target) && (0, import_element.activeElement)(doc) === doc.body) {
|
|
309
|
-
if ((0, import_dom.isHTMLElement)(floatingFocusElement)) {
|
|
310
|
-
floatingFocusElement.focus();
|
|
311
|
-
if (restoreFocus === "popup") {
|
|
312
|
-
restoreFocusFrame.request(() => {
|
|
313
|
-
floatingFocusElement.focus();
|
|
314
|
-
});
|
|
315
|
-
return;
|
|
316
|
-
}
|
|
317
|
-
}
|
|
318
|
-
const tabbableContent = getTabbableContent();
|
|
319
|
-
const prevTabbable = lastFocusedTabbableRef.current;
|
|
320
|
-
const nodeToFocus = (prevTabbable && tabbableContent.includes(prevTabbable) ? prevTabbable : null) || tabbableContent[tabbableContent.length - 1] || floatingFocusElement;
|
|
321
|
-
if ((0, import_dom.isHTMLElement)(nodeToFocus)) {
|
|
322
|
-
nodeToFocus.focus();
|
|
323
|
-
}
|
|
324
|
-
}
|
|
325
|
-
if (dataRef.current.insideReactTree) {
|
|
326
|
-
dataRef.current.insideReactTree = false;
|
|
327
|
-
return;
|
|
328
|
-
}
|
|
329
|
-
if ((isUntrappedTypeableCombobox ? true : !modal) && relatedTarget && movedToUnrelatedNode && !isPointerDownRef.current && (isUntrappedTypeableCombobox || relatedTarget !== getPreviouslyFocusedElement())) {
|
|
330
|
-
preventReturnFocusRef.current = true;
|
|
331
|
-
store.setOpen(false, (0, import_createChangeEventDetails.createChangeEventDetails)(import_createChangeEventDetails.REASONS.focusOut, event));
|
|
332
|
-
}
|
|
333
|
-
});
|
|
334
|
-
}
|
|
335
|
-
function markInsideReactTree() {
|
|
336
|
-
if (pointerDownOutsideRef.current) {
|
|
337
|
-
return;
|
|
338
|
-
}
|
|
339
|
-
dataRef.current.insideReactTree = true;
|
|
340
|
-
blurTimeout.start(0, () => {
|
|
341
|
-
dataRef.current.insideReactTree = false;
|
|
342
|
-
});
|
|
343
|
-
}
|
|
344
|
-
const domReferenceElement = (0, import_dom.isHTMLElement)(domReference) ? domReference : null;
|
|
345
|
-
if (!floating && !domReferenceElement) {
|
|
346
|
-
return void 0;
|
|
347
|
-
}
|
|
348
|
-
return (0, import_mergeCleanups.mergeCleanups)(
|
|
349
|
-
domReferenceElement && (0, import_addEventListener.addEventListener)(domReferenceElement, "focusout", handleFocusOutside),
|
|
350
|
-
domReferenceElement && (0, import_addEventListener.addEventListener)(domReferenceElement, "pointerdown", handlePointerDown),
|
|
351
|
-
floating && (0, import_addEventListener.addEventListener)(floating, "focusin", handleFocusIn),
|
|
352
|
-
floating && (0, import_addEventListener.addEventListener)(floating, "focusout", handleFocusOutside),
|
|
353
|
-
floating && portalContext && (0, import_addEventListener.addEventListener)(floating, "focusout", markInsideReactTree, true)
|
|
354
|
-
);
|
|
355
|
-
},
|
|
356
|
-
[
|
|
357
|
-
disabled,
|
|
358
|
-
domReference,
|
|
359
|
-
floating,
|
|
360
|
-
floatingFocusElement,
|
|
361
|
-
modal,
|
|
362
|
-
tree,
|
|
363
|
-
portalContext,
|
|
364
|
-
store,
|
|
365
|
-
closeOnFocusOut,
|
|
366
|
-
restoreFocus,
|
|
367
|
-
getTabbableContent,
|
|
368
|
-
isUntrappedTypeableCombobox,
|
|
369
|
-
getNodeId,
|
|
370
|
-
dataRef,
|
|
371
|
-
blurTimeout,
|
|
372
|
-
pointerDownTimeout,
|
|
373
|
-
restoreFocusFrame,
|
|
374
|
-
nextFocusableElement,
|
|
375
|
-
previousFocusableElement,
|
|
376
|
-
getResolvedInsideElements
|
|
377
|
-
],
|
|
378
|
-
(0, import_internal.subSlot)(slot, "e:focusout")
|
|
379
|
-
);
|
|
380
|
-
(0, import_octane.useEffect)(
|
|
381
|
-
() => {
|
|
382
|
-
if (disabled || !floating || !open) {
|
|
383
|
-
return void 0;
|
|
384
|
-
}
|
|
385
|
-
const portalNodes = Array.from(
|
|
386
|
-
portalContext?.portalNode?.querySelectorAll(`[${(0, import_createAttribute.createAttribute)("portal")}]`) || []
|
|
387
|
-
);
|
|
388
|
-
const ancestors = tree ? (0, import_nodes.getNodeAncestors)(tree.nodesRef.current, getNodeId()) : [];
|
|
389
|
-
const rootAncestorComboboxDomReference = ancestors.find(
|
|
390
|
-
(node) => (0, import_element.isTypeableCombobox)(node.context?.elements.domReference || null)
|
|
391
|
-
)?.context?.elements.domReference;
|
|
392
|
-
const controlInsideElements = [
|
|
393
|
-
floating,
|
|
394
|
-
...portalNodes,
|
|
395
|
-
beforeGuardRef.current,
|
|
396
|
-
afterGuardRef.current,
|
|
397
|
-
portalContext?.beforeOutsideRef.current,
|
|
398
|
-
portalContext?.afterOutsideRef.current,
|
|
399
|
-
...getResolvedInsideElements()
|
|
400
|
-
];
|
|
401
|
-
const insideElements = [
|
|
402
|
-
...controlInsideElements,
|
|
403
|
-
rootAncestorComboboxDomReference,
|
|
404
|
-
(0, import_resolveRef.resolveRef)(previousFocusableElement),
|
|
405
|
-
(0, import_resolveRef.resolveRef)(nextFocusableElement),
|
|
406
|
-
isUntrappedTypeableCombobox ? domReference : null
|
|
407
|
-
].filter((x) => x != null);
|
|
408
|
-
const ariaHiddenCleanup = (0, import_markOthers.markOthers)(insideElements, {
|
|
409
|
-
ariaHidden: modal || isUntrappedTypeableCombobox,
|
|
410
|
-
mark: false
|
|
411
|
-
});
|
|
412
|
-
const markerInsideElements = [floating, ...portalNodes].filter(
|
|
413
|
-
(x) => x != null
|
|
414
|
-
);
|
|
415
|
-
const markerCleanup = (0, import_markOthers.markOthers)(markerInsideElements);
|
|
416
|
-
return () => {
|
|
417
|
-
markerCleanup();
|
|
418
|
-
ariaHiddenCleanup();
|
|
419
|
-
};
|
|
420
|
-
},
|
|
421
|
-
[
|
|
422
|
-
open,
|
|
423
|
-
disabled,
|
|
424
|
-
domReference,
|
|
425
|
-
floating,
|
|
426
|
-
modal,
|
|
427
|
-
portalContext,
|
|
428
|
-
isUntrappedTypeableCombobox,
|
|
429
|
-
tree,
|
|
430
|
-
getNodeId,
|
|
431
|
-
nextFocusableElement,
|
|
432
|
-
previousFocusableElement,
|
|
433
|
-
getResolvedInsideElements
|
|
434
|
-
],
|
|
435
|
-
(0, import_internal.subSlot)(slot, "e:hide")
|
|
436
|
-
);
|
|
437
|
-
(0, import_octane.useLayoutEffect)(
|
|
438
|
-
() => {
|
|
439
|
-
if (!open || disabled || !(0, import_dom.isHTMLElement)(floatingFocusElement)) {
|
|
440
|
-
return;
|
|
441
|
-
}
|
|
442
|
-
const doc = (0, import_owner.ownerDocument)(floatingFocusElement);
|
|
443
|
-
const previouslyFocused = (0, import_element.activeElement)(doc);
|
|
444
|
-
queueMicrotask(() => {
|
|
445
|
-
const initialFocusValueOrFn = initialFocusRef.current;
|
|
446
|
-
const resolvedInitialFocus = typeof initialFocusValueOrFn === "function" ? initialFocusValueOrFn(openInteractionTypeRef.current || "") : initialFocusValueOrFn;
|
|
447
|
-
if (resolvedInitialFocus === void 0 || resolvedInitialFocus === false) {
|
|
448
|
-
return;
|
|
449
|
-
}
|
|
450
|
-
const focusAlreadyInsideFloatingEl = (0, import_element.contains)(floatingFocusElement, previouslyFocused);
|
|
451
|
-
if (focusAlreadyInsideFloatingEl) {
|
|
452
|
-
return;
|
|
453
|
-
}
|
|
454
|
-
let focusableElements = null;
|
|
455
|
-
const getDefaultFocusElement = () => {
|
|
456
|
-
if (focusableElements == null) {
|
|
457
|
-
focusableElements = getTabbableContent(floatingFocusElement);
|
|
458
|
-
}
|
|
459
|
-
return focusableElements[0] || floatingFocusElement;
|
|
460
|
-
};
|
|
461
|
-
let elToFocus;
|
|
462
|
-
if (resolvedInitialFocus === true || resolvedInitialFocus === null) {
|
|
463
|
-
elToFocus = getDefaultFocusElement();
|
|
464
|
-
} else {
|
|
465
|
-
elToFocus = (0, import_resolveRef.resolveRef)(resolvedInitialFocus);
|
|
466
|
-
}
|
|
467
|
-
elToFocus = elToFocus || getDefaultFocusElement();
|
|
468
|
-
const hadFocusInside = (0, import_element.contains)(floatingFocusElement, (0, import_element.activeElement)(doc));
|
|
469
|
-
(0, import_enqueueFocus.enqueueFocus)(elToFocus, {
|
|
470
|
-
preventScroll: elToFocus === floatingFocusElement,
|
|
471
|
-
shouldFocus() {
|
|
472
|
-
if (!openRef.current) {
|
|
473
|
-
return false;
|
|
474
|
-
}
|
|
475
|
-
if (hadFocusInside) {
|
|
476
|
-
return true;
|
|
477
|
-
}
|
|
478
|
-
const currentActiveElement = (0, import_element.activeElement)(doc);
|
|
479
|
-
const focusMovedInside = currentActiveElement !== elToFocus && (0, import_element.contains)(floatingFocusElement, currentActiveElement);
|
|
480
|
-
return !focusMovedInside;
|
|
481
|
-
}
|
|
482
|
-
});
|
|
483
|
-
});
|
|
484
|
-
},
|
|
485
|
-
[
|
|
486
|
-
disabled,
|
|
487
|
-
open,
|
|
488
|
-
floatingFocusElement,
|
|
489
|
-
getTabbableContent,
|
|
490
|
-
initialFocusRef,
|
|
491
|
-
openInteractionTypeRef,
|
|
492
|
-
openRef
|
|
493
|
-
],
|
|
494
|
-
(0, import_internal.subSlot)(slot, "e:initfocus")
|
|
495
|
-
);
|
|
496
|
-
(0, import_octane.useLayoutEffect)(
|
|
497
|
-
() => {
|
|
498
|
-
if (disabled || !floatingFocusElement) {
|
|
499
|
-
return void 0;
|
|
500
|
-
}
|
|
501
|
-
const doc = (0, import_owner.ownerDocument)(floatingFocusElement);
|
|
502
|
-
const elementFocusedBeforeOpen = (0, import_element.activeElement)(doc);
|
|
503
|
-
const preferPreviousFocus = openInteractionTypeRef.current == null;
|
|
504
|
-
addPreviouslyFocusedElement(elementFocusedBeforeOpen);
|
|
505
|
-
function onOpenChangeLocal(details) {
|
|
506
|
-
if (!details.open) {
|
|
507
|
-
closeTypeRef.current = getEventType(details.nativeEvent, lastInteractionTypeRef.current);
|
|
508
|
-
}
|
|
509
|
-
if (details.reason === import_createChangeEventDetails.REASONS.triggerHover && details.nativeEvent.type === "mouseleave") {
|
|
510
|
-
preventReturnFocusRef.current = true;
|
|
511
|
-
}
|
|
512
|
-
if (details.reason !== import_createChangeEventDetails.REASONS.outsidePress) {
|
|
513
|
-
return;
|
|
514
|
-
}
|
|
515
|
-
if (details.nested) {
|
|
516
|
-
preventReturnFocusRef.current = false;
|
|
517
|
-
} else if ((0, import_event.isVirtualClick)(details.nativeEvent) || (0, import_event.isVirtualPointerEvent)(details.nativeEvent)) {
|
|
518
|
-
preventReturnFocusRef.current = false;
|
|
519
|
-
} else {
|
|
520
|
-
let isPreventScrollSupported = false;
|
|
521
|
-
(0, import_owner.ownerDocument)(floatingFocusElement).createElement("div").focus({
|
|
522
|
-
get preventScroll() {
|
|
523
|
-
isPreventScrollSupported = true;
|
|
524
|
-
return false;
|
|
525
|
-
}
|
|
526
|
-
});
|
|
527
|
-
if (isPreventScrollSupported) {
|
|
528
|
-
preventReturnFocusRef.current = false;
|
|
529
|
-
} else {
|
|
530
|
-
preventReturnFocusRef.current = true;
|
|
531
|
-
}
|
|
532
|
-
}
|
|
533
|
-
}
|
|
534
|
-
events.on("openchange", onOpenChangeLocal);
|
|
535
|
-
function getReturnElement() {
|
|
536
|
-
const returnFocusValueOrFn = returnFocusRef.current;
|
|
537
|
-
let resolvedReturnFocusValue = typeof returnFocusValueOrFn === "function" ? returnFocusValueOrFn(closeTypeRef.current) : returnFocusValueOrFn;
|
|
538
|
-
if (resolvedReturnFocusValue === void 0 || resolvedReturnFocusValue === false) {
|
|
539
|
-
return null;
|
|
540
|
-
}
|
|
541
|
-
if (resolvedReturnFocusValue === null) {
|
|
542
|
-
resolvedReturnFocusValue = true;
|
|
543
|
-
}
|
|
544
|
-
const referenceReturnElement = domReference?.isConnected ? domReference : null;
|
|
545
|
-
const previousReturnElement = elementFocusedBeforeOpen?.isConnected && (0, import_dom.getNodeName)(elementFocusedBeforeOpen) !== "body" ? elementFocusedBeforeOpen : null;
|
|
546
|
-
let defaultReturnElement = preferPreviousFocus ? previousReturnElement || referenceReturnElement : referenceReturnElement || previousReturnElement;
|
|
547
|
-
if (!defaultReturnElement) {
|
|
548
|
-
defaultReturnElement = getPreviouslyFocusedElement() || null;
|
|
549
|
-
}
|
|
550
|
-
if (typeof resolvedReturnFocusValue === "boolean") {
|
|
551
|
-
return defaultReturnElement;
|
|
552
|
-
}
|
|
553
|
-
return (0, import_resolveRef.resolveRef)(resolvedReturnFocusValue) || defaultReturnElement || null;
|
|
554
|
-
}
|
|
555
|
-
return () => {
|
|
556
|
-
events.off("openchange", onOpenChangeLocal);
|
|
557
|
-
const activeEl = (0, import_element.activeElement)(doc);
|
|
558
|
-
const insideElements = getResolvedInsideElements();
|
|
559
|
-
const isFocusInsideFloatingTree = (0, import_element.contains)(floating, activeEl) || insideElements.some(
|
|
560
|
-
(element) => element === activeEl || (0, import_element.contains)(element, activeEl)
|
|
561
|
-
) || tree && (0, import_nodes.getNodeChildren)(tree.nodesRef.current, getNodeId(), false).some(
|
|
562
|
-
(node) => (0, import_element.contains)(node.context?.elements.floating, activeEl)
|
|
563
|
-
);
|
|
564
|
-
const returnFocusValueOrFn = returnFocusRef.current;
|
|
565
|
-
const returnElement = getReturnElement();
|
|
566
|
-
queueMicrotask(() => {
|
|
567
|
-
const tabbableReturnElement = getFirstTabbableElement(returnElement);
|
|
568
|
-
const hasExplicitReturnFocus = typeof returnFocusValueOrFn !== "boolean";
|
|
569
|
-
if (returnFocusValueOrFn && !preventReturnFocusRef.current && (0, import_dom.isHTMLElement)(tabbableReturnElement) && (!hasExplicitReturnFocus && tabbableReturnElement !== activeEl && activeEl !== doc.body ? isFocusInsideFloatingTree : true)) {
|
|
570
|
-
tabbableReturnElement.focus({ preventScroll: true });
|
|
571
|
-
}
|
|
572
|
-
preventReturnFocusRef.current = false;
|
|
573
|
-
});
|
|
574
|
-
};
|
|
575
|
-
},
|
|
576
|
-
[
|
|
577
|
-
disabled,
|
|
578
|
-
floating,
|
|
579
|
-
floatingFocusElement,
|
|
580
|
-
returnFocusRef,
|
|
581
|
-
openInteractionTypeRef,
|
|
582
|
-
events,
|
|
583
|
-
tree,
|
|
584
|
-
domReference,
|
|
585
|
-
getNodeId,
|
|
586
|
-
getResolvedInsideElements
|
|
587
|
-
],
|
|
588
|
-
(0, import_internal.subSlot)(slot, "e:returnfocus")
|
|
589
|
-
);
|
|
590
|
-
(0, import_octane.useLayoutEffect)(
|
|
591
|
-
() => {
|
|
592
|
-
if (!import_platform.platform.engine.webkit || open || !floating) {
|
|
593
|
-
return;
|
|
594
|
-
}
|
|
595
|
-
const activeEl = (0, import_element.activeElement)((0, import_owner.ownerDocument)(floating));
|
|
596
|
-
if (!(0, import_dom.isHTMLElement)(activeEl) || !(0, import_element.isTypeableElement)(activeEl)) {
|
|
597
|
-
return;
|
|
598
|
-
}
|
|
599
|
-
if ((0, import_element.contains)(floating, activeEl)) {
|
|
600
|
-
activeEl.blur();
|
|
601
|
-
}
|
|
602
|
-
},
|
|
603
|
-
[open, floating],
|
|
604
|
-
(0, import_internal.subSlot)(slot, "e:webkit")
|
|
605
|
-
);
|
|
606
|
-
(0, import_octane.useLayoutEffect)(
|
|
607
|
-
() => {
|
|
608
|
-
if (disabled || !portalContext) {
|
|
609
|
-
return void 0;
|
|
610
|
-
}
|
|
611
|
-
portalContext.setFocusManagerState({
|
|
612
|
-
modal,
|
|
613
|
-
closeOnFocusOut,
|
|
614
|
-
open,
|
|
615
|
-
onOpenChange: store.setOpen,
|
|
616
|
-
domReference
|
|
617
|
-
});
|
|
618
|
-
return () => {
|
|
619
|
-
portalContext.setFocusManagerState(null);
|
|
620
|
-
};
|
|
621
|
-
},
|
|
622
|
-
[disabled, portalContext, modal, open, store, closeOnFocusOut, domReference],
|
|
623
|
-
(0, import_internal.subSlot)(slot, "e:portalsync")
|
|
624
|
-
);
|
|
625
|
-
(0, import_octane.useLayoutEffect)(
|
|
626
|
-
() => {
|
|
627
|
-
if (disabled || !floatingFocusElement) {
|
|
628
|
-
return void 0;
|
|
629
|
-
}
|
|
630
|
-
handleTabIndex(floatingFocusElement);
|
|
631
|
-
return () => {
|
|
632
|
-
queueMicrotask(clearDisconnectedPreviouslyFocusedElements);
|
|
633
|
-
};
|
|
634
|
-
},
|
|
635
|
-
[disabled, floatingFocusElement],
|
|
636
|
-
(0, import_internal.subSlot)(slot, "e:tabindex")
|
|
637
|
-
);
|
|
638
|
-
const shouldRenderGuards = !disabled && (modal ? !isUntrappedTypeableCombobox : true) && (isInsidePortal || modal);
|
|
639
|
-
return [
|
|
640
|
-
shouldRenderGuards ? (0, import_octane.createElement)(import_FocusGuard.FocusGuard, {
|
|
641
|
-
key: "guard-inside-before",
|
|
642
|
-
"data-type": "inside",
|
|
643
|
-
ref: mergedBeforeGuardRef,
|
|
644
|
-
onFocus(event) {
|
|
645
|
-
if (modal) {
|
|
646
|
-
const els = getTabbableContent();
|
|
647
|
-
(0, import_enqueueFocus.enqueueFocus)(els[els.length - 1]);
|
|
648
|
-
} else if (portalContext?.portalNode) {
|
|
649
|
-
preventReturnFocusRef.current = false;
|
|
650
|
-
if ((0, import_tabbable.isOutsideEvent)(event, portalContext.portalNode)) {
|
|
651
|
-
const nextTabbable = (0, import_tabbable.getNextTabbable)(domReference);
|
|
652
|
-
nextTabbable?.focus();
|
|
653
|
-
} else {
|
|
654
|
-
(0, import_resolveRef.resolveRef)(previousFocusableElement ?? portalContext.beforeOutsideRef)?.focus();
|
|
655
|
-
}
|
|
656
|
-
}
|
|
657
|
-
}
|
|
658
|
-
}) : null,
|
|
659
|
-
(0, import_octane.createElement)(import_octane.Fragment, { key: "children", children }),
|
|
660
|
-
shouldRenderGuards ? (0, import_octane.createElement)(import_FocusGuard.FocusGuard, {
|
|
661
|
-
key: "guard-inside-after",
|
|
662
|
-
"data-type": "inside",
|
|
663
|
-
ref: mergedAfterGuardRef,
|
|
664
|
-
onFocus(event) {
|
|
665
|
-
if (modal) {
|
|
666
|
-
(0, import_enqueueFocus.enqueueFocus)(getTabbableContent()[0]);
|
|
667
|
-
} else if (portalContext?.portalNode) {
|
|
668
|
-
if (closeOnFocusOut) {
|
|
669
|
-
preventReturnFocusRef.current = true;
|
|
670
|
-
}
|
|
671
|
-
if ((0, import_tabbable.isOutsideEvent)(event, portalContext.portalNode)) {
|
|
672
|
-
const prevTabbable = (0, import_tabbable.getPreviousTabbable)(domReference);
|
|
673
|
-
prevTabbable?.focus();
|
|
674
|
-
} else {
|
|
675
|
-
(0, import_resolveRef.resolveRef)(nextFocusableElement ?? portalContext.afterOutsideRef)?.focus();
|
|
676
|
-
}
|
|
677
|
-
}
|
|
678
|
-
}
|
|
679
|
-
}) : null
|
|
680
|
-
];
|
|
681
|
-
}
|
|
682
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
683
|
-
0 && (module.exports = {
|
|
684
|
-
FloatingFocusManager
|
|
685
|
-
});
|