twenty-ui 2.47.0 → 2.49.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +27 -2
- package/dist/{AllIcons-DrlkKKQf.cjs → AllIcons-Cyd7721G.cjs} +1 -1
- package/dist/{AllIcons-G3nKeM41.js → AllIcons-D132B8_i.js} +1 -1
- package/dist/Avatar-C6WxBgjS.cjs +1 -0
- package/dist/{Avatar-D-QA0RE5.js → Avatar-ifVlxbx_.js} +18 -17
- package/dist/{Button-Cs07psdD.js → Button-DIw804CX.js} +1 -1
- package/dist/{Button-COxEKIHL.cjs → Button-DTm1WDzp.cjs} +1 -1
- package/dist/Dropdown-1OAJvS1f.js +1000 -0
- package/dist/Dropdown-Bl4OXCf9.cjs +1 -0
- package/dist/{ListItem-CXu35dzp.js → ListItem-DizNUBT8.js} +4 -4
- package/dist/{ListItem-q6DHGlev.cjs → ListItem-DwBb-I1D.cjs} +1 -1
- package/dist/ListItem.module-BJ9Ttjrc.js +34 -0
- package/dist/ListItem.module-CO4u2oeF.cjs +1 -0
- package/dist/OverflowingTextWithTooltip-BmUROIah.js +90 -0
- package/dist/OverflowingTextWithTooltip-Z2daM0_x.cjs +1 -0
- package/dist/{ProgressBar-D_3Gia0E.js → ProgressBar-B3xACTV2.js} +1 -1
- package/dist/{ProgressBar-oF1qVHFx.cjs → ProgressBar-OpSMnDBz.cjs} +1 -1
- package/dist/{Radio-BMoQHDe7.js → Radio-BEAztmPu.js} +1 -1
- package/dist/{Radio-D_YUizSv.cjs → Radio-Dx6b4SYZ.cjs} +1 -1
- package/dist/ResizeHandle-B1MuHTNA.cjs +1 -0
- package/dist/{ResizeHandle-Bjg4R0c-.js → ResizeHandle-B30OYZxS.js} +57 -55
- package/dist/Shortcut-Bp9iDdQg.js +73 -0
- package/dist/Shortcut-N8TELGPI.cjs +1 -0
- package/dist/TabsTabContent-Co27Y2TU.cjs +1 -0
- package/dist/TabsTabContent-DVcObDp6.js +39 -0
- package/dist/{TintedIconTile-4BGa8g8n.js → TintedIconTile-B1XDtGrF.js} +1 -1
- package/dist/{TintedIconTile-CU2hCerq.cjs → TintedIconTile-DO1XJXCQ.cjs} +1 -1
- package/dist/Tooltip-Bg9Uk01p.cjs +1 -0
- package/dist/Tooltip-cLCgtFBF.js +124 -0
- package/dist/components/__stories__/reading-direction/DirectionalLayoutExample.d.ts +3 -1
- package/dist/components/code-editor/CodeEditor/CodeEditor.d.ts +1 -1
- package/dist/components/code-editor/CodeEditor/__stories__/ControlledCodeEditor.d.ts +2 -0
- package/dist/components/code-editor/CodeEditor/__stories__/ModelCodeEditor.d.ts +2 -0
- package/dist/components/code-editor/CodeEditor/__stories__/ResizableCodeEditor.d.ts +2 -0
- package/dist/components/code-editor/CodeEditor/__stories__/ThemedCodeEditor.d.ts +2 -0
- package/dist/components/code-editor/CodeEditor/__stories__/UnmountingCodeEditor.d.ts +2 -0
- package/dist/components/code-editor/CodeEditor/__stories__/waitForCodeEditorContent.d.ts +4 -1
- package/dist/components/code-editor/CodeEditor/internal/CodeEditorAutoHeightEffect.d.ts +9 -0
- package/dist/components/code-editor/CodeEditor/internal/CodeEditorLifecycleEffect.d.ts +11 -0
- package/dist/components/code-editor/CodeEditor/internal/CodeEditorLoaderConfigurationEffect.d.ts +7 -0
- package/dist/components/code-editor/CodeEditor/internal/CodeEditorMarkersEffect.d.ts +10 -0
- package/dist/components/code-editor/CodeEditor/internal/CodeEditorResizableHeightEffect.d.ts +11 -0
- package/dist/components/code-editor/CodeEditor/internal/CodeEditorThemeEffect.d.ts +10 -0
- package/dist/components/code-editor/CodeEditor/internal/constants/CodeEditorDefaultHeight.d.ts +1 -0
- package/dist/components/code-editor/CodeEditor/internal/types/ResizedCodeEditorHeight.d.ts +4 -0
- package/dist/components/code-editor/CodeEditor/internal/useCodeEditorHeight.d.ts +13 -0
- package/dist/components/code-editor/CodeEditor/internal/utils/defineCodeEditorDefaultTheme.d.ts +7 -0
- package/dist/components/code-editor/CodeEditor/internal/utils/getBaseCodeEditorTheme.d.ts +4 -1
- package/dist/components/code-editor/CodeEditor/internal/utils/getBoundedCodeEditorHeight.d.ts +1 -0
- package/dist/components/code-editor/CodeEditor/internal/utils/getCurrentCodeEditorHeight.d.ts +7 -0
- package/dist/components/code-editor/CodeEditor/internal/utils/getResizableCodeEditorHeight.d.ts +5 -0
- package/dist/components/code-editor/CodeEditor/types/CodeEditorProps.d.ts +4 -2
- package/dist/components/code-editor.cjs +1 -1
- package/dist/components/code-editor.mjs +268 -155
- package/dist/components/data-display.cjs +1 -1
- package/dist/components/data-display.mjs +2 -2
- package/dist/components/feedback/Toast/internal/components/ToastCountdownEffect.d.ts +4 -3
- package/dist/components/feedback/Toast/internal/components/ToastProviderLifecycleEffect.d.ts +3 -0
- package/dist/components/feedback/Toast/internal/constants/DefaultToastDuration.d.ts +1 -0
- package/dist/components/feedback/Toast/internal/contexts/ToastContext.d.ts +60 -1
- package/dist/components/feedback/Toast/internal/contexts/ToastTimingContext.d.ts +12 -2
- package/dist/components/feedback/Toast/internal/hooks/useToastContext.d.ts +60 -1
- package/dist/components/feedback/Toast/internal/hooks/useToastCountdown.d.ts +26 -0
- package/dist/components/feedback/Toast/internal/stores/createToastStore.d.ts +60 -1
- package/dist/components/feedback/Toast/internal/utils/assertValidToastLimit.d.ts +1 -0
- package/dist/components/feedback/Toast/internal/utils/completeToastExit.d.ts +3 -2
- package/dist/components/feedback/Toast/internal/utils/createToastCountdownStore.d.ts +22 -0
- package/dist/components/feedback/Toast/internal/utils/createToastLifecycle.d.ts +62 -0
- package/dist/components/feedback/Toast/internal/utils/dismissToasts.d.ts +3 -2
- package/dist/components/feedback/Toast/internal/utils/updateToastLimit.d.ts +5 -0
- package/dist/components/feedback/Toaster/__stories__/ToasterLifecycleControls.d.ts +7 -0
- package/dist/components/feedback/Toaster/__stories__/ToasterLifecycleExample.d.ts +2 -0
- package/dist/components/feedback/Toaster/__stories__/ToasterLifecycleExampleProps.d.ts +7 -0
- package/dist/components/feedback/Toaster/__stories__/ToasterLifecycleTimingOverrideExample.d.ts +9 -0
- package/dist/components/feedback/Toaster/__stories__/ToasterLifecycleUnrelatedNotificationActions.d.ts +5 -0
- package/dist/components/feedback/Toaster/__stories__/ToasterPortalExample.d.ts +5 -0
- package/dist/components/feedback/Toaster/__stories__/ToasterProviderLayoutReplayEffect.d.ts +4 -0
- package/dist/components/feedback/Toaster/__stories__/ToasterProviderPassiveReplayEffect.d.ts +4 -0
- package/dist/components/feedback/Toaster/__stories__/ToasterProviderReplayExample.d.ts +6 -0
- package/dist/components/feedback/Toaster/__stories__/ToasterProviderSuspenseExample.d.ts +4 -0
- package/dist/components/feedback/Toaster/__stories__/ToasterProviderSuspension.d.ts +5 -0
- package/dist/components/feedback/Toaster/internal/ToasterItemExitEffect.d.ts +2 -1
- package/dist/components/feedback.cjs +1 -1
- package/dist/components/feedback.mjs +1 -1
- package/dist/components/input/CountrySelect/CountrySelect.d.ts +5 -2
- package/dist/components/input/CountrySelect/__stories__/CountrySelectPartsExample.d.ts +11 -0
- package/dist/components/input/CountrySelect/internal/CountrySelectComponent.d.ts +2 -0
- package/dist/components/input/CountrySelect/internal/CountrySelectContext.d.ts +2 -0
- package/dist/components/input/CountrySelect/internal/CountrySelectContextValue.d.ts +11 -0
- package/dist/components/input/CountrySelect/internal/CountrySelectDropdown.d.ts +4 -0
- package/dist/components/input/CountrySelect/internal/CountrySelectOptions.d.ts +2 -11
- package/dist/components/input/CountrySelect/internal/CountrySelectOptionsContent.d.ts +2 -0
- package/dist/components/input/CountrySelect/internal/CountrySelectRoot.d.ts +2 -0
- package/dist/components/input/CountrySelect/internal/CountrySelectTrigger.d.ts +2 -0
- package/dist/components/input/CountrySelect/internal/NO_COUNTRY_SELECTION_VALUE.d.ts +1 -0
- package/dist/components/input/CountrySelect/internal/PreparedCountryChoice.d.ts +5 -0
- package/dist/components/input/CountrySelect/internal/getCountrySelectionValue.d.ts +1 -0
- package/dist/components/input/CountrySelect/internal/useCountrySelectContextOrThrow.d.ts +1 -0
- package/dist/components/input/CountrySelect/types/CountryChoice.d.ts +1 -0
- package/dist/components/input/CountrySelect/types/CountrySelectOptionsProps.d.ts +10 -0
- package/dist/components/input/CountrySelect/types/CountrySelectOptionsState.d.ts +4 -0
- package/dist/components/input/CountrySelect/types/CountrySelectProps.d.ts +7 -13
- package/dist/components/input/CountrySelect/types/CountrySelectRootProps.d.ts +12 -0
- package/dist/components/input/CountrySelect/types/CountrySelectTriggerProps.d.ts +6 -0
- package/dist/components/input/CurrencyPicker/CurrencyPicker.d.ts +4 -3
- package/dist/components/input/CurrencyPicker/__stories__/CurrencyPickerChangingDefaultExample.d.ts +5 -0
- package/dist/components/input/CurrencyPicker/__stories__/CurrencyPickerControlledExample.d.ts +5 -0
- package/dist/components/input/CurrencyPicker/__stories__/CurrencyPickerControlledSearchExample.d.ts +5 -0
- package/dist/components/input/CurrencyPicker/__stories__/CurrencyPickerExample.d.ts +3 -4
- package/dist/components/input/CurrencyPicker/__stories__/CurrencyPickerListLabelExample.d.ts +1 -0
- package/dist/components/input/CurrencyPicker/__stories__/CurrencyPickerRootStateExample.d.ts +1 -0
- package/dist/components/input/CurrencyPicker/internal/CurrencyPickerContext.d.ts +11 -0
- package/dist/components/input/CurrencyPicker/internal/CurrencyPickerOptions.d.ts +1 -1
- package/dist/components/input/CurrencyPicker/internal/CurrencyPickerRoot.d.ts +2 -0
- package/dist/components/input/CurrencyPicker/internal/CurrencyPickerShorthand.d.ts +2 -0
- package/dist/components/input/CurrencyPicker/internal/CurrencyPickerTrigger.d.ts +1 -1
- package/dist/components/input/CurrencyPicker/internal/PreparedCurrencyPickerOption.d.ts +7 -0
- package/dist/components/input/CurrencyPicker/internal/getCurrencyPickerSearchText.d.ts +2 -0
- package/dist/components/input/CurrencyPicker/internal/useCurrencyPickerContextOrThrow.d.ts +7 -0
- package/dist/components/input/CurrencyPicker/types/CurrencyPickerChangeEventDetails.d.ts +2 -0
- package/dist/components/input/CurrencyPicker/types/CurrencyPickerOption.d.ts +1 -0
- package/dist/components/input/CurrencyPicker/types/CurrencyPickerOptionsProps.d.ts +6 -5
- package/dist/components/input/CurrencyPicker/types/CurrencyPickerProps.d.ts +10 -0
- package/dist/components/input/CurrencyPicker/types/CurrencyPickerRootProps.d.ts +17 -0
- package/dist/components/input/CurrencyPicker/types/CurrencyPickerState.d.ts +6 -0
- package/dist/components/input/CurrencyPicker/types/CurrencyPickerTriggerProps.d.ts +3 -2
- package/dist/components/input/IconButton/__stories__/IconButtonExample.d.ts +7 -0
- package/dist/components/input/PhoneCountryPicker/PhoneCountryPicker.d.ts +5 -3
- package/dist/components/input/PhoneCountryPicker/__stories__/PhoneCountryPickerExample.d.ts +7 -3
- package/dist/components/input/PhoneCountryPicker/__stories__/testDisabledPhoneCountryPicker.d.ts +5 -0
- package/dist/components/input/PhoneCountryPicker/__stories__/testPhoneCountryCallingCodeDirection.d.ts +3 -0
- package/dist/components/input/PhoneCountryPicker/__stories__/testPhoneCountryNullSelection.d.ts +5 -0
- package/dist/components/input/PhoneCountryPicker/__stories__/testPhoneCountrySelection.d.ts +5 -0
- package/dist/components/input/PhoneCountryPicker/internal/PhoneCountryPickerContext.d.ts +9 -0
- package/dist/components/input/PhoneCountryPicker/internal/PhoneCountryPickerOptions.d.ts +1 -1
- package/dist/components/input/PhoneCountryPicker/internal/PhoneCountryPickerRoot.d.ts +2 -0
- package/dist/components/input/PhoneCountryPicker/internal/PhoneCountryPickerTrigger.d.ts +1 -1
- package/dist/components/input/PhoneCountryPicker/internal/PreparedPhoneCountryOption.d.ts +5 -0
- package/dist/components/input/PhoneCountryPicker/internal/getPhoneCountryOptionTooltipLabel.d.ts +2 -0
- package/dist/components/input/PhoneCountryPicker/internal/matchesPhoneCountrySearch.d.ts +6 -0
- package/dist/components/input/PhoneCountryPicker/internal/usePhoneCountryPickerContextOrThrow.d.ts +7 -0
- package/dist/components/input/PhoneCountryPicker/types/PhoneCountryOption.d.ts +1 -0
- package/dist/components/input/PhoneCountryPicker/types/PhoneCountryPickerOptionsProps.d.ts +4 -5
- package/dist/components/input/PhoneCountryPicker/types/PhoneCountryPickerProps.d.ts +10 -0
- package/dist/components/input/PhoneCountryPicker/types/PhoneCountryPickerRootProps.d.ts +12 -0
- package/dist/components/input/PhoneCountryPicker/types/PhoneCountryPickerTriggerProps.d.ts +1 -3
- package/dist/components/input/SearchInput/SearchInput.d.ts +1 -1
- package/dist/components/input/SearchInput/types/SearchInputProps.d.ts +2 -3
- package/dist/components/input/SegmentedControl/SegmentedControl.d.ts +1 -1
- package/dist/components/input/SegmentedControl/types/SegmentedControlProps.d.ts +2 -0
- package/dist/components/input/SegmentedControl/types/SegmentedControlSize.d.ts +1 -0
- package/dist/components/input/index.d.ts +11 -0
- package/dist/components/input.cjs +1 -1
- package/dist/components/input.mjs +13 -13
- package/dist/components/layout/OverflowingList/OverflowingList.d.ts +1 -1
- package/dist/components/layout/OverflowingList/__stories__/OverflowingListActionsExample.d.ts +7 -0
- package/dist/components/layout/OverflowingList/__stories__/OverflowingListCanceledCloseExample.d.ts +1 -0
- package/dist/components/layout/OverflowingList/__stories__/OverflowingListControlledExample.d.ts +1 -0
- package/dist/components/layout/OverflowingList/__stories__/OverflowingListControlledStateExample.d.ts +1 -0
- package/dist/components/layout/OverflowingList/__stories__/OverflowingListDisabledTriggerFocusExample.d.ts +1 -0
- package/dist/components/layout/OverflowingList/__stories__/OverflowingListEventBlockingExample.d.ts +7 -0
- package/dist/components/layout/OverflowingList/__stories__/OverflowingListFocusExample.d.ts +1 -0
- package/dist/components/layout/OverflowingList/__stories__/OverflowingListInstanceCleanupExample.d.ts +1 -0
- package/dist/components/layout/OverflowingList/__stories__/OverflowingListStateExample.d.ts +1 -0
- package/dist/components/layout/OverflowingList/__stories__/OverflowingListTriggerRefExample.d.ts +1 -0
- package/dist/components/layout/OverflowingList/internal/OverflowingListItem.d.ts +8 -2
- package/dist/components/layout/OverflowingList/internal/OverflowingListItemFocusEffect.d.ts +8 -0
- package/dist/components/layout/OverflowingList/internal/OverflowingListLayoutEffect.d.ts +16 -0
- package/dist/components/layout/OverflowingList/internal/OverflowingListPopupTarget.d.ts +10 -0
- package/dist/components/layout/OverflowingList/internal/focusOverflowingListFallback.d.ts +8 -0
- package/dist/components/layout/OverflowingList/internal/measureItemWidths.d.ts +1 -2
- package/dist/components/layout/OverflowingList/internal/measureOverflowingListLayout.d.ts +9 -0
- package/dist/components/layout/OverflowingList/internal/types/OverflowingListLayout.d.ts +4 -0
- package/dist/components/layout/OverflowingList/internal/useFocusedElementUnmountRef.d.ts +1 -1
- package/dist/components/layout/OverflowingList/internal/useOverflowingListFocus.d.ts +30 -0
- package/dist/components/layout/OverflowingList/internal/useOverflowingListLayout.d.ts +6 -6
- package/dist/components/layout/OverflowingList/types/OverflowingListProps.d.ts +7 -2
- package/dist/components/layout.cjs +1 -1
- package/dist/components/layout.mjs +1 -1
- package/dist/components/navigation/Dropdown/Dropdown.d.ts +5 -4
- package/dist/components/navigation/Dropdown/__stories__/DropdownIconGridExample.d.ts +3 -0
- package/dist/components/navigation/Dropdown/__stories__/DropdownSelectionGroupsExample.d.ts +1 -0
- package/dist/components/navigation/Dropdown/internal/DropdownActionItem.d.ts +1 -1
- package/dist/components/navigation/Dropdown/internal/DropdownContent.d.ts +1 -1
- package/dist/components/navigation/Dropdown/internal/DropdownContextValue.d.ts +12 -6
- package/dist/components/navigation/Dropdown/internal/DropdownOptionItem.d.ts +1 -1
- package/dist/components/navigation/Dropdown/internal/DropdownOptionItemOwner.d.ts +7 -0
- package/dist/components/navigation/Dropdown/internal/DropdownRowFocus.d.ts +5 -0
- package/dist/components/navigation/Dropdown/internal/DropdownRowsEffect.d.ts +5 -0
- package/dist/components/navigation/Dropdown/internal/DropdownSelectionContext.d.ts +2 -0
- package/dist/components/navigation/Dropdown/internal/DropdownSelectionContextValue.d.ts +9 -0
- package/dist/components/navigation/Dropdown/internal/DropdownSelectionGroup.d.ts +2 -0
- package/dist/components/navigation/Dropdown/internal/DropdownSelectionGroupEffect.d.ts +11 -0
- package/dist/components/navigation/Dropdown/internal/DropdownSubmenuTrigger.d.ts +1 -1
- package/dist/components/navigation/Dropdown/internal/createDropdownSelectionEventDetails.d.ts +5 -0
- package/dist/components/navigation/Dropdown/internal/dropdownItemActivation.d.ts +11 -0
- package/dist/components/navigation/Dropdown/internal/getDropdownItemExplicitId.d.ts +5 -0
- package/dist/components/navigation/Dropdown/internal/getDropdownOptionItemRole.d.ts +9 -0
- package/dist/components/navigation/Dropdown/internal/getDropdownRows.d.ts +1 -0
- package/dist/components/navigation/Dropdown/internal/getDropdownSearch.d.ts +1 -0
- package/dist/components/navigation/Dropdown/internal/getDropdownSelectionGroupState.d.ts +6 -0
- package/dist/components/navigation/Dropdown/internal/getDropdownTabStopRowId.d.ts +4 -0
- package/dist/components/navigation/Dropdown/internal/getTrailingFocusGuard.d.ts +1 -0
- package/dist/components/navigation/Dropdown/internal/isDropdownDismissPrevented.d.ts +2 -1
- package/dist/components/navigation/Dropdown/internal/isDropdownOptionItemSelected.d.ts +6 -0
- package/dist/components/navigation/Dropdown/internal/isDropdownRow.d.ts +4 -0
- package/dist/components/navigation/Dropdown/internal/isEnabledDropdownItem.d.ts +4 -0
- package/dist/components/navigation/Dropdown/internal/useDropdownItemFocus.d.ts +0 -1
- package/dist/components/navigation/Dropdown/internal/useDropdownKeyboardNavigation.d.ts +1 -6
- package/dist/components/navigation/Dropdown/internal/useDropdownSelections.d.ts +12 -0
- package/dist/components/navigation/Dropdown/types/DropdownOptionItemProps.d.ts +7 -2
- package/dist/components/navigation/Dropdown/types/DropdownOptionItemSelectEventDetails.d.ts +2 -0
- package/dist/components/navigation/Dropdown/types/DropdownOptionItemState.d.ts +5 -0
- package/dist/components/navigation/Dropdown/types/DropdownSelectionGroupChangeEventDetails.d.ts +7 -0
- package/dist/components/navigation/Dropdown/types/DropdownSelectionGroupProps.d.ts +21 -0
- package/dist/components/navigation/Dropdown/types/DropdownSelectionGroupState.d.ts +7 -0
- package/dist/components/navigation/index.d.ts +5 -0
- package/dist/components/navigation.cjs +1 -1
- package/dist/components/navigation.mjs +2 -2
- package/dist/components/settings.cjs +1 -1
- package/dist/components/settings.mjs +1 -1
- package/dist/components.cjs +1 -1
- package/dist/components.mjs +22 -22
- package/dist/data-display-BSKGlijb.cjs +1 -0
- package/dist/{data-display-DU3G8ZyI.js → data-display-BtXCGOGw.js} +82 -81
- package/dist/data-display-DtXIhJ4B.js +184 -0
- package/dist/data-display-XV3ht1rC.cjs +2 -0
- package/dist/doNotTranslate-BSVT8Xyd.js +4 -0
- package/dist/doNotTranslate-CHE7WmRS.cjs +1 -0
- package/dist/feedback-Cs-38OH4.cjs +1 -0
- package/dist/feedback-DTyVVcTb.js +665 -0
- package/dist/icon/components/TablerIcons.d.ts +1 -1
- package/dist/icon/constants/TwentyIconDictionary.d.ts +7 -7
- package/dist/icon/index.d.ts +1 -1
- package/dist/{icon-JuDK6Wxr.cjs → icon-BNcdwwdl.cjs} +1 -1
- package/dist/{icon-BdXwnJA6.js → icon-CUE-QGQK.js} +129 -128
- package/dist/icon.cjs +1 -1
- package/dist/icon.mjs +77 -76
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +222 -220
- package/dist/{input-Bnu5kNjg.cjs → input-B_rBplmn.cjs} +1 -1
- package/dist/input-BrjD91wv.js +785 -0
- package/dist/input-ChlFcqIS.cjs +1 -0
- package/dist/{input-vl6yK36n.js → input-D1oyk0tD.js} +4 -4
- package/dist/layout-CthYckvl.cjs +1 -0
- package/dist/layout-DQcjBu08.js +439 -0
- package/dist/{navigation-itBinyPi.js → navigation-B6nka3bW.js} +127 -130
- package/dist/navigation-CIVYqPc5.js +132 -0
- package/dist/navigation-CflGBYv-.cjs +1 -0
- package/dist/navigation-DoInK0Sp.cjs +1 -0
- package/dist/preventDismissingClickActivation-AaqHBLnW.js +45 -0
- package/dist/preventDismissingClickActivation-CIhWvKCu.cjs +1 -0
- package/dist/primitives/data-display.cjs +1 -1
- package/dist/primitives/data-display.mjs +2 -2
- package/dist/primitives/feedback.cjs +1 -1
- package/dist/primitives/feedback.mjs +1 -1
- package/dist/primitives/input/Radio/__stories__/RadioCardContent.d.ts +8 -0
- package/dist/primitives/input.cjs +1 -1
- package/dist/primitives/input.mjs +3 -3
- package/dist/primitives/layout/ResizeHandle/__stories__/ResizableNotesExample.d.ts +2 -0
- package/dist/primitives/layout.cjs +1 -1
- package/dist/primitives/layout.mjs +1 -1
- package/dist/primitives/navigation.cjs +1 -1
- package/dist/primitives/navigation.mjs +2 -2
- package/dist/primitives/surfaces/Tooltip/Tooltip.d.ts +1 -1
- package/dist/primitives/surfaces/Tooltip/internal/TooltipPopup.d.ts +1 -1
- package/dist/primitives/surfaces/Tooltip/types/TooltipPopupProps.d.ts +2 -0
- package/dist/primitives/surfaces.cjs +1 -1
- package/dist/primitives/surfaces.mjs +2 -2
- package/dist/primitives/typography/OverflowingTextWithTooltip/OverflowingTextTooltipModeProvider.d.ts +6 -0
- package/dist/primitives/typography/OverflowingTextWithTooltip/internal/OverflowingTextTooltipModeContext.d.ts +2 -0
- package/dist/primitives/typography/OverflowingTextWithTooltip/internal/isElementOverflowing.d.ts +1 -0
- package/dist/primitives/typography/OverflowingTextWithTooltip/types/OverflowingTextTooltipMode.d.ts +1 -0
- package/dist/primitives/typography/Shortcut/Shortcut.d.ts +1 -1
- package/dist/primitives/typography/Shortcut/internal/getShortcutPresentation.d.ts +1 -1
- package/dist/primitives/typography/Shortcut/types/ShortcutFormatOptions.d.ts +1 -0
- package/dist/primitives/typography/index.d.ts +2 -0
- package/dist/primitives/typography.cjs +1 -1
- package/dist/primitives/typography.mjs +10 -9
- package/dist/primitives.cjs +1 -1
- package/dist/primitives.mjs +37 -36
- package/dist/{settings-CC-2gcAx.js → settings-BgVuLpg9.js} +1 -1
- package/dist/{settings-BiSAY2oN.cjs → settings-CPXhrmbK.cjs} +1 -1
- package/dist/style.css +1 -1
- package/dist/surfaces-0rL5DoHt.cjs +1 -0
- package/dist/{surfaces-DZ2A-Nb9.js → surfaces-BLsR5ka0.js} +54 -54
- package/dist/testing/GroupedCatalog.d.ts +14 -0
- package/dist/testing/index.d.ts +1 -0
- package/dist/testing.cjs +1 -1
- package/dist/testing.mjs +96 -66
- package/dist/typography-DT2eKLvd.js +11 -0
- package/dist/typography-bKeSMuJd.cjs +1 -0
- package/dist/useIsMobile-Byp9AIq-.cjs +1 -0
- package/dist/useIsMobile-D1ImfQnE.js +38 -0
- package/dist/utilities/internal/doNotTranslate.d.ts +1 -0
- package/dist/utilities-BKCMZyqZ.js +53 -0
- package/dist/utilities-xZh8D2gd.cjs +1 -0
- package/dist/utilities.cjs +1 -1
- package/dist/utilities.mjs +3 -3
- package/package.json +3 -3
- package/dist/Avatar-CQhIEazb.cjs +0 -1
- package/dist/Dropdown-BBUGkQQV.cjs +0 -1
- package/dist/Dropdown-CScN_olN.js +0 -784
- package/dist/ListItem.module-Ar-vZ7Qu.js +0 -34
- package/dist/ListItem.module-B8NeDH1P.cjs +0 -1
- package/dist/OverflowingTextWithTooltip-Be2-wCcZ.js +0 -88
- package/dist/OverflowingTextWithTooltip-BlufG-6n.cjs +0 -1
- package/dist/ResizeHandle-CNlQ4TEE.cjs +0 -1
- package/dist/Shortcut-DKfB0kej.js +0 -71
- package/dist/Shortcut-ZuZ-KYSk.cjs +0 -1
- package/dist/TabsTabContent-DZUNi_iE.cjs +0 -1
- package/dist/TabsTabContent-s6J5bZ3R.js +0 -39
- package/dist/Tooltip-BMkznyoi.js +0 -120
- package/dist/Tooltip-JOYVeSsf.cjs +0 -1
- package/dist/components/navigation/Dropdown/internal/DropdownSearchTargetEffect.d.ts +0 -5
- package/dist/data-display-BMV-nC-9.js +0 -181
- package/dist/data-display-BkujQe5v.cjs +0 -1
- package/dist/data-display-DjhAHvj1.cjs +0 -2
- package/dist/feedback-B5x8tmnG.cjs +0 -1
- package/dist/feedback-DhilJ_fX.js +0 -509
- package/dist/input-BEKjAOjS.cjs +0 -1
- package/dist/input-BUgnp6eA.js +0 -559
- package/dist/layout-BKHabkTu.js +0 -267
- package/dist/layout-wuIu4rJ3.cjs +0 -1
- package/dist/navigation-B1hPNYv2.cjs +0 -1
- package/dist/navigation-Dg46Wr5m.js +0 -131
- package/dist/navigation-WsiYsmaq.cjs +0 -1
- package/dist/preventDismissingClickActivation-CzWqpjiX.js +0 -44
- package/dist/preventDismissingClickActivation-DZxTSLV3.cjs +0 -1
- package/dist/surfaces-vyAhk2Gw.cjs +0 -1
- package/dist/typography-8DF9mq2w.cjs +0 -1
- package/dist/typography-DmY7-GzQ.js +0 -5
- package/dist/useIsMobile-DxOPI2_E.cjs +0 -1
- package/dist/useIsMobile-nrufFzMb.js +0 -37
- package/dist/utilities-BeLfNQ0Q.cjs +0 -1
- package/dist/utilities-CEi9I09B.js +0 -52
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const n=require("./theme-1XkFz8Qu.cjs"),o=require("./doNotTranslate-CHE7WmRS.cjs"),u=require("./useIsMobile-Byp9AIq-.cjs");let h=require("zod");var f=e=>e.replace(/\d+$/,""),s=h.z.enum(n.MAIN_COLOR_NAMES),O=e=>{const r=s.safeParse(e??"");return r.success?r.data:n.DEFAULT_THEME_COLOR_FALLBACK},c=e=>{let r=0;for(let t=0;t<e.length;t++)r=e.charCodeAt(t)+((r<<5)-r);return n.MAIN_COLOR_NAMES[Math.abs(r)%n.MAIN_COLOR_NAMES.length]??n.MAIN_COLOR_NAMES[0]},C=({string:e,variant:r=9,theme:t})=>{if(r<1||r>12)throw new Error(o.doNotTranslate("Variant must be between 1 and 12"));const m=`${c(e)}${r}`;return t.color[m]},g=()=>{const e=u.getUserDevice();return e==="mac"||e==="ios"?"⌘":o.doNotTranslate("Ctrl")},l=o.doNotTranslate("(hover: none) and (pointer: coarse)"),_=()=>u.useMediaQuery(l),b=["http:","https:","mailto:","tel:"],a="https://same-origin-probe.invalid",i=e=>{if(e.startsWith("/"))try{return new URL(e,a).origin===a}catch{return!1}try{const r=new URL(e);return b.includes(r.protocol)}catch{return!1}},d=e=>{if(!e||e.trim().length===0)return;if(i(e))return e;if(e.startsWith("/"))return;const r=`https://${e}`;return i(r)?r:void 0};Object.defineProperty(exports,"TOUCH_DEVICE_MEDIA_QUERY",{enumerable:!0,get:function(){return l}});Object.defineProperty(exports,"getMainColorNameFromPaletteColorName",{enumerable:!0,get:function(){return f}});Object.defineProperty(exports,"getOsControlSymbol",{enumerable:!0,get:function(){return g}});Object.defineProperty(exports,"getSafeUrl",{enumerable:!0,get:function(){return d}});Object.defineProperty(exports,"parseThemeColor",{enumerable:!0,get:function(){return O}});Object.defineProperty(exports,"stringToThemeColor",{enumerable:!0,get:function(){return c}});Object.defineProperty(exports,"stringToThemeColorP3String",{enumerable:!0,get:function(){return C}});Object.defineProperty(exports,"themeColorSchema",{enumerable:!0,get:function(){return s}});Object.defineProperty(exports,"useIsTouchDevice",{enumerable:!0,get:function(){return _}});
|
package/dist/utilities.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./isDefined-DS2Q42p5.cjs"),e=require("./utilities-
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./isDefined-DS2Q42p5.cjs"),e=require("./utilities-xZh8D2gd.cjs"),i=require("./useIsMobile-Byp9AIq-.cjs"),r=require("./preventDismissingClickActivation-CIhWvKCu.cjs");exports.MOBILE_MEDIA_QUERY=i.MOBILE_MEDIA_QUERY;exports.TOUCH_DEVICE_MEDIA_QUERY=e.TOUCH_DEVICE_MEDIA_QUERY;exports.getMainColorNameFromPaletteColorName=e.getMainColorNameFromPaletteColorName;exports.getOsControlSymbol=e.getOsControlSymbol;exports.getSafeUrl=e.getSafeUrl;exports.getUserDevice=i.getUserDevice;exports.isDefined=o.isDefined;exports.normalizeSearchText=r.normalizeSearchText;exports.parseThemeColor=e.parseThemeColor;exports.preventDismissingClickActivation=r.preventDismissingClickActivation;exports.stringToThemeColor=e.stringToThemeColor;exports.stringToThemeColorP3String=e.stringToThemeColorP3String;exports.themeColorSchema=e.themeColorSchema;exports.useIsMobile=i.useIsMobile;exports.useIsTouchDevice=e.useIsTouchDevice;exports.useMediaQuery=i.useMediaQuery;
|
package/dist/utilities.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { t as o } from "./isDefined-fMi6eQ4r.js";
|
|
2
|
-
import { a as r, c as a, i as t, l as i, n as m, o as l, r as n, s as C, t as c } from "./utilities-
|
|
3
|
-
import { i as T, n as h, r as p, t as D } from "./useIsMobile-
|
|
4
|
-
import { n as f, t as I } from "./preventDismissingClickActivation-
|
|
2
|
+
import { a as r, c as a, i as t, l as i, n as m, o as l, r as n, s as C, t as c } from "./utilities-BKCMZyqZ.js";
|
|
3
|
+
import { i as T, n as h, r as p, t as D } from "./useIsMobile-D1ImfQnE.js";
|
|
4
|
+
import { n as f, t as I } from "./preventDismissingClickActivation-AaqHBLnW.js";
|
|
5
5
|
export {
|
|
6
6
|
p as MOBILE_MEDIA_QUERY,
|
|
7
7
|
n as TOUCH_DEVICE_MEDIA_QUERY,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "twenty-ui",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.49.0",
|
|
4
4
|
"description": "Twenty's shared React UI component library.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -75,8 +75,8 @@
|
|
|
75
75
|
"vitest": "^4.1.0"
|
|
76
76
|
},
|
|
77
77
|
"dependencies": {
|
|
78
|
-
"@base-ui/react": "^1.
|
|
79
|
-
"@base-ui/utils": "0.
|
|
78
|
+
"@base-ui/react": "^1.9.0",
|
|
79
|
+
"@base-ui/utils": "0.5.0",
|
|
80
80
|
"@sniptt/guards": "^0.2.0",
|
|
81
81
|
"@tabler/icons-react": "^3.31.0",
|
|
82
82
|
"clsx": "^2.1.1",
|
package/dist/Avatar-CQhIEazb.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const I=require("./theme-1XkFz8Qu.cjs"),g=require("./isDefined-DS2Q42p5.cjs"),A=require("./mergeClassNames-D4lshrT6.cjs"),h=require("./utilities-BeLfNQ0Q.cjs");let k=require("@sniptt/guards"),l=require("react/jsx-runtime"),q=require("@base-ui/react/avatar");var P="_root_14f7e_1",S="_avatarPulsing_14f7e_1",y="_image_14f7e_89",L="_fallback_14f7e_101",j={root:P,avatarPulsing:S,image:y,fallback:L},p=({className:a,...e})=>(0,l.jsx)(q.Avatar.Fallback,{...e,className:A.mergeClassNames(j.fallback,a)}),x=({className:a,...e})=>(0,l.jsx)(q.Avatar.Image,{...e,className:A.mergeClassNames(j.image,a)}),N=a=>a?.trim().charAt(0).toUpperCase(),D=({name:a,colorSeed:e=a,size:i="md",shape:v="square",variant:u="soft",color:m,backgroundColor:b,borderColor:_,pulsing:s=!1,ring:n=!1,className:o,style:c,...r})=>{const t=I.useTheme(),d=N(a),T=d?m??h.stringToThemeColorP3String({string:e??"",variant:12,theme:t}):m??t.font.color.tertiary,F=d?b??h.stringToThemeColorP3String({string:e??"",variant:u==="outline"?5:4,theme:t}):b??t.background.transparent.light,C=_??(d?h.stringToThemeColorP3String({string:e??"",variant:6,theme:t}):void 0);return(0,l.jsx)(q.Avatar.Root,{...r,"data-size":i,"data-shape":v,"data-pulsing":s||void 0,"data-ring":n||void 0,className:A.mergeClassNames(j.root,o),style:f=>({"--tw-avatar-color":T,"--tw-avatar-background":f.imageLoadingStatus==="loaded"?"none":F,"--tw-avatar-border":u==="outline"&&f.imageLoadingStatus!=="loaded"&&C?`1px solid ${C}`:"none",...(0,k.isFunction)(c)?c(f):c})})},w=({src:a,name:e,icon:i,imageProps:v,fallbackProps:u,backgroundColor:m,...b})=>{const _=N(e),s=g.isDefined(i)&&!(0,k.isBoolean)(i)&&i!=="",n=v?.alt??"",o=!s&&(0,k.isNonEmptyString)(n),{children:c=s?i:_||"-",...r}=u??{},t=g.isDefined(r.role)||g.isDefined(r["aria-label"])||g.isDefined(r["aria-labelledby"]),d=!o&&!t&&!g.isDefined(r.render);return(0,l.jsxs)(D,{...b,name:e,backgroundColor:s?"inherit":m,children:[!s&&(0,l.jsx)(x,{src:a??void 0,...v,alt:n}),(0,l.jsx)(p,{role:o?"img":void 0,"aria-label":o?n:void 0,"aria-hidden":d||void 0,...r,children:c})]})},B=Object.assign(w,{Root:D,Image:x,Fallback:p});Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return B}});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const d=require("./isDefined-DS2Q42p5.cjs"),Y=require("./mergeClassNames-D4lshrT6.cjs"),Re=require("./preventDismissingClickActivation-DZxTSLV3.cjs"),ie=require("./Button-COxEKIHL.cjs"),we=require("./isRenderableSlot-Guryb6Nf.cjs"),Oe=require("./Tooltip-JOYVeSsf.cjs"),De=require("./OverflowingTextWithTooltip-BlufG-6n.cjs"),te=require("./ListItem.module-B8NeDH1P.cjs"),ce=require("./ListItem-q6DHGlev.cjs"),J=require("./Popover-CneCJTvD.cjs"),Ee=require("./Input-DvL77rvu.cjs");let _e=require("@base-ui/react/use-render"),$=require("@sniptt/guards"),M=require("clsx"),g=require("react"),a=require("react/jsx-runtime"),Ie=require("@base-ui/react/button"),ne=require("@base-ui/utils/useMergedRefs"),xe=require("@base-ui/react/popover"),ye=require("@base-ui/react/direction-provider"),de=require("@base-ui/react/menu"),re=require("@tabler/icons-react");var Le="_content_pi98m_1",Fe="_page_pi98m_12",Be="_group_pi98m_16",Me="_groupLabel_pi98m_22",Ge="_separator_pi98m_34",Ke="_section_pi98m_41",We="_back_pi98m_72",He="_backIcon_pi98m_84",Ue="_searchContainer_pi98m_88",ze="_search_pi98m_88",$e="_status_pi98m_105",Ye="_header_pi98m_111",Ve="_title_pi98m_124",Xe="_itemWithActions_pi98m_133",Je="_itemWithActionsPrimary_pi98m_139",Qe="_itemActions_pi98m_154",Ze="_itemDecoration_pi98m_158",T={content:Le,page:Fe,group:Be,groupLabel:Me,separator:Ge,section:Ke,back:We,backIcon:He,searchContainer:Ue,search:ze,status:$e,header:Ye,title:Ve,itemWithActions:Xe,itemWithActionsPrimary:Je,itemActions:Qe,itemDecoration:Ze},ue=({render:e,ref:t,disabled:r,...o})=>(0,_e.useRender)({render:e,ref:t,defaultTagName:"button",props:{...o,disabled:r}}),le=({nativeButton:e,renderProps:t})=>e&&"disabled"in t&&(0,$.isBoolean)(t.disabled)?t.disabled:void 0,et="[data-dropdown-item]",Te=({actions:e,actionsVisibility:t="hover",color:r="neutral",selected:o=!1,focused:s=!1,indicator:i="none",disabled:n=!1,hasSubmenu:u=!1,children:l})=>(0,a.jsxs)("div",{className:(0,M.clsx)(te.ListItem_module_default.root,T.itemWithActions),role:"none","data-actions-visibility":t,"data-color":r,"data-selected":o?"":void 0,"data-highlighted":s?"":void 0,"data-indicator":i,"data-disabled":n?"":void 0,onClick:f=>{f.target===f.currentTarget&&f.currentTarget.querySelector(et)?.click()},children:[l,(0,a.jsx)("span",{className:(0,M.clsx)(te.ListItem_module_default.actions,T.itemActions),children:e}),i==="check"&&o&&(0,a.jsx)(re.IconCheck,{className:(0,M.clsx)(te.ListItem_module_default.checkIndicator,T.itemDecoration),"aria-hidden":!0}),u&&(0,a.jsx)(re.IconChevronRight,{className:(0,M.clsx)(te.ListItem_module_default.submenuIcon,T.itemDecoration),"aria-hidden":!0})]}),pe=e=>e.getAttribute("aria-label")??e.textContent??"",Z=e=>Array.from(e.querySelectorAll("[data-dropdown-item]")).filter(t=>t.getAttribute("aria-disabled")!=="true"&&!t.hasAttribute("disabled")&&t.closest("[data-dropdown-content]")===e),oe=(0,g.createContext)(void 0),B=()=>{const e=(0,g.useContext)(oe);if(!d.isDefined(e))throw new Error("Dropdown components must be inside Dropdown.Root");return e},fe=({id:e,disabled:t,isSubmenuTrigger:r=!1})=>{const o=B(),s=r?o.parentType:o.type,i=r?o.parentActiveItemId:o.activeItemId,n=r?o.setParentActiveItemId:o.setActiveItemId;return{tabIndex:t||s==="menu"&&i!==e?-1:0,activate:()=>n?.(e)}},Ae=({color:e,startIcon:t,endIcon:r,description:o,descriptionPlacement:s,shortcut:i,shortcutJoinLabel:n,hasSubmenu:u,actions:l,actionsVisibility:f,children:m,render:h,disabled:w=!1,nativeButton:c=!d.isDefined(h),closeOnClick:S=!0,onClick:b,onFocus:I,page:p,id:D,...v})=>{const{type:x,closeTree:N,goToPage:A}=B(),R=(0,g.useId)(),O=D??R,k=fe({id:O,disabled:w}),P=we.isRenderableSlot(l),E=u??d.isDefined(p),L=(0,a.jsx)(Ie.Button,{...v,id:O,disabled:w,nativeButton:c,role:v.role??(x==="menu"?"menuitem":void 0),tabIndex:k.tabIndex,onFocus:y=>{k.activate(),I?.(y)},"data-dropdown-item":"","data-dropdown-page":p,onClick:y=>{if(b?.(y),!y.defaultPrevented){if(d.isDefined(p)){const j=y.currentTarget.closest("[data-dropdown-content]");if(!d.isDefined(j))return;A({id:p,trigger:{id:D,index:Z(j).indexOf(y.currentTarget),page:p,label:pe(y.currentTarget)}});return}S&&N()}},render:y=>{const j=le({nativeButton:c,renderProps:y});return(0,a.jsx)(ce.ListItem,{...y,render:(0,a.jsx)(ue,{render:h,disabled:j}),className:(0,M.clsx)(y.className,P&&T.itemWithActionsPrimary),disabled:w,color:e,startIcon:t,endIcon:r,actionsVisibility:f,description:o,descriptionPlacement:s,shortcut:i,shortcutJoinLabel:n,hasSubmenu:!P&&E,children:m})}});return P?(0,a.jsx)(Te,{actions:l,actionsVisibility:f,color:e,disabled:w,hasSubmenu:E,children:L}):L},tt=({children:e="Back",className:t,onClick:r,...o})=>{const{goBack:s,canGoBack:i}=B();return(0,a.jsx)(Ae,{...o,className:(0,M.clsx)(T.back,t),"data-dropdown-back":"",disabled:o.disabled||!i,startIcon:(0,a.jsx)(re.IconChevronLeft,{className:T.backIcon}),closeOnClick:!1,onClick:n=>{r?.(n),!n.defaultPrevented&&s()},children:e})},rt="_button_1qwl0_1",ot="_tooltipAnchor_1qwl0_29",nt="_icon_1qwl0_33",ae={button:rt,tooltipAnchor:ot,icon:nt},Ce=({children:e,size:t,shape:r="square",className:o,tooltip:s,tooltipPlace:i="bottom",tooltipDelay:n=1e3,tooltipOffset:u=5,disabled:l,loading:f,...m})=>{const h=(0,g.useContext)(ie.ButtonGroupContext),w=t??h?.size??"md",c=(0,$.isNonEmptyString)(s),S=l||f,b=(0,a.jsx)(ie.Button,{...m,size:w==="xs"?"sm":w,"data-icon-size":w,"data-shape":r,disabled:l,loading:f,startIcon:(0,a.jsx)("span",{className:ae.icon,children:e}),className:Y.mergeClassNames(ae.button,o)});return c?(0,a.jsx)(Oe.Tooltip,{content:s,delay:n,side:i,sideOffset:u,children:S?(0,a.jsx)("span",{className:ae.tooltipAnchor,children:b}):b}):b},st="_button_prhtf_1",at={button:st},Pe=({className:e,emphasis:t="standard",size:r,variant:o,...s})=>{const i=(0,g.useContext)(ie.ButtonGroupContext),n=r??i?.size??"sm",u=o??i?.variant??"ghost";return(0,a.jsx)(Ce,{...s,size:n,variant:u,"data-emphasis":t,className:Y.mergeClassNames(at.button,e)})},it=({render:e,children:t,"aria-label":r,...o})=>(0,a.jsx)(xe.Popover.Close,{...o,"aria-label":r,render:e??(0,a.jsx)(Pe,{size:"sm","aria-label":r,children:t??(0,a.jsx)(re.IconX,{})}),children:d.isDefined(e)?t:void 0}),me=({content:e,target:t,edge:r="first",type:o})=>{const s=d.isDefined(t?.id)?e.ownerDocument.getElementById(t.id):null;if(d.isDefined(s)&&e.contains(s))return s;const i=Z(e),n=d.isDefined(t)?i.filter(c=>c.dataset.dropdownPage===t.page):[],[u]=n;if(n.length===1&&d.isDefined(u))return u;const l=(0,$.isNonEmptyString)(t?.label)?n.filter(c=>pe(c)===t?.label):[],[f]=l;if(l.length===1&&d.isDefined(f))return f;const m=d.isDefined(t)?i[t.index]:void 0;if(d.isDefined(m))return m;const h=e.querySelector('input:not(:disabled):not([type="hidden"]),button:not(:disabled),textarea:not(:disabled),select:not(:disabled),a[href],[tabindex="0"]');if((Array.from(e.querySelectorAll("[data-dropdown-page-type]")).find(c=>c.closest("[data-dropdown-content]")===e)?.dataset.dropdownPageType??o??e.dataset.type)==="panel")return h??e;const w=e.querySelector("[data-dropdown-search]:not(:disabled)");return d.isDefined(w)?w:r==="last"?i[i.length-1]??h??e:i.find(c=>!c.hasAttribute("data-dropdown-back"))??i[0]??h??e},ct=({contentRef:e})=>{const{open:t,pageId:r,pageFocusRequest:o,setPageFocusRequest:s}=B();return(0,g.useLayoutEffect)(()=>{d.isDefined(o)&&(s(void 0),!(!t||o.pageId!==r||!d.isDefined(e.current))&&me({content:e.current,target:o.target}).focus())},[e,t,r,o,s]),null},ge=e=>{if(e.dataset.type==="panel")return;const t=e.querySelector("[data-dropdown-search]:not(:disabled)");if(!(!d.isDefined(t)||!(0,$.isNonEmptyString)(t.value.trim())))return Z(e).find(r=>r.hasAttribute("data-dropdown-option-item"))},dt=({content:e})=>{const{setSearchTargetId:t}=B();return(0,g.useLayoutEffect)(()=>{if(!d.isDefined(e))return;const r=()=>t(ge(e)?.id);r();const o=new MutationObserver(r);return o.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["disabled","aria-disabled"]}),()=>{o.disconnect(),t(void 0)}},[e,t]),null},ut=e=>(e.ctrlKey||e.metaKey)&&!e.defaultPrevented,lt=e=>Array.from(e.ownerDocument.querySelectorAll("[data-dropdown-item][aria-controls]")).find(t=>t.getAttribute("aria-controls")===e.id),pt=({rowCells:e,column:t,isEnabledCell:r})=>{const o=Math.min(t,e.length-1);for(let s=0;s<e.length;s++){const i=[e[o-s],e[o+s]].find(r);if(d.isDefined(i))return i}},je=({key:e,items:t,currentItem:r,search:o,isRightToLeft:s})=>{const i=r?.closest("[data-dropdown-columns]"),n=Number(i?.dataset.dropdownColumns),u=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(e);if(!d.isDefined(i)||!d.isDefined(r)||!u||!(0,$.isPositiveInteger)(n))return;const l=Array.from(i.children).filter(p=>p instanceof HTMLElement&&!p.hasAttribute("data-dropdown-section-label")),f=l.indexOf(r);if(f<0)return;const m=Math.floor(f/n),h=f%n,w=e==="ArrowUp"||e==="ArrowDown",c=e==="ArrowDown"||e===(s?"ArrowLeft":"ArrowRight")?1:-1,S=Math.ceil(l.length/n),b=new Set(t),I=p=>d.isDefined(p)&&b.has(p);if(w){for(let v=m+c;v>=0&&v<S;v+=c){const x=l[Math.min(v*n+h,l.length-1)];if(I(x))return x}for(let v=m+c;v>=0&&v<S;v+=c){const x=pt({rowCells:l.slice(v*n,(v+1)*n),column:h,isEnabledCell:I});if(d.isDefined(x))return x}const p=l.filter(I),D=c<0?p[0]:p[p.length-1];return(d.isDefined(D)?t[t.indexOf(D)+c]:void 0)??(c<0?o:void 0)??r}for(let p=h+c;p>=0&&p<n;p+=c){const D=l[m*n+p];if(I(D))return D}return r},ft=({key:e,items:t,currentIndex:r,search:o,isSearch:s,isRightToLeft:i=!1})=>{const n=je({key:e,items:t,currentItem:t[r],search:o,isRightToLeft:i});if(d.isDefined(n))return n;const u=t.length-1;if(e==="ArrowDown")return t[r===u?0:r+1];if(e==="ArrowUp"&&r===0&&d.isDefined(o))return o;if(e==="ArrowUp")return t[r<=0?u:r-1];if(!s&&e==="Home")return t[0];if(!s&&e==="End")return t[u]},mt=500,gt=({type:e,isSubmenu:t,setOpen:r})=>{const o=(0,ye.useDirection)(),[s,i]=(0,g.useState)({text:"",timestamp:0});return n=>{if(n.defaultPrevented)return;const u=n.currentTarget,l=n.target;if(!(l instanceof HTMLElement)||l.closest("[data-dropdown-content]")!==u)return;const f=l.matches('input,textarea,select,[contenteditable="true"]'),m=o==="rtl",h=m?"ArrowRight":"ArrowLeft",w=t&&!f&&n.key===h,c=w&&e!=="panel"?je({key:n.key,items:Z(u),currentItem:l,search:null,isRightToLeft:m}):void 0,S=d.isDefined(c)&&c!==l;if(t&&(n.key==="Escape"||w&&!S)){n.preventDefault(),n.stopPropagation(),lt(u)?.focus(),r(!1);return}if(e==="panel")return;const b=u.querySelector("[data-dropdown-search]:not(:disabled)"),I=l===b;if(f&&!I)return;const p=Z(u).filter(k=>!d.isDefined(b)||!k.hasAttribute("data-dropdown-back")),D=I&&n.key==="Enter"&&!n.nativeEvent.isComposing?ge(u):void 0;if(d.isDefined(D)){n.preventDefault(),D.click();return}const v=p.indexOf(l),x=ft({key:n.key,items:p,currentIndex:v,search:b,isSearch:I,isRightToLeft:m});if(d.isDefined(x)){n.preventDefault(),x.focus();return}if(f||n.key.length!==1||n.key===" "||n.altKey||n.ctrlKey||n.metaKey)return;const N=Date.now(),A=N-s.timestamp>mt?n.key:s.text+n.key;i({text:A,timestamp:N});const R=([...A].every(k=>k===A[0])?n.key:A).toLocaleLowerCase(),O=[...p.slice(v+1),...p.slice(0,v+1)].find(k=>pe(k).trim().toLocaleLowerCase().startsWith(R));d.isDefined(O)&&(n.preventDefault(),O.focus())}},ht=({side:e,align:t="start",sideOffset:r=0,alignOffset:o,anchor:s,collisionPadding:i,container:n,keepMounted:u,width:l=200,className:f,style:m,children:h,initialFocus:w,onKeyDown:c,onInput:S,onClick:b,onMouseDown:I,onPointerDown:p,"aria-label":D,"aria-labelledby":v,ref:x,...N})=>{const{type:A,isSubmenu:R,setOpen:O,initialFocusEdge:k,focusOnOpen:P,triggerId:E,titleId:L,setSearchTargetId:y}=B(),j=(0,g.useRef)(null),[C,G]=(0,g.useState)(null),K=(0,ne.useMergedRefs)(j,x,G),U=gt({type:A,isSubmenu:R,setOpen:O}),z=d.isDefined(D)?void 0:L??E;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(J.Popover.Portal,{container:n,keepMounted:u,children:(0,a.jsx)(J.Popover.Positioner,{side:e??(R?"inline-end":"bottom"),align:t,sideOffset:r,alignOffset:o,anchor:s,collisionPadding:i,children:(0,a.jsx)(J.Popover.Popup,{...N,ref:K,role:A==="menu"?"menu":"dialog","aria-label":D,"aria-labelledby":v??z,"data-dropdown-content":"","data-type":A,className:Y.mergeClassNames(T.content,f),style:_=>({width:l,...(0,$.isFunction)(m)?m(_):m}),initialFocus:w??(()=>P?d.isDefined(j.current)?me({content:j.current,edge:k,type:A}):!0:!1),onKeyDown:_=>{c?.(_),U(_),ut(_)||_.stopPropagation()},onInput:_=>{S?.(_),y(ge(_.currentTarget)?.id)},onClick:_=>{_.stopPropagation(),b?.(_)},onMouseDown:_=>{_.stopPropagation(),I?.(_)},onPointerDown:_=>{_.stopPropagation(),p?.(_)},children:h})})}),(0,a.jsx)(ct,{contentRef:j}),(0,a.jsx)(dt,{content:C})]})},bt=({className:e,...t})=>(0,a.jsx)(De.Text,{...t,role:"status","aria-live":"polite",className:(0,M.clsx)(T.status,e)}),vt=({render:e,ref:t,className:r,...o})=>(0,_e.useRender)({render:e,ref:t,props:{...o,className:(0,M.clsx)(T.header,r)}}),wt=({className:e,...t})=>(0,a.jsx)(De.Text,{...t,role:"status","aria-live":"polite","aria-busy":"true",className:(0,M.clsx)(T.status,e)}),Dt=({selected:e,indicator:t,onSelect:r,closeOnSelect:o,color:s,startIcon:i,endIcon:n,description:u,descriptionPlacement:l,shortcut:f,shortcutJoinLabel:m,hasSubmenu:h,actions:w,actionsVisibility:c,children:S,render:b,disabled:I=!1,nativeButton:p=!d.isDefined(b),onClick:D,onFocus:v,id:x,...N})=>{const{type:A,multiple:R,closeTree:O,searchTargetId:k}=B(),P=A==="menu",E=d.isDefined(e),L=!P&&(p||N.role==="button"),y=!P&&!L&&E&&e,j=E?R?"menuitemcheckbox":"menuitemradio":"menuitem",C=R?"checkbox":"check",G=(0,g.useId)(),K=x??G,U=fe({id:K,disabled:I}),z=we.isRenderableSlot(w),_=k===K,V=t??(E?C:"none"),ee=z&&V==="check",X=(0,a.jsx)(Ie.Button,{...N,id:K,disabled:I,nativeButton:p,role:P?j:N.role,"aria-checked":P&&E?e:void 0,"aria-pressed":L&&E?e:void 0,"aria-current":y?"true":void 0,tabIndex:U.tabIndex,onFocus:W=>{U.activate(),v?.(W)},"data-dropdown-item":"","data-dropdown-option-item":"",onClick:W=>{D?.(W),!W.defaultPrevented&&(r?.(),(o??!R)&&O())},render:W=>{const se=le({nativeButton:p,renderProps:W});return(0,a.jsx)(ce.ListItem,{...W,render:(0,a.jsx)(ue,{render:b,disabled:se}),className:(0,M.clsx)(W.className,z&&T.itemWithActionsPrimary),disabled:I,selected:e,focused:_,indicator:ee?"none":V,color:s,startIcon:i,endIcon:n,actionsVisibility:c,description:u,descriptionPlacement:l,shortcut:f,shortcutJoinLabel:m,hasSubmenu:!z&&h,children:S})}});return z?(0,a.jsx)(Te,{actions:w,actionsVisibility:c,color:s,selected:e,focused:_,indicator:V,disabled:I,hasSubmenu:h,children:X}):X},_t=({id:e,type:t,children:r})=>{const o=B(),{registerPage:s}=o,i=(0,g.useCallback)(n=>{d.isDefined(n)&&s({id:e,type:t})},[e,t,s]);return o.pageId!==e?null:(0,a.jsx)(oe.Provider,{value:{...o,type:t??o.rootType},children:(0,a.jsx)("div",{ref:i,className:T.page,"data-dropdown-page-type":t??o.rootType,children:r})})},It=({open:e,registerOpenNestedRoot:t})=>((0,g.useEffect)(()=>{if(e)return t?.()},[e,t]),null),xt=e=>e instanceof FocusEvent?e.type==="focusout"&&e.relatedTarget instanceof Element?e.relatedTarget:null:e.target instanceof Element?e.target:null,be=({onDismiss:e,event:t})=>{if(!d.isDefined(e))return!1;let r=!1;return e({target:xt(t),type:t.type,preventDefault:()=>{r=!0}}),r},ve=()=>{const[e,t]=(0,g.useState)();return[e,(0,g.useCallback)(r=>(t(r),()=>t(o=>o===r?void 0:o)),[])]},Se=({children:e,type:t,open:r,defaultOpen:o=!1,onOpenChange:s,onEscapeKeyDown:i,onInteractOutside:n,multiple:u=!1,defaultPage:l="root",isSubmenu:f=!1})=>{const m=(0,g.useContext)(oe),h=(0,g.useRef)(0),w=(0,g.useCallback)(()=>(h.current+=1,()=>{h.current-=1}),[]),[c,S]=(0,g.useState)(o),b=r??c,[I,p]=(0,g.useState)(b),[D,v]=(0,g.useState)([{id:l}]),[x,N]=(0,g.useState)(),[A,R]=(0,g.useState)(),O=D[D.length-1]?.id,[k,P]=(0,g.useState)(),[E,L]=(0,g.useState)("first"),[y,j]=(0,g.useState)(!0),[C,G]=(0,g.useState)(),[K,U]=ve(),[z,_]=ve(),V=b&&!I,ee=!b&&I;(V||ee)&&p(b),V&&(v([{id:l}]),N(void 0),P(void 0)),ee&&(L("first"),j(!0),G(void 0));const X=F=>{d.isDefined(r)||S(F),s?.(F)},W=()=>{X(!1),f&&m?.closeTree()},se=({id:F,trigger:q})=>{P({pageId:F}),v(H=>[...H,{id:F,trigger:q}])},ke=()=>{const F=D[D.length-2];if(!d.isDefined(F))return;const q=D[D.length-1]?.trigger;P({pageId:F.id,target:q}),v(H=>H.slice(0,-1))},Ne=(0,g.useCallback)(({id:F,type:q})=>{if(!b)return;const H=q??t;N(Q=>Q?.id===F&&Q.type===H?Q:{id:F,type:H})},[b,t]);return(0,a.jsx)(J.Popover.Root,{open:b,onOpenChange:(F,q)=>{const H=q.reason==="outside-press"||q.reason==="focus-out";if(H&&h.current>0){q.cancel();return}const Q=q.reason==="escape-key"&&be({onDismiss:i,event:q.event}),qe=H&&be({onDismiss:n,event:q.event});if(Q||qe){q.cancel();return}H&&Re.preventDismissingClickActivation(q.event),j(q.reason!=="trigger-hover"),X(F)},children:(0,a.jsxs)(oe.Provider,{value:{type:d.isDefined(x)&&x.id===O?x.type:t,rootType:t,open:b,multiple:u,isSubmenu:f,parentType:m?.type,activeItemId:A,parentActiveItemId:m?.activeItemId,setActiveItemId:R,setParentActiveItemId:m?.setActiveItemId,pageId:O,pageFocusRequest:k,setPageFocusRequest:P,canGoBack:D.length>1,initialFocusEdge:E,setInitialFocusEdge:L,focusOnOpen:y,setFocusOnOpen:j,setOpen:X,closeTree:W,goToPage:se,goBack:ke,registerPage:Ne,registerOpenNestedRoot:w,searchTargetId:C,setSearchTargetId:G,triggerId:K,registerTrigger:U,titleId:z,registerTitle:_},children:[(0,a.jsx)(It,{open:b,registerOpenNestedRoot:f?void 0:m?.registerOpenNestedRoot}),e]})})},yt=({onValueChange:e,className:t,...r})=>{const{searchTargetId:o}=B();return(0,a.jsx)("div",{className:T.searchContainer,children:(0,a.jsx)(Ee.Input,{type:"search",autoComplete:"off","aria-activedescendant":o,...r,"data-dropdown-search":"",className:Y.mergeClassNames(T.search,t),onValueChange:s=>e?.(s)})})},Tt=({className:e,...t})=>(0,a.jsx)(de.Menu.Group,{...t,className:Y.mergeClassNames(T.group,e)}),At=({className:e,...t})=>(0,a.jsx)(de.Menu.GroupLabel,{...t,className:Y.mergeClassNames(T.groupLabel,e)}),Ct=({label:e,scrollable:t,columns:r,style:o,className:s,children:i,...n})=>{const u=(0,$.isPositiveInteger)(r)?r:void 0;return(0,a.jsxs)(Tt,{...n,"data-scrollable":t||void 0,"data-dropdown-columns":u,style:{...o,...d.isDefined(u)&&{gridTemplateColumns:`repeat(${u}, minmax(0, 1fr))`}},className:(0,M.clsx)(T.section,s),children:[d.isDefined(e)&&(0,a.jsx)(At,{"data-dropdown-section-label":"",children:e}),i]})},Pt=({className:e,...t})=>(0,a.jsx)(de.Menu.Separator,{...t,role:"separator","data-dropdown-separator":"",className:(0,M.clsx)(T.separator,e)}),jt=({type:e="menu",...t})=>(0,a.jsx)(Se,{...t,type:e,isSubmenu:!0}),he=e=>(0,g.useCallback)(t=>{if(!(!d.isDefined(t)||!(0,$.isNonEmptyString)(t.id)))return e(t.id)},[e]),St=({color:e,startIcon:t,endIcon:r,description:o,descriptionPlacement:s,shortcut:i,shortcutJoinLabel:n,hasSubmenu:u=!0,children:l,render:f,disabled:m=!1,nativeButton:h=!d.isDefined(f),openOnHover:w=!0,onKeyDown:c,onFocus:S,id:b,ref:I,...p})=>{const D=(0,ye.useDirection)(),{type:v,rootType:x,parentType:N,open:A,setOpen:R,setFocusOnOpen:O,registerTrigger:k}=B(),P=A?v:x,E=(0,g.useId)(),L=b??E,y=fe({id:L,disabled:m,isSubmenuTrigger:!0}),j=(0,ne.useMergedRefs)(I,he(k));return(0,a.jsx)(J.Popover.Trigger,{...p,ref:j,id:L,disabled:m,nativeButton:h,openOnHover:w,role:N==="menu"?"menuitem":void 0,"aria-haspopup":P==="menu"?"menu":"dialog",tabIndex:y.tabIndex,onFocus:C=>{y.activate(),S?.(C)},"data-dropdown-item":"",onKeyDown:C=>{if(c?.(C),C.defaultPrevented||m)return;const G=D==="rtl"?"ArrowLeft":"ArrowRight";if(C.key===G){C.preventDefault(),C.stopPropagation(),O(!0);const K=C.currentTarget.getAttribute("aria-controls"),U=d.isDefined(K)?C.currentTarget.ownerDocument.getElementById(K):null;if(A&&d.isDefined(U)){me({content:U,type:v}).focus();return}R(!0)}},render:C=>{const G=le({nativeButton:h,renderProps:C});return(0,a.jsx)(ce.ListItem,{...C,render:(0,a.jsx)(ue,{render:f,disabled:G}),disabled:m,color:e,startIcon:t,endIcon:r,description:o,descriptionPlacement:s,shortcut:i,shortcutJoinLabel:n,hasSubmenu:u,children:l})}})},kt=({className:e,render:t,ref:r,...o})=>{const{registerTitle:s}=B(),i=(0,ne.useMergedRefs)(r,he(s));return(0,a.jsx)(xe.Popover.Title,{...o,ref:i,render:t??(0,a.jsx)("div",{}),className:Y.mergeClassNames(T.title,e)})},Nt=({onKeyDown:e,onClick:t,ref:r,...o})=>{const{type:s,rootType:i,open:n,setOpen:u,setInitialFocusEdge:l,setFocusOnOpen:f,registerTrigger:m}=B(),h=n?s:i,w=(0,ne.useMergedRefs)(r,he(m));return(0,a.jsx)(J.Popover.Trigger,{...o,ref:w,"aria-haspopup":h==="menu"?"menu":"dialog",onClick:c=>{c.stopPropagation(),c.preventDefault(),t?.(c)},onKeyDown:c=>{e?.(c),!(c.defaultPrevented||c.baseUIHandlerPrevented||o.disabled||h==="panel")&&(c.key!=="ArrowDown"&&c.key!=="ArrowUp"||(c.preventDefault(),f(!0),l(c.key==="ArrowUp"?"last":"first"),u(!0)))}})},qt=Se,Rt={Root:qt,Trigger:Nt,Content:ht,ActionItem:Ae,OptionItem:Dt,Search:yt,Header:vt,Title:kt,Close:it,Page:_t,Back:tt,Submenu:jt,SubmenuTrigger:St,Section:Ct,Separator:Pt,Loading:wt,Empty:bt};Object.defineProperty(exports,"Dropdown",{enumerable:!0,get:function(){return Rt}});Object.defineProperty(exports,"IconButton",{enumerable:!0,get:function(){return Ce}});Object.defineProperty(exports,"LightIconButton",{enumerable:!0,get:function(){return Pe}});Object.defineProperty(exports,"useDropdownContext",{enumerable:!0,get:function(){return B}});
|