npm - @choco-vanille/ui - Versions diffs - 1.2.0 → 1.3.0 - Mend

@choco-vanille/ui 1.2.0 → 1.3.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.

Files changed (1010) hide show

package/dist/components/overlay/drawer/components/items/drawer-section-item/DrawerSectionItem.js CHANGED Viewed

@@ -17,9 +17,11 @@ import "../../../../../data-display/avatar/components/avatar-status/styles/Avata
 import "../../../../../data-display/avatar-group/AvatarGroup.js";
 import "../../../../../data-display/badge/Badge.js";
 import "../../../../../data-display/badge/styles/Badge.css.js";
+import "../../../../../data-display/rich-text-renderer/RichTextRenderer.js";
+/* empty css                                                  */
+/* empty css                                                                                        */
 import "../../../../../data-display/table/Table.js";
 import "../../../../../data-display/table/styles/Table.css.js";
-/* empty css                                                  */
 /* empty css                                                                                              */
 /* empty css                                                                                          */
 /* empty css                                                                                              */
@@ -82,10 +84,19 @@ import "../../../../../forms/calendar/Calendar.js";
 /* empty css                                                                                                     */
 import "../../../../../forms/checkbox/Checkbox.js";
 /* empty css                                                               */
+import "../../../../../forms/checkbox-group/CheckboxGroup.js";
 import "../../../../../forms/date-picker/DatePicker.js";
 /* empty css                                                                    */
 import "../../../../../forms/radio-group/RadioGroup.js";
 /* empty css                                                                                         */
+import "../../../../../forms/rich-text-editor/RichTextEditor.js";
+import "../../../../../forms/rich-text-editor/RichTextEditorField.js";
+/* empty css                                                                             */
+import "../../../../../forms/rich-text-editor/constants/richTextColorPalettes.const.js";
+import "../../../../../forms/rich-text-editor/constants/richTextFontSizes.const.js";
+import "../../../../../forms/rich-text-editor/components/rich-text-editor-label/RichTextEditorLabel.js";
+/* empty css                                                      */
+/* empty css                                                                                                                    */
 import "../../../../../forms/select/Select.js";
 import "../../../../../forms/select/components/select-trigger/SelectTrigger.js";
 import "../../../../../forms/select/components/select-trigger/styles/SelectTrigger.css.js";
@@ -101,11 +112,12 @@ import "../../../../../forms/select/components/select-separator/SelectSeparator.
 /* empty css                                                                                                */
 import "../../../../../forms/select/components/select-field/SelectField.js";
 /* empty css                                                           */
+import "../../../../../forms/slider/Slider.js";
+/* empty css                                                           */
 import "../../../../../forms/switch/Switch.js";
 import "../../../../../forms/switch/styles/Switch.css.js";
 import "../../../../../forms/text-area/TextArea.js";
 import "../../../../../forms/text-area/styles/TextArea.css.js";
-/* empty css                                                      */
 /* empty css                                                                                                */
 /* empty css                                                                                                         */
 /* empty css                                                                                                         */
@@ -114,6 +126,8 @@ import "../../../../../forms/text-field/styles/TextField.css.js";
 /* empty css                                                                                                   */
 /* empty css                                                                                                            */
 /* empty css                                                                                                            */
+import "../../../../../forms/number-field/NumberField.js";
+/* empty css                                                                      */
 /* empty css                                                                    */
 /* empty css                                                                 */
 import "../../../../../forms/_shared/components/helper-text/HelperText.js";
@@ -121,6 +135,8 @@ import d from "../../../../../layout/flex/Flex.js";
 import "../../../../../layout/flex/styles/Flex.css.js";
 import b from "../../../../../layout/grid/Grid.js";
 import "../../../../../layout/grid/styles/Grid.css.js";
+import "../../../../../layout/inset/Inset.js";
+import "../../../../../layout/inset/styles/Inset.css.js";
 import "../../../../../layout/image/Image.js";
 import "../../../../../layout/image/styles/Image.css.js";
 import O from "../../../../../layout/separator/Separator.js";
@@ -148,31 +164,54 @@ import "../../../../../navigation/tabs/Tabs.js";
 import "../../../../../navigation/tabs/components/tabs-list/styles/TabsList.css.js";
 import "../../../../../navigation/tabs/components/tabs-trigger/styles/TabsTrigger.css.js";
 import "../../../../../navigation/link/Link.js";
-/* empty css                                                            */
+import "../../../../../navigation/link/styles/Link.css.js";
+import "../../../../../navigation/pagination/Pagination.js";
+/* empty css                                                                        */
+import "../../../../../navigation/breadcrumbs/Breadcrumbs.js";
+/* empty css                                                                          */
+import "../../../../../navigation/stepper/Stepper.js";
+/* empty css                                                                  */
+import "../../../../../navigation/step-indicator/StepIndicator.js";
+/* empty css                                                                               */
 import F from "../../../../tooltip/Tooltip.js";
 import "../../../../tooltip/components/tooltip-provider/TooltipProvider.js";
 /* empty css                                                    */
 import "../../../../dropdown-menu/index.js";
+import "../../../../context-menu/ContextMenu.js";
 import "../../../../popover/Popover.js";
 /* empty css                                                                              */
 import "../../../../hover-card/HoverCard.js";
 import "../../../../dialog/Dialog.js";
+/* empty css                                                            */
 /* empty css                                                  */
 /* empty css                                                                                 */
+import "../../../../alert-dialog/AlertDialog.js";
 import "../../../Drawer.js";
 import "../../../styles/Drawer.css.js";
+import "../../../../panel/Panel.js";
+/* empty css                                                */
+import "../../../../command/Command.js";
+/* empty css                                                    */
+/* empty css                                                                                */
+import "../../../../_shared/components/overlay-backdrop/OverlayBackdrop.js";
 import "../../../../../feedback/skeleton/Skeleton.js";
 import "../../../../../feedback/skeleton/styles/Skeleton.css.js";
 import "../../../../../feedback/callout/Callout.js";
 import "../../../../../feedback/callout/styles/Callout.css.js";
 /* empty css                                                                                            */
 import "../../../../../feedback/toast/Toast.js";
+import "../../../../../feedback/toast/ToastProvider.js";
 import "../../../../../feedback/toast/styles/Toast.css.js";
 /* empty css                                                                                      */
 import "../../../../../feedback/progress/Progress.js";
 import "../../../../../feedback/progress/CircularProgress.js";
 import "../../../../../feedback/progress/styles/Progress.css.js";
 import "../../../../../feedback/progress/constants/progressColors.const.js";
+import "../../../../../feedback/empty-state/EmptyState.js";
+/* empty css                                                                       */
+import "../../../../../feedback/spinner/Spinner.js";
+import "../../../../../feedback/spinner/styles/Spinner.css.js";
+import "../../../../../feedback/spinner/constants/spinnerColors.const.js";
 import { DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT as G, DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT as P } from "./constants/index.js";
 import { useTransitionRender as W } from "../../../../../../hooks/use-transition-render/useTransitionRender.hook.js";
 import { vars as y } from "../../../../../../theme/contract.css.js";

package/dist/components/overlay/drawer/components/items/drawer-section-item/DrawerSectionItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DrawerSectionItem.js","sources":["../../../../../../../src/components/overlay/drawer/components/items/drawer-section-item/DrawerSectionItem.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Box } from '@components/layout/box'\r\nimport { DrawerItemContent } from '@components/overlay/drawer/components/items/_shared'\r\nimport { DRAWER_SECTION_ITEM_STYLES } from '@components/overlay/drawer/components/items/drawer-section-item/styles/DrawerSectionItem.css.ts'\r\nimport { useDrawerSectionItem } from '@components/overlay/drawer/components/items/drawer-section-item/hooks/use-drawer-section-item/useDrawerSectionItem.hook.tsx'\r\nimport type { DrawerSectionItemProps } from '@components/overlay/drawer/components/items/drawer-section-item/types/DrawerSectionItem.props.ts'\r\nimport { Flex, Grid, Separator, Tooltip } from '@components'\r\nimport {\r\n DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT,\r\n DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT,\r\n} from '@components/overlay/drawer/components/items/drawer-section-item/constants'\r\nimport { useTransitionRender } from '@hooks/use-transition-render/useTransitionRender.hook.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\n\r\n/*\r\n An expandable section row rendered inside a `Drawer`.\r\n \r\n Clicking the header toggles the children. The expanded state is\r\n * independent of the drawer open/close state to avoid unwanted transitions.\r\n */\r\nconst DrawerSectionItem: FC<DrawerSectionItemProps> = memo(\r\n ({\r\n label,\r\n startIcon,\r\n children,\r\n trailing,\r\n sectionLabel,\r\n 'aria-label': ariaLabel,\r\n defaultExpanded = false,\r\n expanded: expandedProp,\r\n onExpandedChange,\r\n color = 'primary',\r\n disabled,\r\n className,\r\n style,\r\n ...props\r\n }) => {\r\n const { open, itemAttributes, sectionId, expanded, handleToggle } =\r\n useDrawerSectionItem({\r\n defaultExpanded,\r\n expanded: expandedProp,\r\n onExpandedChange,\r\n disabled,\r\n })\r\n\r\n // Children are only shown when the section is expanded.\r\n const showChildren = expanded\r\n\r\n // useTransitionRender drives the separator mount/unmount so its margin\r\n // transition plays fully before it is removed from the DOM (and mounts\r\n // at margin 0 before animating to its full values).\r\n const {\r\n shouldRenderContent: shouldRenderSeparator,\r\n isFadingIn: isSeparatorFadingIn,\r\n } = useTransitionRender(open, vars.duration.normal)\r\n\r\n return (\r\n <Box\r\n className={className}\r\n style={style}\r\n >\r\n <Tooltip\r\n position={'right'}\r\n content={label}\r\n disabled={open}\r\n >\r\n <button\r\n type={'button'}\r\n disabled={disabled}\r\n aria-expanded={showChildren}\r\n aria-controls={sectionId}\r\n aria-label={ariaLabel ?? (open ? undefined : label)}\r\n className={DRAWER_SECTION_ITEM_STYLES.recipe({ color })}\r\n onClick={handleToggle}\r\n {...itemAttributes}\r\n {...props}\r\n >\r\n <DrawerItemContent\r\n label={label}\r\n startIcon={startIcon}\r\n trailing={trailing}\r\n endChevronIcon\r\n expanded={expanded}\r\n />\r\n </button>\r\n </Tooltip>\r\n\r\n <Grid\r\n id={sectionId}\r\n role={'region'}\r\n aria-label={sectionLabel ?? label}\r\n aria-hidden={!showChildren}\r\n inert={!showChildren}\r\n gridTemplateRows={showChildren ? '1fr' : '0fr'}\r\n className={DRAWER_SECTION_ITEM_STYLES.sectionContent}\r\n data-state={showChildren ? 'open' : 'closed'}\r\n >\r\n <Flex\r\n flexDirection={'row'}\r\n minHeight={0}\r\n minWidth={0}\r\n paddingBottom={showChildren ? 'xs' : 'none'}\r\n overflow={showChildren ? 'visible' : 'hidden'}\r\n gap={'none'}\r\n className={DRAWER_SECTION_ITEM_STYLES.sectionInner}\r\n >\r\n {shouldRenderSeparator && (\r\n <Separator\r\n orientation={'vertical'}\r\n data-state={isSeparatorFadingIn ? 'open' : 'closed'}\r\n marginRight={\r\n isSeparatorFadingIn\r\n ? DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT\r\n : 'none'\r\n }\r\n marginLeft={\r\n isSeparatorFadingIn\r\n ? DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT\r\n : 'none'\r\n }\r\n className={DRAWER_SECTION_ITEM_STYLES.sectionSeparator}\r\n />\r\n )}\r\n <Flex\r\n flexDirection={'column'}\r\n minHeight={0}\r\n gap={'none'}\r\n width={'100%'}\r\n >\r\n {children}\r\n </Flex>\r\n </Flex>\r\n </Grid>\r\n </Box>\r\n )\r\n },\r\n)\r\n\r\nDrawerSectionItem.displayName = 'Drawer.SectionItem'\r\n\r\nexport default DrawerSectionItem\r\n"],"names":["DrawerSectionItem","memo","label","startIcon","children","trailing","sectionLabel","ariaLabel","defaultExpanded","expandedProp","onExpandedChange","color","disabled","className","style","props","open","itemAttributes","sectionId","expanded","handleToggle","useDrawerSectionItem","showChildren","shouldRenderSeparator","isSeparatorFadingIn","useTransitionRender","vars","jsxs","Box","jsx","Tooltip","DRAWER_SECTION_ITEM_STYLES","DrawerItemContent","Grid","Flex","Separator","DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT","DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~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"}
1	+ {"version":3,"file":"DrawerSectionItem.js","sources":["../../../../../../../src/components/overlay/drawer/components/items/drawer-section-item/DrawerSectionItem.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Box } from '@components/layout/box'\r\nimport { DrawerItemContent } from '@components/overlay/drawer/components/items/_shared'\r\nimport { DRAWER_SECTION_ITEM_STYLES } from '@components/overlay/drawer/components/items/drawer-section-item/styles/DrawerSectionItem.css.ts'\r\nimport { useDrawerSectionItem } from '@components/overlay/drawer/components/items/drawer-section-item/hooks/use-drawer-section-item/useDrawerSectionItem.hook.tsx'\r\nimport type { DrawerSectionItemProps } from '@components/overlay/drawer/components/items/drawer-section-item/types/DrawerSectionItem.props.ts'\r\nimport { Flex, Grid, Separator, Tooltip } from '@components'\r\nimport {\r\n DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT,\r\n DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT,\r\n} from '@components/overlay/drawer/components/items/drawer-section-item/constants'\r\nimport { useTransitionRender } from '@hooks/use-transition-render/useTransitionRender.hook.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\n\r\n/*\r\n An expandable section row rendered inside a `Drawer`.\r\n \r\n Clicking the header toggles the children. The expanded state is\r\n * independent of the drawer open/close state to avoid unwanted transitions.\r\n */\r\nconst DrawerSectionItem: FC<DrawerSectionItemProps> = memo(\r\n ({\r\n label,\r\n startIcon,\r\n children,\r\n trailing,\r\n sectionLabel,\r\n 'aria-label': ariaLabel,\r\n defaultExpanded = false,\r\n expanded: expandedProp,\r\n onExpandedChange,\r\n color = 'primary',\r\n disabled,\r\n className,\r\n style,\r\n ...props\r\n }) => {\r\n const { open, itemAttributes, sectionId, expanded, handleToggle } =\r\n useDrawerSectionItem({\r\n defaultExpanded,\r\n expanded: expandedProp,\r\n onExpandedChange,\r\n disabled,\r\n })\r\n\r\n // Children are only shown when the section is expanded.\r\n const showChildren = expanded\r\n\r\n // useTransitionRender drives the separator mount/unmount so its margin\r\n // transition plays fully before it is removed from the DOM (and mounts\r\n // at margin 0 before animating to its full values).\r\n const {\r\n shouldRenderContent: shouldRenderSeparator,\r\n isFadingIn: isSeparatorFadingIn,\r\n } = useTransitionRender(open, vars.duration.normal)\r\n\r\n return (\r\n <Box\r\n className={className}\r\n style={style}\r\n >\r\n <Tooltip\r\n position={'right'}\r\n content={label}\r\n disabled={open}\r\n >\r\n <button\r\n type={'button'}\r\n disabled={disabled}\r\n aria-expanded={showChildren}\r\n aria-controls={sectionId}\r\n aria-label={ariaLabel ?? (open ? undefined : label)}\r\n className={DRAWER_SECTION_ITEM_STYLES.recipe({ color })}\r\n onClick={handleToggle}\r\n {...itemAttributes}\r\n {...props}\r\n >\r\n <DrawerItemContent\r\n label={label}\r\n startIcon={startIcon}\r\n trailing={trailing}\r\n endChevronIcon\r\n expanded={expanded}\r\n />\r\n </button>\r\n </Tooltip>\r\n\r\n <Grid\r\n id={sectionId}\r\n role={'region'}\r\n aria-label={sectionLabel ?? label}\r\n aria-hidden={!showChildren}\r\n inert={!showChildren}\r\n gridTemplateRows={showChildren ? '1fr' : '0fr'}\r\n className={DRAWER_SECTION_ITEM_STYLES.sectionContent}\r\n data-state={showChildren ? 'open' : 'closed'}\r\n >\r\n <Flex\r\n flexDirection={'row'}\r\n minHeight={0}\r\n minWidth={0}\r\n paddingBottom={showChildren ? 'xs' : 'none'}\r\n overflow={showChildren ? 'visible' : 'hidden'}\r\n gap={'none'}\r\n className={DRAWER_SECTION_ITEM_STYLES.sectionInner}\r\n >\r\n {shouldRenderSeparator && (\r\n <Separator\r\n orientation={'vertical'}\r\n data-state={isSeparatorFadingIn ? 'open' : 'closed'}\r\n marginRight={\r\n isSeparatorFadingIn\r\n ? DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT\r\n : 'none'\r\n }\r\n marginLeft={\r\n isSeparatorFadingIn\r\n ? DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT\r\n : 'none'\r\n }\r\n className={DRAWER_SECTION_ITEM_STYLES.sectionSeparator}\r\n />\r\n )}\r\n <Flex\r\n flexDirection={'column'}\r\n minHeight={0}\r\n gap={'none'}\r\n width={'100%'}\r\n >\r\n {children}\r\n </Flex>\r\n </Flex>\r\n </Grid>\r\n </Box>\r\n )\r\n },\r\n)\r\n\r\nDrawerSectionItem.displayName = 'Drawer.SectionItem'\r\n\r\nexport default DrawerSectionItem\r\n"],"names":["DrawerSectionItem","memo","label","startIcon","children","trailing","sectionLabel","ariaLabel","defaultExpanded","expandedProp","onExpandedChange","color","disabled","className","style","props","open","itemAttributes","sectionId","expanded","handleToggle","useDrawerSectionItem","showChildren","shouldRenderSeparator","isSeparatorFadingIn","useTransitionRender","vars","jsxs","Box","jsx","Tooltip","DRAWER_SECTION_ITEM_STYLES","DrawerItemContent","Grid","Flex","Separator","DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT","DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT"],"mappings":"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"}

