twenty-ui 2.48.0 → 2.50.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/CHANGELOG.md +18 -0
- package/README.md +27 -2
- package/dist/Button-CU8BS-Yd.js +75 -0
- package/dist/Button-iVyxlrwO.cjs +1 -0
- package/dist/Dropdown-ChTVyesF.js +1018 -0
- package/dist/Dropdown-DlItz8Gh.cjs +1 -0
- package/dist/Heading-CHvEXL6n.cjs +1 -0
- package/dist/{Heading-pXllCJCO.js → Heading-Nj5BlPqB.js} +3 -3
- package/dist/{ListItem-CHTR-GLd.cjs → ListItem-C6Xl00m1.cjs} +1 -1
- package/dist/{ListItem-CjnrSbka.js → ListItem-C84ANa76.js} +2 -2
- package/dist/{OverflowingTextWithTooltip-Z2daM0_x.cjs → OverflowingTextWithTooltip-BQmpPObX.cjs} +1 -1
- package/dist/{OverflowingTextWithTooltip-BmUROIah.js → OverflowingTextWithTooltip-BtB9cGdJ.js} +20 -21
- package/dist/ProgressBar-CzGs7cuE.cjs +1 -0
- package/dist/ProgressBar-D4tKQ7OA.js +84 -0
- package/dist/{Radio-DMI1B7o5.js → Radio-BwBZ4e8g.js} +29 -29
- package/dist/{Radio-xmHgGHQO.cjs → Radio-sIYxZnR_.cjs} +1 -1
- package/dist/ResizeHandle-B1MuHTNA.cjs +1 -0
- package/dist/{ResizeHandle-C1kQ3MYR.js → ResizeHandle-B30OYZxS.js} +56 -55
- package/dist/Shortcut-Bp9iDdQg.js +73 -0
- package/dist/Shortcut-N8TELGPI.cjs +1 -0
- package/dist/TabsTabContent-6rkARU9F.cjs +1 -0
- package/dist/TabsTabContent-DPkLTBi2.js +39 -0
- package/dist/Tooltip-6uS8_wdA.js +132 -0
- package/dist/Tooltip-DL3sfbuw.cjs +1 -0
- package/dist/components/__stories__/reading-direction/DirectionalLayoutExample.d.ts +3 -1
- package/dist/components/code-editor.cjs +1 -1
- package/dist/components/code-editor.mjs +52 -51
- package/dist/components/data-display.cjs +1 -1
- package/dist/components/data-display.mjs +6 -7
- package/dist/components/feedback/InlineBanner/InlineBanner.d.ts +2 -2
- package/dist/components/feedback/InlineBanner/internal/InlineBannerComponent.d.ts +1 -1
- package/dist/components/feedback/InlineBanner/types/InlineBannerProps.d.ts +1 -0
- 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/SegmentedControl/types/SegmentedControlProps.d.ts +1 -1
- package/dist/components/input/index.d.ts +10 -0
- package/dist/components/input.cjs +1 -1
- package/dist/components/input.mjs +13 -13
- package/dist/components/layout/OverflowingList/internal/measureItemWidths.d.ts +1 -2
- package/dist/components/layout/OverflowingList/internal/measureOverflowingListLayout.d.ts +1 -2
- package/dist/components/layout.cjs +1 -1
- package/dist/components/layout.mjs +1 -1
- package/dist/components/navigation/Dropdown/Dropdown.d.ts +3 -2
- 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/DropdownContextValue.d.ts +6 -1
- 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/DropdownSearch.d.ts +1 -1
- package/dist/components/navigation/Dropdown/internal/DropdownSearchEffect.d.ts +8 -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/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 +2 -2
- package/dist/components/navigation/Dropdown/internal/getDropdownOptionItemRole.d.ts +9 -0
- package/dist/components/navigation/Dropdown/internal/getDropdownSelectionGroupState.d.ts +6 -0
- package/dist/components/navigation/Dropdown/internal/getTrailingFocusGuard.d.ts +1 -0
- package/dist/components/navigation/Dropdown/internal/isDropdownOptionItemSelected.d.ts +6 -0
- 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 -11
- package/dist/components/navigation.cjs +1 -1
- package/dist/components/navigation.mjs +6 -11
- package/dist/components/settings.cjs +1 -1
- package/dist/components/settings.mjs +1 -1
- package/dist/components.cjs +1 -1
- package/dist/components.mjs +37 -43
- package/dist/data-display-C-eoJ5En.js +378 -0
- package/dist/data-display-CM1yXpnE.cjs +2 -0
- package/dist/data-display-CXw-mxeS.js +252 -0
- package/dist/data-display-DdES9XqZ.cjs +1 -0
- package/dist/doNotTranslate-BSVT8Xyd.js +4 -0
- package/dist/doNotTranslate-CHE7WmRS.cjs +1 -0
- package/dist/feedback-4HKPcMRs.js +666 -0
- package/dist/feedback-BSOWDBI0.js +38 -0
- package/dist/feedback-DBRXDPSP.cjs +1 -0
- package/dist/feedback-DspXawf9.cjs +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +625 -631
- package/dist/input-CWWp7cqL.cjs +1 -0
- package/dist/input-CvZ_uB_9.cjs +1 -0
- package/dist/input-Qn5_aFYU.js +785 -0
- package/dist/input-k5cMhFI_.js +428 -0
- package/dist/layout-DDqeMgFv.js +439 -0
- package/dist/layout-iSfGrMrH.cjs +1 -0
- package/dist/navigation-7Y6gHFlj.cjs +1 -0
- package/dist/navigation-BY8X2w04.js +132 -0
- package/dist/navigation-BcXCiLE1.js +86 -0
- package/dist/navigation-ByYN6NgX.cjs +1 -0
- package/dist/normalizeSearchText-DLmPiBUZ.js +19 -0
- package/dist/normalizeSearchText-Do0MELpQ.cjs +1 -0
- package/dist/preventDismissingClickActivation-BEBrL9aB.cjs +1 -0
- package/dist/preventDismissingClickActivation-BQFMKRey.js +29 -0
- package/dist/primitives/accessibility.cjs +1 -1
- package/dist/primitives/accessibility.mjs +1 -1
- package/dist/primitives/data-display/Avatar/constants/AvatarPropertiesBySize.d.ts +4 -0
- package/dist/primitives/data-display/Avatar/types/AvatarSize.d.ts +1 -1
- package/dist/primitives/data-display/Badge/types/BadgeColor.d.ts +1 -1
- package/dist/primitives/data-display/Chip/types/ChipVariant.d.ts +1 -1
- package/dist/primitives/data-display.cjs +1 -1
- package/dist/primitives/data-display.mjs +7 -8
- package/dist/primitives/feedback/Banner/Banner.d.ts +1 -1
- package/dist/primitives/feedback/Banner/internal/BannerAction.d.ts +1 -1
- package/dist/primitives/feedback.cjs +1 -1
- package/dist/primitives/feedback.mjs +2 -2
- package/dist/primitives/input/Autocomplete/Autocomplete.d.ts +1 -1
- package/dist/primitives/input/Autocomplete/internal/AutocompleteInput.d.ts +1 -1
- package/dist/primitives/input/Autocomplete/types/AutocompleteInputProps.d.ts +8 -1
- package/dist/primitives/input/Button/types/ButtonColor.d.ts +1 -1
- package/dist/primitives/input/Radio/__stories__/RadioCardContent.d.ts +8 -0
- package/dist/primitives/input/RadioGroup/RadioGroup.d.ts +1 -1
- package/dist/primitives/input/RadioGroup/types/RadioGroupProps.d.ts +3 -1
- 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/Tabs/types/TabsSize.d.ts +1 -1
- package/dist/primitives/navigation.cjs +1 -1
- package/dist/primitives/navigation.mjs +2 -2
- package/dist/primitives/surfaces/Card/Card.d.ts +1 -1
- package/dist/primitives/surfaces/Card/internal/CardRoot.d.ts +1 -1
- package/dist/primitives/surfaces/Card/types/CardRootProps.d.ts +0 -1
- package/dist/primitives/surfaces/Tooltip/Tooltip.d.ts +1 -0
- package/dist/primitives/surfaces/Tooltip/__stories__/findTooltip.d.ts +1 -0
- package/dist/primitives/surfaces/Tooltip/internal/TooltipBody.d.ts +2 -8
- package/dist/primitives/surfaces/Tooltip/types/TooltipBodyProps.d.ts +6 -0
- package/dist/primitives/surfaces/index.d.ts +1 -0
- package/dist/primitives/surfaces.cjs +1 -1
- package/dist/primitives/surfaces.mjs +2 -2
- package/dist/primitives/typography/Heading/types/HeadingProps.d.ts +1 -1
- package/dist/primitives/typography.cjs +1 -1
- package/dist/primitives/typography.mjs +4 -4
- package/dist/primitives.cjs +1 -1
- package/dist/primitives.mjs +46 -47
- package/dist/{settings-BAYsnlZJ.cjs → settings-DT5bEO6A.cjs} +1 -1
- package/dist/{settings-BjEZiHXE.js → settings-XGSJtobU.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/surfaces-q8voTXEJ.cjs +1 -0
- package/dist/{surfaces-BLsR5ka0.js → surfaces-vhSZBmbz.js} +77 -78
- package/dist/testing/GroupedCatalog.d.ts +14 -0
- package/dist/testing/index.d.ts +2 -0
- package/dist/testing/utils/waitForStorybookFontsLoaded.d.ts +1 -0
- package/dist/testing.cjs +1 -1
- package/dist/testing.mjs +102 -62
- package/dist/{typography-fOTFr0jS.js → typography-BPdXzW2T.js} +2 -2
- package/dist/{typography-B5QEuPaL.cjs → typography-CWtuNruY.cjs} +1 -1
- 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 +11 -10
- package/package.json +3 -3
- package/dist/Avatar-CQhIEazb.cjs +0 -1
- package/dist/Avatar-D-QA0RE5.js +0 -72
- package/dist/Button-D5enZ0Qz.js +0 -72
- package/dist/Button-Dbi5P05r.cjs +0 -1
- package/dist/Dropdown-BKjAaZS0.cjs +0 -1
- package/dist/Dropdown-C2hXrjvD.js +0 -820
- package/dist/Heading-CTRYClCO.cjs +0 -1
- package/dist/ProgressBar-BvT1dyFo.js +0 -84
- package/dist/ProgressBar-DfFz0fFB.cjs +0 -1
- package/dist/ResizeHandle-DI4LHIQm.cjs +0 -1
- package/dist/Shortcut-BvWUZ3pb.js +0 -72
- package/dist/Shortcut-CgrdLv_L.cjs +0 -1
- package/dist/TabsTabContent-Co27Y2TU.cjs +0 -1
- package/dist/TabsTabContent-DVcObDp6.js +0 -39
- package/dist/TintedIconTile-4BGa8g8n.js +0 -40
- package/dist/TintedIconTile-CU2hCerq.cjs +0 -1
- package/dist/Tooltip-Bg9Uk01p.cjs +0 -1
- package/dist/Tooltip-cLCgtFBF.js +0 -124
- package/dist/components/navigation/MenuItem/MenuItem.d.ts +0 -2
- package/dist/components/navigation/MenuItem/parts/MenuItemIcon.d.ts +0 -9
- package/dist/components/navigation/MenuItem/parts/MenuItemIconBoxContainer.d.ts +0 -7
- package/dist/components/navigation/MenuItem/parts/MenuItemIconWithGripSwap.d.ts +0 -8
- package/dist/components/navigation/MenuItem/parts/MenuItemLeftContent.d.ts +0 -19
- package/dist/components/navigation/MenuItem/parts/StyledMenuItemBase.d.ts +0 -25
- package/dist/components/navigation/MenuItem/types/MenuItemDraggableGripMode.d.ts +0 -1
- package/dist/components/navigation/MenuItem/types/MenuItemProps.d.ts +0 -33
- package/dist/components/navigation/MenuItemAvatar/MenuItemAvatar.d.ts +0 -2
- package/dist/components/navigation/MenuItemAvatar/types/MenuItemAvatarProps.d.ts +0 -18
- package/dist/components/navigation/MenuItemDraggable/MenuItemDraggable.d.ts +0 -2
- package/dist/components/navigation/MenuItemDraggable/types/MenuItemDraggableProps.d.ts +0 -20
- package/dist/components/navigation/MenuItemSuggestion/MenuItemSuggestion.d.ts +0 -2
- package/dist/components/navigation/MenuItemSuggestion/types/MenuItemSuggestionProps.d.ts +0 -12
- package/dist/components/navigation/MenuPicker/MenuPicker.d.ts +0 -2
- package/dist/components/navigation/MenuPicker/types/MenuPickerProps.d.ts +0 -15
- package/dist/data-display-0QO_WDSs.js +0 -183
- package/dist/data-display-CPmTJAWJ.cjs +0 -1
- package/dist/data-display-DjhAHvj1.cjs +0 -2
- package/dist/data-display-KyZbLLy-.js +0 -344
- package/dist/feedback-CM6fatE8.js +0 -664
- package/dist/feedback-DA-AU5z5.js +0 -38
- package/dist/feedback-DNLERYY9.cjs +0 -1
- package/dist/feedback-ybO4n69s.cjs +0 -1
- package/dist/input-3D2lXywH.cjs +0 -1
- package/dist/input-CJDYNwoO.cjs +0 -1
- package/dist/input-DRpDiMRi.js +0 -421
- package/dist/input-TM3nUdu6.js +0 -554
- package/dist/layout-BszCDxAO.js +0 -441
- package/dist/layout-VaIq7Sjr.cjs +0 -1
- package/dist/navigation-B1SRvzKK.js +0 -403
- package/dist/navigation-CYAs2LnR.js +0 -131
- package/dist/navigation-CthkGHJ8.cjs +0 -1
- package/dist/navigation-DrOV5E67.cjs +0 -1
- package/dist/preventDismissingClickActivation-CzWqpjiX.js +0 -44
- package/dist/preventDismissingClickActivation-DZxTSLV3.cjs +0 -1
- package/dist/surfaces-0rL5DoHt.cjs +0 -1
- 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
- /package/dist/{handleClickableElementKeyDown-C8Uz61XJ.js → accessibility-C8Uz61XJ.js} +0 -0
- /package/dist/{handleClickableElementKeyDown-CByqtBhO.cjs → accessibility-CByqtBhO.cjs} +0 -0
|
@@ -1,403 +0,0 @@
|
|
|
1
|
-
import { t as _ } from "./isDefined-fMi6eQ4r.js";
|
|
2
|
-
import { Dn as Z, Xi as x } from "./icon-CUE-QGQK.js";
|
|
3
|
-
import { a as w, r as y } from "./theme-B2EaXhye.js";
|
|
4
|
-
import { t as ee } from "./mergeClassNames-ClFMR1v0.js";
|
|
5
|
-
import { t as te } from "./TintedIconTile-4BGa8g8n.js";
|
|
6
|
-
import { t as ne } from "./Shortcut-BvWUZ3pb.js";
|
|
7
|
-
import { r as ae, t as re } from "./Button-D5enZ0Qz.js";
|
|
8
|
-
import { t as oe } from "./Tooltip-cLCgtFBF.js";
|
|
9
|
-
import { t as L } from "./OverflowingTextWithTooltip-BmUROIah.js";
|
|
10
|
-
import { t as ie } from "./ListItem-CjnrSbka.js";
|
|
11
|
-
import { i as se } from "./Dropdown-C2hXrjvD.js";
|
|
12
|
-
import { t as le } from "./Avatar-D-QA0RE5.js";
|
|
13
|
-
import { t as me } from "./handleClickableElementKeyDown-C8Uz61XJ.js";
|
|
14
|
-
import { n as de, t as ue } from "./TabsTabContent-DVcObDp6.js";
|
|
15
|
-
import { isNonEmptyString as E, isString as B } from "@sniptt/guards";
|
|
16
|
-
import { clsx as I } from "clsx";
|
|
17
|
-
import { forwardRef as j, useContext as ce } from "react";
|
|
18
|
-
import { Fragment as G, jsx as e, jsxs as g } from "react/jsx-runtime";
|
|
19
|
-
import { Button as ve } from "@base-ui/react/button";
|
|
20
|
-
var _t = () => {
|
|
21
|
-
const { pageId: n, goToPage: r, goBack: a, canGoBack: s } = se();
|
|
22
|
-
return {
|
|
23
|
-
page: n,
|
|
24
|
-
goToPage: (t) => r({ id: t }),
|
|
25
|
-
goBack: a,
|
|
26
|
-
canGoBack: s
|
|
27
|
-
};
|
|
28
|
-
}, It = ({ color: n, selected: r, focused: a, indicator: s, startIcon: t, endIcon: i, description: m, descriptionPlacement: l, shortcut: d, shortcutJoinLabel: o, hasSubmenu: c, disabled: u = !1, type: v = "button", children: f, ...p }) => /* @__PURE__ */ e(ie, {
|
|
29
|
-
color: n,
|
|
30
|
-
selected: r,
|
|
31
|
-
focused: a,
|
|
32
|
-
indicator: s,
|
|
33
|
-
startIcon: t,
|
|
34
|
-
endIcon: i,
|
|
35
|
-
description: m,
|
|
36
|
-
descriptionPlacement: l,
|
|
37
|
-
shortcut: d,
|
|
38
|
-
shortcutJoinLabel: o,
|
|
39
|
-
hasSubmenu: c,
|
|
40
|
-
disabled: u,
|
|
41
|
-
render: /* @__PURE__ */ e(ve, {
|
|
42
|
-
...p,
|
|
43
|
-
nativeButton: !0,
|
|
44
|
-
type: v,
|
|
45
|
-
disabled: u
|
|
46
|
-
}),
|
|
47
|
-
children: f
|
|
48
|
-
}), ht = {
|
|
49
|
-
gray: "Gray",
|
|
50
|
-
tomato: "Tomato",
|
|
51
|
-
red: "Red",
|
|
52
|
-
ruby: "Ruby",
|
|
53
|
-
crimson: "Crimson",
|
|
54
|
-
pink: "Pink",
|
|
55
|
-
plum: "Plum",
|
|
56
|
-
purple: "Purple",
|
|
57
|
-
violet: "Violet",
|
|
58
|
-
iris: "Iris",
|
|
59
|
-
cyan: "Cyan",
|
|
60
|
-
turquoise: "Turquoise",
|
|
61
|
-
sky: "Sky",
|
|
62
|
-
blue: "Blue",
|
|
63
|
-
jade: "Jade",
|
|
64
|
-
green: "Green",
|
|
65
|
-
grass: "Grass",
|
|
66
|
-
mint: "Mint",
|
|
67
|
-
lime: "Lime",
|
|
68
|
-
bronze: "Bronze",
|
|
69
|
-
gold: "Gold",
|
|
70
|
-
brown: "Brown",
|
|
71
|
-
orange: "Orange",
|
|
72
|
-
amber: "Amber",
|
|
73
|
-
yellow: "Yellow"
|
|
74
|
-
}, _e = "_iconContainer_1ivx0_1", Ie = "_withBackground_1ivx0_9", F = {
|
|
75
|
-
iconContainer: _e,
|
|
76
|
-
withBackground: Ie
|
|
77
|
-
}, M = ({ children: n, className: r, hasBackground: a = !0 }) => /* @__PURE__ */ e("div", {
|
|
78
|
-
className: I(F.iconContainer, a && F.withBackground, r),
|
|
79
|
-
children: n
|
|
80
|
-
}), $ = ({ Icon: n, iconThemeColor: r, withContainer: a = !1, withContainerBackground: s = !0 }) => {
|
|
81
|
-
const t = y();
|
|
82
|
-
if (!n) return null;
|
|
83
|
-
if (_(r)) return /* @__PURE__ */ e(te, {
|
|
84
|
-
icon: /* @__PURE__ */ e(n, {
|
|
85
|
-
size: t.icon.size.md,
|
|
86
|
-
stroke: t.icon.stroke.sm
|
|
87
|
-
}),
|
|
88
|
-
color: r,
|
|
89
|
-
style: {
|
|
90
|
-
width: t.icon.size.md,
|
|
91
|
-
height: t.icon.size.md
|
|
92
|
-
}
|
|
93
|
-
});
|
|
94
|
-
const i = /* @__PURE__ */ e(n, {
|
|
95
|
-
size: t.icon.size.md,
|
|
96
|
-
stroke: t.icon.stroke.sm
|
|
97
|
-
});
|
|
98
|
-
return a ? /* @__PURE__ */ e(M, {
|
|
99
|
-
hasBackground: s,
|
|
100
|
-
children: i
|
|
101
|
-
}) : i;
|
|
102
|
-
}, he = "_iconSwapContainer_g9ywp_1", fe = "_defaultIcon_g9ywp_8", ge = "_hoverIcon_g9ywp_13", z = {
|
|
103
|
-
iconSwapContainer: he,
|
|
104
|
-
defaultIcon: fe,
|
|
105
|
-
hoverIcon: ge
|
|
106
|
-
}, be = ({ leadingContent: n, withIconContainer: r = !1, withIconContainerBackground: a = !0, gripIconColor: s }) => {
|
|
107
|
-
const t = y();
|
|
108
|
-
if (!_(n)) return null;
|
|
109
|
-
const i = /* @__PURE__ */ g("div", {
|
|
110
|
-
className: z.iconSwapContainer,
|
|
111
|
-
children: [/* @__PURE__ */ e("div", {
|
|
112
|
-
className: I(z.defaultIcon, "grip-swap-default-icon"),
|
|
113
|
-
children: n
|
|
114
|
-
}), /* @__PURE__ */ e("div", {
|
|
115
|
-
className: I(z.hoverIcon, "grip-swap-hover-icon"),
|
|
116
|
-
children: /* @__PURE__ */ e(x, {
|
|
117
|
-
size: t.icon.size.md,
|
|
118
|
-
stroke: t.icon.stroke.sm,
|
|
119
|
-
color: s
|
|
120
|
-
})
|
|
121
|
-
})]
|
|
122
|
-
});
|
|
123
|
-
return r ? /* @__PURE__ */ e(M, {
|
|
124
|
-
hasBackground: a,
|
|
125
|
-
children: i
|
|
126
|
-
}) : i;
|
|
127
|
-
}, pe = "_hoverableMenuItemBase_1jkew_54", ye = "_menuItemBase_1jkew_1", ke = "_menuItemLabel_1jkew_136", Ce = "_menuItemLabelLight_1jkew_145", Me = "_noIconFiller_1jkew_155", Se = "_menuItemLeftContent_1jkew_159", we = "_menuItemRightContent_1jkew_172", Le = "_draggableItem_1jkew_183", Be = "_menuItemIconCheckContainer_1jkew_189", ze = "_menuItemContextualText_1jkew_196", Ne = "_rightMenuItemContextualText_1jkew_206", h = {
|
|
128
|
-
hoverableMenuItemBase: pe,
|
|
129
|
-
menuItemBase: ye,
|
|
130
|
-
menuItemLabel: ke,
|
|
131
|
-
menuItemLabelLight: Ce,
|
|
132
|
-
noIconFiller: Me,
|
|
133
|
-
menuItemLeftContent: Se,
|
|
134
|
-
menuItemRightContent: we,
|
|
135
|
-
draggableItem: Le,
|
|
136
|
-
menuItemIconCheckContainer: Be,
|
|
137
|
-
menuItemContextualText: ze,
|
|
138
|
-
rightMenuItemContextualText: Ne
|
|
139
|
-
}, xe = j(({ accent: n, isKeySelected: r, isHoverBackgroundDisabled: a, hovered: s, disabled: t, focused: i, className: m, children: l, ...d }, o) => /* @__PURE__ */ e("div", {
|
|
140
|
-
ref: o,
|
|
141
|
-
className: I(h.menuItemBase, m),
|
|
142
|
-
"data-accent": n,
|
|
143
|
-
"data-key-selected": r || void 0,
|
|
144
|
-
"data-hover-background-disabled": a || void 0,
|
|
145
|
-
"data-disabled": t || void 0,
|
|
146
|
-
"data-focused": i || void 0,
|
|
147
|
-
...d,
|
|
148
|
-
children: l
|
|
149
|
-
}));
|
|
150
|
-
xe.displayName = "StyledMenuItemBase";
|
|
151
|
-
var b = (n, r) => {
|
|
152
|
-
const a = j(({ className: s, children: t, ...i }, m) => /* @__PURE__ */ e("div", {
|
|
153
|
-
ref: m,
|
|
154
|
-
className: I(n, s),
|
|
155
|
-
...i,
|
|
156
|
-
children: t
|
|
157
|
-
}));
|
|
158
|
-
return a.displayName = r, a;
|
|
159
|
-
}, Te = b(h.menuItemLabel, "StyledMenuItemLabel"), ft = b(h.menuItemLabelLight, "StyledMenuItemLabelLight"), gt = b(h.noIconFiller, "StyledNoIconFiller"), H = b(h.menuItemLeftContent, "StyledMenuItemLeftContent"), T = b(h.menuItemRightContent, "StyledMenuItemRightContent"), O = b(h.draggableItem, "StyledDraggableItem"), R = j(({ accent: n, isKeySelected: r, isHoverBackgroundDisabled: a, hovered: s, disabled: t, focused: i, isIconDisplayedOnHoverOnly: m, cursor: l, className: d, children: o, ...c }, u) => /* @__PURE__ */ e("div", {
|
|
160
|
-
ref: u,
|
|
161
|
-
className: I(h.hoverableMenuItemBase, d),
|
|
162
|
-
"data-accent": n,
|
|
163
|
-
"data-key-selected": r || void 0,
|
|
164
|
-
"data-hover-background-disabled": a || void 0,
|
|
165
|
-
"data-disabled": t || void 0,
|
|
166
|
-
"data-focused": i || void 0,
|
|
167
|
-
"data-icon-displayed-on-hover-only": m || void 0,
|
|
168
|
-
"data-cursor": l,
|
|
169
|
-
...c,
|
|
170
|
-
children: o
|
|
171
|
-
}));
|
|
172
|
-
R.displayName = "StyledHoverableMenuItemBase";
|
|
173
|
-
var je = b(h.menuItemContextualText, "StyledMenuItemContextualText"), Re = b(h.rightMenuItemContextualText, "StyledRightMenuItemContextualText"), De = "_mainText_d0zu3_1", Pe = "_menuItemLabelRight_d0zu3_9", q = {
|
|
174
|
-
mainText: De,
|
|
175
|
-
menuItemLabelRight: Pe
|
|
176
|
-
}, Ge = ({ LeftComponent: n, LeftIcon: r, iconThemeColor: a }) => {
|
|
177
|
-
if (_(n)) return n;
|
|
178
|
-
if (_(r)) return /* @__PURE__ */ e($, {
|
|
179
|
-
Icon: r,
|
|
180
|
-
iconThemeColor: a
|
|
181
|
-
});
|
|
182
|
-
}, D = ({ className: n, LeftComponent: r, LeftIcon: a, iconThemeColor: s, withIconContainer: t = !1, withIconContainerBackground: i = !0, text: m, contextualText: l, contextualTextPosition: d = "left", gripMode: o = "never", disabled: c = !1 }) => {
|
|
183
|
-
const u = y(), v = t ? w.font.color.tertiary : c ? w.font.color.extraLight : w.font.color.light, f = Ge({
|
|
184
|
-
LeftComponent: r,
|
|
185
|
-
LeftIcon: a,
|
|
186
|
-
iconThemeColor: s
|
|
187
|
-
}), p = t && !_(s);
|
|
188
|
-
return /* @__PURE__ */ g(H, {
|
|
189
|
-
className: n,
|
|
190
|
-
children: [
|
|
191
|
-
o === "always" && (t ? /* @__PURE__ */ e(M, {
|
|
192
|
-
hasBackground: i,
|
|
193
|
-
children: /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(x, {
|
|
194
|
-
size: u.icon.size.md,
|
|
195
|
-
stroke: u.icon.stroke.sm,
|
|
196
|
-
color: v
|
|
197
|
-
}) })
|
|
198
|
-
}) : /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(x, {
|
|
199
|
-
size: u.icon.size.md,
|
|
200
|
-
stroke: u.icon.stroke.sm,
|
|
201
|
-
color: v
|
|
202
|
-
}) })),
|
|
203
|
-
o === "always" && (p && _(f) ? /* @__PURE__ */ e(M, {
|
|
204
|
-
hasBackground: i,
|
|
205
|
-
children: f
|
|
206
|
-
}) : f),
|
|
207
|
-
o === "onHover" && /* @__PURE__ */ e(be, {
|
|
208
|
-
leadingContent: f,
|
|
209
|
-
withIconContainer: p,
|
|
210
|
-
withIconContainerBackground: i,
|
|
211
|
-
gripIconColor: v
|
|
212
|
-
}),
|
|
213
|
-
o === "never" && /* @__PURE__ */ g(G, { children: [/* @__PURE__ */ e($, {
|
|
214
|
-
Icon: a,
|
|
215
|
-
iconThemeColor: s,
|
|
216
|
-
withContainer: t,
|
|
217
|
-
withContainerBackground: i
|
|
218
|
-
}), r] }),
|
|
219
|
-
/* @__PURE__ */ g(Te, { children: [B(m) ? /* @__PURE__ */ e("div", {
|
|
220
|
-
className: q.mainText,
|
|
221
|
-
children: /* @__PURE__ */ e(L, { text: m })
|
|
222
|
-
}) : m, d === "left" && /* @__PURE__ */ e(G, { children: B(l) ? E(l) && /* @__PURE__ */ e(je, { children: /* @__PURE__ */ e(L, {
|
|
223
|
-
text: `· ${l}`,
|
|
224
|
-
tooltipContent: l
|
|
225
|
-
}) }) : l })] }),
|
|
226
|
-
d === "right" && /* @__PURE__ */ e("div", {
|
|
227
|
-
className: q.menuItemLabelRight,
|
|
228
|
-
children: /* @__PURE__ */ e(Re, { children: B(l) ? /* @__PURE__ */ e(L, { text: l }) : l })
|
|
229
|
-
})
|
|
230
|
-
]
|
|
231
|
-
});
|
|
232
|
-
}, Fe = "_subMenuIcon_j232v_1", Oe = "_subMenuIconOpened_j232v_9", A = {
|
|
233
|
-
subMenuIcon: Fe,
|
|
234
|
-
subMenuIconOpened: Oe
|
|
235
|
-
}, qe = ({ accent: n = "default", className: r, withIconContainer: a = !1, withIconContainerBackground: s = !0, iconButtons: t, isIconDisplayedOnHoverOnly: i = !0, LeftIcon: m, iconThemeColor: l, LeftComponent: d, RightIcon: o, RightComponent: c, onClick: u, onMouseEnter: v, onMouseLeave: f, testId: p, text: V, contextualTextPosition: W = "left", contextualText: J, hasSubMenu: K = !1, disabled: k = !1, focused: U = !1, selected: X = !1, shortcut: P, shortcutJoinLabel: Y, isSubMenuOpened: Q = !1 }) => {
|
|
236
|
-
const C = y();
|
|
237
|
-
return /* @__PURE__ */ g(R, {
|
|
238
|
-
"data-testid": p ?? void 0,
|
|
239
|
-
onClick: k ? void 0 : (S) => {
|
|
240
|
-
u && (S.preventDefault(), S.stopPropagation(), u?.(S));
|
|
241
|
-
},
|
|
242
|
-
disabled: k,
|
|
243
|
-
className: r,
|
|
244
|
-
accent: n,
|
|
245
|
-
isIconDisplayedOnHoverOnly: i,
|
|
246
|
-
onMouseEnter: v,
|
|
247
|
-
onMouseLeave: f,
|
|
248
|
-
focused: U || X,
|
|
249
|
-
children: [/* @__PURE__ */ e(D, {
|
|
250
|
-
LeftIcon: m ?? void 0,
|
|
251
|
-
iconThemeColor: l,
|
|
252
|
-
LeftComponent: d,
|
|
253
|
-
withIconContainer: a,
|
|
254
|
-
withIconContainerBackground: s,
|
|
255
|
-
text: V,
|
|
256
|
-
contextualText: J,
|
|
257
|
-
contextualTextPosition: W,
|
|
258
|
-
disabled: k
|
|
259
|
-
}), /* @__PURE__ */ g(T, { children: [
|
|
260
|
-
t && /* @__PURE__ */ e(T, {
|
|
261
|
-
className: "hoverable-buttons",
|
|
262
|
-
children: t
|
|
263
|
-
}),
|
|
264
|
-
_(P) && /* @__PURE__ */ e(ne, {
|
|
265
|
-
shortcut: P,
|
|
266
|
-
sequenceJoinLabel: Y
|
|
267
|
-
}),
|
|
268
|
-
o && /* @__PURE__ */ e(o, {
|
|
269
|
-
size: C.icon.size.md,
|
|
270
|
-
stroke: C.icon.stroke.sm
|
|
271
|
-
}),
|
|
272
|
-
c,
|
|
273
|
-
K && /* @__PURE__ */ e("div", {
|
|
274
|
-
className: I(A.subMenuIcon, Q && A.subMenuIconOpened),
|
|
275
|
-
style: { visibility: k ? "hidden" : "visible" },
|
|
276
|
-
children: /* @__PURE__ */ e(Z, {
|
|
277
|
-
size: C.icon.size.sm,
|
|
278
|
-
color: C.font.color.light
|
|
279
|
-
})
|
|
280
|
-
})
|
|
281
|
-
] })]
|
|
282
|
-
});
|
|
283
|
-
}, bt = ({ accent: n = "default", className: r, iconButtons: a, isIconDisplayedOnHoverOnly: s = !0, isTooltipOpen: t, onClick: i, onMouseEnter: m, onMouseLeave: l, testId: d, avatar: o, hasSubMenu: c = !1, text: u, contextualText: v }) => /* @__PURE__ */ e(qe, {
|
|
284
|
-
accent: n,
|
|
285
|
-
className: r,
|
|
286
|
-
iconButtons: a,
|
|
287
|
-
isIconDisplayedOnHoverOnly: s,
|
|
288
|
-
isTooltipOpen: t,
|
|
289
|
-
LeftComponent: _(o) ? /* @__PURE__ */ e(le, {
|
|
290
|
-
name: o.name,
|
|
291
|
-
src: o.src,
|
|
292
|
-
colorSeed: o.colorSeed,
|
|
293
|
-
size: o.size,
|
|
294
|
-
shape: o.shape
|
|
295
|
-
}) : void 0,
|
|
296
|
-
onClick: i,
|
|
297
|
-
onMouseEnter: m,
|
|
298
|
-
onMouseLeave: l,
|
|
299
|
-
testId: d,
|
|
300
|
-
text: u,
|
|
301
|
-
contextualText: v,
|
|
302
|
-
hasSubMenu: c
|
|
303
|
-
}), pt = ({ LeftIcon: n, LeftComponent: r, withIconContainer: a = !1, accent: s = "default", iconButtons: t, onClick: i, text: m, contextualText: l, isDragDisabled: d = !1, className: o, isIconDisplayedOnHoverOnly: c = !0, gripMode: u = "never" }) => /* @__PURE__ */ g(R, {
|
|
304
|
-
onClick: i,
|
|
305
|
-
accent: s,
|
|
306
|
-
className: o,
|
|
307
|
-
isIconDisplayedOnHoverOnly: c,
|
|
308
|
-
cursor: u !== "never" ? d ? "default" : "drag" : "default",
|
|
309
|
-
children: [/* @__PURE__ */ e(D, {
|
|
310
|
-
LeftIcon: n,
|
|
311
|
-
LeftComponent: r,
|
|
312
|
-
text: m,
|
|
313
|
-
contextualText: l,
|
|
314
|
-
withIconContainer: a,
|
|
315
|
-
disabled: d,
|
|
316
|
-
gripMode: u
|
|
317
|
-
}), t && /* @__PURE__ */ e(T, {
|
|
318
|
-
className: "hoverable-buttons",
|
|
319
|
-
children: t
|
|
320
|
-
})]
|
|
321
|
-
}), Ae = "_suggestionMenuItem_1qyjt_1", Ee = { suggestionMenuItem: Ae }, yt = ({ LeftIcon: n, withIconContainer: r = !1, text: a, contextualText: s = void 0, contextualTextPosition: t = "left", className: i, selected: m, onClick: l }) => {
|
|
322
|
-
const d = (o) => {
|
|
323
|
-
l && (o.preventDefault(), o.stopPropagation(), l?.(o));
|
|
324
|
-
};
|
|
325
|
-
return /* @__PURE__ */ e("li", {
|
|
326
|
-
className: I(Ee.suggestionMenuItem, i),
|
|
327
|
-
"data-selected": m || void 0,
|
|
328
|
-
role: _(l) ? "button" : void 0,
|
|
329
|
-
tabIndex: _(l) ? 0 : void 0,
|
|
330
|
-
onClick: d,
|
|
331
|
-
onKeyDown: me,
|
|
332
|
-
children: /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(D, {
|
|
333
|
-
LeftIcon: n ?? void 0,
|
|
334
|
-
text: a,
|
|
335
|
-
contextualText: s,
|
|
336
|
-
contextualTextPosition: t,
|
|
337
|
-
withIconContainer: r
|
|
338
|
-
}) })
|
|
339
|
-
});
|
|
340
|
-
}, $e = "_menuPicker_o8ra4_1", He = "_iconContainer_o8ra4_41", Ve = "_label_o8ra4_50", N = {
|
|
341
|
-
menuPicker: $e,
|
|
342
|
-
iconContainer: He,
|
|
343
|
-
label: Ve
|
|
344
|
-
}, kt = ({ id: n, icon: r, label: a, selected: s = !1, disabled: t = !1, showLabel: i = !0, onClick: m, className: l, testId: d, tooltipContent: o, tooltipDelay: c = 0, tooltipOffset: u = 5 }) => {
|
|
345
|
-
const v = y();
|
|
346
|
-
return /* @__PURE__ */ e(oe, {
|
|
347
|
-
content: o,
|
|
348
|
-
disabled: !E(o),
|
|
349
|
-
sideOffset: u,
|
|
350
|
-
side: "bottom",
|
|
351
|
-
positionMethod: "fixed",
|
|
352
|
-
delay: c,
|
|
353
|
-
children: /* @__PURE__ */ g("button", {
|
|
354
|
-
id: n,
|
|
355
|
-
disabled: t,
|
|
356
|
-
onClick: m,
|
|
357
|
-
className: I(N.menuPicker, l),
|
|
358
|
-
"data-testid": d,
|
|
359
|
-
"data-selected": s ? "" : void 0,
|
|
360
|
-
"aria-pressed": s,
|
|
361
|
-
"aria-disabled": t,
|
|
362
|
-
"aria-label": a,
|
|
363
|
-
children: [/* @__PURE__ */ e("div", {
|
|
364
|
-
className: N.iconContainer,
|
|
365
|
-
children: /* @__PURE__ */ e(r, {
|
|
366
|
-
size: v.icon.size.md,
|
|
367
|
-
stroke: v.icon.stroke.sm
|
|
368
|
-
})
|
|
369
|
-
}), _(a) && i && /* @__PURE__ */ e("div", {
|
|
370
|
-
className: N.label,
|
|
371
|
-
"data-selected": s ? "" : void 0,
|
|
372
|
-
"data-disabled": t ? "" : void 0,
|
|
373
|
-
children: a
|
|
374
|
-
})]
|
|
375
|
-
})
|
|
376
|
-
});
|
|
377
|
-
}, We = "_button_quwcq_1", Je = { button: We }, Ct = ({ active: n = !1, className: r, children: a, startIcon: s, endIcon: t, badge: i, size: m, ...l }) => {
|
|
378
|
-
const d = ce(ae), o = m ?? d?.size ?? "sm";
|
|
379
|
-
return /* @__PURE__ */ e(re, {
|
|
380
|
-
...l,
|
|
381
|
-
variant: "ghost",
|
|
382
|
-
size: o,
|
|
383
|
-
"data-active": n || void 0,
|
|
384
|
-
className: ee(I(de.tab, Je.button), r),
|
|
385
|
-
children: /* @__PURE__ */ e(ue, {
|
|
386
|
-
startIcon: s,
|
|
387
|
-
endIcon: t,
|
|
388
|
-
badge: i,
|
|
389
|
-
children: a
|
|
390
|
-
})
|
|
391
|
-
});
|
|
392
|
-
};
|
|
393
|
-
export {
|
|
394
|
-
bt as a,
|
|
395
|
-
It as c,
|
|
396
|
-
pt as i,
|
|
397
|
-
_t as l,
|
|
398
|
-
kt as n,
|
|
399
|
-
qe as o,
|
|
400
|
-
yt as r,
|
|
401
|
-
ht as s,
|
|
402
|
-
Ct as t
|
|
403
|
-
};
|
|
@@ -1,131 +0,0 @@
|
|
|
1
|
-
import { t as T } from "./isDefined-fMi6eQ4r.js";
|
|
2
|
-
import { t as p } from "./mergeClassNames-ClFMR1v0.js";
|
|
3
|
-
import { n as _, t as v } from "./TabsTabContent-DVcObDp6.js";
|
|
4
|
-
import { useRender as x } from "@base-ui/react/use-render";
|
|
5
|
-
import { isString as B } from "@sniptt/guards";
|
|
6
|
-
import { clsx as N } from "clsx";
|
|
7
|
-
import { jsx as l, jsxs as L } from "react/jsx-runtime";
|
|
8
|
-
import { useDirection as R } from "@base-ui/react/direction-provider";
|
|
9
|
-
import { Tabs as g } from "@base-ui/react/tabs";
|
|
10
|
-
var K = "_root_ikxnr_1", C = "_list_ikxnr_13", O = "_item_ikxnr_24", S = "_content_ikxnr_35", D = "_separator_ikxnr_55", b = {
|
|
11
|
-
root: K,
|
|
12
|
-
list: C,
|
|
13
|
-
item: O,
|
|
14
|
-
content: S,
|
|
15
|
-
separator: D
|
|
16
|
-
}, H = ({ children: a, href: r, render: i, title: o, current: t, className: s, ref: e, "aria-current": n = t ? "page" : void 0, ...m }) => x({
|
|
17
|
-
defaultTagName: T(r) ? "a" : "span",
|
|
18
|
-
render: i,
|
|
19
|
-
ref: e,
|
|
20
|
-
props: {
|
|
21
|
-
...m,
|
|
22
|
-
children: a,
|
|
23
|
-
href: r,
|
|
24
|
-
title: o ?? (B(a) ? a : void 0),
|
|
25
|
-
"aria-current": n,
|
|
26
|
-
"data-linked": T(r) || void 0,
|
|
27
|
-
className: N(b.content, s)
|
|
28
|
-
}
|
|
29
|
-
}), ta = ({ links: a, className: r, render: i, ref: o, "aria-label": t = "Breadcrumb", ...s }) => x({
|
|
30
|
-
defaultTagName: "nav",
|
|
31
|
-
render: i,
|
|
32
|
-
ref: o,
|
|
33
|
-
props: {
|
|
34
|
-
...s,
|
|
35
|
-
"aria-label": t,
|
|
36
|
-
className: N(b.root, r),
|
|
37
|
-
children: /* @__PURE__ */ l("ol", {
|
|
38
|
-
className: b.list,
|
|
39
|
-
children: a.map((e, n) => /* @__PURE__ */ L("li", {
|
|
40
|
-
className: b.item,
|
|
41
|
-
children: [n > 0 && /* @__PURE__ */ l("span", {
|
|
42
|
-
className: b.separator,
|
|
43
|
-
"aria-hidden": "true",
|
|
44
|
-
children: "/"
|
|
45
|
-
}), /* @__PURE__ */ l(H, {
|
|
46
|
-
...e,
|
|
47
|
-
current: n === a.length - 1
|
|
48
|
-
})]
|
|
49
|
-
}, n))
|
|
50
|
-
})
|
|
51
|
-
}
|
|
52
|
-
}), P = ({ className: a, ...r }) => /* @__PURE__ */ l(g.Indicator, {
|
|
53
|
-
...r,
|
|
54
|
-
className: p(_.indicator, a)
|
|
55
|
-
}), U = '[role="tab"]', j = '[role="tablist"]', q = "[hidden], [inert]", k = (a) => a.hasAttribute("data-disabled") || a.hasAttribute("disabled") || a.getAttribute("aria-disabled") === "true" || T(a.closest(q)), z = ({ event: a, direction: r, loopFocus: i }) => {
|
|
56
|
-
if (a.altKey || a.ctrlKey || a.metaKey || a.shiftKey) return;
|
|
57
|
-
const o = a.currentTarget, t = [];
|
|
58
|
-
o.querySelectorAll(U).forEach((d) => {
|
|
59
|
-
d.closest(j) === o && t.push(d);
|
|
60
|
-
});
|
|
61
|
-
const s = t.findIndex((d) => d === a.target);
|
|
62
|
-
if (s === -1) return;
|
|
63
|
-
const e = r === "rtl" ? ["ArrowLeft", "ArrowRight"] : ["ArrowRight", "ArrowLeft"], [n, m] = o.getAttribute("data-orientation") === "vertical" ? ["ArrowDown", "ArrowUp"] : e;
|
|
64
|
-
if (![
|
|
65
|
-
n,
|
|
66
|
-
m,
|
|
67
|
-
"Home",
|
|
68
|
-
"End"
|
|
69
|
-
].includes(a.key)) return;
|
|
70
|
-
const h = a.key === m;
|
|
71
|
-
let u = s + (h ? -1 : 1);
|
|
72
|
-
a.key === "Home" && (u = 0), a.key === "End" && (u = t.length - 1);
|
|
73
|
-
const E = u < 0 || u >= t.length, w = h ? t.length - 1 : 0, y = t[E && i ? w : u];
|
|
74
|
-
if (!T(y) || !k(y)) return;
|
|
75
|
-
a.preventBaseUIHandler(), a.preventDefault();
|
|
76
|
-
const f = t.filter((d) => !k(d));
|
|
77
|
-
let c;
|
|
78
|
-
if (a.key === "Home" && (c = f[0]), a.key === "End" && (c = f[f.length - 1]), a.key === n || a.key === m) {
|
|
79
|
-
const d = h ? [...f].reverse() : f;
|
|
80
|
-
c = d.find((A) => h ? t.indexOf(A) < s : t.indexOf(A) > s), c ??= i ? d[0] : void 0;
|
|
81
|
-
}
|
|
82
|
-
if (!T(c) || c === a.target) return;
|
|
83
|
-
a.stopPropagation();
|
|
84
|
-
const I = c;
|
|
85
|
-
queueMicrotask(() => I.focus());
|
|
86
|
-
}, M = ({ className: a, onKeyDown: r, loopFocus: i = !0, ...o }) => {
|
|
87
|
-
const t = R(), s = (e) => {
|
|
88
|
-
if (r?.(e), e.defaultPrevented) {
|
|
89
|
-
e.preventBaseUIHandler();
|
|
90
|
-
return;
|
|
91
|
-
}
|
|
92
|
-
e.baseUIHandlerPrevented || z({
|
|
93
|
-
event: e,
|
|
94
|
-
direction: t,
|
|
95
|
-
loopFocus: i
|
|
96
|
-
});
|
|
97
|
-
};
|
|
98
|
-
return /* @__PURE__ */ l(g.List, {
|
|
99
|
-
...o,
|
|
100
|
-
loopFocus: i,
|
|
101
|
-
onKeyDown: s,
|
|
102
|
-
className: p(_.list, a)
|
|
103
|
-
});
|
|
104
|
-
}, V = ({ className: a, ...r }) => /* @__PURE__ */ l(g.Panel, {
|
|
105
|
-
...r,
|
|
106
|
-
className: p(_.panel, a)
|
|
107
|
-
}), $ = ({ className: a, ...r }) => /* @__PURE__ */ l(g.Root, {
|
|
108
|
-
...r,
|
|
109
|
-
className: p(_.root, a)
|
|
110
|
-
}), G = ({ className: a, children: r, startIcon: i, endIcon: o, badge: t, highlighted: s = !1, size: e = "sm", ...n }) => /* @__PURE__ */ l(g.Tab, {
|
|
111
|
-
...n,
|
|
112
|
-
className: p(_.tab, a),
|
|
113
|
-
"data-size": e,
|
|
114
|
-
"data-highlighted": s || void 0,
|
|
115
|
-
children: /* @__PURE__ */ l(v, {
|
|
116
|
-
startIcon: i,
|
|
117
|
-
endIcon: o,
|
|
118
|
-
badge: t,
|
|
119
|
-
children: r
|
|
120
|
-
})
|
|
121
|
-
}), ea = {
|
|
122
|
-
Root: $,
|
|
123
|
-
List: M,
|
|
124
|
-
Tab: G,
|
|
125
|
-
Indicator: P,
|
|
126
|
-
Panel: V
|
|
127
|
-
};
|
|
128
|
-
export {
|
|
129
|
-
ta as n,
|
|
130
|
-
ea as t
|
|
131
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const T=require("./isDefined-DS2Q42p5.cjs"),g=require("./mergeClassNames-D4lshrT6.cjs"),c=require("./TabsTabContent-Co27Y2TU.cjs");let A=require("@base-ui/react/use-render"),v=require("@sniptt/guards"),k=require("clsx"),d=require("react/jsx-runtime"),w=require("@base-ui/react/direction-provider"),x=require("@base-ui/react/tabs");var C="_root_ikxnr_1",I="_list_ikxnr_13",B="_item_ikxnr_24",D="_content_ikxnr_35",L="_separator_ikxnr_55",f={root:C,list:I,item:B,content:D,separator:L},R=({children:e,href:r,render:i,title:n,current:a,className:s,ref:t,"aria-current":l=a?"page":void 0,...b})=>(0,A.useRender)({defaultTagName:T.isDefined(r)?"a":"span",render:i,ref:t,props:{...b,children:e,href:r,title:n??((0,v.isString)(e)?e:void 0),"aria-current":l,"data-linked":T.isDefined(r)||void 0,className:(0,k.clsx)(f.content,s)}}),K=({links:e,className:r,render:i,ref:n,"aria-label":a="Breadcrumb",...s})=>(0,A.useRender)({defaultTagName:"nav",render:i,ref:n,props:{...s,"aria-label":a,className:(0,k.clsx)(f.root,r),children:(0,d.jsx)("ol",{className:f.list,children:e.map((t,l)=>(0,d.jsxs)("li",{className:f.item,children:[l>0&&(0,d.jsx)("span",{className:f.separator,"aria-hidden":"true",children:"/"}),(0,d.jsx)(R,{...t,current:l===e.length-1})]},l))})}}),O=({className:e,...r})=>(0,d.jsx)(x.Tabs.Indicator,{...r,className:g.mergeClassNames(c.Tab_module_default.indicator,e)}),P='[role="tab"]',S='[role="tablist"]',H="[hidden], [inert]",y=e=>e.hasAttribute("data-disabled")||e.hasAttribute("disabled")||e.getAttribute("aria-disabled")==="true"||T.isDefined(e.closest(H)),U=({event:e,direction:r,loopFocus:i})=>{if(e.altKey||e.ctrlKey||e.metaKey||e.shiftKey)return;const n=e.currentTarget,a=[];n.querySelectorAll(P).forEach(o=>{o.closest(S)===n&&a.push(o)});const s=a.findIndex(o=>o===e.target);if(s===-1)return;const t=r==="rtl"?["ArrowLeft","ArrowRight"]:["ArrowRight","ArrowLeft"],[l,b]=n.getAttribute("data-orientation")==="vertical"?["ArrowDown","ArrowUp"]:t;if(![l,b,"Home","End"].includes(e.key))return;const p=e.key===b;let _=s+(p?-1:1);e.key==="Home"&&(_=0),e.key==="End"&&(_=a.length-1);const q=_<0||_>=a.length,E=p?a.length-1:0,N=a[q&&i?E:_];if(!T.isDefined(N)||!y(N))return;e.preventBaseUIHandler(),e.preventDefault();const m=a.filter(o=>!y(o));let u;if(e.key==="Home"&&(u=m[0]),e.key==="End"&&(u=m[m.length-1]),e.key===l||e.key===b){const o=p?[...m].reverse():m;u=o.find(h=>p?a.indexOf(h)<s:a.indexOf(h)>s),u??=i?o[0]:void 0}if(!T.isDefined(u)||u===e.target)return;e.stopPropagation();const j=u;queueMicrotask(()=>j.focus())},z=({className:e,onKeyDown:r,loopFocus:i=!0,...n})=>{const a=(0,w.useDirection)(),s=t=>{if(r?.(t),t.defaultPrevented){t.preventBaseUIHandler();return}t.baseUIHandlerPrevented||U({event:t,direction:a,loopFocus:i})};return(0,d.jsx)(x.Tabs.List,{...n,loopFocus:i,onKeyDown:s,className:g.mergeClassNames(c.Tab_module_default.list,e)})},M=({className:e,...r})=>(0,d.jsx)(x.Tabs.Panel,{...r,className:g.mergeClassNames(c.Tab_module_default.panel,e)}),V=({className:e,...r})=>(0,d.jsx)(x.Tabs.Root,{...r,className:g.mergeClassNames(c.Tab_module_default.root,e)}),G=({className:e,children:r,startIcon:i,endIcon:n,badge:a,highlighted:s=!1,size:t="sm",...l})=>(0,d.jsx)(x.Tabs.Tab,{...l,className:g.mergeClassNames(c.Tab_module_default.tab,e),"data-size":t,"data-highlighted":s||void 0,children:(0,d.jsx)(c.TabsTabContent,{startIcon:i,endIcon:n,badge:a,children:r})}),J={Root:V,List:z,Tab:G,Indicator:O,Panel:M};Object.defineProperty(exports,"Breadcrumb",{enumerable:!0,get:function(){return K}});Object.defineProperty(exports,"Tabs",{enumerable:!0,get:function(){return J}});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const g=require("./theme-1XkFz8Qu.cjs"),_=require("./isDefined-DS2Q42p5.cjs"),Z=require("./mergeClassNames-D4lshrT6.cjs"),ee=require("./TintedIconTile-CU2hCerq.cjs"),te=require("./Shortcut-CgrdLv_L.cjs"),N=require("./Button-Dbi5P05r.cjs"),ne=require("./Tooltip-Bg9Uk01p.cjs"),w=require("./OverflowingTextWithTooltip-Z2daM0_x.cjs"),re=require("./ListItem-CHTR-GLd.cjs"),ae=require("./Dropdown-BKjAaZS0.cjs"),ie=require("./Avatar-CQhIEazb.cjs"),oe=require("./handleClickableElementKeyDown-CByqtBhO.cjs"),P=require("./TabsTabContent-Co27Y2TU.cjs");let j=require("@sniptt/guards"),f=require("clsx"),k=require("react"),e=require("react/jsx-runtime"),se=require("@base-ui/react/button"),C=require("@tabler/icons-react");var ue=()=>{const{pageId:n,goToPage:a,goBack:r,canGoBack:s}=ae.useDropdownContext();return{page:n,goToPage:t=>a({id:t}),goBack:r,canGoBack:s}},le=({color:n,selected:a,focused:r,indicator:s,startIcon:t,endIcon:o,description:l,descriptionPlacement:u,shortcut:d,shortcutJoinLabel:i,hasSubmenu:m,disabled:c=!1,type:v="button",children:I,...x})=>(0,e.jsx)(re.ListItem,{color:n,selected:a,focused:r,indicator:s,startIcon:t,endIcon:o,description:l,descriptionPlacement:u,shortcut:d,shortcutJoinLabel:i,hasSubmenu:m,disabled:c,render:(0,e.jsx)(se.Button,{...x,nativeButton:!0,type:v,disabled:c}),children:I}),de={gray:"Gray",tomato:"Tomato",red:"Red",ruby:"Ruby",crimson:"Crimson",pink:"Pink",plum:"Plum",purple:"Purple",violet:"Violet",iris:"Iris",cyan:"Cyan",turquoise:"Turquoise",sky:"Sky",blue:"Blue",jade:"Jade",green:"Green",grass:"Grass",mint:"Mint",lime:"Lime",bronze:"Bronze",gold:"Gold",brown:"Brown",orange:"Orange",amber:"Amber",yellow:"Yellow"},ce="_iconContainer_1ivx0_1",me="_withBackground_1ivx0_9",O={iconContainer:ce,withBackground:me},M=({children:n,className:a,hasBackground:r=!0})=>(0,e.jsx)("div",{className:(0,f.clsx)(O.iconContainer,r&&O.withBackground,a),children:n}),E=({Icon:n,iconThemeColor:a,withContainer:r=!1,withContainerBackground:s=!0})=>{const t=g.useTheme();if(!n)return null;if(_.isDefined(a))return(0,e.jsx)(ee.TintedIconTile,{icon:(0,e.jsx)(n,{size:t.icon.size.md,stroke:t.icon.stroke.sm}),color:a,style:{width:t.icon.size.md,height:t.icon.size.md}});const o=(0,e.jsx)(n,{size:t.icon.size.md,stroke:t.icon.stroke.sm});return r?(0,e.jsx)(M,{hasBackground:s,children:o}):o},ve="_iconSwapContainer_g9ywp_1",_e="_defaultIcon_g9ywp_8",fe="_hoverIcon_g9ywp_13",L={iconSwapContainer:ve,defaultIcon:_e,hoverIcon:fe},he=({leadingContent:n,withIconContainer:a=!1,withIconContainerBackground:r=!0,gripIconColor:s})=>{const t=g.useTheme();if(!_.isDefined(n))return null;const o=(0,e.jsxs)("div",{className:L.iconSwapContainer,children:[(0,e.jsx)("div",{className:(0,f.clsx)(L.defaultIcon,"grip-swap-default-icon"),children:n}),(0,e.jsx)("div",{className:(0,f.clsx)(L.hoverIcon,"grip-swap-hover-icon"),children:(0,e.jsx)(C.IconGripVertical,{size:t.icon.size.md,stroke:t.icon.stroke.sm,color:s})})]});return a?(0,e.jsx)(M,{hasBackground:r,children:o}):o},Ie="_hoverableMenuItemBase_1jkew_54",ge="_menuItemBase_1jkew_1",be="_menuItemLabel_1jkew_136",xe="_menuItemLabelLight_1jkew_145",je="_noIconFiller_1jkew_155",ye="_menuItemLeftContent_1jkew_159",pe="_menuItemRightContent_1jkew_172",Ce="_draggableItem_1jkew_183",Me="_menuItemIconCheckContainer_1jkew_189",ke="_menuItemContextualText_1jkew_196",Se="_rightMenuItemContextualText_1jkew_206",h={hoverableMenuItemBase:Ie,menuItemBase:ge,menuItemLabel:be,menuItemLabelLight:xe,noIconFiller:je,menuItemLeftContent:ye,menuItemRightContent:pe,draggableItem:Ce,menuItemIconCheckContainer:Me,menuItemContextualText:ke,rightMenuItemContextualText:Se},we=(0,k.forwardRef)(({accent:n,isKeySelected:a,isHoverBackgroundDisabled:r,hovered:s,disabled:t,focused:o,className:l,children:u,...d},i)=>(0,e.jsx)("div",{ref:i,className:(0,f.clsx)(h.menuItemBase,l),"data-accent":n,"data-key-selected":a||void 0,"data-hover-background-disabled":r||void 0,"data-disabled":t||void 0,"data-focused":o||void 0,...d,children:u}));we.displayName="StyledMenuItemBase";var b=(n,a)=>{const r=(0,k.forwardRef)(({className:s,children:t,...o},l)=>(0,e.jsx)("div",{ref:l,className:(0,f.clsx)(n,s),...o,children:t}));return r.displayName=a,r},Le=b(h.menuItemLabel,"StyledMenuItemLabel"),$e=b(h.menuItemLabelLight,"StyledMenuItemLabelLight"),Ye=b(h.noIconFiller,"StyledNoIconFiller"),F=b(h.menuItemLeftContent,"StyledMenuItemLeftContent"),T=b(h.menuItemRightContent,"StyledMenuItemRightContent"),R=b(h.draggableItem,"StyledDraggableItem"),B=(0,k.forwardRef)(({accent:n,isKeySelected:a,isHoverBackgroundDisabled:r,hovered:s,disabled:t,focused:o,isIconDisplayedOnHoverOnly:l,cursor:u,className:d,children:i,...m},c)=>(0,e.jsx)("div",{ref:c,className:(0,f.clsx)(h.hoverableMenuItemBase,d),"data-accent":n,"data-key-selected":a||void 0,"data-hover-background-disabled":r||void 0,"data-disabled":t||void 0,"data-focused":o||void 0,"data-icon-displayed-on-hover-only":l||void 0,"data-cursor":u,...m,children:i}));B.displayName="StyledHoverableMenuItemBase";var qe=b(h.menuItemContextualText,"StyledMenuItemContextualText"),Te=b(h.rightMenuItemContextualText,"StyledRightMenuItemContextualText"),Be="_mainText_d0zu3_1",ze="_menuItemLabelRight_d0zu3_9",G={mainText:Be,menuItemLabelRight:ze},De=({LeftComponent:n,LeftIcon:a,iconThemeColor:r})=>{if(_.isDefined(n))return n;if(_.isDefined(a))return(0,e.jsx)(E,{Icon:a,iconThemeColor:r})},z=({className:n,LeftComponent:a,LeftIcon:r,iconThemeColor:s,withIconContainer:t=!1,withIconContainerBackground:o=!0,text:l,contextualText:u,contextualTextPosition:d="left",gripMode:i="never",disabled:m=!1})=>{const c=g.useTheme(),v=t?g.themeCssVariables.font.color.tertiary:m?g.themeCssVariables.font.color.extraLight:g.themeCssVariables.font.color.light,I=De({LeftComponent:a,LeftIcon:r,iconThemeColor:s}),x=t&&!_.isDefined(s);return(0,e.jsxs)(F,{className:n,children:[i==="always"&&(t?(0,e.jsx)(M,{hasBackground:o,children:(0,e.jsx)(R,{children:(0,e.jsx)(C.IconGripVertical,{size:c.icon.size.md,stroke:c.icon.stroke.sm,color:v})})}):(0,e.jsx)(R,{children:(0,e.jsx)(C.IconGripVertical,{size:c.icon.size.md,stroke:c.icon.stroke.sm,color:v})})),i==="always"&&(x&&_.isDefined(I)?(0,e.jsx)(M,{hasBackground:o,children:I}):I),i==="onHover"&&(0,e.jsx)(he,{leadingContent:I,withIconContainer:x,withIconContainerBackground:o,gripIconColor:v}),i==="never"&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(E,{Icon:r,iconThemeColor:s,withContainer:t,withContainerBackground:o}),a]}),(0,e.jsxs)(Le,{children:[(0,j.isString)(l)?(0,e.jsx)("div",{className:G.mainText,children:(0,e.jsx)(w.OverflowingTextWithTooltip,{text:l})}):l,d==="left"&&(0,e.jsx)(e.Fragment,{children:(0,j.isString)(u)?(0,j.isNonEmptyString)(u)&&(0,e.jsx)(qe,{children:(0,e.jsx)(w.OverflowingTextWithTooltip,{text:`· ${u}`,tooltipContent:u})}):u})]}),d==="right"&&(0,e.jsx)("div",{className:G.menuItemLabelRight,children:(0,e.jsx)(Te,{children:(0,j.isString)(u)?(0,e.jsx)(w.OverflowingTextWithTooltip,{text:u}):u})})]})},Ne="_subMenuIcon_j232v_1",Pe="_subMenuIconOpened_j232v_9",A={subMenuIcon:Ne,subMenuIconOpened:Pe},V=({accent:n="default",className:a,withIconContainer:r=!1,withIconContainerBackground:s=!0,iconButtons:t,isIconDisplayedOnHoverOnly:o=!0,LeftIcon:l,iconThemeColor:u,LeftComponent:d,RightIcon:i,RightComponent:m,onClick:c,onMouseEnter:v,onMouseLeave:I,testId:x,text:W,contextualTextPosition:H="left",contextualText:K,hasSubMenu:J=!1,disabled:y=!1,focused:U=!1,selected:$=!1,shortcut:D,shortcutJoinLabel:Y,isSubMenuOpened:Q=!1})=>{const p=g.useTheme(),X=S=>{c&&(S.preventDefault(),S.stopPropagation(),c?.(S))};return(0,e.jsxs)(B,{"data-testid":x??void 0,onClick:y?void 0:X,disabled:y,className:a,accent:n,isIconDisplayedOnHoverOnly:o,onMouseEnter:v,onMouseLeave:I,focused:U||$,children:[(0,e.jsx)(z,{LeftIcon:l??void 0,iconThemeColor:u,LeftComponent:d,withIconContainer:r,withIconContainerBackground:s,text:W,contextualText:K,contextualTextPosition:H,disabled:y}),(0,e.jsxs)(T,{children:[t&&(0,e.jsx)(T,{className:"hoverable-buttons",children:t}),_.isDefined(D)&&(0,e.jsx)(te.Shortcut,{shortcut:D,sequenceJoinLabel:Y}),i&&(0,e.jsx)(i,{size:p.icon.size.md,stroke:p.icon.stroke.sm}),m,J&&(0,e.jsx)("div",{className:(0,f.clsx)(A.subMenuIcon,Q&&A.subMenuIconOpened),style:{visibility:y?"hidden":"visible"},children:(0,e.jsx)(C.IconChevronRight,{size:p.icon.size.sm,color:p.font.color.light})})]})]})},Oe=({accent:n="default",className:a,iconButtons:r,isIconDisplayedOnHoverOnly:s=!0,isTooltipOpen:t,onClick:o,onMouseEnter:l,onMouseLeave:u,testId:d,avatar:i,hasSubMenu:m=!1,text:c,contextualText:v})=>(0,e.jsx)(V,{accent:n,className:a,iconButtons:r,isIconDisplayedOnHoverOnly:s,isTooltipOpen:t,LeftComponent:_.isDefined(i)?(0,e.jsx)(ie.Avatar,{name:i.name,src:i.src,colorSeed:i.colorSeed,size:i.size,shape:i.shape}):void 0,onClick:o,onMouseEnter:l,onMouseLeave:u,testId:d,text:c,contextualText:v,hasSubMenu:m}),Re=({LeftIcon:n,LeftComponent:a,withIconContainer:r=!1,accent:s="default",iconButtons:t,onClick:o,text:l,contextualText:u,isDragDisabled:d=!1,className:i,isIconDisplayedOnHoverOnly:m=!0,gripMode:c="never"})=>(0,e.jsxs)(B,{onClick:o,accent:s,className:i,isIconDisplayedOnHoverOnly:m,cursor:c!=="never"?d?"default":"drag":"default",children:[(0,e.jsx)(z,{LeftIcon:n,LeftComponent:a,text:l,contextualText:u,withIconContainer:r,disabled:d,gripMode:c}),t&&(0,e.jsx)(T,{className:"hoverable-buttons",children:t})]}),Ge="_suggestionMenuItem_1qyjt_1",Ae={suggestionMenuItem:Ge},Ee=({LeftIcon:n,withIconContainer:a=!1,text:r,contextualText:s=void 0,contextualTextPosition:t="left",className:o,selected:l,onClick:u})=>{const d=i=>{u&&(i.preventDefault(),i.stopPropagation(),u?.(i))};return(0,e.jsx)("li",{className:(0,f.clsx)(Ae.suggestionMenuItem,o),"data-selected":l||void 0,role:_.isDefined(u)?"button":void 0,tabIndex:_.isDefined(u)?0:void 0,onClick:d,onKeyDown:oe.handleClickableElementKeyDown,children:(0,e.jsx)(F,{children:(0,e.jsx)(z,{LeftIcon:n??void 0,text:r,contextualText:s,contextualTextPosition:t,withIconContainer:a})})})},Fe="_menuPicker_o8ra4_1",Ve="_iconContainer_o8ra4_41",We="_label_o8ra4_50",q={menuPicker:Fe,iconContainer:Ve,label:We},He=({id:n,icon:a,label:r,selected:s=!1,disabled:t=!1,showLabel:o=!0,onClick:l,className:u,testId:d,tooltipContent:i,tooltipDelay:m=0,tooltipOffset:c=5})=>{const v=g.useTheme();return(0,e.jsx)(ne.Tooltip,{content:i,disabled:!(0,j.isNonEmptyString)(i),sideOffset:c,side:"bottom",positionMethod:"fixed",delay:m,children:(0,e.jsxs)("button",{id:n,disabled:t,onClick:l,className:(0,f.clsx)(q.menuPicker,u),"data-testid":d,"data-selected":s?"":void 0,"aria-pressed":s,"aria-disabled":t,"aria-label":r,children:[(0,e.jsx)("div",{className:q.iconContainer,children:(0,e.jsx)(a,{size:v.icon.size.md,stroke:v.icon.stroke.sm})}),_.isDefined(r)&&o&&(0,e.jsx)("div",{className:q.label,"data-selected":s?"":void 0,"data-disabled":t?"":void 0,children:r})]})})},Ke="_button_quwcq_1",Je={button:Ke},Ue=({active:n=!1,className:a,children:r,startIcon:s,endIcon:t,badge:o,size:l,...u})=>{const d=(0,k.useContext)(N.ButtonGroupContext),i=l??d?.size??"sm";return(0,e.jsx)(N.Button,{...u,variant:"ghost",size:i,"data-active":n||void 0,className:Z.mergeClassNames((0,f.clsx)(P.Tab_module_default.tab,Je.button),a),children:(0,e.jsx)(P.TabsTabContent,{startIcon:s,endIcon:t,badge:o,children:r})})};Object.defineProperty(exports,"DEFAULT_COLOR_LABELS",{enumerable:!0,get:function(){return de}});Object.defineProperty(exports,"ListItemButton",{enumerable:!0,get:function(){return le}});Object.defineProperty(exports,"MenuItem",{enumerable:!0,get:function(){return V}});Object.defineProperty(exports,"MenuItemAvatar",{enumerable:!0,get:function(){return Oe}});Object.defineProperty(exports,"MenuItemDraggable",{enumerable:!0,get:function(){return Re}});Object.defineProperty(exports,"MenuItemSuggestion",{enumerable:!0,get:function(){return Ee}});Object.defineProperty(exports,"MenuPicker",{enumerable:!0,get:function(){return He}});Object.defineProperty(exports,"TabButton",{enumerable:!0,get:function(){return Ue}});Object.defineProperty(exports,"useDropdownPage",{enumerable:!0,get:function(){return ue}});
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { t as C } from "./isDefined-fMi6eQ4r.js";
|
|
2
|
-
var L = /[·ʻʼ´¨ˆ˜΄ˇ˘˙˚˛˝¯¸^`]/g, l = new RegExp("([\\p{Script=Latin}\\p{Script=Greek}\\p{Script_Extensions=Arabic}\\p{Script=Hebrew}])\\p{Mark}+", "gu"), p = new RegExp("(\\p{Script=Cyrillic})(\\p{Mark}+)", "gu"), T = /[\u0300\u0301]/g, S = ["г", "к"], I = /[가-힣]+/g, A = /[ㄱ-ㆎ]/g, E = {
|
|
3
|
-
ø: "o",
|
|
4
|
-
æ: "ae",
|
|
5
|
-
ß: "ss",
|
|
6
|
-
ð: "d",
|
|
7
|
-
þ: "th",
|
|
8
|
-
ł: "l",
|
|
9
|
-
œ: "oe",
|
|
10
|
-
đ: "d",
|
|
11
|
-
ı: "i",
|
|
12
|
-
ŋ: "ng",
|
|
13
|
-
ς: "σ",
|
|
14
|
-
ё: "е"
|
|
15
|
-
}, u = new RegExp(`[${Object.keys(E).join("")}]`, "g"), R = (e, r, o) => S.includes(r) ? `${r}${o}` : `${r}${o.replace(T, "")}`, v = (e) => C(e) ? e.toLowerCase().normalize("NFD").replace(L, "").replace(l, "$1").replace(p, R).normalize("NFC").replace(I, (r) => r.normalize("NFD")).replace(A, (r) => r.normalize("NFKD")).replace(u, (r) => E[r] ?? r) : "", N = [
|
|
16
|
-
"pointerdown",
|
|
17
|
-
"mousedown",
|
|
18
|
-
"touchend",
|
|
19
|
-
"focusout"
|
|
20
|
-
], s = ["pointerdown", "keydown"], g = [
|
|
21
|
-
...s,
|
|
22
|
-
"keyup",
|
|
23
|
-
"mousedown"
|
|
24
|
-
], c = (e) => {
|
|
25
|
-
e.preventDefault(), e.stopPropagation();
|
|
26
|
-
}, m = (e) => {
|
|
27
|
-
if (e.type === "click") {
|
|
28
|
-
c(e);
|
|
29
|
-
return;
|
|
30
|
-
}
|
|
31
|
-
if (!N.includes(e.type)) return;
|
|
32
|
-
const r = e.target instanceof Node ? e.target.ownerDocument ?? document : document, o = r.defaultView ?? r, t = new AbortController(), i = () => t.abort(), a = {
|
|
33
|
-
capture: !0,
|
|
34
|
-
signal: t.signal
|
|
35
|
-
}, _ = e.type === "focusout" ? g : s;
|
|
36
|
-
o.addEventListener("click", (n) => {
|
|
37
|
-
c(n), i();
|
|
38
|
-
}, a);
|
|
39
|
-
for (const n of _) o.addEventListener(n, i, a);
|
|
40
|
-
};
|
|
41
|
-
export {
|
|
42
|
-
v as n,
|
|
43
|
-
m as t
|
|
44
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const l=require("./isDefined-DS2Q42p5.cjs");var C=/[·ʻʼ´¨ˆ˜΄ˇ˘˙˚˛˝¯¸^`]/g,p=new RegExp("([\\p{Script=Latin}\\p{Script=Greek}\\p{Script_Extensions=Arabic}\\p{Script=Hebrew}])\\p{Mark}+","gu"),L=new RegExp("(\\p{Script=Cyrillic})(\\p{Mark}+)","gu"),u=/[\u0300\u0301]/g,T=["г","к"],S=/[가-힣]+/g,A=/[ㄱ-ㆎ]/g,s={ø:"o",æ:"ae",ß:"ss",ð:"d",þ:"th",ł:"l",œ:"oe",đ:"d",ı:"i",ŋ:"ng",ς:"σ",ё:"е"},I=new RegExp(`[${Object.keys(s).join("")}]`,"g"),g=(e,r,n)=>T.includes(r)?`${r}${n}`:`${r}${n.replace(u,"")}`,R=e=>l.isDefined(e)?e.toLowerCase().normalize("NFD").replace(C,"").replace(p,"$1").replace(L,g).normalize("NFC").replace(S,r=>r.normalize("NFD")).replace(A,r=>r.normalize("NFKD")).replace(I,r=>s[r]??r):"",d=["pointerdown","mousedown","touchend","focusout"],E=["pointerdown","keydown"],N=[...E,"keyup","mousedown"],c=e=>{e.preventDefault(),e.stopPropagation()},v=e=>{if(e.type==="click"){c(e);return}if(!d.includes(e.type))return;const r=e.target instanceof Node?e.target.ownerDocument??document:document,n=r.defaultView??r,i=new AbortController,o=()=>i.abort(),a={capture:!0,signal:i.signal},_=e.type==="focusout"?N:E;n.addEventListener("click",t=>{c(t),o()},a);for(const t of _)n.addEventListener(t,o,a)};Object.defineProperty(exports,"normalizeSearchText",{enumerable:!0,get:function(){return R}});Object.defineProperty(exports,"preventDismissingClickActivation",{enumerable:!0,get:function(){return v}});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const g=require("./theme-1XkFz8Qu.cjs"),D=require("./isDefined-DS2Q42p5.cjs"),c=require("./mergeClassNames-D4lshrT6.cjs"),u=require("./useProvidedTextDirection-PVaoQCLH.cjs"),C=require("./Heading-CTRYClCO.cjs");let n=require("@base-ui/react/use-render"),x=require("@sniptt/guards"),d=require("clsx"),i=require("react/jsx-runtime"),l=require("@base-ui/react/alert-dialog"),s=require("@base-ui/react/dialog");var N="_backdrop_aak4r_1",f="_viewport_aak4r_12",A="_popup_aak4r_30",H="_header_aak4r_82",P="_body_aak4r_91",k="_footer_aak4r_95",T="_title_aak4r_106",b="_description_aak4r_113",t={backdrop:N,viewport:f,popup:A,header:H,body:P,footer:k,title:T,description:b},j=({className:e,...r})=>(0,i.jsx)(l.AlertDialog.Backdrop,{...r,className:c.mergeClassNames(t.backdrop,e)}),q=({render:e,ref:r,className:a,...o})=>(0,n.useRender)({render:e,ref:r,props:{...o,className:(0,d.clsx)(t.body,a)}}),R=({className:e,...r})=>(0,i.jsx)(l.AlertDialog.Description,{...r,className:c.mergeClassNames(t.description,e)}),y=({render:e,ref:r,className:a,...o})=>(0,n.useRender)({render:e,ref:r,props:{...o,className:(0,d.clsx)(t.footer,a)}}),w=({render:e,ref:r,className:a,...o})=>(0,n.useRender)({render:e,ref:r,props:{...o,className:(0,d.clsx)(t.header,a)}}),h=({container:e,...r})=>{const a=g.useThemeContainer(),o=u.useProvidedTextDirection();return(0,i.jsx)(l.AlertDialog.Portal,{dir:o,...r,container:e===void 0?a??void 0:e})},B=({size:e="md",className:r,...a})=>(0,i.jsx)(l.AlertDialog.Popup,{...a,"data-size":e,className:c.mergeClassNames(t.popup,r)}),F=({className:e,...r})=>(0,i.jsx)(l.AlertDialog.Title,{...r,className:c.mergeClassNames(t.title,e)}),V=({className:e,...r})=>{const a=u.useProvidedTextDirection();return(0,i.jsx)(l.AlertDialog.Viewport,{dir:a,...r,className:c.mergeClassNames(t.viewport,e)})},z=()=>({Root:l.AlertDialog.Root,Trigger:l.AlertDialog.Trigger,Portal:h,Backdrop:j,Viewport:V,Popup:B,Title:F,Description:R,Close:l.AlertDialog.Close,Header:w,Body:q,Footer:y,Handle:l.AlertDialog.Handle,createHandle:l.AlertDialog.createHandle}),O=z(),$="_cardContent_122dn_1",U={cardContent:$},E=({className:e,divider:r,render:a,ref:o,...p})=>(0,n.useRender)({render:a,ref:o,props:{...p,className:(0,d.clsx)(U.cardContent,e),"data-divider":r||void 0}}),G="_cardFooter_yo8y2_1",I={cardFooter:G},J=({className:e,divider:r,render:a,ref:o,...p})=>(0,n.useRender)({render:a,ref:o,props:{...p,className:(0,d.clsx)(I.cardFooter,e),"data-no-divider":r===!1||void 0}}),K="_cardHeader_18psr_1",L={cardHeader:K},M=({className:e,render:r,ref:a,...o})=>(0,n.useRender)({render:r,ref:a,props:{...o,className:(0,d.clsx)(L.cardHeader,e)}}),Q="_card_1mvso_1",S={card:Q},W=({className:e,fullWidth:r,rounded:a,backgroundColor:o,style:p,render:_,ref:v,...m})=>(0,n.useRender)({render:_,ref:v,props:{...m,className:(0,d.clsx)(S.card,e),"data-full-width":r||void 0,"data-rounded":a||void 0,style:D.isDefined(o)?{...p,"--card-background-color":o}:p}}),X={Root:W,Header:M,Content:E,Footer:J},Y=({className:e,...r})=>(0,i.jsx)(s.Dialog.Backdrop,{...r,className:c.mergeClassNames(t.backdrop,e)}),Z=({render:e,ref:r,className:a,...o})=>(0,n.useRender)({render:e,ref:r,props:{...o,className:(0,d.clsx)(t.body,a)}}),ee="_description_3f4d1_1",re={description:ee},ae=({className:e,...r})=>(0,i.jsx)(s.Dialog.Description,{...r,className:c.mergeClassNames((0,d.clsx)(t.description,re.description),e)}),oe=({render:e,ref:r,className:a,...o})=>(0,n.useRender)({render:e,ref:r,props:{...o,className:(0,d.clsx)(t.footer,a)}}),te=({render:e,ref:r,className:a,...o})=>(0,n.useRender)({render:e,ref:r,props:{...o,className:(0,d.clsx)(t.header,a)}}),ie=({size:e="md",className:r,...a})=>{const o=u.useProvidedTextDirection();return(0,i.jsx)(s.Dialog.Popup,{dir:o,...a,"data-size":e,className:c.mergeClassNames(t.popup,r)})},le=({container:e,...r})=>{const a=g.useThemeContainer();return(0,i.jsx)(s.Dialog.Portal,{...r,container:(0,x.isUndefined)(e)?a??void 0:e})},se="_title_yzpck_1",de={title:se},ce=({level:e=2,size:r="lg",color:a="primary",className:o,render:p,..._})=>(0,i.jsx)(s.Dialog.Title,{..._,className:c.mergeClassNames(de.title,o),render:(0,i.jsx)(C.Heading,{level:e,size:r,color:a,render:p})}),ne=({className:e,...r})=>{const a=u.useProvidedTextDirection();return(0,i.jsx)(s.Dialog.Viewport,{dir:a,...r,className:c.mergeClassNames(t.viewport,e)})},pe={createHandle:s.Dialog.createHandle,Handle:s.Dialog.Handle,Root:s.Dialog.Root,Trigger:s.Dialog.Trigger,Portal:le,Backdrop:Y,Viewport:ne,Popup:ie,Title:ce,Description:ae,Close:s.Dialog.Close,Header:te,Body:Z,Footer:oe};Object.defineProperty(exports,"AlertDialog",{enumerable:!0,get:function(){return O}});Object.defineProperty(exports,"Card",{enumerable:!0,get:function(){return X}});Object.defineProperty(exports,"Dialog",{enumerable:!0,get:function(){return pe}});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const w=require("./theme-1XkFz8Qu.cjs"),u=require("./isDefined-DS2Q42p5.cjs");let s=require("@sniptt/guards"),c=require("react");var d=()=>{const r=globalThis.navigator?.userAgent;if(!(0,s.isString)(r))return"unknown";const e=r.toLowerCase();return e.includes("ios")||e.includes("iphone")||e.includes("ipad")?"ios":e.includes("mac os x")||e.includes("macos")?"mac":e.includes("windows")?"windows":e.includes("android")?"android":e.includes("linux")?"linux":"unknown"},a="(max-width: 768px)",l={getSnapshot:()=>!1,subscribe:()=>()=>{}},i=new WeakMap,f=r=>({getSnapshot:()=>r.matches,subscribe:e=>(r.addEventListener("change",e),()=>r.removeEventListener("change",e))}),g=r=>{const e=i.get(r);if(u.isDefined(e))return e;const t=new Map;return i.set(r,t),t},y=r=>{if(typeof window>"u"||!(0,s.isFunction)(window.matchMedia))return l;const e=g(window.matchMedia),t=e.get(r);if(u.isDefined(t))return t;const n=f(window.matchMedia(r));return e.set(r,n),n},M=()=>!1,o=r=>{const{subscribe:e,getSnapshot:t}=y(r);return(0,c.useSyncExternalStore)(e,t,M)},m=()=>o(a);Object.defineProperty(exports,"MOBILE_MEDIA_QUERY",{enumerable:!0,get:function(){return a}});Object.defineProperty(exports,"getUserDevice",{enumerable:!0,get:function(){return d}});Object.defineProperty(exports,"useIsMobile",{enumerable:!0,get:function(){return m}});Object.defineProperty(exports,"useMediaQuery",{enumerable:!0,get:function(){return o}});
|