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 +0,0 @@
|
|
|
1
|
-
let u=require("@base-ui/react/use-render"),l=require("clsx");var _="_heading_1yz66_1",s={heading:_},g=({level:e=2,size:a="md",color:r="primary",render:d,ref:i,className:n,...t})=>(0,u.useRender)({defaultTagName:`h${e}`,render:d,ref:i,props:{...t,"data-size":a,"data-color":r,className:(0,l.clsx)(s.heading,n)}});Object.defineProperty(exports,"Heading",{enumerable:!0,get:function(){return g}});
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import { t as p } from "./mergeClassNames-ClFMR1v0.js";
|
|
2
|
-
import { n as l, t as h } from "./getProgressIndicatorPercentage-ejfaM6XU.js";
|
|
3
|
-
import { t as B } from "./Button-D5enZ0Qz.js";
|
|
4
|
-
import { t as u } from "./isRenderableSlot-DT_depzM.js";
|
|
5
|
-
import { useRender as N } from "@base-ui/react/use-render";
|
|
6
|
-
import { isFunction as k, isNonEmptyString as y } from "@sniptt/guards";
|
|
7
|
-
import { clsx as z } from "clsx";
|
|
8
|
-
import { Fragment as A, jsx as e, jsxs as f } from "react/jsx-runtime";
|
|
9
|
-
var P = {
|
|
10
|
-
neutral: "gray",
|
|
11
|
-
info: "blue",
|
|
12
|
-
success: "green",
|
|
13
|
-
warning: "orange",
|
|
14
|
-
error: "red"
|
|
15
|
-
}, S = "_action_c4pdy_1", w = { action: S }, x = ({ className: r, ...n }) => /* @__PURE__ */ e(B, {
|
|
16
|
-
...n,
|
|
17
|
-
size: "sm",
|
|
18
|
-
variant: "outline",
|
|
19
|
-
className: p(w.action, r)
|
|
20
|
-
}), F = "_banner_181zy_1", I = "_icon_181zy_52", j = "_action_181zy_53", _ = {
|
|
21
|
-
banner: F,
|
|
22
|
-
icon: I,
|
|
23
|
-
action: j
|
|
24
|
-
}, C = ({ status: r = "info", variant: n = "solid", color: o = P[r], icon: i, action: t, className: c, children: s, render: m, ref: d, ...a }) => N({
|
|
25
|
-
render: m,
|
|
26
|
-
ref: d,
|
|
27
|
-
state: {
|
|
28
|
-
status: r,
|
|
29
|
-
variant: n,
|
|
30
|
-
color: o
|
|
31
|
-
},
|
|
32
|
-
props: {
|
|
33
|
-
...a,
|
|
34
|
-
className: z(_.banner, c),
|
|
35
|
-
children: /* @__PURE__ */ f(A, { children: [
|
|
36
|
-
u(i) && /* @__PURE__ */ e("span", {
|
|
37
|
-
className: _.icon,
|
|
38
|
-
children: i
|
|
39
|
-
}),
|
|
40
|
-
s,
|
|
41
|
-
u(t) && /* @__PURE__ */ e("div", {
|
|
42
|
-
className: _.action,
|
|
43
|
-
children: t
|
|
44
|
-
})
|
|
45
|
-
] })
|
|
46
|
-
}
|
|
47
|
-
}), H = Object.assign(C, { Action: x }), E = "_bar_o09oi_1", O = "_track_o09oi_17", R = "_indicator_o09oi_23", T = "_progressBarIndeterminate_o09oi_1", v = {
|
|
48
|
-
bar: E,
|
|
49
|
-
track: O,
|
|
50
|
-
indicator: R,
|
|
51
|
-
progressBarIndeterminate: T
|
|
52
|
-
}, J = ({ size: r = "md", className: n, style: o, children: i, barColor: t, backgroundColor: c = "none", withBorderRadius: s = !1, withMinimumFillWidth: m = !0, ...d }) => /* @__PURE__ */ f(l.Root, {
|
|
53
|
-
...d,
|
|
54
|
-
className: p(v.bar, n),
|
|
55
|
-
"data-size": r,
|
|
56
|
-
"data-with-border-radius": s || void 0,
|
|
57
|
-
style: (a) => ({
|
|
58
|
-
"--progress-bar-background-color": c,
|
|
59
|
-
...y(t) ? { "--progress-bar-color": t } : {},
|
|
60
|
-
...k(o) ? o(a) : o
|
|
61
|
-
}),
|
|
62
|
-
children: [/* @__PURE__ */ e(l.Track, {
|
|
63
|
-
className: v.track,
|
|
64
|
-
children: /* @__PURE__ */ e(l.Indicator, {
|
|
65
|
-
className: v.indicator,
|
|
66
|
-
"data-with-border-radius": s || void 0,
|
|
67
|
-
render: (a) => {
|
|
68
|
-
const g = h({
|
|
69
|
-
width: a.style?.width,
|
|
70
|
-
fallbackPercentage: 0
|
|
71
|
-
}), b = m && g > 0 && g < 100;
|
|
72
|
-
return /* @__PURE__ */ e("div", {
|
|
73
|
-
...a,
|
|
74
|
-
"data-minimum-fill": b || void 0
|
|
75
|
-
});
|
|
76
|
-
}
|
|
77
|
-
})
|
|
78
|
-
}), i]
|
|
79
|
-
});
|
|
80
|
-
export {
|
|
81
|
-
H as n,
|
|
82
|
-
P as r,
|
|
83
|
-
J as t
|
|
84
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const p=require("./mergeClassNames-D4lshrT6.cjs"),j=require("./getProgressIndicatorPercentage-Mii9lnYd.cjs"),q=require("./Button-Dbi5P05r.cjs"),b=require("./isRenderableSlot-Guryb6Nf.cjs");let P=require("@base-ui/react/use-render"),v=require("@sniptt/guards"),x=require("clsx"),e=require("react/jsx-runtime"),l=require("@base-ui/react/progress");var f={neutral:"gray",info:"blue",success:"green",warning:"orange",error:"red"},N="_action_c4pdy_1",h={action:N},S=({className:r,...n})=>(0,e.jsx)(q.Button,{...n,size:"sm",variant:"outline",className:p.mergeClassNames(h.action,r)}),y="_banner_181zy_1",O="_icon_181zy_52",A="_action_181zy_53",d={banner:y,icon:O,action:A},C=({status:r="info",variant:n="solid",color:t=f[r],icon:i,action:s,className:c,children:o,render:u,ref:_,...a})=>(0,P.useRender)({render:u,ref:_,state:{status:r,variant:n,color:t},props:{...a,className:(0,x.clsx)(d.banner,c),children:(0,e.jsxs)(e.Fragment,{children:[b.isRenderableSlot(i)&&(0,e.jsx)("span",{className:d.icon,children:i}),o,b.isRenderableSlot(s)&&(0,e.jsx)("div",{className:d.action,children:s})]})}}),k=Object.assign(C,{Action:S}),R="_bar_o09oi_1",z="_track_o09oi_17",E="_indicator_o09oi_23",F="_progressBarIndeterminate_o09oi_1",g={bar:R,track:z,indicator:E,progressBarIndeterminate:F},I=({size:r="md",className:n,style:t,children:i,barColor:s,backgroundColor:c="none",withBorderRadius:o=!1,withMinimumFillWidth:u=!0,..._})=>(0,e.jsxs)(l.Progress.Root,{..._,className:p.mergeClassNames(g.bar,n),"data-size":r,"data-with-border-radius":o||void 0,style:a=>({"--progress-bar-background-color":c,...(0,v.isNonEmptyString)(s)?{"--progress-bar-color":s}:{},...(0,v.isFunction)(t)?t(a):t}),children:[(0,e.jsx)(l.Progress.Track,{className:g.track,children:(0,e.jsx)(l.Progress.Indicator,{className:g.indicator,"data-with-border-radius":o||void 0,render:a=>{const m=j.getProgressIndicatorPercentage({width:a.style?.width,fallbackPercentage:0}),B=u&&m>0&&m<100;return(0,e.jsx)("div",{...a,"data-minimum-fill":B||void 0})}})}),i]});Object.defineProperty(exports,"Banner",{enumerable:!0,get:function(){return k}});Object.defineProperty(exports,"FEEDBACK_STATUS_COLORS",{enumerable:!0,get:function(){return f}});Object.defineProperty(exports,"ProgressBar",{enumerable:!0,get:function(){return I}});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const u=require("./isDefined-DS2Q42p5.cjs");let T=require("@base-ui/react/use-render"),A=require("@sniptt/guards"),M=require("clsx"),k=require("react"),N=require("react/jsx-runtime"),U=require("@base-ui/react/merge-props"),j=require("@base-ui/react/direction-provider"),F=require("@base-ui/utils/useStableCallback"),Z=require("@base-ui/utils/useControlled"),q=require("@base-ui/utils/clamp");var R={value:150,min:50,max:500,step:10,dragThreshold:0,edgeDragThreshold:5},O={left:{axis:"x",direction:"reverse"},right:{axis:"x",direction:"normal"},top:{axis:"y",direction:"reverse"},bottom:{axis:"y",direction:"normal"}},X=({axis:d,isReversed:E,value:a,onValueChange:h,onValueCommitted:w,onResizeStart:I,onResizeEnd:b,onActivate:g,scale:P,dragThreshold:z,min:_,max:D,disabled:l})=>{const n=(0,k.useRef)(null),c=(0,k.useRef)(!1),s=(0,F.useStableCallback)(e=>{const r=n.current;if(!u.isDefined(r)||(n.current=null,r.removeEscapeKeyListener(),c.current=e||r.hasStarted,r.target.hasPointerCapture?.(r.pointerId)&&r.target.releasePointerCapture?.(r.pointerId),!r.hasStarted))return;const o=e?(0,q.clamp)(r.startValue,_,D):r.currentValue;e&&h(o),e||w?.(o),b?.({cancelled:e,value:o})});(0,k.useEffect)(()=>()=>{s(!0)},[s]);const f=e=>{e.preventDefault()},C=e=>{if(l||e.defaultPrevented||e.button!==0||u.isDefined(n.current))return;const r=(0,A.isFunction)(P)?P():P,o=Number.isFinite(r)&&r>0?r:1,p=e.currentTarget.ownerDocument?.defaultView,i=K=>{K.key==="Escape"&&(K.preventDefault(),K.stopPropagation(),s(!0))};e.currentTarget.setPointerCapture?.(e.pointerId),p?.addEventListener("keydown",i,!0),c.current=!1,n.current={pointerId:e.pointerId,target:e.currentTarget,axis:d,startPosition:d==="y"?e.clientY:e.clientX,startValue:a,currentValue:a,multiplier:(E?-1:1)/o,threshold:Math.max(0,z),hasStarted:!1,removeEscapeKeyListener:()=>p?.removeEventListener("keydown",i,!0)}},x=e=>{const r=n.current;if(e.defaultPrevented||!u.isDefined(r)||r.pointerId!==e.pointerId)return;if(l){s(!0);return}const o=(r.axis==="y"?e.clientY:e.clientX)-r.startPosition,p=Math.abs(o)>r.threshold;if(!r.hasStarted&&!p)return;const i=(0,q.clamp)(r.startValue+o*r.multiplier,_,D);r.hasStarted&&i===r.currentValue||(r.currentValue=i,r.hasStarted||(r.hasStarted=!0,I?.(i)),h(i))},t=e=>{n.current?.pointerId===e.pointerId&&(x(e),s(l||e.defaultPrevented))},S=e=>{n.current?.pointerId===e.pointerId&&s(!0)};return{onMouseDown:f,onPointerDown:C,onPointerMove:x,onPointerUp:t,onPointerCancel:S,onLostPointerCapture:S,onClick:e=>{const r=c.current&&e.detail>0;c.current=!1,!(l||e.defaultPrevented||r)&&g?.()},isPointerActive:()=>u.isDefined(n.current)}},Y=({axis:d,direction:E,value:a,onValueChange:h,onValueCommitted:w,onResizeStart:I,onResizeEnd:b,onActivate:g,scale:P,dragThreshold:z,min:_,max:D,step:l,disabled:n})=>{const c=(0,j.useDirection)(),s=u.isDefined(E)?E==="reverse":d==="x"&&c==="rtl",{isPointerActive:f,...C}=X({axis:d,isReversed:s,value:a,onValueChange:h,onValueCommitted:w,onResizeStart:I,onResizeEnd:b,onActivate:g,scale:P,dragThreshold:z,min:_,max:D,disabled:n});return{...C,onKeyDown:t=>{const S=t.altKey||t.ctrlKey||t.metaKey;if(t.defaultPrevented||n||S||f())return;if((t.key==="Enter"||t.key===" ")&&u.isDefined(g)){t.preventDefault(),t.stopPropagation(),t.repeat||g();return}const y=d==="y"?"ArrowDown":"ArrowRight",e=d==="y"?"ArrowUp":"ArrowLeft",r=s?e:y,o=s?y:e,p=new Map([[r,a+l],[o,a-l],["Home",_],["End",D]]).get(t.key);if(!u.isDefined(p))return;t.preventDefault(),t.stopPropagation();const i=(0,q.clamp)(p,_,D);i!==a&&(h(i),w?.(i))}}},G="_area_y24an_1",W="_bar_y24an_74",V={area:G,bar:W},B=({axis:d="y",direction:E,edge:a,placement:h=u.isDefined(a)?"edge":"inline",scale:w=1,dragThreshold:I=u.isDefined(a)?R.edgeDragThreshold:R.dragThreshold,value:b,defaultValue:g=R.value,onValueChange:P,onValueCommitted:z,onResizeStart:_,onResizeEnd:D,onActivate:l,min:n=R.min,max:c=R.max,step:s=R.step,disabled:f=!1,className:C,children:x=h==="gap"?null:(0,N.jsx)("div",{className:V.bar}),render:t,ref:S,...y})=>{const e=u.isDefined(a)?O[a]:void 0,r=e?.axis??d,o=e?.direction??E,[p,i]=(0,k.useState)(!1),[K,L]=(0,Z.useControlled)({controlled:b,default:g,name:"ResizeHandle"}),v=(0,q.clamp)(K,n,c),H=Y({axis:r,direction:o,scale:w,dragThreshold:I,onValueCommitted:z,onResizeStart:m=>{i(!0),_?.(m)},onResizeEnd:m=>{i(!1),D?.(m)},onActivate:l,value:v,onValueChange:m=>{L(m),P?.(m)},min:n,max:c,step:s,disabled:f});return(0,T.useRender)({render:t,ref:S,state:{axis:r,edge:a,placement:h,disabled:f,resizing:p},props:(0,U.mergeProps)(H,y,{role:"separator",tabIndex:f?-1:y.tabIndex??0,"aria-label":y["aria-label"]??"Resize","aria-orientation":r==="y"?"horizontal":"vertical","aria-valuemin":n,"aria-valuemax":c,"aria-valuenow":v,"aria-disabled":f||void 0,"aria-keyshortcuts":y["aria-keyshortcuts"]??(u.isDefined(l)&&!f?"Enter Space":void 0),className:(0,M.clsx)(V.area,C),children:x})})};Object.defineProperty(exports,"RESIZE_HANDLE_DEFAULTS",{enumerable:!0,get:function(){return R}});Object.defineProperty(exports,"ResizeHandle",{enumerable:!0,get:function(){return B}});
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
import { t as S } from "./isDefined-fMi6eQ4r.js";
|
|
2
|
-
import { i as A, t as E } from "./useIsMobile-nrufFzMb.js";
|
|
3
|
-
import { isNonEmptyArray as f, isString as w } from "@sniptt/guards";
|
|
4
|
-
import { clsx as x } from "clsx";
|
|
5
|
-
import { Fragment as h } from "react";
|
|
6
|
-
import { jsx as s, jsxs as v } from "react/jsx-runtime";
|
|
7
|
-
var y = /* @__PURE__ */ new Map([
|
|
8
|
-
["⌘", "Command"],
|
|
9
|
-
["⌥", "Option"],
|
|
10
|
-
["⇧", "Shift"],
|
|
11
|
-
["⌃", "Control"],
|
|
12
|
-
["Ctrl", "Control"],
|
|
13
|
-
["⏎", "Enter"],
|
|
14
|
-
["↵", "Enter"],
|
|
15
|
-
["⌫", "Backspace"],
|
|
16
|
-
["↑", "Arrow up"],
|
|
17
|
-
["↓", "Arrow down"],
|
|
18
|
-
["←", "Arrow left"],
|
|
19
|
-
["→", "Arrow right"],
|
|
20
|
-
["esc", "Escape"]
|
|
21
|
-
]), j = (t) => t.every(w), M = ({ shortcut: t, platform: i, sequenceJoinLabel: l = "then", combinationSeparator: d, accessibleKeyLabels: u }) => {
|
|
22
|
-
const e = A(), a = i === "mac" || !S(i) && (e === "mac" || e === "ios"), _ = /* @__PURE__ */ new Map([
|
|
23
|
-
["Mod", a ? "⌘" : "Ctrl"],
|
|
24
|
-
["CommandOrControl", a ? "⌘" : "Ctrl"],
|
|
25
|
-
["Command", "⌘"],
|
|
26
|
-
["Control", "Ctrl"],
|
|
27
|
-
["Alt", a ? "⌥" : "Alt"],
|
|
28
|
-
["Enter", "⏎"]
|
|
29
|
-
]), n = (j(t) ? [t] : t).filter(f).map((r) => r.map((o) => _.get(o) ?? o)), c = d ?? (a ? "" : " "), m = ` ${l} `;
|
|
30
|
-
return {
|
|
31
|
-
groups: n,
|
|
32
|
-
separator: c,
|
|
33
|
-
sequenceJoinLabel: l,
|
|
34
|
-
text: n.map((r) => r.join(c)).join(m),
|
|
35
|
-
accessibleLabel: n.map((r) => r.map((o) => u?.[o] ?? y.get(o) ?? o).join(" + ")).join(m)
|
|
36
|
-
};
|
|
37
|
-
}, k = "_root_1llux_1", L = "_content_1llux_28", N = "_combination_1llux_29", B = "_key_1llux_35", p = {
|
|
38
|
-
root: k,
|
|
39
|
-
content: L,
|
|
40
|
-
combination: N,
|
|
41
|
-
key: B
|
|
42
|
-
}, P = ({ shortcut: t, platform: i, sequenceJoinLabel: l, combinationSeparator: d, accessibleKeyLabels: u, variant: e = "keys", visibility: a = "always", className: _, "aria-label": n, ...c }) => {
|
|
43
|
-
const m = E(), r = M({
|
|
44
|
-
shortcut: t,
|
|
45
|
-
platform: i,
|
|
46
|
-
sequenceJoinLabel: l,
|
|
47
|
-
combinationSeparator: d,
|
|
48
|
-
accessibleKeyLabels: u
|
|
49
|
-
});
|
|
50
|
-
return !f(r.groups) || a === "desktop" && m ? null : /* @__PURE__ */ s("span", {
|
|
51
|
-
...c,
|
|
52
|
-
className: x(p.root, _),
|
|
53
|
-
"data-variant": e,
|
|
54
|
-
role: "img",
|
|
55
|
-
"aria-label": n ?? r.accessibleLabel,
|
|
56
|
-
children: /* @__PURE__ */ s("span", {
|
|
57
|
-
className: p.content,
|
|
58
|
-
"aria-hidden": !0,
|
|
59
|
-
children: e !== "keys" ? r.text : r.groups.map((o, b) => /* @__PURE__ */ v(h, { children: [b > 0 && /* @__PURE__ */ s("span", { children: ` ${r.sequenceJoinLabel} ` }), /* @__PURE__ */ s("span", {
|
|
60
|
-
className: p.combination,
|
|
61
|
-
children: o.map((g, C) => /* @__PURE__ */ v(h, { children: [C > 0 && r.separator, /* @__PURE__ */ s("kbd", {
|
|
62
|
-
className: p.key,
|
|
63
|
-
children: g
|
|
64
|
-
})] }, C))
|
|
65
|
-
})] }, b))
|
|
66
|
-
})
|
|
67
|
-
});
|
|
68
|
-
};
|
|
69
|
-
export {
|
|
70
|
-
M as n,
|
|
71
|
-
P as t
|
|
72
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const v=require("./isDefined-DS2Q42p5.cjs"),x=require("./useIsMobile-DxOPI2_E.cjs");let b=require("@sniptt/guards"),y=require("clsx"),j=require("react"),n=require("react/jsx-runtime");var f=new Map([["⌘","Command"],["⌥","Option"],["⇧","Shift"],["⌃","Control"],["Ctrl","Control"],["⏎","Enter"],["↵","Enter"],["⌫","Backspace"],["↑","Arrow up"],["↓","Arrow down"],["←","Arrow left"],["→","Arrow right"],["esc","Escape"]]),A=t=>t.every(b.isString),C=({shortcut:t,platform:i,sequenceJoinLabel:l="then",combinationSeparator:p,accessibleKeyLabels:d})=>{const o=x.getUserDevice(),a=i==="mac"||!v.isDefined(i)&&(o==="mac"||o==="ios"),_=new Map([["Mod",a?"⌘":"Ctrl"],["CommandOrControl",a?"⌘":"Ctrl"],["Command","⌘"],["Control","Ctrl"],["Alt",a?"⌥":"Alt"],["Enter","⏎"]]),s=(A(t)?[t]:t).filter(b.isNonEmptyArray).map(e=>e.map(r=>_.get(r)??r)),c=p??(a?"":" "),u=` ${l} `;return{groups:s,separator:c,sequenceJoinLabel:l,text:s.map(e=>e.join(c)).join(u),accessibleLabel:s.map(e=>e.map(r=>d?.[r]??f.get(r)??r).join(" + ")).join(u)}},E="_root_1llux_1",q="_content_1llux_28",w="_combination_1llux_29",M="_key_1llux_35",m={root:E,content:q,combination:w,key:M},N=({shortcut:t,platform:i,sequenceJoinLabel:l,combinationSeparator:p,accessibleKeyLabels:d,variant:o="keys",visibility:a="always",className:_,"aria-label":s,...c})=>{const u=x.useIsMobile(),e=C({shortcut:t,platform:i,sequenceJoinLabel:l,combinationSeparator:p,accessibleKeyLabels:d});return!(0,b.isNonEmptyArray)(e.groups)||a==="desktop"&&u?null:(0,n.jsx)("span",{...c,className:(0,y.clsx)(m.root,_),"data-variant":o,role:"img","aria-label":s??e.accessibleLabel,children:(0,n.jsx)("span",{className:m.content,"aria-hidden":!0,children:o!=="keys"?e.text:e.groups.map((r,g)=>(0,n.jsxs)(j.Fragment,{children:[g>0&&(0,n.jsx)("span",{children:` ${e.sequenceJoinLabel} `}),(0,n.jsx)("span",{className:m.combination,children:r.map((S,h)=>(0,n.jsxs)(j.Fragment,{children:[h>0&&e.separator,(0,n.jsx)("kbd",{className:m.key,children:S})]},h))})]},g))})})};Object.defineProperty(exports,"Shortcut",{enumerable:!0,get:function(){return N}});Object.defineProperty(exports,"getShortcutPresentation",{enumerable:!0,get:function(){return C}});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const a=require("./isRenderableSlot-Guryb6Nf.cjs");let r=require("react/jsx-runtime");var _="_root_1trvr_1",i="_list_1trvr_10",o="_tab_1trvr_37",c="_content_1trvr_89",b="_label_1trvr_108",d="_startIcon_1trvr_114",v="_badge_1trvr_115",u="_panel_1trvr_130",m="_indicator_1trvr_140",e={root:_,list:i,tab:o,content:c,label:b,startIcon:d,badge:v,panel:u,indicator:m},p=({children:s,startIcon:t,endIcon:n,badge:l})=>(0,r.jsxs)("span",{className:e.content,children:[a.isRenderableSlot(t)&&(0,r.jsx)("span",{className:e.startIcon,"aria-hidden":!0,children:t}),(0,r.jsx)("span",{className:e.label,children:s}),a.isRenderableSlot(n)&&(0,r.jsx)("span",{className:e.startIcon,"aria-hidden":!0,children:n}),a.isRenderableSlot(l)&&(0,r.jsx)("span",{className:e.badge,children:l})]});Object.defineProperty(exports,"Tab_module_default",{enumerable:!0,get:function(){return e}});Object.defineProperty(exports,"TabsTabContent",{enumerable:!0,get:function(){return p}});
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { t } from "./isRenderableSlot-DT_depzM.js";
|
|
2
|
-
import { jsx as r, jsxs as l } from "react/jsx-runtime";
|
|
3
|
-
var v = "_root_1trvr_1", o = "_list_1trvr_10", i = "_tab_1trvr_37", c = "_content_1trvr_89", d = "_label_1trvr_108", b = "_startIcon_1trvr_114", m = "_badge_1trvr_115", p = "_panel_1trvr_130", h = "_indicator_1trvr_140", a = {
|
|
4
|
-
root: v,
|
|
5
|
-
list: o,
|
|
6
|
-
tab: i,
|
|
7
|
-
content: c,
|
|
8
|
-
label: d,
|
|
9
|
-
startIcon: b,
|
|
10
|
-
badge: m,
|
|
11
|
-
panel: p,
|
|
12
|
-
indicator: h
|
|
13
|
-
}, f = ({ children: n, startIcon: e, endIcon: _, badge: s }) => /* @__PURE__ */ l("span", {
|
|
14
|
-
className: a.content,
|
|
15
|
-
children: [
|
|
16
|
-
t(e) && /* @__PURE__ */ r("span", {
|
|
17
|
-
className: a.startIcon,
|
|
18
|
-
"aria-hidden": !0,
|
|
19
|
-
children: e
|
|
20
|
-
}),
|
|
21
|
-
/* @__PURE__ */ r("span", {
|
|
22
|
-
className: a.label,
|
|
23
|
-
children: n
|
|
24
|
-
}),
|
|
25
|
-
t(_) && /* @__PURE__ */ r("span", {
|
|
26
|
-
className: a.startIcon,
|
|
27
|
-
"aria-hidden": !0,
|
|
28
|
-
children: _
|
|
29
|
-
}),
|
|
30
|
-
t(s) && /* @__PURE__ */ r("span", {
|
|
31
|
-
className: a.badge,
|
|
32
|
-
children: s
|
|
33
|
-
})
|
|
34
|
-
]
|
|
35
|
-
});
|
|
36
|
-
export {
|
|
37
|
-
a as n,
|
|
38
|
-
f as t
|
|
39
|
-
};
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { a as n, h as m } from "./theme-B2EaXhye.js";
|
|
2
|
-
import { s as C } from "./utilities-CEi9I09B.js";
|
|
3
|
-
import { useRender as u } from "@base-ui/react/use-render";
|
|
4
|
-
import { clsx as T } from "clsx";
|
|
5
|
-
import { jsx as _ } from "react/jsx-runtime";
|
|
6
|
-
var e = {
|
|
7
|
-
background: 4,
|
|
8
|
-
border: 6,
|
|
9
|
-
icon: 10
|
|
10
|
-
}, a = (r, o) => n.color[`${r}${o}`] ?? n.tag.text[r], p = (r) => {
|
|
11
|
-
const o = C(r);
|
|
12
|
-
return {
|
|
13
|
-
backgroundColor: a(o, e.background),
|
|
14
|
-
iconColor: a(o, e.icon),
|
|
15
|
-
borderColor: a(o, e.border)
|
|
16
|
-
};
|
|
17
|
-
}, b = "_root_9ntdy_1", h = { root: b }, L = ({ icon: r, color: o = m, className: l, style: s, render: c, ref: d, ...i }) => {
|
|
18
|
-
const t = p(o);
|
|
19
|
-
return u({
|
|
20
|
-
render: c,
|
|
21
|
-
ref: d,
|
|
22
|
-
props: {
|
|
23
|
-
...i,
|
|
24
|
-
className: T(h.root, l),
|
|
25
|
-
style: {
|
|
26
|
-
backgroundColor: t.backgroundColor,
|
|
27
|
-
color: t.iconColor,
|
|
28
|
-
...s
|
|
29
|
-
},
|
|
30
|
-
children: /* @__PURE__ */ _("span", {
|
|
31
|
-
"aria-hidden": "true",
|
|
32
|
-
children: r
|
|
33
|
-
})
|
|
34
|
-
}
|
|
35
|
-
});
|
|
36
|
-
};
|
|
37
|
-
export {
|
|
38
|
-
p as n,
|
|
39
|
-
L as t
|
|
40
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const n=require("./theme-1XkFz8Qu.cjs"),_=require("./utilities-BeLfNQ0Q.cjs");let C=require("@base-ui/react/use-render"),b=require("clsx"),T=require("react/jsx-runtime");var o={background:4,border:6,icon:10},t=(r,e)=>n.themeCssVariables.color[`${r}${e}`]??n.themeCssVariables.tag.text[r],l=r=>{const e=_.parseThemeColor(r);return{backgroundColor:t(e,o.background),iconColor:t(e,o.icon),borderColor:t(e,o.border)}},g="_root_9ntdy_1",h={root:g},m=({icon:r,color:e=n.DEFAULT_THEME_COLOR_FALLBACK,className:c,style:a,render:u,ref:s,...d})=>{const i=l(e);return(0,C.useRender)({render:u,ref:s,props:{...d,className:(0,b.clsx)(h.root,c),style:{backgroundColor:i.backgroundColor,color:i.iconColor,...a},children:(0,T.jsx)("span",{"aria-hidden":"true",children:r})}})};Object.defineProperty(exports,"TintedIconTile",{enumerable:!0,get:function(){return m}});Object.defineProperty(exports,"getIconTileColorShades",{enumerable:!0,get:function(){return l}});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const re=require("./theme-1XkFz8Qu.cjs"),ie=require("./isDefined-DS2Q42p5.cjs"),T=require("./mergeClassNames-D4lshrT6.cjs"),a=require("./isRenderableSlot-Guryb6Nf.cjs"),oe=require("./useProvidedTextDirection-PVaoQCLH.cjs");let p=require("@sniptt/guards"),e=require("react/jsx-runtime"),t=require("@base-ui/react/tooltip");var te="_positioner_16x57_1",se="_popup_16x57_8",ae="_content_16x57_50",ne="_title_16x57_56",le="_icon_16x57_68",pe="_description_16x57_78",de="_arrow_16x57_84",n={positioner:te,popup:se,content:ae,title:ne,icon:le,description:pe,arrow:de},v=({className:r,...o})=>(0,e.jsx)(t.Tooltip.Arrow,{...o,className:T.mergeClassNames(n.arrow,r)}),j=({children:r,description:o,startIcon:i})=>(0,e.jsxs)("div",{className:n.content,children:[a.isRenderableSlot(r)&&(0,e.jsxs)("div",{className:n.title,children:[a.isRenderableSlot(i)&&(0,e.jsx)("span",{className:n.icon,"aria-hidden":!0,children:i}),(0,e.jsx)("span",{children:r})]}),a.isRenderableSlot(o)&&(0,e.jsx)("div",{className:n.description,children:o})]}),g=({className:r,withExitAnimation:o=!1,maxWidth:i,style:l,...d})=>(0,e.jsx)(t.Tooltip.Popup,{role:"tooltip","data-with-exit-animation":o||void 0,...d,className:T.mergeClassNames(n.popup,r),style:c=>({"--tw-tooltip-max-width":(0,p.isNumber)(i)?`${i}px`:i,...(0,p.isFunction)(l)?l(c):l})}),b=({container:r,...o})=>{const i=re.useThemeContainer();return(0,e.jsx)(t.Tooltip.Portal,{...o,container:r??i??void 0})},h=({className:r,...o})=>{const i=oe.useProvidedTextDirection();return(0,e.jsx)(t.Tooltip.Positioner,{dir:i,...o,className:T.mergeClassNames(n.positioner,r)})},ce=10,ue="300px",_e=({content:r,children:o,description:i,startIcon:l,open:d,defaultOpen:c,onOpenChange:P,onOpenChangeComplete:q,disabled:N=!1,disableHoverablePopup:f,trackCursorAxis:w,actionsRef:R,handle:S,triggerId:D,defaultTriggerId:F,delay:A,closeDelay:H,closeOnClick:O,side:y="top",align:C="center",sideOffset:E=ce,alignOffset:L,anchor:B,positionMethod:U,collisionBoundary:V,collisionPadding:M,collisionAvoidance:X,sticky:$,arrowPadding:k,disableAnchorTracking:z,arrow:G=!1,maxWidth:I=ue,container:J,keepMounted:K,triggerProps:Q,positionerProps:Y,portalProps:Z,...W})=>{const u=a.isRenderableSlot(i),_=N||!(0,p.isFunction)(r)&&!a.isRenderableSlot(r)&&!u,x=(0,e.jsx)(t.Tooltip.Trigger,{render:o,delay:A,closeDelay:H,closeOnClick:O,...Q}),m=s=>{if(!(a.isRenderableSlot(s)||u))return(0,e.jsx)(e.Fragment,{children:x});const ee=(0,p.isString)(s)||(0,p.isNumber)(s)||u||a.isRenderableSlot(l);return(0,e.jsxs)(e.Fragment,{children:[x,(0,e.jsx)(b,{container:J,keepMounted:K,...Z,children:(0,e.jsx)(h,{side:y,align:C,sideOffset:E,alignOffset:L,anchor:B,positionMethod:U,collisionBoundary:V,collisionPadding:M,collisionAvoidance:X,sticky:$,arrowPadding:k,disableAnchorTracking:z,...Y,children:(0,e.jsxs)(g,{maxWidth:I,...W,children:[ee?(0,e.jsx)(j,{description:i,startIcon:l,children:s}):s,G&&(0,e.jsx)(v,{})]})})})]})};return(0,e.jsx)(t.Tooltip.Root,{open:ie.isDefined(d)?d&&!_:void 0,defaultOpen:c&&!_,onOpenChange:P,onOpenChangeComplete:q,disabled:_,disableHoverablePopup:f,trackCursorAxis:w,actionsRef:R,handle:S,triggerId:D,defaultTriggerId:F,children:(0,p.isFunction)(r)?s=>m(r(s)):m(r)})},Te=Object.assign(_e,{Root:t.Tooltip.Root,Trigger:t.Tooltip.Trigger,Portal:b,Positioner:h,Popup:g,Arrow:v,Viewport:t.Tooltip.Viewport,Provider:t.Tooltip.Provider,Handle:t.Tooltip.Handle,createHandle:t.Tooltip.createHandle});Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function(){return Te}});Object.defineProperty(exports,"TooltipBody",{enumerable:!0,get:function(){return j}});
|
package/dist/Tooltip-cLCgtFBF.js
DELETED
|
@@ -1,124 +0,0 @@
|
|
|
1
|
-
import { t as er } from "./isDefined-fMi6eQ4r.js";
|
|
2
|
-
import { t as tr } from "./theme-B2EaXhye.js";
|
|
3
|
-
import { t as u } from "./mergeClassNames-ClFMR1v0.js";
|
|
4
|
-
import { t as n } from "./isRenderableSlot-DT_depzM.js";
|
|
5
|
-
import { t as ar } from "./useProvidedTextDirection-Dk8LBQeF.js";
|
|
6
|
-
import { isFunction as v, isNumber as x, isString as nr } from "@sniptt/guards";
|
|
7
|
-
import { Fragment as h, jsx as o, jsxs as d } from "react/jsx-runtime";
|
|
8
|
-
import { Tooltip as t } from "@base-ui/react/tooltip";
|
|
9
|
-
var sr = "_positioner_16x57_1", pr = "_popup_16x57_8", lr = "_content_16x57_50", dr = "_title_16x57_56", cr = "_icon_16x57_68", mr = "_description_16x57_78", _r = "_arrow_16x57_84", s = {
|
|
10
|
-
positioner: sr,
|
|
11
|
-
popup: pr,
|
|
12
|
-
content: lr,
|
|
13
|
-
title: dr,
|
|
14
|
-
icon: cr,
|
|
15
|
-
description: mr,
|
|
16
|
-
arrow: _r
|
|
17
|
-
}, g = ({ className: r, ...e }) => /* @__PURE__ */ o(t.Arrow, {
|
|
18
|
-
...e,
|
|
19
|
-
className: u(s.arrow, r)
|
|
20
|
-
}), vr = ({ children: r, description: e, startIcon: i }) => /* @__PURE__ */ d("div", {
|
|
21
|
-
className: s.content,
|
|
22
|
-
children: [n(r) && /* @__PURE__ */ d("div", {
|
|
23
|
-
className: s.title,
|
|
24
|
-
children: [n(i) && /* @__PURE__ */ o("span", {
|
|
25
|
-
className: s.icon,
|
|
26
|
-
"aria-hidden": !0,
|
|
27
|
-
children: i
|
|
28
|
-
}), /* @__PURE__ */ o("span", { children: r })]
|
|
29
|
-
}), n(e) && /* @__PURE__ */ o("div", {
|
|
30
|
-
className: s.description,
|
|
31
|
-
children: e
|
|
32
|
-
})]
|
|
33
|
-
}), P = ({ className: r, withExitAnimation: e = !1, maxWidth: i, style: p, ...l }) => /* @__PURE__ */ o(t.Popup, {
|
|
34
|
-
role: "tooltip",
|
|
35
|
-
"data-with-exit-animation": e || void 0,
|
|
36
|
-
...l,
|
|
37
|
-
className: u(s.popup, r),
|
|
38
|
-
style: (c) => ({
|
|
39
|
-
"--tw-tooltip-max-width": x(i) ? `${i}px` : i,
|
|
40
|
-
...v(p) ? p(c) : p
|
|
41
|
-
})
|
|
42
|
-
}), w = ({ container: r, ...e }) => {
|
|
43
|
-
const i = tr();
|
|
44
|
-
return /* @__PURE__ */ o(t.Portal, {
|
|
45
|
-
...e,
|
|
46
|
-
container: r ?? i ?? void 0
|
|
47
|
-
});
|
|
48
|
-
}, N = ({ className: r, ...e }) => {
|
|
49
|
-
const i = ar();
|
|
50
|
-
return /* @__PURE__ */ o(t.Positioner, {
|
|
51
|
-
dir: i,
|
|
52
|
-
...e,
|
|
53
|
-
className: u(s.positioner, r)
|
|
54
|
-
});
|
|
55
|
-
}, ur = 10, Tr = "300px", fr = ({ content: r, children: e, description: i, startIcon: p, open: l, defaultOpen: c, onOpenChange: D, onOpenChangeComplete: A, disabled: F = !1, disableHoverablePopup: b, trackCursorAxis: H, actionsRef: E, handle: R, triggerId: S, defaultTriggerId: j, delay: L, closeDelay: O, closeOnClick: U, side: V = "top", align: $ = "center", sideOffset: y = ur, alignOffset: B, anchor: C, positionMethod: M, collisionBoundary: X, collisionPadding: k, collisionAvoidance: q, sticky: z, arrowPadding: G, disableAnchorTracking: I, arrow: J = !1, maxWidth: K = Tr, container: Q, keepMounted: Y, triggerProps: Z, positionerProps: W, portalProps: rr, ...or }) => {
|
|
56
|
-
const m = n(i), _ = F || !v(r) && !n(r) && !m, T = /* @__PURE__ */ o(t.Trigger, {
|
|
57
|
-
render: e,
|
|
58
|
-
delay: L,
|
|
59
|
-
closeDelay: O,
|
|
60
|
-
closeOnClick: U,
|
|
61
|
-
...Z
|
|
62
|
-
}), f = (a) => {
|
|
63
|
-
if (!(n(a) || m)) return /* @__PURE__ */ o(h, { children: T });
|
|
64
|
-
const ir = nr(a) || x(a) || m || n(p);
|
|
65
|
-
return /* @__PURE__ */ d(h, { children: [T, /* @__PURE__ */ o(w, {
|
|
66
|
-
container: Q,
|
|
67
|
-
keepMounted: Y,
|
|
68
|
-
...rr,
|
|
69
|
-
children: /* @__PURE__ */ o(N, {
|
|
70
|
-
side: V,
|
|
71
|
-
align: $,
|
|
72
|
-
sideOffset: y,
|
|
73
|
-
alignOffset: B,
|
|
74
|
-
anchor: C,
|
|
75
|
-
positionMethod: M,
|
|
76
|
-
collisionBoundary: X,
|
|
77
|
-
collisionPadding: k,
|
|
78
|
-
collisionAvoidance: q,
|
|
79
|
-
sticky: z,
|
|
80
|
-
arrowPadding: G,
|
|
81
|
-
disableAnchorTracking: I,
|
|
82
|
-
...W,
|
|
83
|
-
children: /* @__PURE__ */ d(P, {
|
|
84
|
-
maxWidth: K,
|
|
85
|
-
...or,
|
|
86
|
-
children: [ir ? /* @__PURE__ */ o(vr, {
|
|
87
|
-
description: i,
|
|
88
|
-
startIcon: p,
|
|
89
|
-
children: a
|
|
90
|
-
}) : a, J && /* @__PURE__ */ o(g, {})]
|
|
91
|
-
})
|
|
92
|
-
})
|
|
93
|
-
})] });
|
|
94
|
-
};
|
|
95
|
-
return /* @__PURE__ */ o(t.Root, {
|
|
96
|
-
open: er(l) ? l && !_ : void 0,
|
|
97
|
-
defaultOpen: c && !_,
|
|
98
|
-
onOpenChange: D,
|
|
99
|
-
onOpenChangeComplete: A,
|
|
100
|
-
disabled: _,
|
|
101
|
-
disableHoverablePopup: b,
|
|
102
|
-
trackCursorAxis: H,
|
|
103
|
-
actionsRef: E,
|
|
104
|
-
handle: R,
|
|
105
|
-
triggerId: S,
|
|
106
|
-
defaultTriggerId: j,
|
|
107
|
-
children: v(r) ? (a) => f(r(a)) : f(r)
|
|
108
|
-
});
|
|
109
|
-
}, Fr = Object.assign(fr, {
|
|
110
|
-
Root: t.Root,
|
|
111
|
-
Trigger: t.Trigger,
|
|
112
|
-
Portal: w,
|
|
113
|
-
Positioner: N,
|
|
114
|
-
Popup: P,
|
|
115
|
-
Arrow: g,
|
|
116
|
-
Viewport: t.Viewport,
|
|
117
|
-
Provider: t.Provider,
|
|
118
|
-
Handle: t.Handle,
|
|
119
|
-
createHandle: t.createHandle
|
|
120
|
-
});
|
|
121
|
-
export {
|
|
122
|
-
vr as n,
|
|
123
|
-
Fr as t
|
|
124
|
-
};
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import { MenuItemProps } from './types/MenuItemProps';
|
|
2
|
-
export declare const MenuItem: ({ accent, className, withIconContainer, withIconContainerBackground, iconButtons, isIconDisplayedOnHoverOnly, LeftIcon, iconThemeColor, LeftComponent, RightIcon, RightComponent, onClick, onMouseEnter, onMouseLeave, testId, text, contextualTextPosition, contextualText, hasSubMenu, disabled, focused, selected, shortcut, shortcutJoinLabel, isSubMenuOpened, }: MenuItemProps) => import("react").JSX.Element;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { IconComponent } from '../../../../icon';
|
|
2
|
-
import { ThemeColor } from '../../../../theme';
|
|
3
|
-
export type MenuItemIconProps = {
|
|
4
|
-
Icon: IconComponent | null | undefined;
|
|
5
|
-
iconThemeColor?: ThemeColor | null;
|
|
6
|
-
withContainer?: boolean;
|
|
7
|
-
withContainerBackground?: boolean;
|
|
8
|
-
};
|
|
9
|
-
export declare const MenuItemIcon: ({ Icon, iconThemeColor, withContainer, withContainerBackground, }: MenuItemIconProps) => import("react").JSX.Element | null;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export declare const StyledIconContainer: ({ children, className, hasBackground, }: {
|
|
3
|
-
children?: ReactNode;
|
|
4
|
-
className?: string;
|
|
5
|
-
hasBackground?: boolean;
|
|
6
|
-
}) => import("react").JSX.Element;
|
|
7
|
-
export { StyledIconContainer as MenuItemIconBoxContainer };
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export type MenuItemIconWithGripSwapProps = {
|
|
3
|
-
leadingContent?: ReactNode;
|
|
4
|
-
withIconContainer?: boolean;
|
|
5
|
-
withIconContainerBackground?: boolean;
|
|
6
|
-
gripIconColor: string;
|
|
7
|
-
};
|
|
8
|
-
export declare const MenuItemIconWithGripSwap: ({ leadingContent, withIconContainer, withIconContainerBackground, gripIconColor, }: MenuItemIconWithGripSwapProps) => import("react").JSX.Element | null;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { MenuItemDraggableGripMode } from '../types/MenuItemDraggableGripMode';
|
|
3
|
-
import { IconComponent } from '../../../../icon';
|
|
4
|
-
import { ThemeColor } from '../../../../theme';
|
|
5
|
-
type MenuItemLeftContentProps = {
|
|
6
|
-
className?: string;
|
|
7
|
-
LeftComponent?: ReactNode;
|
|
8
|
-
LeftIcon: IconComponent | null | undefined;
|
|
9
|
-
iconThemeColor?: ThemeColor | null;
|
|
10
|
-
withIconContainer?: boolean;
|
|
11
|
-
withIconContainerBackground?: boolean;
|
|
12
|
-
gripMode?: MenuItemDraggableGripMode;
|
|
13
|
-
disabled?: boolean;
|
|
14
|
-
text: ReactNode;
|
|
15
|
-
contextualText?: ReactNode;
|
|
16
|
-
contextualTextPosition?: 'left' | 'right';
|
|
17
|
-
};
|
|
18
|
-
export declare const MenuItemLeftContent: ({ className, LeftComponent, LeftIcon, iconThemeColor, withIconContainer, withIconContainerBackground, text, contextualText, contextualTextPosition, gripMode, disabled, }: MenuItemLeftContentProps) => import("react").JSX.Element;
|
|
19
|
-
export {};
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { MenuItemAccent } from '../types/MenuItemAccent';
|
|
2
|
-
export type MenuItemBaseProps = {
|
|
3
|
-
accent?: MenuItemAccent;
|
|
4
|
-
isKeySelected?: boolean;
|
|
5
|
-
isHoverBackgroundDisabled?: boolean;
|
|
6
|
-
hovered?: boolean;
|
|
7
|
-
disabled?: boolean;
|
|
8
|
-
focused?: boolean;
|
|
9
|
-
};
|
|
10
|
-
export declare const StyledMenuItemBase: import('react').ForwardRefExoticComponent<MenuItemBaseProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
11
|
-
export declare const StyledMenuItemLabel: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
12
|
-
export declare const StyledMenuItemLabelLight: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
13
|
-
export declare const StyledNoIconFiller: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
14
|
-
export declare const StyledMenuItemLeftContent: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
15
|
-
export declare const StyledMenuItemRightContent: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
16
|
-
export declare const StyledDraggableItem: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
17
|
-
export declare const StyledHoverableMenuItemBase: import('react').ForwardRefExoticComponent<{
|
|
18
|
-
isIconDisplayedOnHoverOnly?: boolean;
|
|
19
|
-
cursor?: "drag" | "default";
|
|
20
|
-
} & MenuItemBaseProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
21
|
-
export declare const StyledMenuItemIconCheck: ({ size }: {
|
|
22
|
-
size?: number;
|
|
23
|
-
}) => import("react").JSX.Element;
|
|
24
|
-
export declare const StyledMenuItemContextualText: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
25
|
-
export declare const StyledRightMenuItemContextualText: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export type MenuItemDraggableGripMode = 'always' | 'onHover' | 'never';
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { ShortcutDefinition } from '../../../../primitives/typography/Shortcut/types/ShortcutDefinition';
|
|
2
|
-
import { MenuItemAccent } from './MenuItemAccent';
|
|
3
|
-
import { IconComponent } from '../../../../icon';
|
|
4
|
-
import { ThemeColor } from '../../../../theme';
|
|
5
|
-
import { MouseEvent, ReactNode } from 'react';
|
|
6
|
-
export type MenuItemProps = {
|
|
7
|
-
accent?: MenuItemAccent;
|
|
8
|
-
className?: string;
|
|
9
|
-
withIconContainer?: boolean;
|
|
10
|
-
withIconContainerBackground?: boolean;
|
|
11
|
-
iconButtons?: ReactNode;
|
|
12
|
-
isIconDisplayedOnHoverOnly?: boolean;
|
|
13
|
-
isTooltipOpen?: boolean;
|
|
14
|
-
LeftIcon?: IconComponent | null;
|
|
15
|
-
iconThemeColor?: ThemeColor | null;
|
|
16
|
-
LeftComponent?: ReactNode;
|
|
17
|
-
RightIcon?: IconComponent | null;
|
|
18
|
-
RightComponent?: ReactNode;
|
|
19
|
-
onClick?: (event: MouseEvent<HTMLDivElement>) => void;
|
|
20
|
-
onMouseEnter?: (event: MouseEvent<HTMLDivElement>) => void;
|
|
21
|
-
onMouseLeave?: (event: MouseEvent<HTMLDivElement>) => void;
|
|
22
|
-
testId?: string;
|
|
23
|
-
disabled?: boolean;
|
|
24
|
-
text: ReactNode;
|
|
25
|
-
contextualTextPosition?: 'left' | 'right';
|
|
26
|
-
contextualText?: ReactNode;
|
|
27
|
-
hasSubMenu?: boolean;
|
|
28
|
-
focused?: boolean;
|
|
29
|
-
selected?: boolean;
|
|
30
|
-
shortcut?: ShortcutDefinition;
|
|
31
|
-
shortcutJoinLabel?: string;
|
|
32
|
-
isSubMenuOpened?: boolean;
|
|
33
|
-
};
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import { MenuItemAvatarProps } from './types/MenuItemAvatarProps';
|
|
2
|
-
export declare const MenuItemAvatar: ({ accent, className, iconButtons, isIconDisplayedOnHoverOnly, isTooltipOpen, onClick, onMouseEnter, onMouseLeave, testId, avatar, hasSubMenu, text, contextualText, }: MenuItemAvatarProps) => import("react").JSX.Element;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { MenuItemAccent } from '../../MenuItem/types/MenuItemAccent';
|
|
2
|
-
import { AvatarProps } from '../../../../primitives/data-display/Avatar/types/AvatarProps';
|
|
3
|
-
import { MouseEvent, ReactNode } from 'react';
|
|
4
|
-
export type MenuItemAvatarProps = {
|
|
5
|
-
accent?: MenuItemAccent;
|
|
6
|
-
className?: string;
|
|
7
|
-
iconButtons?: ReactNode;
|
|
8
|
-
isIconDisplayedOnHoverOnly?: boolean;
|
|
9
|
-
isTooltipOpen?: boolean;
|
|
10
|
-
avatar?: Pick<AvatarProps, 'src' | 'colorSeed' | 'name' | 'size' | 'shape'> | null;
|
|
11
|
-
onClick?: (event: MouseEvent<HTMLDivElement>) => void;
|
|
12
|
-
onMouseEnter?: (event: MouseEvent<HTMLDivElement>) => void;
|
|
13
|
-
onMouseLeave?: (event: MouseEvent<HTMLDivElement>) => void;
|
|
14
|
-
testId?: string;
|
|
15
|
-
text: string;
|
|
16
|
-
hasSubMenu?: boolean;
|
|
17
|
-
contextualText?: ReactNode;
|
|
18
|
-
};
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import { MenuItemDraggableProps } from './types/MenuItemDraggableProps';
|
|
2
|
-
export declare const MenuItemDraggable: ({ LeftIcon, LeftComponent, withIconContainer, accent, iconButtons, onClick, text, contextualText, isDragDisabled, className, isIconDisplayedOnHoverOnly, gripMode, }: MenuItemDraggableProps) => import("react").JSX.Element;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { MenuItemAccent } from '../../MenuItem/types/MenuItemAccent';
|
|
2
|
-
import { MenuItemDraggableGripMode } from '../../MenuItem/types/MenuItemDraggableGripMode';
|
|
3
|
-
import { IconComponent } from '../../../../icon';
|
|
4
|
-
import { ReactNode } from 'react';
|
|
5
|
-
export type MenuItemDraggableProps = {
|
|
6
|
-
LeftIcon?: IconComponent | undefined;
|
|
7
|
-
LeftComponent?: ReactNode;
|
|
8
|
-
withIconContainer?: boolean;
|
|
9
|
-
accent?: MenuItemAccent;
|
|
10
|
-
iconButtons?: ReactNode;
|
|
11
|
-
isTooltipOpen?: boolean;
|
|
12
|
-
onClick?: () => void;
|
|
13
|
-
text: ReactNode;
|
|
14
|
-
contextualText?: ReactNode;
|
|
15
|
-
className?: string;
|
|
16
|
-
isIconDisplayedOnHoverOnly?: boolean;
|
|
17
|
-
gripMode?: MenuItemDraggableGripMode;
|
|
18
|
-
isDragDisabled?: boolean;
|
|
19
|
-
isHoverDisabled?: boolean;
|
|
20
|
-
};
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import { MenuItemSuggestionProps } from './types/MenuItemSuggestionProps';
|
|
2
|
-
export declare const MenuItemSuggestion: ({ LeftIcon, withIconContainer, text, contextualText, contextualTextPosition, className, selected, onClick, }: MenuItemSuggestionProps) => import("react").JSX.Element;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { IconComponent } from '../../../../icon';
|
|
2
|
-
import { MouseEvent } from 'react';
|
|
3
|
-
export type MenuItemSuggestionProps = {
|
|
4
|
-
LeftIcon?: IconComponent | null;
|
|
5
|
-
withIconContainer?: boolean;
|
|
6
|
-
text: string;
|
|
7
|
-
contextualText?: string;
|
|
8
|
-
contextualTextPosition?: 'left' | 'right';
|
|
9
|
-
selected?: boolean;
|
|
10
|
-
className?: string;
|
|
11
|
-
onClick?: (event: MouseEvent<HTMLLIElement>) => void;
|
|
12
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { IconComponent } from '../../../../icon';
|
|
2
|
-
export type MenuPickerProps = {
|
|
3
|
-
id: string;
|
|
4
|
-
className?: string;
|
|
5
|
-
disabled?: boolean;
|
|
6
|
-
icon: IconComponent;
|
|
7
|
-
label?: string;
|
|
8
|
-
onClick?: () => void;
|
|
9
|
-
selected?: boolean;
|
|
10
|
-
showLabel?: boolean;
|
|
11
|
-
testId?: string;
|
|
12
|
-
tooltipContent?: string;
|
|
13
|
-
tooltipDelay?: number;
|
|
14
|
-
tooltipOffset?: number;
|
|
15
|
-
};
|