package/dist/components/overlay/dropdown-menu/components/content/DropdownMenuContent.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownMenuContent.cjs","sources":["../../../../../../src/components/overlay/dropdown-menu/components/content/DropdownMenuContent.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type CSSProperties, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_CONTENT_STYLES } from '@components/overlay/dropdown-menu/components/content/styles/DropdownMenuContent.css.ts'\r\nimport type { DropdownMenuContentProps } from '@components/overlay/dropdown-menu/components/content/types/DropdownMenuContent.props.ts'\r\nimport { useViewportShift } from '@hooks'\r\n\r\n/*\r\n The panel that pops out from the trigger.\r\n * Rendered inside a portal by default for correct stacking.\r\n \r\n Base UI's built-in collision handling is disabled here: it would flip the menu\r\n * to the opposite side when space is tight, which is jarring.\r\n * Instead, `useViewportShift` detects any overflow after positioning and\r\n * shifts the panel inward by exactly the overflowing amount — keeping the\r\n * original side and never cropping the menu.\r\n */\r\nconst DropdownMenuContent: FC<DropdownMenuContentProps> = memo(({\r\n className,\r\n side = 'bottom',\r\n align = 'start',\r\n sideOffset = 6,\r\n collisionPadding = 8,\r\n width = '14rem',\r\n style,\r\n ...props\r\n}) => {\r\n const contentRef = useViewportShift(collisionPadding)\r\n\r\n return (\r\n <BaseMenu.Portal>\r\n <BaseMenu.Positioner\r\n side={side}\r\n align={align}\r\n sideOffset={sideOffset}\r\n // Disable Base UI's flip/shift — our hook handles collision instead.\r\n collisionAvoidance={{ side: 'none', align: 'none' }}\r\n {...props}\r\n >\r\n <BaseMenu.Popup\r\n ref={contentRef}\r\n className={cn(DROPDOWN_MENU_CONTENT_STYLES.root, className)}\r\n style={{ width, flexGrow: '0', flexShrink: '0', ...style } as CSSProperties}\r\n >\r\n {props.children}\r\n </BaseMenu.Popup>\r\n </BaseMenu.Positioner>\r\n </BaseMenu.Portal>\r\n )\r\n})\r\n\r\nDropdownMenuContent.displayName = 'DropdownMenu.Content'\r\n\r\nexport default DropdownMenuContent\r\n"],"names":["DropdownMenuContent","memo","className","side","align","sideOffset","collisionPadding","width","style","props","contentRef","useViewportShift","jsx","BaseMenu","cn","DROPDOWN_MENU_CONTENT_STYLES"],"mappings":"gRAkBMA,EAAoDC,EAAAA,KAAK,CAAC,CAC5D,UAAAC,EACA,KAAAC,EAAO,SACP,MAAAC,EAAQ,QACR,WAAAC,EAAa,EACb,iBAAAC,EAAmB,EACnB,MAAAC,EAAQ,QACR,MAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAaC,EAAAA,iBAAiBL,CAAgB,EAEpD,OACIM,EAAAA,IAACC,EAAAA,KAAS,OAAT,CACG,SAAAD,EAAAA,IAACC,EAAAA,KAAS,WAAT,CACG,KAAAV,EACA,MAAAC,EACA,WAAAC,EAEA,mBAAoB,CAAE,KAAM,OAAQ,MAAO,MAAA,EAC1C,GAAGI,EAEJ,SAAAG,EAAAA,IAACC,EAAAA,KAAS,MAAT,CACG,IAAKH,EACL,UAAWI,EAAAA,GAAGC,+BAA6B,KAAMb,CAAS,EAC1D,MAAO,CAAE,MAAAK,EAAO,SAAU,IAAK,WAAY,IAAK,GAAGC,CAAA,EAElD,SAAAC,EAAM,QAAA,CAAA,CACX,CAAA,EAER,CAER,CAAC,EAEDT,EAAoB,YAAc"}
1	+ {"version":3,"file":"DropdownMenuContent.cjs","sources":["../../../../../../src/components/overlay/dropdown-menu/components/content/DropdownMenuContent.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type CSSProperties, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_CONTENT_STYLES } from '@components/overlay/dropdown-menu/components/content/styles/DropdownMenuContent.css.ts'\r\nimport type { DropdownMenuContentProps } from '@components/overlay/dropdown-menu/components/content/types/DropdownMenuContent.props.ts'\r\nimport { useViewportShift } from '@hooks/use-viewport-shift/useViewportShift.hook.ts'\r\n\r\n/*\r\n The panel that pops out from the trigger.\r\n * Rendered inside a portal by default for correct stacking.\r\n \r\n Base UI's built-in collision handling is disabled here: it would flip the menu\r\n * to the opposite side when space is tight, which is jarring.\r\n * Instead, `useViewportShift` detects any overflow after positioning and\r\n * shifts the panel inward by exactly the overflowing amount — keeping the\r\n * original side and never cropping the menu.\r\n */\r\nconst DropdownMenuContent: FC<DropdownMenuContentProps> = memo(({\r\n className,\r\n side = 'bottom',\r\n align = 'start',\r\n sideOffset = 6,\r\n collisionPadding = 8,\r\n width = '14rem',\r\n style,\r\n ...props\r\n}) => {\r\n const contentRef = useViewportShift(collisionPadding)\r\n\r\n return (\r\n <BaseMenu.Portal>\r\n <BaseMenu.Positioner\r\n side={side}\r\n align={align}\r\n sideOffset={sideOffset}\r\n // Disable Base UI's flip/shift — our hook handles collision instead.\r\n collisionAvoidance={{ side: 'none', align: 'none' }}\r\n {...props}\r\n >\r\n <BaseMenu.Popup\r\n ref={contentRef}\r\n className={cn(DROPDOWN_MENU_CONTENT_STYLES.root, className)}\r\n style={{ width, flexGrow: '0', flexShrink: '0', ...style } as CSSProperties}\r\n >\r\n {props.children}\r\n </BaseMenu.Popup>\r\n </BaseMenu.Positioner>\r\n </BaseMenu.Portal>\r\n )\r\n})\r\n\r\nDropdownMenuContent.displayName = 'DropdownMenu.Content'\r\n\r\nexport default DropdownMenuContent\r\n"],"names":["DropdownMenuContent","memo","className","side","align","sideOffset","collisionPadding","width","style","props","contentRef","useViewportShift","jsx","BaseMenu","cn","DROPDOWN_MENU_CONTENT_STYLES"],"mappings":"gRAkBMA,EAAoDC,EAAAA,KAAK,CAAC,CAC5D,UAAAC,EACA,KAAAC,EAAO,SACP,MAAAC,EAAQ,QACR,WAAAC,EAAa,EACb,iBAAAC,EAAmB,EACnB,MAAAC,EAAQ,QACR,MAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAaC,EAAAA,iBAAiBL,CAAgB,EAEpD,OACIM,EAAAA,IAACC,EAAAA,KAAS,OAAT,CACG,SAAAD,EAAAA,IAACC,EAAAA,KAAS,WAAT,CACG,KAAAV,EACA,MAAAC,EACA,WAAAC,EAEA,mBAAoB,CAAE,KAAM,OAAQ,MAAO,MAAA,EAC1C,GAAGI,EAEJ,SAAAG,EAAAA,IAACC,EAAAA,KAAS,MAAT,CACG,IAAKH,EACL,UAAWI,EAAAA,GAAGC,+BAA6B,KAAMb,CAAS,EAC1D,MAAO,CAAE,MAAAK,EAAO,SAAU,IAAK,WAAY,IAAK,GAAGC,CAAA,EAElD,SAAAC,EAAM,QAAA,CAAA,CACX,CAAA,EAER,CAER,CAAC,EAEDT,EAAoB,YAAc"}

package/dist/components/overlay/dropdown-menu/components/content/DropdownMenuContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownMenuContent.js","sources":["../../../../../../src/components/overlay/dropdown-menu/components/content/DropdownMenuContent.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type CSSProperties, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_CONTENT_STYLES } from '@components/overlay/dropdown-menu/components/content/styles/DropdownMenuContent.css.ts'\r\nimport type { DropdownMenuContentProps } from '@components/overlay/dropdown-menu/components/content/types/DropdownMenuContent.props.ts'\r\nimport { useViewportShift } from '@hooks'\r\n\r\n/*\r\n The panel that pops out from the trigger.\r\n * Rendered inside a portal by default for correct stacking.\r\n \r\n Base UI's built-in collision handling is disabled here: it would flip the menu\r\n * to the opposite side when space is tight, which is jarring.\r\n * Instead, `useViewportShift` detects any overflow after positioning and\r\n * shifts the panel inward by exactly the overflowing amount — keeping the\r\n * original side and never cropping the menu.\r\n */\r\nconst DropdownMenuContent: FC<DropdownMenuContentProps> = memo(({\r\n className,\r\n side = 'bottom',\r\n align = 'start',\r\n sideOffset = 6,\r\n collisionPadding = 8,\r\n width = '14rem',\r\n style,\r\n ...props\r\n}) => {\r\n const contentRef = useViewportShift(collisionPadding)\r\n\r\n return (\r\n <BaseMenu.Portal>\r\n <BaseMenu.Positioner\r\n side={side}\r\n align={align}\r\n sideOffset={sideOffset}\r\n // Disable Base UI's flip/shift — our hook handles collision instead.\r\n collisionAvoidance={{ side: 'none', align: 'none' }}\r\n {...props}\r\n >\r\n <BaseMenu.Popup\r\n ref={contentRef}\r\n className={cn(DROPDOWN_MENU_CONTENT_STYLES.root, className)}\r\n style={{ width, flexGrow: '0', flexShrink: '0', ...style } as CSSProperties}\r\n >\r\n {props.children}\r\n </BaseMenu.Popup>\r\n </BaseMenu.Positioner>\r\n </BaseMenu.Portal>\r\n )\r\n})\r\n\r\nDropdownMenuContent.displayName = 'DropdownMenu.Content'\r\n\r\nexport default DropdownMenuContent\r\n"],"names":["DropdownMenuContent","memo","className","side","align","sideOffset","collisionPadding","width","style","props","contentRef","useViewportShift","jsx","BaseMenu","cn","DROPDOWN_MENU_CONTENT_STYLES"],"mappings":";;;;;;AAkBA,MAAMA,IAAoDC,EAAK,CAAC;AAAA,EAC5D,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,kBAAAC,IAAmB;AAAA,EACnB,OAAAC,IAAQ;AAAA,EACR,OAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAaC,EAAiBL,CAAgB;AAEpD,SACI,gBAAAM,EAACC,EAAS,QAAT,EACG,UAAA,gBAAAD;AAAA,IAACC,EAAS;AAAA,IAAT;AAAA,MACG,MAAAV;AAAA,MACA,OAAAC;AAAA,MACA,YAAAC;AAAA,MAEA,oBAAoB,EAAE,MAAM,QAAQ,OAAO,OAAA;AAAA,MAC1C,GAAGI;AAAA,MAEJ,UAAA,gBAAAG;AAAA,QAACC,EAAS;AAAA,QAAT;AAAA,UACG,KAAKH;AAAA,UACL,WAAWI,EAAGC,EAA6B,MAAMb,CAAS;AAAA,UAC1D,OAAO,EAAE,OAAAK,GAAO,UAAU,KAAK,YAAY,KAAK,GAAGC,EAAA;AAAA,UAElD,UAAAC,EAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACX;AAAA,EAAA,GAER;AAER,CAAC;AAEDT,EAAoB,cAAc;"}
1	+ {"version":3,"file":"DropdownMenuContent.js","sources":["../../../../../../src/components/overlay/dropdown-menu/components/content/DropdownMenuContent.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type CSSProperties, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_CONTENT_STYLES } from '@components/overlay/dropdown-menu/components/content/styles/DropdownMenuContent.css.ts'\r\nimport type { DropdownMenuContentProps } from '@components/overlay/dropdown-menu/components/content/types/DropdownMenuContent.props.ts'\r\nimport { useViewportShift } from '@hooks/use-viewport-shift/useViewportShift.hook.ts'\r\n\r\n/*\r\n The panel that pops out from the trigger.\r\n * Rendered inside a portal by default for correct stacking.\r\n \r\n Base UI's built-in collision handling is disabled here: it would flip the menu\r\n * to the opposite side when space is tight, which is jarring.\r\n * Instead, `useViewportShift` detects any overflow after positioning and\r\n * shifts the panel inward by exactly the overflowing amount — keeping the\r\n * original side and never cropping the menu.\r\n */\r\nconst DropdownMenuContent: FC<DropdownMenuContentProps> = memo(({\r\n className,\r\n side = 'bottom',\r\n align = 'start',\r\n sideOffset = 6,\r\n collisionPadding = 8,\r\n width = '14rem',\r\n style,\r\n ...props\r\n}) => {\r\n const contentRef = useViewportShift(collisionPadding)\r\n\r\n return (\r\n <BaseMenu.Portal>\r\n <BaseMenu.Positioner\r\n side={side}\r\n align={align}\r\n sideOffset={sideOffset}\r\n // Disable Base UI's flip/shift — our hook handles collision instead.\r\n collisionAvoidance={{ side: 'none', align: 'none' }}\r\n {...props}\r\n >\r\n <BaseMenu.Popup\r\n ref={contentRef}\r\n className={cn(DROPDOWN_MENU_CONTENT_STYLES.root, className)}\r\n style={{ width, flexGrow: '0', flexShrink: '0', ...style } as CSSProperties}\r\n >\r\n {props.children}\r\n </BaseMenu.Popup>\r\n </BaseMenu.Positioner>\r\n </BaseMenu.Portal>\r\n )\r\n})\r\n\r\nDropdownMenuContent.displayName = 'DropdownMenu.Content'\r\n\r\nexport default DropdownMenuContent\r\n"],"names":["DropdownMenuContent","memo","className","side","align","sideOffset","collisionPadding","width","style","props","contentRef","useViewportShift","jsx","BaseMenu","cn","DROPDOWN_MENU_CONTENT_STYLES"],"mappings":";;;;;;AAkBA,MAAMA,IAAoDC,EAAK,CAAC;AAAA,EAC5D,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,kBAAAC,IAAmB;AAAA,EACnB,OAAAC,IAAQ;AAAA,EACR,OAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAaC,EAAiBL,CAAgB;AAEpD,SACI,gBAAAM,EAACC,EAAS,QAAT,EACG,UAAA,gBAAAD;AAAA,IAACC,EAAS;AAAA,IAAT;AAAA,MACG,MAAAV;AAAA,MACA,OAAAC;AAAA,MACA,YAAAC;AAAA,MAEA,oBAAoB,EAAE,MAAM,QAAQ,OAAO,OAAA;AAAA,MAC1C,GAAGI;AAAA,MAEJ,UAAA,gBAAAG;AAAA,QAACC,EAAS;AAAA,QAAT;AAAA,UACG,KAAKH;AAAA,UACL,WAAWI,EAAGC,EAA6B,MAAMb,CAAS;AAAA,UAC1D,OAAO,EAAE,OAAAK,GAAO,UAAU,KAAK,YAAY,KAAK,GAAGC,EAAA;AAAA,UAElD,UAAAC,EAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACX;AAAA,EAAA,GAER;AAER,CAAC;AAEDT,EAAoB,cAAc;"}

package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-item/DropdownMenuItem.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),x=require("@base-ui/react/menu"),_=require("react"),q=require("../../../../../../utils/cn.cjs"),s=require("../../_shared/item.css.cjs"),t=require("../../../../../layout/flex/Flex.cjs");require("../../../../../layout/flex/styles/Flex.css.cjs");const c=require("../../../../../foundation/icon/Icon.cjs");require("../../../../../foundation/icon/styles/Icon.css.cjs");const E=require("../../../../../foundation/typography/Typography.cjs");require("../../../../../foundation/typography/styles/Typography.css.cjs");const M=require("../../shortcut/DropdownMenuShortcut.cjs"),o=_.memo(({className:a,destructive:u=!1,startIcon:r,endIcon:n,shortcut:i,label:d,...m})=>e.jsxs(x.Menu.Item,{className:q.cn(s.DROPDOWN_MENU_ITEM_STYLES.root,u&&s.DROPDOWN_MENU_ITEM_STYLES.destructive,a),...m,children:[r&&e.jsx(t,{as:"span",justifyContent:"center",className:s.DROPDOWN_MENU_ITEM_STYLES.icon,"aria-hidden":!0,children:e.jsx(c,{icon:r,size:"xs"})}),e.jsx(E,{as:"span",variant:"span",maxLines:1,width:"100%",children:d}),i&&e.jsx(M,{children:i}),n&&e.jsx(t,{as:"span",justifyContent:"center",className:s.DROPDOWN_MENU_ITEM_STYLES.icon,"aria-hidden":!0,children:e.jsx(c,{icon:n,size:"xs"})})]}));o.displayName="DropdownMenu.Item";module.exports=o;
+"use strict";const e=require("react/jsx-runtime"),_=require("@base-ui/react/menu"),l=require("react"),q=require("../../../../../../utils/cn.cjs"),s=require("../../_shared/item.css.cjs"),t=require("../../../../../layout/flex/Flex.cjs");require("../../../../../layout/flex/styles/Flex.css.cjs");const c=require("../../../../../foundation/icon/Icon.cjs");require("../../../../../foundation/icon/styles/Icon.css.cjs");const E=require("../../../../../foundation/typography/Typography.cjs");require("../../../../../foundation/typography/styles/Typography.css.cjs");const M=require("../../shortcut/DropdownMenuShortcut.cjs"),a=l.memo(({className:o,active:u=!1,destructive:d=!1,startIcon:r,endIcon:n,shortcut:i,label:m,...x})=>e.jsxs(_.Menu.Item,{className:q.cn(s.DROPDOWN_MENU_ITEM_STYLES.root,d&&s.DROPDOWN_MENU_ITEM_STYLES.destructive,o),"data-active":u?"true":void 0,...x,children:[r&&e.jsx(t,{as:"span",justifyContent:"center",className:s.DROPDOWN_MENU_ITEM_STYLES.icon,"aria-hidden":!0,children:e.jsx(c,{icon:r,size:"xs"})}),e.jsx(E,{as:"span",variant:"span",maxLines:1,width:"100%",children:m}),i&&e.jsx(M,{children:i}),n&&e.jsx(t,{as:"span",justifyContent:"center",className:s.DROPDOWN_MENU_ITEM_STYLES.icon,"aria-hidden":!0,children:e.jsx(c,{icon:n,size:"xs"})})]}));a.displayName="DropdownMenu.Item";module.exports=a;
 //# sourceMappingURL=DropdownMenuItem.cjs.map

package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-item/DropdownMenuItem.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownMenuItem.cjs","sources":["../../../../../../../src/components/overlay/dropdown-menu/components/items/dropdown-menu-item/DropdownMenuItem.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_ITEM_STYLES } from '@components/overlay/dropdown-menu/components/_shared/item.css.ts'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport DropdownMenuShortcut from '@components/overlay/dropdown-menu/components/shortcut/DropdownMenuShortcut.tsx'\r\nimport type { DropdownMenuItemProps } from '@components/overlay/dropdown-menu/components/items/dropdown-menu-item/types/DropdownMenuItem.props.ts'\r\n\r\n/*\r\n A single actionable item inside the dropdown.\r\n \r\n @example\r\n * ```tsx\r\n * <DropdownMenuItem\r\n * label={'Edit'}\r\n * startIcon={'lucide:pencil'}\r\n * shortcut={'⌘E'}\r\n * />\r\n * ```\r\n */\r\nconst DropdownMenuItem: FC<DropdownMenuItemProps> = memo(({\r\n className,\r\n destructive = false,\r\n startIcon,\r\n endIcon,\r\n shortcut,\r\n label,\r\n ...props\r\n}) => (\r\n <BaseMenu.Item\r\n className={cn(\r\n DROPDOWN_MENU_ITEM_STYLES.root,\r\n destructive && DROPDOWN_MENU_ITEM_STYLES.destructive,\r\n className,\r\n )}\r\n {...props}\r\n >\r\n {startIcon && (\r\n <Flex\r\n as={'span'}\r\n justifyContent={'center'}\r\n className={DROPDOWN_MENU_ITEM_STYLES.icon}\r\n aria-hidden\r\n >\r\n <Icon\r\n icon={startIcon}\r\n size={'xs'}\r\n />\r\n </Flex>\r\n )}\r\n <Typography\r\n as={'span'}\r\n variant={'span'}\r\n maxLines={1}\r\n width={'100%'}\r\n >\r\n {label}\r\n </Typography>\r\n {shortcut && <DropdownMenuShortcut>{shortcut}</DropdownMenuShortcut>}\r\n {endIcon && (\r\n <Flex\r\n as={'span'}\r\n justifyContent={'center'}\r\n className={DROPDOWN_MENU_ITEM_STYLES.icon}\r\n aria-hidden\r\n >\r\n <Icon\r\n icon={endIcon}\r\n size={'xs'}\r\n />\r\n </Flex>\r\n )}\r\n </BaseMenu.Item>\r\n))\r\n\r\nDropdownMenuItem.displayName = 'DropdownMenu.Item'\r\n\r\nexport default DropdownMenuItem\r\n"],"names":["DropdownMenuItem","memo","className","destructive","startIcon","endIcon","shortcut","label","props","jsxs","BaseMenu","cn","DROPDOWN_MENU_ITEM_STYLES","jsx","Flex","Icon","Typography","DropdownMenuShortcut"],"mappings":"0mBAuBMA,EAA8CC,EAAAA,KAAK,CAAC,CACtD,UAAAC,EACA,YAAAC,EAAc,GACd,UAAAC,EACA,QAAAC,EACA,SAAAC,EACA,MAAAC,EACA,GAAGC,CACP,IACIC,EAAAA,KAACC,EAAAA,KAAS,KAAT,CACG,UAAWC,EAAAA,GACPC,EAAAA,0BAA0B,KAC1BT,GAAeS,EAAAA,0BAA0B,~~YACzCV~~,CAAA,~~EAEH~~,GAAGM,EAEH,SAAA,CAAAJ,GACGS,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,eAAgB,SAChB,UAAWF,EAAAA,0BAA0B,KACrC,cAAW,GAEX,SAAAC,EAAAA,IAACE,EAAA,CACG,KAAMX,EACN,KAAM,IAAA,CAAA,CACV,CAAA,EAGRS,EAAAA,IAACG,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAU,EACV,MAAO,OAEN,SAAAT,CAAA,CAAA,EAEJD,GAAYO,EAAAA,IAACI,EAAA,CAAsB,SAAAX,CAAA,CAAS,EAC5CD,GACGQ,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,eAAgB,SAChB,UAAWF,EAAAA,0BAA0B,KACrC,cAAW,GAEX,SAAAC,EAAAA,IAACE,EAAA,CACG,KAAMV,EACN,KAAM,IAAA,CAAA,CACV,CAAA,CACJ,CAAA,CAER,CACH,~~EAEDL~~,EAAiB,YAAc"}
1	+ {"version":3,"file":"DropdownMenuItem.cjs","sources":["../../../../../../../src/components/overlay/dropdown-menu/components/items/dropdown-menu-item/DropdownMenuItem.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_ITEM_STYLES } from '@components/overlay/dropdown-menu/components/_shared/item.css.ts'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport DropdownMenuShortcut from '@components/overlay/dropdown-menu/components/shortcut/DropdownMenuShortcut.tsx'\r\nimport type { DropdownMenuItemProps } from '@components/overlay/dropdown-menu/components/items/dropdown-menu-item/types/DropdownMenuItem.props.ts'\r\n\r\n/*\r\n A single actionable item inside the dropdown.\r\n \r\n @example\r\n * ```tsx\r\n * <DropdownMenuItem\r\n * label={'Edit'}\r\n * startIcon={'lucide:pencil'}\r\n * shortcut={'⌘E'}\r\n * />\r\n * ```\r\n */\r\nconst DropdownMenuItem: FC<DropdownMenuItemProps> = memo(({\r\n className,\r\n active = false,\r\n destructive = false,\r\n startIcon,\r\n endIcon,\r\n shortcut,\r\n label,\r\n ...props\r\n}) => (\r\n <BaseMenu.Item\r\n className={cn(\r\n DROPDOWN_MENU_ITEM_STYLES.root,\r\n destructive && DROPDOWN_MENU_ITEM_STYLES.destructive,\r\n className,\r\n )}\r\n data-active={active ? 'true' : undefined}\r\n {...props}\r\n >\r\n {startIcon && (\r\n <Flex\r\n as={'span'}\r\n justifyContent={'center'}\r\n className={DROPDOWN_MENU_ITEM_STYLES.icon}\r\n aria-hidden\r\n >\r\n <Icon\r\n icon={startIcon}\r\n size={'xs'}\r\n />\r\n </Flex>\r\n )}\r\n <Typography\r\n as={'span'}\r\n variant={'span'}\r\n maxLines={1}\r\n width={'100%'}\r\n >\r\n {label}\r\n </Typography>\r\n {shortcut && <DropdownMenuShortcut>{shortcut}</DropdownMenuShortcut>}\r\n {endIcon && (\r\n <Flex\r\n as={'span'}\r\n justifyContent={'center'}\r\n className={DROPDOWN_MENU_ITEM_STYLES.icon}\r\n aria-hidden\r\n >\r\n <Icon\r\n icon={endIcon}\r\n size={'xs'}\r\n />\r\n </Flex>\r\n )}\r\n </BaseMenu.Item>\r\n))\r\n\r\nDropdownMenuItem.displayName = 'DropdownMenu.Item'\r\n\r\nexport default DropdownMenuItem\r\n"],"names":["DropdownMenuItem","memo","className","active","destructive","startIcon","endIcon","shortcut","label","props","jsxs","BaseMenu","cn","DROPDOWN_MENU_ITEM_STYLES","jsx","Flex","Icon","Typography","DropdownMenuShortcut"],"mappings":"0mBAuBMA,EAA8CC,EAAAA,KAAK,CAAC,CACtD,UAAAC,EACA,OAAAC,EAAS,GACT,YAAAC,EAAc,GACd,UAAAC,EACA,QAAAC,EACA,SAAAC,EACA,MAAAC,EACA,GAAGC,CACP,IACIC,EAAAA,KAACC,EAAAA,KAAS,KAAT,CACG,UAAWC,EAAAA,GACPC,EAAAA,0BAA0B,KAC1BT,GAAeS,EAAAA,0BAA0B,YACzCX,CAAA,EAEJ,cAAaC,EAAS,OAAS,OAC9B,GAAGM,EAEH,SAAA,CAAAJ,GACGS,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,eAAgB,SAChB,UAAWF,EAAAA,0BAA0B,KACrC,cAAW,GAEX,SAAAC,EAAAA,IAACE,EAAA,CACG,KAAMX,EACN,KAAM,IAAA,CAAA,CACV,CAAA,EAGRS,EAAAA,IAACG,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAU,EACV,MAAO,OAEN,SAAAT,CAAA,CAAA,EAEJD,GAAYO,EAAAA,IAACI,EAAA,CAAsB,SAAAX,CAAA,CAAS,EAC5CD,GACGQ,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,eAAgB,SAChB,UAAWF,EAAAA,0BAA0B,KACrC,cAAW,GAEX,SAAAC,EAAAA,IAACE,EAAA,CACG,KAAMV,EACN,KAAM,IAAA,CAAA,CACV,CAAA,CACJ,CAAA,CAER,CACH,EAEDN,EAAiB,YAAc"}

package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-item/DropdownMenuItem.js CHANGED Viewed

@@ -1,35 +1,37 @@
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import { Menu as f } from "@base-ui/react/menu";
-import { memo as l } from "react";
-import { cn as u } from "../../../../../../utils/cn.js";
+import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import { Menu as l } from "@base-ui/react/menu";
+import { memo as u } from "react";
+import { cn as h } from "../../../../../../utils/cn.js";
 import { DROPDOWN_MENU_ITEM_STYLES as o } from "../../_shared/item.css.js";
-import t from "../../../../../layout/flex/Flex.js";
+import m from "../../../../../layout/flex/Flex.js";
 import "../../../../../layout/flex/styles/Flex.css.js";
 import n from "../../../../../foundation/icon/Icon.js";
 import "../../../../../foundation/icon/styles/Icon.css.js";
-import h from "../../../../../foundation/typography/Typography.js";
+import x from "../../../../../foundation/typography/Typography.js";
 import "../../../../../foundation/typography/styles/Typography.css.js";
-import x from "../../shortcut/DropdownMenuShortcut.js";
-const M = l(({
-  className: s,
-  destructive: a = !1,
+import M from "../../shortcut/DropdownMenuShortcut.js";
+const N = u(({
+  className: a,
+  active: s = !1,
+  destructive: p = !1,
   startIcon: e,
   endIcon: i,
-  shortcut: m,
-  label: p,
-  ...c
-}) => /* @__PURE__ */ d(
-  f.Item,
+  shortcut: t,
+  label: c,
+  ...d
+}) => /* @__PURE__ */ f(
+  l.Item,
   {
-    className: u(
+    className: h(
       o.root,
-      a && o.destructive,
-      s
+      p && o.destructive,
+      a
     ),
-    ...c,
+    "data-active": s ? "true" : void 0,
+    ...d,
     children: [
       e && /* @__PURE__ */ r(
-        t,
+        m,
         {
           as: "span",
           justifyContent: "center",
@@ -45,18 +47,18 @@ const M = l(({
         }
       ),
       /* @__PURE__ */ r(
-        h,
+        x,
         {
           as: "span",
           variant: "span",
           maxLines: 1,
           width: "100%",
-          children: p
+          children: c
         }
       ),
-      m && /* @__PURE__ */ r(x, { children: m }),
+      t && /* @__PURE__ */ r(M, { children: t }),
       i && /* @__PURE__ */ r(
-        t,
+        m,
         {
           as: "span",
           justifyContent: "center",
@@ -74,8 +76,8 @@ const M = l(({
     ]
   }
 ));
-M.displayName = "DropdownMenu.Item";
+N.displayName = "DropdownMenu.Item";
 export {
-  M as default
+  N as default
 };
 //# sourceMappingURL=DropdownMenuItem.js.map

package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-item/DropdownMenuItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownMenuItem.js","sources":["../../../../../../../src/components/overlay/dropdown-menu/components/items/dropdown-menu-item/DropdownMenuItem.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_ITEM_STYLES } from '@components/overlay/dropdown-menu/components/_shared/item.css.ts'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport DropdownMenuShortcut from '@components/overlay/dropdown-menu/components/shortcut/DropdownMenuShortcut.tsx'\r\nimport type { DropdownMenuItemProps } from '@components/overlay/dropdown-menu/components/items/dropdown-menu-item/types/DropdownMenuItem.props.ts'\r\n\r\n/*\r\n A single actionable item inside the dropdown.\r\n \r\n @example\r\n * ```tsx\r\n * <DropdownMenuItem\r\n * label={'Edit'}\r\n * startIcon={'lucide:pencil'}\r\n * shortcut={'⌘E'}\r\n * />\r\n * ```\r\n */\r\nconst DropdownMenuItem: FC<DropdownMenuItemProps> = memo(({\r\n className,\r\n destructive = false,\r\n startIcon,\r\n endIcon,\r\n shortcut,\r\n label,\r\n ...props\r\n}) => (\r\n <BaseMenu.Item\r\n className={cn(\r\n DROPDOWN_MENU_ITEM_STYLES.root,\r\n destructive && DROPDOWN_MENU_ITEM_STYLES.destructive,\r\n className,\r\n )}\r\n {...props}\r\n >\r\n {startIcon && (\r\n <Flex\r\n as={'span'}\r\n justifyContent={'center'}\r\n className={DROPDOWN_MENU_ITEM_STYLES.icon}\r\n aria-hidden\r\n >\r\n <Icon\r\n icon={startIcon}\r\n size={'xs'}\r\n />\r\n </Flex>\r\n )}\r\n <Typography\r\n as={'span'}\r\n variant={'span'}\r\n maxLines={1}\r\n width={'100%'}\r\n >\r\n {label}\r\n </Typography>\r\n {shortcut && <DropdownMenuShortcut>{shortcut}</DropdownMenuShortcut>}\r\n {endIcon && (\r\n <Flex\r\n as={'span'}\r\n justifyContent={'center'}\r\n className={DROPDOWN_MENU_ITEM_STYLES.icon}\r\n aria-hidden\r\n >\r\n <Icon\r\n icon={endIcon}\r\n size={'xs'}\r\n />\r\n </Flex>\r\n )}\r\n </BaseMenu.Item>\r\n))\r\n\r\nDropdownMenuItem.displayName = 'DropdownMenu.Item'\r\n\r\nexport default DropdownMenuItem\r\n"],"names":["DropdownMenuItem","memo","className","destructive","startIcon","endIcon","shortcut","label","props","jsxs","BaseMenu","cn","DROPDOWN_MENU_ITEM_STYLES","jsx","Flex","Icon","Typography","DropdownMenuShortcut"],"mappings":";;;;;;;;;;;;AAuBA,MAAMA,IAA8CC,EAAK,CAAC;AAAA,EACtD,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACP,MACI,gBAAAC;AAAA,EAACC,EAAS;AAAA,EAAT;AAAA,IACG,WAAWC;AAAA,MACPC,EAA0B;AAAA,MAC1BT,KAAeS,EAA0B;AAAA,~~MACzCV~~;AAAA,IAAA;AAAA,~~IAEH~~,GAAGM;AAAA,IAEH,UAAA;AAAA,MAAAJ,KACG,gBAAAS;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,IAAI;AAAA,UACJ,gBAAgB;AAAA,UAChB,WAAWF,EAA0B;AAAA,UACrC,eAAW;AAAA,UAEX,UAAA,gBAAAC;AAAA,YAACE;AAAA,YAAA;AAAA,cACG,MAAMX;AAAA,cACN,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACV;AAAA,MAAA;AAAA,MAGR,gBAAAS;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,IAAI;AAAA,UACJ,SAAS;AAAA,UACT,UAAU;AAAA,UACV,OAAO;AAAA,UAEN,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,MAEJD,KAAY,gBAAAO,EAACI,GAAA,EAAsB,UAAAX,EAAA,CAAS;AAAA,MAC5CD,KACG,gBAAAQ;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,IAAI;AAAA,UACJ,gBAAgB;AAAA,UAChB,WAAWF,EAA0B;AAAA,UACrC,eAAW;AAAA,UAEX,UAAA,gBAAAC;AAAA,YAACE;AAAA,YAAA;AAAA,cACG,MAAMV;AAAA,cACN,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACV;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAER,CACH;~~AAEDL~~,EAAiB,cAAc;"}
1	+ {"version":3,"file":"DropdownMenuItem.js","sources":["../../../../../../../src/components/overlay/dropdown-menu/components/items/dropdown-menu-item/DropdownMenuItem.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_ITEM_STYLES } from '@components/overlay/dropdown-menu/components/_shared/item.css.ts'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport DropdownMenuShortcut from '@components/overlay/dropdown-menu/components/shortcut/DropdownMenuShortcut.tsx'\r\nimport type { DropdownMenuItemProps } from '@components/overlay/dropdown-menu/components/items/dropdown-menu-item/types/DropdownMenuItem.props.ts'\r\n\r\n/*\r\n A single actionable item inside the dropdown.\r\n \r\n @example\r\n * ```tsx\r\n * <DropdownMenuItem\r\n * label={'Edit'}\r\n * startIcon={'lucide:pencil'}\r\n * shortcut={'⌘E'}\r\n * />\r\n * ```\r\n */\r\nconst DropdownMenuItem: FC<DropdownMenuItemProps> = memo(({\r\n className,\r\n active = false,\r\n destructive = false,\r\n startIcon,\r\n endIcon,\r\n shortcut,\r\n label,\r\n ...props\r\n}) => (\r\n <BaseMenu.Item\r\n className={cn(\r\n DROPDOWN_MENU_ITEM_STYLES.root,\r\n destructive && DROPDOWN_MENU_ITEM_STYLES.destructive,\r\n className,\r\n )}\r\n data-active={active ? 'true' : undefined}\r\n {...props}\r\n >\r\n {startIcon && (\r\n <Flex\r\n as={'span'}\r\n justifyContent={'center'}\r\n className={DROPDOWN_MENU_ITEM_STYLES.icon}\r\n aria-hidden\r\n >\r\n <Icon\r\n icon={startIcon}\r\n size={'xs'}\r\n />\r\n </Flex>\r\n )}\r\n <Typography\r\n as={'span'}\r\n variant={'span'}\r\n maxLines={1}\r\n width={'100%'}\r\n >\r\n {label}\r\n </Typography>\r\n {shortcut && <DropdownMenuShortcut>{shortcut}</DropdownMenuShortcut>}\r\n {endIcon && (\r\n <Flex\r\n as={'span'}\r\n justifyContent={'center'}\r\n className={DROPDOWN_MENU_ITEM_STYLES.icon}\r\n aria-hidden\r\n >\r\n <Icon\r\n icon={endIcon}\r\n size={'xs'}\r\n />\r\n </Flex>\r\n )}\r\n </BaseMenu.Item>\r\n))\r\n\r\nDropdownMenuItem.displayName = 'DropdownMenu.Item'\r\n\r\nexport default DropdownMenuItem\r\n"],"names":["DropdownMenuItem","memo","className","active","destructive","startIcon","endIcon","shortcut","label","props","jsxs","BaseMenu","cn","DROPDOWN_MENU_ITEM_STYLES","jsx","Flex","Icon","Typography","DropdownMenuShortcut"],"mappings":";;;;;;;;;;;;AAuBA,MAAMA,IAA8CC,EAAK,CAAC;AAAA,EACtD,WAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,aAAAC,IAAc;AAAA,EACd,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACP,MACI,gBAAAC;AAAA,EAACC,EAAS;AAAA,EAAT;AAAA,IACG,WAAWC;AAAA,MACPC,EAA0B;AAAA,MAC1BT,KAAeS,EAA0B;AAAA,MACzCX;AAAA,IAAA;AAAA,IAEJ,eAAaC,IAAS,SAAS;AAAA,IAC9B,GAAGM;AAAA,IAEH,UAAA;AAAA,MAAAJ,KACG,gBAAAS;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,IAAI;AAAA,UACJ,gBAAgB;AAAA,UAChB,WAAWF,EAA0B;AAAA,UACrC,eAAW;AAAA,UAEX,UAAA,gBAAAC;AAAA,YAACE;AAAA,YAAA;AAAA,cACG,MAAMX;AAAA,cACN,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACV;AAAA,MAAA;AAAA,MAGR,gBAAAS;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,IAAI;AAAA,UACJ,SAAS;AAAA,UACT,UAAU;AAAA,UACV,OAAO;AAAA,UAEN,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,MAEJD,KAAY,gBAAAO,EAACI,GAAA,EAAsB,UAAAX,EAAA,CAAS;AAAA,MAC5CD,KACG,gBAAAQ;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,IAAI;AAAA,UACJ,gBAAgB;AAAA,UAChB,WAAWF,EAA0B;AAAA,UACrC,eAAW;AAAA,UAEX,UAAA,gBAAAC;AAAA,YAACE;AAAA,YAAA;AAAA,cACG,MAAMV;AAAA,cACN,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACV;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAER,CACH;AAEDN,EAAiB,cAAc;"}

package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-item/types/DropdownMenuItem.props.d.ts CHANGED Viewed

@@ -2,6 +2,8 @@ import { Menu } from '@base-ui/react/menu';
 export type DropdownMenuItemProps = Omit<Menu.Item.Props, 'children'> & {
     /** Text label of the item. */
     label: string;
+    /** Marks the item as the currently selected option. */
+    active?: boolean;
     /** Renders the item with a destructive (danger) visual style. */
     destructive?: boolean;
     /** Iconify icon identifier rendered on the left side of the item. */

package/dist/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-content/DropdownMenuSubContent.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownMenuSubContent.cjs","sources":["../../../../../../../src/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-content/DropdownMenuSubContent.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type CSSProperties, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_SUB_CONTENT_STYLES } from '@components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-content/styles/DropdownMenuSubContent.css.ts'\r\nimport type { DropdownMenuSubContentProps } from '@components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-content/types/DropdownMenuSubContent.props.ts'\r\nimport { useViewportShift } from '@hooks'\r\n\r\n/*\r\n The panel that appears for a nested sub-menu.\r\n * Rendered in a portal for correct stacking.\r\n \r\n Same viewport-shift strategy as DropdownMenuContent:\r\n * Base UI's side-flipping is disabled and replaced by an offset correction.\r\n */\r\nconst DropdownMenuSubContent: FC<DropdownMenuSubContentProps> = memo(({\r\n className,\r\n collisionPadding = 8,\r\n width = '14rem',\r\n style,\r\n ...props\r\n}) => {\r\n const contentRef = useViewportShift(collisionPadding)\r\n\r\n return (\r\n <BaseMenu.Portal>\r\n <BaseMenu.Positioner\r\n sideOffset={6}\r\n // Disable Base UI's flip/shift — our hook handles collision instead.\r\n collisionAvoidance={{ side: 'none', align: 'none' }}\r\n {...props}\r\n >\r\n <BaseMenu.Popup\r\n ref={contentRef}\r\n className={cn(DROPDOWN_MENU_SUB_CONTENT_STYLES.root, className)}\r\n style={{ width, ...style } as CSSProperties}\r\n >\r\n {props.children}\r\n </BaseMenu.Popup>\r\n </BaseMenu.Positioner>\r\n </BaseMenu.Portal>\r\n )\r\n})\r\n\r\nDropdownMenuSubContent.displayName = 'DropdownMenu.SubContent'\r\n\r\nexport default DropdownMenuSubContent\r\n"],"names":["DropdownMenuSubContent","memo","className","collisionPadding","width","style","props","contentRef","useViewportShift","jsx","BaseMenu","cn","DROPDOWN_MENU_SUB_CONTENT_STYLES"],"mappings":"yRAeMA,EAA0DC,EAAAA,KAAK,CAAC,CAClE,UAAAC,EACA,iBAAAC,EAAmB,EACnB,MAAAC,EAAQ,QACR,MAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAaC,EAAAA,iBAAiBL,CAAgB,EAEpD,OACIM,EAAAA,IAACC,EAAAA,KAAS,OAAT,CACG,SAAAD,EAAAA,IAACC,EAAAA,KAAS,WAAT,CACG,WAAY,EAEZ,mBAAoB,CAAE,KAAM,OAAQ,MAAO,MAAA,EAC1C,GAAGJ,EAEJ,SAAAG,EAAAA,IAACC,EAAAA,KAAS,MAAT,CACG,IAAKH,EACL,UAAWI,EAAAA,GAAGC,mCAAiC,KAAMV,CAAS,EAC9D,MAAO,CAAE,MAAAE,EAAO,GAAGC,CAAA,EAElB,SAAAC,EAAM,QAAA,CAAA,CACX,CAAA,EAER,CAER,CAAC,EAEDN,EAAuB,YAAc"}
1	+ {"version":3,"file":"DropdownMenuSubContent.cjs","sources":["../../../../../../../src/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-content/DropdownMenuSubContent.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type CSSProperties, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_SUB_CONTENT_STYLES } from '@components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-content/styles/DropdownMenuSubContent.css.ts'\r\nimport type { DropdownMenuSubContentProps } from '@components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-content/types/DropdownMenuSubContent.props.ts'\r\nimport { useViewportShift } from '@hooks/use-viewport-shift/useViewportShift.hook.ts'\r\n\r\n/*\r\n The panel that appears for a nested sub-menu.\r\n * Rendered in a portal for correct stacking.\r\n \r\n Same viewport-shift strategy as DropdownMenuContent:\r\n * Base UI's side-flipping is disabled and replaced by an offset correction.\r\n */\r\nconst DropdownMenuSubContent: FC<DropdownMenuSubContentProps> = memo(({\r\n className,\r\n collisionPadding = 8,\r\n width = '14rem',\r\n style,\r\n ...props\r\n}) => {\r\n const contentRef = useViewportShift(collisionPadding)\r\n\r\n return (\r\n <BaseMenu.Portal>\r\n <BaseMenu.Positioner\r\n sideOffset={6}\r\n // Disable Base UI's flip/shift — our hook handles collision instead.\r\n collisionAvoidance={{ side: 'none', align: 'none' }}\r\n {...props}\r\n >\r\n <BaseMenu.Popup\r\n ref={contentRef}\r\n className={cn(DROPDOWN_MENU_SUB_CONTENT_STYLES.root, className)}\r\n style={{ width, ...style } as CSSProperties}\r\n >\r\n {props.children}\r\n </BaseMenu.Popup>\r\n </BaseMenu.Positioner>\r\n </BaseMenu.Portal>\r\n )\r\n})\r\n\r\nDropdownMenuSubContent.displayName = 'DropdownMenu.SubContent'\r\n\r\nexport default DropdownMenuSubContent\r\n"],"names":["DropdownMenuSubContent","memo","className","collisionPadding","width","style","props","contentRef","useViewportShift","jsx","BaseMenu","cn","DROPDOWN_MENU_SUB_CONTENT_STYLES"],"mappings":"yRAeMA,EAA0DC,EAAAA,KAAK,CAAC,CAClE,UAAAC,EACA,iBAAAC,EAAmB,EACnB,MAAAC,EAAQ,QACR,MAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAaC,EAAAA,iBAAiBL,CAAgB,EAEpD,OACIM,EAAAA,IAACC,EAAAA,KAAS,OAAT,CACG,SAAAD,EAAAA,IAACC,EAAAA,KAAS,WAAT,CACG,WAAY,EAEZ,mBAAoB,CAAE,KAAM,OAAQ,MAAO,MAAA,EAC1C,GAAGJ,EAEJ,SAAAG,EAAAA,IAACC,EAAAA,KAAS,MAAT,CACG,IAAKH,EACL,UAAWI,EAAAA,GAAGC,mCAAiC,KAAMV,CAAS,EAC9D,MAAO,CAAE,MAAAE,EAAO,GAAGC,CAAA,EAElB,SAAAC,EAAM,QAAA,CAAA,CACX,CAAA,EAER,CAER,CAAC,EAEDN,EAAuB,YAAc"}

package/dist/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-content/DropdownMenuSubContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownMenuSubContent.js","sources":["../../../../../../../src/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-content/DropdownMenuSubContent.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type CSSProperties, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_SUB_CONTENT_STYLES } from '@components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-content/styles/DropdownMenuSubContent.css.ts'\r\nimport type { DropdownMenuSubContentProps } from '@components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-content/types/DropdownMenuSubContent.props.ts'\r\nimport { useViewportShift } from '@hooks'\r\n\r\n/*\r\n The panel that appears for a nested sub-menu.\r\n * Rendered in a portal for correct stacking.\r\n \r\n Same viewport-shift strategy as DropdownMenuContent:\r\n * Base UI's side-flipping is disabled and replaced by an offset correction.\r\n */\r\nconst DropdownMenuSubContent: FC<DropdownMenuSubContentProps> = memo(({\r\n className,\r\n collisionPadding = 8,\r\n width = '14rem',\r\n style,\r\n ...props\r\n}) => {\r\n const contentRef = useViewportShift(collisionPadding)\r\n\r\n return (\r\n <BaseMenu.Portal>\r\n <BaseMenu.Positioner\r\n sideOffset={6}\r\n // Disable Base UI's flip/shift — our hook handles collision instead.\r\n collisionAvoidance={{ side: 'none', align: 'none' }}\r\n {...props}\r\n >\r\n <BaseMenu.Popup\r\n ref={contentRef}\r\n className={cn(DROPDOWN_MENU_SUB_CONTENT_STYLES.root, className)}\r\n style={{ width, ...style } as CSSProperties}\r\n >\r\n {props.children}\r\n </BaseMenu.Popup>\r\n </BaseMenu.Positioner>\r\n </BaseMenu.Portal>\r\n )\r\n})\r\n\r\nDropdownMenuSubContent.displayName = 'DropdownMenu.SubContent'\r\n\r\nexport default DropdownMenuSubContent\r\n"],"names":["DropdownMenuSubContent","memo","className","collisionPadding","width","style","props","contentRef","useViewportShift","jsx","BaseMenu","cn","DROPDOWN_MENU_SUB_CONTENT_STYLES"],"mappings":";;;;;;AAeA,MAAMA,IAA0DC,EAAK,CAAC;AAAA,EAClE,WAAAC;AAAA,EACA,kBAAAC,IAAmB;AAAA,EACnB,OAAAC,IAAQ;AAAA,EACR,OAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAaC,EAAiBL,CAAgB;AAEpD,SACI,gBAAAM,EAACC,EAAS,QAAT,EACG,UAAA,gBAAAD;AAAA,IAACC,EAAS;AAAA,IAAT;AAAA,MACG,YAAY;AAAA,MAEZ,oBAAoB,EAAE,MAAM,QAAQ,OAAO,OAAA;AAAA,MAC1C,GAAGJ;AAAA,MAEJ,UAAA,gBAAAG;AAAA,QAACC,EAAS;AAAA,QAAT;AAAA,UACG,KAAKH;AAAA,UACL,WAAWI,EAAGC,EAAiC,MAAMV,CAAS;AAAA,UAC9D,OAAO,EAAE,OAAAE,GAAO,GAAGC,EAAA;AAAA,UAElB,UAAAC,EAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACX;AAAA,EAAA,GAER;AAER,CAAC;AAEDN,EAAuB,cAAc;"}
1	+ {"version":3,"file":"DropdownMenuSubContent.js","sources":["../../../../../../../src/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-content/DropdownMenuSubContent.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type CSSProperties, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_SUB_CONTENT_STYLES } from '@components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-content/styles/DropdownMenuSubContent.css.ts'\r\nimport type { DropdownMenuSubContentProps } from '@components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-content/types/DropdownMenuSubContent.props.ts'\r\nimport { useViewportShift } from '@hooks/use-viewport-shift/useViewportShift.hook.ts'\r\n\r\n/*\r\n The panel that appears for a nested sub-menu.\r\n * Rendered in a portal for correct stacking.\r\n \r\n Same viewport-shift strategy as DropdownMenuContent:\r\n * Base UI's side-flipping is disabled and replaced by an offset correction.\r\n */\r\nconst DropdownMenuSubContent: FC<DropdownMenuSubContentProps> = memo(({\r\n className,\r\n collisionPadding = 8,\r\n width = '14rem',\r\n style,\r\n ...props\r\n}) => {\r\n const contentRef = useViewportShift(collisionPadding)\r\n\r\n return (\r\n <BaseMenu.Portal>\r\n <BaseMenu.Positioner\r\n sideOffset={6}\r\n // Disable Base UI's flip/shift — our hook handles collision instead.\r\n collisionAvoidance={{ side: 'none', align: 'none' }}\r\n {...props}\r\n >\r\n <BaseMenu.Popup\r\n ref={contentRef}\r\n className={cn(DROPDOWN_MENU_SUB_CONTENT_STYLES.root, className)}\r\n style={{ width, ...style } as CSSProperties}\r\n >\r\n {props.children}\r\n </BaseMenu.Popup>\r\n </BaseMenu.Positioner>\r\n </BaseMenu.Portal>\r\n )\r\n})\r\n\r\nDropdownMenuSubContent.displayName = 'DropdownMenu.SubContent'\r\n\r\nexport default DropdownMenuSubContent\r\n"],"names":["DropdownMenuSubContent","memo","className","collisionPadding","width","style","props","contentRef","useViewportShift","jsx","BaseMenu","cn","DROPDOWN_MENU_SUB_CONTENT_STYLES"],"mappings":";;;;;;AAeA,MAAMA,IAA0DC,EAAK,CAAC;AAAA,EAClE,WAAAC;AAAA,EACA,kBAAAC,IAAmB;AAAA,EACnB,OAAAC,IAAQ;AAAA,EACR,OAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAaC,EAAiBL,CAAgB;AAEpD,SACI,gBAAAM,EAACC,EAAS,QAAT,EACG,UAAA,gBAAAD;AAAA,IAACC,EAAS;AAAA,IAAT;AAAA,MACG,YAAY;AAAA,MAEZ,oBAAoB,EAAE,MAAM,QAAQ,OAAO,OAAA;AAAA,MAC1C,GAAGJ;AAAA,MAEJ,UAAA,gBAAAG;AAAA,QAACC,EAAS;AAAA,QAAT;AAAA,UACG,KAAKH;AAAA,UACL,WAAWI,EAAGC,EAAiC,MAAMV,CAAS;AAAA,UAC9D,OAAO,EAAE,OAAAE,GAAO,GAAGC,EAAA;AAAA,UAElB,UAAAC,EAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACX;AAAA,EAAA,GAER;AAER,CAAC;AAEDN,EAAuB,cAAc;"}

package/dist/components/overlay/dropdown-menu/components/trigger/DropdownMenuTrigger.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const o=require("react/jsx-runtime"),s=require("@base-ui/react/menu"),i=require("react"),e=i.memo(({children:r,...n})=>o.jsx(s.Menu.Trigger,{...n,render:r}));e.displayName="DropdownMenu.Trigger";module.exports=e;
+"use strict";const s=require("react/jsx-runtime"),i=require("@base-ui/react/menu"),t=require("react"),e=t.memo(({children:r,ref:n,...o})=>s.jsx(i.Menu.Trigger,{...o,ref:n,render:r}));e.displayName="DropdownMenu.Trigger";module.exports=e;
 //# sourceMappingURL=DropdownMenuTrigger.cjs.map

package/dist/components/overlay/dropdown-menu/components/trigger/DropdownMenuTrigger.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownMenuTrigger.cjs","sources":["../../../../../../src/components/overlay/dropdown-menu/components/trigger/DropdownMenuTrigger.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, ~~type FC~~ } from 'react'\r\n\r\nimport type { DropdownMenuTriggerProps } from '@components/overlay/dropdown-menu/components/trigger/types/DropdownMenuTrigger.props.ts'\r\n\r\n/*\r\n The element that opens the dropdown.\r\n * Pass your own element as `children` (e.g. `<Button />`) to use it as the trigger.\r\n */\r\nconst DropdownMenuTrigger: ~~FC<DropdownMenuTriggerProps>~~ = memo(({ children, ...props }) => (\r\n <BaseMenu.Trigger\r\n {...props}\r\n render={children}\r\n />\r\n))\r\n\r\nDropdownMenuTrigger.displayName = 'DropdownMenu.Trigger'\r\n\r\nexport default DropdownMenuTrigger\r\n"],"names":["DropdownMenuTrigger","memo","children","props","jsx","BaseMenu"],"mappings":"sGASMA,~~EAAoDC~~,EAAAA,~~KAAK~~,CAAC,CAAE,SAAAC,EAAU,GAAGC,~~KAC3EC~~,EAAAA,IAACC,EAAAA,KAAS,QAAT,CACI,GAAGF,EACJ,OAAQD,CAAA,~~CACZ~~,~~CACH~~,~~EAEDF~~,EAAoB,YAAc"}
1	+ {"version":3,"file":"DropdownMenuTrigger.cjs","sources":["../../../../../../src/components/overlay/dropdown-menu/components/trigger/DropdownMenuTrigger.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo } from 'react'\r\n\r\nimport type { DropdownMenuTriggerProps } from '@components/overlay/dropdown-menu/components/trigger/types/DropdownMenuTrigger.props.ts'\r\n\r\n/*\r\n The element that opens the dropdown.\r\n * Pass your own element as `children` (e.g. `<Button />`) to use it as the trigger.\r\n */\r\nconst DropdownMenuTrigger = memo(\r\n ({ children, ref, ...props }: DropdownMenuTriggerProps) => (\r\n <BaseMenu.Trigger\r\n {...props}\r\n ref={ref}\r\n render={children}\r\n />\r\n ),\r\n)\r\n\r\nDropdownMenuTrigger.displayName = 'DropdownMenu.Trigger'\r\n\r\nexport default DropdownMenuTrigger\r\n"],"names":["DropdownMenuTrigger","memo","children","ref","props","jsx","BaseMenu"],"mappings":"sGASMA,EAAsBC,EAAAA,KACxB,CAAC,CAAE,SAAAC,EAAU,IAAAC,EAAK,GAAGC,KACjBC,EAAAA,IAACC,EAAAA,KAAS,QAAT,CACI,GAAGF,EACJ,IAAAD,EACA,OAAQD,CAAA,CAAA,CAGpB,EAEAF,EAAoB,YAAc"}

package/dist/components/overlay/dropdown-menu/components/trigger/DropdownMenuTrigger.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
-import { FC } from 'react';
 import { DropdownMenuTriggerProps } from './types/DropdownMenuTrigger.props.ts';
+import { MemoExoticComponent } from 'react';
 /**
  * The element that opens the dropdown.
  * Pass your own element as `children` (e.g. `<Button />`) to use it as the trigger.
  */
-declare const DropdownMenuTrigger: FC<DropdownMenuTriggerProps>;
+declare const DropdownMenuTrigger: MemoExoticComponent<({ children, ref, ...props }: DropdownMenuTriggerProps) => import("react").JSX.Element>;
 export default DropdownMenuTrigger;

package/dist/components/overlay/dropdown-menu/components/trigger/DropdownMenuTrigger.js CHANGED Viewed

@@ -1,15 +1,18 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Menu as m } from "@base-ui/react/menu";
-import { memo as i } from "react";
-const n = i(({ children: r, ...o }) => /* @__PURE__ */ e(
-  m.Trigger,
-  {
-    ...o,
-    render: r
-  }
-));
-n.displayName = "DropdownMenu.Trigger";
+import { jsx as m } from "react/jsx-runtime";
+import { Menu as i } from "@base-ui/react/menu";
+import { memo as n } from "react";
+const p = n(
+  ({ children: r, ref: o, ...e }) => /* @__PURE__ */ m(
+    i.Trigger,
+    {
+      ...e,
+      ref: o,
+      render: r
+    }
+  )
+);
+p.displayName = "DropdownMenu.Trigger";
 export {
-  n as default
+  p as default
 };
 //# sourceMappingURL=DropdownMenuTrigger.js.map

package/dist/components/overlay/dropdown-menu/components/trigger/DropdownMenuTrigger.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownMenuTrigger.js","sources":["../../../../../../src/components/overlay/dropdown-menu/components/trigger/DropdownMenuTrigger.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, ~~type FC~~ } from 'react'\r\n\r\nimport type { DropdownMenuTriggerProps } from '@components/overlay/dropdown-menu/components/trigger/types/DropdownMenuTrigger.props.ts'\r\n\r\n/*\r\n The element that opens the dropdown.\r\n * Pass your own element as `children` (e.g. `<Button />`) to use it as the trigger.\r\n */\r\nconst DropdownMenuTrigger: ~~FC<DropdownMenuTriggerProps>~~ = memo(({ children, ...props }) => (\r\n <BaseMenu.Trigger\r\n {...props}\r\n render={children}\r\n />\r\n))\r\n\r\nDropdownMenuTrigger.displayName = 'DropdownMenu.Trigger'\r\n\r\nexport default DropdownMenuTrigger\r\n"],"names":["DropdownMenuTrigger","memo","children","props","jsx","BaseMenu"],"mappings":";;;AASA,MAAMA,~~IAAoDC~~,~~EAAK~~,CAAC,EAAE,UAAAC,GAAU,GAAGC,~~QAC3E~~,gBAAAC;AAAA,~~EAACC~~,EAAS;AAAA,~~EAAT~~;AAAA,~~IACI~~,GAAGF;AAAA,~~IACJ~~,QAAQD;AAAA,~~EAAA~~;~~AACZ~~,~~CACH~~;~~AAEDF~~,EAAoB,cAAc;"}
1	+ {"version":3,"file":"DropdownMenuTrigger.js","sources":["../../../../../../src/components/overlay/dropdown-menu/components/trigger/DropdownMenuTrigger.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo } from 'react'\r\n\r\nimport type { DropdownMenuTriggerProps } from '@components/overlay/dropdown-menu/components/trigger/types/DropdownMenuTrigger.props.ts'\r\n\r\n/*\r\n The element that opens the dropdown.\r\n * Pass your own element as `children` (e.g. `<Button />`) to use it as the trigger.\r\n */\r\nconst DropdownMenuTrigger = memo(\r\n ({ children, ref, ...props }: DropdownMenuTriggerProps) => (\r\n <BaseMenu.Trigger\r\n {...props}\r\n ref={ref}\r\n render={children}\r\n />\r\n ),\r\n)\r\n\r\nDropdownMenuTrigger.displayName = 'DropdownMenu.Trigger'\r\n\r\nexport default DropdownMenuTrigger\r\n"],"names":["DropdownMenuTrigger","memo","children","ref","props","jsx","BaseMenu"],"mappings":";;;AASA,MAAMA,IAAsBC;AAAA,EACxB,CAAC,EAAE,UAAAC,GAAU,KAAAC,GAAK,GAAGC,QACjB,gBAAAC;AAAA,IAACC,EAAS;AAAA,IAAT;AAAA,MACI,GAAGF;AAAA,MACJ,KAAAD;AAAA,MACA,QAAQD;AAAA,IAAA;AAAA,EAAA;AAGpB;AAEAF,EAAoB,cAAc;"}

package/dist/components/overlay/hover-card/components/content/HoverCardContent.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HoverCardContent.cjs","sources":["../../../../../../src/components/overlay/hover-card/components/content/HoverCardContent.tsx"],"sourcesContent":["import { PreviewCard } from '@base-ui/react/preview-card'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { POPOVER_CONTENT_STYLES } from '@components/overlay/popover/components/content/styles/PopoverContent.css.ts'\r\nimport type { HoverCardContentProps } from '@components/overlay/hover-card/components/content/types/HoverCardContent.props.ts'\r\nimport { parsePosition } from '@components/overlay/_shared/utils/parsePosition.utils.ts'\r\nimport { useViewportShift } from '@hooks'\r\n\r\n/*\r\n The panel that appears when the trigger is hovered.\r\n * Rendered inside a portal by default for correct stacking.\r\n \r\n Reuses the popover visual styles so hover cards look identical to popovers.\r\n * Base UI's built-in collision avoidance is disabled here: it would flip the panel\r\n * to the opposite side when space is tight, which is jarring.\r\n * Instead, `useViewportShift` detects any overflow after positioning and\r\n * shifts the panel inward by exactly the overflowing amount — keeping the\r\n * original side and never cropping the content.\r\n \r\n Unlike `PopoverContent`, this intentionally omits the `defaultAriaLabel`\r\n * accessible-name fallback: a Base UI preview-card panel is non-modal and exposes\r\n * no `dialog` role, so it needs no required accessible name. Any `aria-label` /\r\n * `aria-labelledby` a consumer passes is still forwarded via `...props`.\r\n */\r\nconst HoverCardContent: FC<HoverCardContentProps> = memo(({\r\n className,\r\n position,\r\n side: sideProp = 'bottom',\r\n align: alignProp = 'center',\r\n sideOffset = 6,\r\n collisionPadding = 8,\r\n ...props\r\n}) => {\r\n const contentRef = useViewportShift(collisionPadding)\r\n\r\n const { side, align } = position\r\n ? parsePosition(position)\r\n : { side: sideProp, align: alignProp }\r\n\r\n return (\r\n <PreviewCard.Portal>\r\n <PreviewCard.Positioner\r\n side={side}\r\n align={align}\r\n sideOffset={sideOffset}\r\n className={'isolate'}\r\n // Disable Base UI's flip/shift — our hook handles collision instead.\r\n collisionAvoidance={{ side: 'none', align: 'none', fallbackAxisSide: 'none' }}\r\n >\r\n <PreviewCard.Popup\r\n ref={contentRef}\r\n className={cn(POPOVER_CONTENT_STYLES.root, className)}\r\n {...props}\r\n />\r\n </PreviewCard.Positioner>\r\n </PreviewCard.Portal>\r\n )\r\n})\r\n\r\nHoverCardContent.displayName = 'HoverCard.Content'\r\n\r\nexport default HoverCardContent\r\n"],"names":["HoverCardContent","memo","className","position","sideProp","alignProp","sideOffset","collisionPadding","props","contentRef","useViewportShift","side","align","parsePosition","jsx","PreviewCard","cn","POPOVER_CONTENT_STYLES"],"mappings":"iXAyBMA,EAA8CC,EAAAA,KAAK,CAAC,CACtD,UAAAC,EACA,SAAAC,EACA,KAAMC,EAAW,SACjB,MAAOC,EAAY,SACnB,WAAAC,EAAa,EACb,iBAAAC,EAAmB,EACnB,GAAGC,CACP,IAAM,CACF,MAAMC,EAAaC,EAAAA,iBAAiBH,CAAgB,EAE9C,CAAE,KAAAI,EAAM,MAAAC,CAAA,EAAUT,EAClBU,EAAAA,cAAcV,CAAQ,EACtB,CAAE,KAAMC,EAAU,MAAOC,CAAA,EAE/B,OACIS,EAAAA,IAACC,EAAAA,YAAY,OAAZ,CACG,SAAAD,EAAAA,IAACC,EAAAA,YAAY,WAAZ,CACG,KAAAJ,EACA,MAAAC,EACA,WAAAN,EACA,UAAW,UAEX,mBAAoB,CAAE,KAAM,OAAQ,MAAO,OAAQ,iBAAkB,MAAA,EAErE,SAAAQ,EAAAA,IAACC,EAAAA,YAAY,MAAZ,CACG,IAAKN,EACL,UAAWO,EAAAA,GAAGC,yBAAuB,KAAMf,CAAS,EACnD,GAAGM,CAAA,CAAA,CACR,CAAA,EAER,CAER,CAAC,EAEDR,EAAiB,YAAc"}
1	+ {"version":3,"file":"HoverCardContent.cjs","sources":["../../../../../../src/components/overlay/hover-card/components/content/HoverCardContent.tsx"],"sourcesContent":["import { PreviewCard } from '@base-ui/react/preview-card'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { POPOVER_CONTENT_STYLES } from '@components/overlay/popover/components/content/styles/PopoverContent.css.ts'\r\nimport type { HoverCardContentProps } from '@components/overlay/hover-card/components/content/types/HoverCardContent.props.ts'\r\nimport { parsePosition } from '@components/overlay/_shared/utils/parsePosition.utils.ts'\r\nimport { useViewportShift } from '@hooks/use-viewport-shift/useViewportShift.hook.ts'\r\n\r\n/*\r\n The panel that appears when the trigger is hovered.\r\n * Rendered inside a portal by default for correct stacking.\r\n \r\n Reuses the popover visual styles so hover cards look identical to popovers.\r\n * Base UI's built-in collision avoidance is disabled here: it would flip the panel\r\n * to the opposite side when space is tight, which is jarring.\r\n * Instead, `useViewportShift` detects any overflow after positioning and\r\n * shifts the panel inward by exactly the overflowing amount — keeping the\r\n * original side and never cropping the content.\r\n \r\n Unlike `PopoverContent`, this intentionally omits the `defaultAriaLabel`\r\n * accessible-name fallback: a Base UI preview-card panel is non-modal and exposes\r\n * no `dialog` role, so it needs no required accessible name. Any `aria-label` /\r\n * `aria-labelledby` a consumer passes is still forwarded via `...props`.\r\n */\r\nconst HoverCardContent: FC<HoverCardContentProps> = memo(({\r\n className,\r\n position,\r\n side: sideProp = 'bottom',\r\n align: alignProp = 'center',\r\n sideOffset = 6,\r\n collisionPadding = 8,\r\n ...props\r\n}) => {\r\n const contentRef = useViewportShift(collisionPadding)\r\n\r\n const { side, align } = position\r\n ? parsePosition(position)\r\n : { side: sideProp, align: alignProp }\r\n\r\n return (\r\n <PreviewCard.Portal>\r\n <PreviewCard.Positioner\r\n side={side}\r\n align={align}\r\n sideOffset={sideOffset}\r\n className={'isolate'}\r\n // Disable Base UI's flip/shift — our hook handles collision instead.\r\n collisionAvoidance={{ side: 'none', align: 'none', fallbackAxisSide: 'none' }}\r\n >\r\n <PreviewCard.Popup\r\n ref={contentRef}\r\n className={cn(POPOVER_CONTENT_STYLES.root, className)}\r\n {...props}\r\n />\r\n </PreviewCard.Positioner>\r\n </PreviewCard.Portal>\r\n )\r\n})\r\n\r\nHoverCardContent.displayName = 'HoverCard.Content'\r\n\r\nexport default HoverCardContent\r\n"],"names":["HoverCardContent","memo","className","position","sideProp","alignProp","sideOffset","collisionPadding","props","contentRef","useViewportShift","side","align","parsePosition","jsx","PreviewCard","cn","POPOVER_CONTENT_STYLES"],"mappings":"iXAyBMA,EAA8CC,EAAAA,KAAK,CAAC,CACtD,UAAAC,EACA,SAAAC,EACA,KAAMC,EAAW,SACjB,MAAOC,EAAY,SACnB,WAAAC,EAAa,EACb,iBAAAC,EAAmB,EACnB,GAAGC,CACP,IAAM,CACF,MAAMC,EAAaC,EAAAA,iBAAiBH,CAAgB,EAE9C,CAAE,KAAAI,EAAM,MAAAC,CAAA,EAAUT,EAClBU,EAAAA,cAAcV,CAAQ,EACtB,CAAE,KAAMC,EAAU,MAAOC,CAAA,EAE/B,OACIS,EAAAA,IAACC,EAAAA,YAAY,OAAZ,CACG,SAAAD,EAAAA,IAACC,EAAAA,YAAY,WAAZ,CACG,KAAAJ,EACA,MAAAC,EACA,WAAAN,EACA,UAAW,UAEX,mBAAoB,CAAE,KAAM,OAAQ,MAAO,OAAQ,iBAAkB,MAAA,EAErE,SAAAQ,EAAAA,IAACC,EAAAA,YAAY,MAAZ,CACG,IAAKN,EACL,UAAWO,EAAAA,GAAGC,yBAAuB,KAAMf,CAAS,EACnD,GAAGM,CAAA,CAAA,CACR,CAAA,EAER,CAER,CAAC,EAEDR,EAAiB,YAAc"}

package/dist/components/overlay/hover-card/components/content/HoverCardContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HoverCardContent.js","sources":["../../../../../../src/components/overlay/hover-card/components/content/HoverCardContent.tsx"],"sourcesContent":["import { PreviewCard } from '@base-ui/react/preview-card'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { POPOVER_CONTENT_STYLES } from '@components/overlay/popover/components/content/styles/PopoverContent.css.ts'\r\nimport type { HoverCardContentProps } from '@components/overlay/hover-card/components/content/types/HoverCardContent.props.ts'\r\nimport { parsePosition } from '@components/overlay/_shared/utils/parsePosition.utils.ts'\r\nimport { useViewportShift } from '@hooks'\r\n\r\n/*\r\n The panel that appears when the trigger is hovered.\r\n * Rendered inside a portal by default for correct stacking.\r\n \r\n Reuses the popover visual styles so hover cards look identical to popovers.\r\n * Base UI's built-in collision avoidance is disabled here: it would flip the panel\r\n * to the opposite side when space is tight, which is jarring.\r\n * Instead, `useViewportShift` detects any overflow after positioning and\r\n * shifts the panel inward by exactly the overflowing amount — keeping the\r\n * original side and never cropping the content.\r\n \r\n Unlike `PopoverContent`, this intentionally omits the `defaultAriaLabel`\r\n * accessible-name fallback: a Base UI preview-card panel is non-modal and exposes\r\n * no `dialog` role, so it needs no required accessible name. Any `aria-label` /\r\n * `aria-labelledby` a consumer passes is still forwarded via `...props`.\r\n */\r\nconst HoverCardContent: FC<HoverCardContentProps> = memo(({\r\n className,\r\n position,\r\n side: sideProp = 'bottom',\r\n align: alignProp = 'center',\r\n sideOffset = 6,\r\n collisionPadding = 8,\r\n ...props\r\n}) => {\r\n const contentRef = useViewportShift(collisionPadding)\r\n\r\n const { side, align } = position\r\n ? parsePosition(position)\r\n : { side: sideProp, align: alignProp }\r\n\r\n return (\r\n <PreviewCard.Portal>\r\n <PreviewCard.Positioner\r\n side={side}\r\n align={align}\r\n sideOffset={sideOffset}\r\n className={'isolate'}\r\n // Disable Base UI's flip/shift — our hook handles collision instead.\r\n collisionAvoidance={{ side: 'none', align: 'none', fallbackAxisSide: 'none' }}\r\n >\r\n <PreviewCard.Popup\r\n ref={contentRef}\r\n className={cn(POPOVER_CONTENT_STYLES.root, className)}\r\n {...props}\r\n />\r\n </PreviewCard.Positioner>\r\n </PreviewCard.Portal>\r\n )\r\n})\r\n\r\nHoverCardContent.displayName = 'HoverCard.Content'\r\n\r\nexport default HoverCardContent\r\n"],"names":["HoverCardContent","memo","className","position","sideProp","alignProp","sideOffset","collisionPadding","props","contentRef","useViewportShift","side","align","parsePosition","jsx","PreviewCard","cn","POPOVER_CONTENT_STYLES"],"mappings":";;;;;;;AAyBA,MAAMA,IAA8CC,EAAK,CAAC;AAAA,EACtD,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAMC,IAAW;AAAA,EACjB,OAAOC,IAAY;AAAA,EACnB,YAAAC,IAAa;AAAA,EACb,kBAAAC,IAAmB;AAAA,EACnB,GAAGC;AACP,MAAM;AACF,QAAMC,IAAaC,EAAiBH,CAAgB,GAE9C,EAAE,MAAAI,GAAM,OAAAC,EAAA,IAAUT,IAClBU,EAAcV,CAAQ,IACtB,EAAE,MAAMC,GAAU,OAAOC,EAAA;AAE/B,SACI,gBAAAS,EAACC,EAAY,QAAZ,EACG,UAAA,gBAAAD;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACG,MAAAJ;AAAA,MACA,OAAAC;AAAA,MACA,YAAAN;AAAA,MACA,WAAW;AAAA,MAEX,oBAAoB,EAAE,MAAM,QAAQ,OAAO,QAAQ,kBAAkB,OAAA;AAAA,MAErE,UAAA,gBAAAQ;AAAA,QAACC,EAAY;AAAA,QAAZ;AAAA,UACG,KAAKN;AAAA,UACL,WAAWO,EAAGC,EAAuB,MAAMf,CAAS;AAAA,UACnD,GAAGM;AAAA,QAAA;AAAA,MAAA;AAAA,IACR;AAAA,EAAA,GAER;AAER,CAAC;AAEDR,EAAiB,cAAc;"}
1	+ {"version":3,"file":"HoverCardContent.js","sources":["../../../../../../src/components/overlay/hover-card/components/content/HoverCardContent.tsx"],"sourcesContent":["import { PreviewCard } from '@base-ui/react/preview-card'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { POPOVER_CONTENT_STYLES } from '@components/overlay/popover/components/content/styles/PopoverContent.css.ts'\r\nimport type { HoverCardContentProps } from '@components/overlay/hover-card/components/content/types/HoverCardContent.props.ts'\r\nimport { parsePosition } from '@components/overlay/_shared/utils/parsePosition.utils.ts'\r\nimport { useViewportShift } from '@hooks/use-viewport-shift/useViewportShift.hook.ts'\r\n\r\n/*\r\n The panel that appears when the trigger is hovered.\r\n * Rendered inside a portal by default for correct stacking.\r\n \r\n Reuses the popover visual styles so hover cards look identical to popovers.\r\n * Base UI's built-in collision avoidance is disabled here: it would flip the panel\r\n * to the opposite side when space is tight, which is jarring.\r\n * Instead, `useViewportShift` detects any overflow after positioning and\r\n * shifts the panel inward by exactly the overflowing amount — keeping the\r\n * original side and never cropping the content.\r\n \r\n Unlike `PopoverContent`, this intentionally omits the `defaultAriaLabel`\r\n * accessible-name fallback: a Base UI preview-card panel is non-modal and exposes\r\n * no `dialog` role, so it needs no required accessible name. Any `aria-label` /\r\n * `aria-labelledby` a consumer passes is still forwarded via `...props`.\r\n */\r\nconst HoverCardContent: FC<HoverCardContentProps> = memo(({\r\n className,\r\n position,\r\n side: sideProp = 'bottom',\r\n align: alignProp = 'center',\r\n sideOffset = 6,\r\n collisionPadding = 8,\r\n ...props\r\n}) => {\r\n const contentRef = useViewportShift(collisionPadding)\r\n\r\n const { side, align } = position\r\n ? parsePosition(position)\r\n : { side: sideProp, align: alignProp }\r\n\r\n return (\r\n <PreviewCard.Portal>\r\n <PreviewCard.Positioner\r\n side={side}\r\n align={align}\r\n sideOffset={sideOffset}\r\n className={'isolate'}\r\n // Disable Base UI's flip/shift — our hook handles collision instead.\r\n collisionAvoidance={{ side: 'none', align: 'none', fallbackAxisSide: 'none' }}\r\n >\r\n <PreviewCard.Popup\r\n ref={contentRef}\r\n className={cn(POPOVER_CONTENT_STYLES.root, className)}\r\n {...props}\r\n />\r\n </PreviewCard.Positioner>\r\n </PreviewCard.Portal>\r\n )\r\n})\r\n\r\nHoverCardContent.displayName = 'HoverCard.Content'\r\n\r\nexport default HoverCardContent\r\n"],"names":["HoverCardContent","memo","className","position","sideProp","alignProp","sideOffset","collisionPadding","props","contentRef","useViewportShift","side","align","parsePosition","jsx","PreviewCard","cn","POPOVER_CONTENT_STYLES"],"mappings":";;;;;;;AAyBA,MAAMA,IAA8CC,EAAK,CAAC;AAAA,EACtD,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAMC,IAAW;AAAA,EACjB,OAAOC,IAAY;AAAA,EACnB,YAAAC,IAAa;AAAA,EACb,kBAAAC,IAAmB;AAAA,EACnB,GAAGC;AACP,MAAM;AACF,QAAMC,IAAaC,EAAiBH,CAAgB,GAE9C,EAAE,MAAAI,GAAM,OAAAC,EAAA,IAAUT,IAClBU,EAAcV,CAAQ,IACtB,EAAE,MAAMC,GAAU,OAAOC,EAAA;AAE/B,SACI,gBAAAS,EAACC,EAAY,QAAZ,EACG,UAAA,gBAAAD;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACG,MAAAJ;AAAA,MACA,OAAAC;AAAA,MACA,YAAAN;AAAA,MACA,WAAW;AAAA,MAEX,oBAAoB,EAAE,MAAM,QAAQ,OAAO,QAAQ,kBAAkB,OAAA;AAAA,MAErE,UAAA,gBAAAQ;AAAA,QAACC,EAAY;AAAA,QAAZ;AAAA,UACG,KAAKN;AAAA,UACL,WAAWO,EAAGC,EAAuB,MAAMf,CAAS;AAAA,UACnD,GAAGM;AAAA,QAAA;AAAA,MAAA;AAAA,IACR;AAAA,EAAA,GAER;AAER,CAAC;AAEDR,EAAiB,cAAc;"}

package/dist/components/overlay/index.d.ts CHANGED Viewed

@@ -1,6 +1,12 @@
 export * from './tooltip';
 export * from './dropdown-menu';
+export * from './context-menu';
 export * from './popover';
 export * from './hover-card';
 export * from './dialog';
+export * from './alert-dialog';
 export * from './drawer';
+export * from './panel';
+export * from './command';
+export { Backdrop, } from './_shared/components/overlay-backdrop';
+export type { OverlayBackdropProps as BackdropProps, } from './_shared/components/overlay-backdrop';

package/dist/components/overlay/panel/Panel.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),a=require("@base-ui/react/dialog"),t=require("react"),c=require("./context/Panel.context.cjs"),u=require("../dialog/components/dialog-body/DialogBody.cjs"),g=require("../dialog/components/dialog-close/DialogClose.cjs"),d=require("../dialog/components/dialog-description/DialogDescription.cjs"),q=require("../dialog/components/dialog-footer/DialogFooter.cjs"),D=require("../dialog/components/dialog-title/DialogTitle.cjs"),P=require("../dialog/components/dialog-trigger/DialogTrigger.cjs"),T=require("./components/panel-content/PanelContent.cjs"),m=require("./components/panel-header/PanelHeader.cjs"),e=t.memo(n=>{const o=t.useId(),[r,s]=t.useState(!1),l=t.useMemo(()=>({titleId:o,hasTitle:r,setHasTitle:s}),[r,o]);return i.jsx(c.PanelContext.Provider,{value:l,children:i.jsx(a.Dialog.Root,{...n})})});e.displayName="Panel";e.Trigger=P;e.Content=T;e.Header=m;e.Body=u;e.Footer=q;e.Title=D;e.Description=d;e.Close=g;exports.Panel=e;
2	+ //# sourceMappingURL=Panel.cjs.map

package/dist/components/overlay/panel/Panel.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Panel.cjs","sources":["../../../../src/components/overlay/panel/Panel.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog'\r\nimport { memo, useId, useMemo, useState } from 'react'\r\n\r\nimport { PanelContext } from '@components/overlay/panel/context/Panel.context.ts'\r\nimport DialogBody from '@components/overlay/dialog/components/dialog-body/DialogBody.tsx'\r\nimport DialogClose from '@components/overlay/dialog/components/dialog-close/DialogClose.tsx'\r\nimport DialogDescription from '@components/overlay/dialog/components/dialog-description/DialogDescription.tsx'\r\nimport DialogFooter from '@components/overlay/dialog/components/dialog-footer/DialogFooter.tsx'\r\nimport DialogTitle from '@components/overlay/dialog/components/dialog-title/DialogTitle.tsx'\r\nimport DialogTrigger from '@components/overlay/dialog/components/dialog-trigger/DialogTrigger.tsx'\r\nimport PanelContent from '@components/overlay/panel/components/panel-content/PanelContent.tsx'\r\nimport PanelHeader from '@components/overlay/panel/components/panel-header/PanelHeader.tsx'\r\nimport type {\r\n PanelCompound,\r\n PanelProps,\r\n} from '@components/overlay/panel/types'\r\n\r\nconst Panel = memo<PanelProps>((props) => {\r\n const titleId = useId()\r\n const [hasTitle, setHasTitle] = useState(false)\r\n const contextValue = useMemo(\r\n () => ({ titleId, hasTitle, setHasTitle }),\r\n [hasTitle, titleId],\r\n )\r\n\r\n return (\r\n <PanelContext.Provider value={contextValue}>\r\n <BaseDialog.Root {...props} />\r\n </PanelContext.Provider>\r\n )\r\n}) as unknown as PanelCompound\r\n\r\nPanel.displayName = 'Panel'\r\nPanel.Trigger = DialogTrigger\r\nPanel.Content = PanelContent\r\nPanel.Header = PanelHeader\r\nPanel.Body = DialogBody\r\nPanel.Footer = DialogFooter\r\nPanel.Title = DialogTitle\r\nPanel.Description = DialogDescription\r\nPanel.Close = DialogClose\r\n\r\nexport { Panel }\r\n"],"names":["Panel","memo","props","titleId","useId","hasTitle","setHasTitle","useState","contextValue","useMemo","jsx","PanelContext","BaseDialog","DialogTrigger","PanelContent","PanelHeader","DialogBody","DialogFooter","DialogTitle","DialogDescription","DialogClose"],"mappings":"8sBAiBMA,EAAQC,EAAAA,KAAkBC,GAAU,CACtC,MAAMC,EAAUC,EAAAA,MAAA,EACV,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAAS,EAAK,EACxCC,EAAeC,EAAAA,QACjB,KAAO,CAAE,QAAAN,EAAS,SAAAE,EAAU,YAAAC,IAC5B,CAACD,EAAUF,CAAO,CAAA,EAGtB,OACIO,EAAAA,IAACC,EAAAA,aAAa,SAAb,CAAsB,MAAOH,EAC1B,SAAAE,EAAAA,IAACE,EAAAA,OAAW,KAAX,CAAiB,GAAGV,CAAA,CAAO,CAAA,CAChC,CAER,CAAC,EAEDF,EAAM,YAAc,QACpBA,EAAM,QAAUa,EAChBb,EAAM,QAAUc,EAChBd,EAAM,OAASe,EACff,EAAM,KAAOgB,EACbhB,EAAM,OAASiB,EACfjB,EAAM,MAAQkB,EACdlB,EAAM,YAAcmB,EACpBnB,EAAM,MAAQoB"}

package/dist/components/overlay/panel/Panel.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { PanelCompound } from './types';
+declare const Panel: PanelCompound;
+export { Panel };