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

@choco-vanille/ui 1.1.2 → 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 (1359) hide show

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-checkbox-item/DropdownMenuCheckboxItem.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),r=require("@base-ui/react/menu"),c=require("react"),q=require("../../../../../../utils/cn.cjs"),d=require("../../_shared/item.css.cjs"),C=require("../../../../../layout/box/Box.cjs");require("../../../../../layout/box/styles/Box.css.cjs");const n=require("../../../../../forms/checkbox/styles/Checkbox.css.cjs"),l=require("../../../../../foundation/icon/Icon.cjs");require("../../../../../foundation/icon/styles/Icon.css.cjs");const p=require("../../../../../../constants/icons.cjs"),k=require("../../../../../foundation/typography/Typography.cjs");require("../../../../../foundation/typography/styles/Typography.css.cjs");const o=c.memo(({className:i,label:t,checked:a,onCheckedChange:s,...u})=>{const h=c.useCallback((x,m)=>s?.(x,m),[s]);return e.jsxs(r.Menu.CheckboxItem,{className:q.cn(d.DROPDOWN_MENU_ITEM_STYLES.root,i),checked:a,onCheckedChange:h,...u,children:[e.jsx(C,{as:"span",className:n.CHECKBOX_STYLES.root,children:e.jsx(r.Menu.CheckboxItemIndicator,{className:n.CHECKBOX_STYLES.indicator,children:e.jsx(l,{icon:p.IconRegistry.check,size:"xs"})})}),e.jsx(k,{as:"span",variant:"span",maxLines:1,width:"100%",children:t})]})});o.displayName="DropdownMenu.CheckboxItem";module.exports=o;
+"use strict";const e=require("react/jsx-runtime"),s=require("@base-ui/react/menu"),c=require("react"),q=require("../../../../../../utils/cn.cjs"),d=require("../../_shared/item.css.cjs"),C=require("../../../../../layout/box/Box.cjs");require("../../../../../layout/box/styles/Box.css.cjs");const n=require("../../../../../forms/checkbox/styles/Checkbox.css.cjs"),l=require("../../../../../foundation/icon/Icon.cjs");require("../../../../../foundation/icon/styles/Icon.css.cjs");const p=require("../../../../../../constants/icons.cjs"),k=require("../../../../../foundation/typography/Typography.cjs");require("../../../../../foundation/typography/styles/Typography.css.cjs");const o=c.memo(({className:i,label:t,checked:a,onCheckedChange:r,...u})=>{const h=c.useCallback((x,m)=>r?.(x,m),[r]);return e.jsxs(s.Menu.CheckboxItem,{className:q.cn(d.DROPDOWN_MENU_ITEM_STYLES.root,i),checked:a,onCheckedChange:h,...u,children:[e.jsx(C,{as:"span",className:n.CHECKBOX_STYLES.root,children:e.jsx(s.Menu.CheckboxItemIndicator,{className:n.CHECKBOX_STYLES.indicator,children:e.jsx(l,{icon:p.IconRegistry.check,size:"xs"})})}),e.jsx(k,{as:"span",variant:"span",maxLines:1,width:"100%",children:t})]})});o.displayName="DropdownMenu.CheckboxItem";module.exports=o;
 //# sourceMappingURL=DropdownMenuCheckboxItem.cjs.map

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/HoverCard.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const o=require("react/jsx-runtime"),t=require("@base-ui/react/preview-card"),i=require("react"),s=require("./components/content/HoverCardContent.cjs"),n=require("./components/trigger/HoverCardTrigger.cjs"),e=i.memo(r=>o.jsx(t.PreviewCard.Root,{...r}));e.displayName="HoverCard";e.Trigger=n;e.Content=s;module.exports=e;
+"use strict";const o=require("react/jsx-runtime"),t=require("@base-ui/react/preview-card"),i=require("react"),s=require("./components/content/HoverCardContent.cjs"),n=require("./components/trigger/HoverCardTrigger.cjs"),r=i.memo(e=>o.jsx(t.PreviewCard.Root,{...e}));r.displayName="HoverCard";r.Trigger=n;r.Content=s;module.exports=r;
 //# sourceMappingURL=HoverCard.cjs.map

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 };

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

@@ -0,0 +1,32 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Dialog as a } from "@base-ui/react/dialog";
+import { memo as n, useId as s, useState as p, useMemo as f } from "react";
+import { PanelContext as g } from "./context/Panel.context.js";
+import d from "../dialog/components/dialog-body/DialogBody.js";
+import D from "../dialog/components/dialog-close/DialogClose.js";
+import c from "../dialog/components/dialog-description/DialogDescription.js";
+import u from "../dialog/components/dialog-footer/DialogFooter.js";
+import P from "../dialog/components/dialog-title/DialogTitle.js";
+import T from "../dialog/components/dialog-trigger/DialogTrigger.js";
+import C from "./components/panel-content/PanelContent.js";
+import x from "./components/panel-header/PanelHeader.js";
+const o = n((i) => {
+  const e = s(), [r, m] = p(!1), l = f(
+    () => ({ titleId: e, hasTitle: r, setHasTitle: m }),
+    [r, e]
+  );
+  return /* @__PURE__ */ t(g.Provider, { value: l, children: /* @__PURE__ */ t(a.Root, { ...i }) });
+});
+o.displayName = "Panel";
+o.Trigger = T;
+o.Content = C;
+o.Header = x;
+o.Body = d;
+o.Footer = u;
+o.Title = P;
+o.Description = c;
+o.Close = D;
+export {
+  o as Panel
+};
+//# sourceMappingURL=Panel.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"Panel.js","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":";;;;;;;;;;;;AAiBA,MAAMA,IAAQC,EAAiB,CAACC,MAAU;AACtC,QAAMC,IAAUC,EAAA,GACV,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxCC,IAAeC;AAAA,IACjB,OAAO,EAAE,SAAAN,GAAS,UAAAE,GAAU,aAAAC;IAC5B,CAACD,GAAUF,CAAO;AAAA,EAAA;AAGtB,SACI,gBAAAO,EAACC,EAAa,UAAb,EAAsB,OAAOH,GAC1B,UAAA,gBAAAE,EAACE,EAAW,MAAX,EAAiB,GAAGV,EAAA,CAAO,EAAA,CAChC;AAER,CAAC;AAEDF,EAAM,cAAc;AACpBA,EAAM,UAAUa;AAChBb,EAAM,UAAUc;AAChBd,EAAM,SAASe;AACff,EAAM,OAAOgB;AACbhB,EAAM,SAASiB;AACfjB,EAAM,QAAQkB;AACdlB,EAAM,cAAcmB;AACpBnB,EAAM,QAAQoB;"}

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

	@@ -0,0 +1,2 @@
1	+ export { PanelContent } from './panel-content';
2	+ export { PanelHeader } from './panel-header';

package/dist/components/overlay/panel/components/panel-content/PanelContent.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const t=require("react/jsx-runtime"),l=require("@base-ui/react/dialog"),p=require("react"),q=require("../../../_shared/components/overlay-backdrop/OverlayBackdrop.cjs"),x=require("../../context/Panel.context.cjs"),e=require("../../styles/Panel.css.cjs"),L=require("../../../../../utils/cn.cjs"),n=p.memo(({className:o,width:r="33.333vw",position:c="right","aria-label":i,"aria-labelledby":a,defaultAriaLabel:u="Panel",children:P,style:d,...N})=>{const{hasTitle:s,titleId:b}=x.usePanelContext(),m=i??(!a&&!s?u:void 0),E=a??(s?b:void 0),S=c==="left"?e.PANEL_STYLES.left:e.PANEL_STYLES.right;return t.jsxs(l.Dialog.Portal,{children:[t.jsx(q,{className:e.PANEL_STYLES.backdrop}),t.jsx(l.Dialog.Popup,{className:L.cn(e.PANEL_STYLES.content,S,o),style:{...d,width:r},"aria-label":m,"aria-labelledby":E,...N,children:P})]})});n.displayName="Panel.Content";module.exports=n;
2	+ //# sourceMappingURL=PanelContent.cjs.map

package/dist/components/overlay/panel/components/panel-content/PanelContent.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PanelContent.cjs","sources":["../../../../../../src/components/overlay/panel/components/panel-content/PanelContent.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { OverlayBackdrop } from '@components/overlay/_shared/components/overlay-backdrop'\r\nimport { usePanelContext } from '@components/overlay/panel/context/Panel.context.ts'\r\nimport { PANEL_STYLES } from '@components/overlay/panel/styles/Panel.css.ts'\r\nimport type { PanelContentProps } from '@components/overlay/panel/components/panel-content/types/PanelContent.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst PanelContent: FC<PanelContentProps> = memo(\r\n ({\r\n className,\r\n width = '33.333vw',\r\n position = 'right',\r\n 'aria-label': ariaLabel,\r\n 'aria-labelledby': ariaLabelledBy,\r\n defaultAriaLabel = 'Panel',\r\n children,\r\n style,\r\n ...props\r\n }) => {\r\n const { hasTitle, titleId } = usePanelContext()\r\n const accessibleName =\r\n ariaLabel ?? (!ariaLabelledBy && !hasTitle ? defaultAriaLabel : undefined)\r\n const labelledBy = ariaLabelledBy ?? (hasTitle ? titleId : undefined)\r\n const positionClassName =\r\n position === 'left' ? PANEL_STYLES.left : PANEL_STYLES.right\r\n\r\n return (\r\n <BaseDialog.Portal>\r\n <OverlayBackdrop className={PANEL_STYLES.backdrop} />\r\n <BaseDialog.Popup\r\n className={cn(\r\n PANEL_STYLES.content,\r\n positionClassName,\r\n className,\r\n )}\r\n style={{ ...style, width }}\r\n aria-label={accessibleName}\r\n aria-labelledby={labelledBy}\r\n {...props}\r\n >\r\n {children}\r\n </BaseDialog.Popup>\r\n </BaseDialog.Portal>\r\n )\r\n },\r\n)\r\n\r\nPanelContent.displayName = 'Panel.Content'\r\n\r\nexport default PanelContent\r\n"],"names":["PanelContent","memo","className","width","position","ariaLabel","ariaLabelledBy","defaultAriaLabel","children","style","props","hasTitle","titleId","usePanelContext","accessibleName","labelledBy","positionClassName","PANEL_STYLES","jsxs","BaseDialog","jsx","OverlayBackdrop","cn"],"mappings":"oTASMA,EAAsCC,EAAAA,KACxC,CAAC,CACG,UAAAC,EACA,MAAAC,EAAQ,WACR,SAAAC,EAAW,QACX,aAAcC,EACd,kBAAmBC,EACnB,iBAAAC,EAAmB,QACnB,SAAAC,EACA,MAAAC,EACA,GAAGC,CAAA,IACD,CACF,KAAM,CAAE,SAAAC,EAAU,QAAAC,CAAA,EAAYC,kBAAA,EACxBC,EACRT,IAAc,CAACC,GAAkB,CAACK,EAAWJ,EAAmB,QACxDQ,EAAaT,IAAmBK,EAAWC,EAAU,QACrDI,EACRZ,IAAa,OAASa,EAAAA,aAAa,KAAOA,EAAAA,aAAa,MAErD,OACIC,OAACC,EAAAA,OAAW,OAAX,CACG,SAAA,CAAAC,EAAAA,IAACC,EAAA,CAAgB,UAAWJ,EAAAA,aAAa,QAAA,CAAU,EACnDG,EAAAA,IAACD,EAAAA,OAAW,MAAX,CACG,UAAWG,EAAAA,GACPL,EAAAA,aAAa,QACbD,EACAd,CAAA,EAEJ,MAAO,CAAE,GAAGO,EAAO,MAAAN,CAAA,EACnB,aAAYW,EACZ,kBAAiBC,EAChB,GAAGL,EAEH,SAAAF,CAAA,CAAA,CACL,EACJ,CAER,CACJ,EAEAR,EAAa,YAAc"}

package/dist/components/overlay/panel/components/panel-content/PanelContent.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { PanelContentProps } from './types/PanelContent.props.ts';
+declare const PanelContent: FC<PanelContentProps>;
+export default PanelContent;

package/dist/components/overlay/panel/components/panel-content/PanelContent.js ADDED Viewed

@@ -0,0 +1,45 @@
+import { jsxs as y, jsx as a } from "react/jsx-runtime";
+import { Dialog as l } from "@base-ui/react/dialog";
+import { memo as h } from "react";
+import u from "../../../_shared/components/overlay-backdrop/OverlayBackdrop.js";
+import { usePanelContext as v } from "../../context/Panel.context.js";
+import { PANEL_STYLES as o } from "../../styles/Panel.css.js";
+import { cn as x } from "../../../../../utils/cn.js";
+const C = h(
+  ({
+    className: r,
+    width: i = "33.333vw",
+    position: s = "right",
+    "aria-label": m,
+    "aria-labelledby": e,
+    defaultAriaLabel: n = "Panel",
+    children: c,
+    style: p,
+    ...d
+  }) => {
+    const { hasTitle: t, titleId: f } = v(), b = m ?? (!e && !t ? n : void 0), P = e ?? (t ? f : void 0), N = s === "left" ? o.left : o.right;
+    return /* @__PURE__ */ y(l.Portal, { children: [
+      /* @__PURE__ */ a(u, { className: o.backdrop }),
+      /* @__PURE__ */ a(
+        l.Popup,
+        {
+          className: x(
+            o.content,
+            N,
+            r
+          ),
+          style: { ...p, width: i },
+          "aria-label": b,
+          "aria-labelledby": P,
+          ...d,
+          children: c
+        }
+      )
+    ] });
+  }
+);
+C.displayName = "Panel.Content";
+export {
+  C as default
+};
+//# sourceMappingURL=PanelContent.js.map

package/dist/components/overlay/panel/components/panel-content/PanelContent.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PanelContent.js","sources":["../../../../../../src/components/overlay/panel/components/panel-content/PanelContent.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { OverlayBackdrop } from '@components/overlay/_shared/components/overlay-backdrop'\r\nimport { usePanelContext } from '@components/overlay/panel/context/Panel.context.ts'\r\nimport { PANEL_STYLES } from '@components/overlay/panel/styles/Panel.css.ts'\r\nimport type { PanelContentProps } from '@components/overlay/panel/components/panel-content/types/PanelContent.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst PanelContent: FC<PanelContentProps> = memo(\r\n ({\r\n className,\r\n width = '33.333vw',\r\n position = 'right',\r\n 'aria-label': ariaLabel,\r\n 'aria-labelledby': ariaLabelledBy,\r\n defaultAriaLabel = 'Panel',\r\n children,\r\n style,\r\n ...props\r\n }) => {\r\n const { hasTitle, titleId } = usePanelContext()\r\n const accessibleName =\r\n ariaLabel ?? (!ariaLabelledBy && !hasTitle ? defaultAriaLabel : undefined)\r\n const labelledBy = ariaLabelledBy ?? (hasTitle ? titleId : undefined)\r\n const positionClassName =\r\n position === 'left' ? PANEL_STYLES.left : PANEL_STYLES.right\r\n\r\n return (\r\n <BaseDialog.Portal>\r\n <OverlayBackdrop className={PANEL_STYLES.backdrop} />\r\n <BaseDialog.Popup\r\n className={cn(\r\n PANEL_STYLES.content,\r\n positionClassName,\r\n className,\r\n )}\r\n style={{ ...style, width }}\r\n aria-label={accessibleName}\r\n aria-labelledby={labelledBy}\r\n {...props}\r\n >\r\n {children}\r\n </BaseDialog.Popup>\r\n </BaseDialog.Portal>\r\n )\r\n },\r\n)\r\n\r\nPanelContent.displayName = 'Panel.Content'\r\n\r\nexport default PanelContent\r\n"],"names":["PanelContent","memo","className","width","position","ariaLabel","ariaLabelledBy","defaultAriaLabel","children","style","props","hasTitle","titleId","usePanelContext","accessibleName","labelledBy","positionClassName","PANEL_STYLES","jsxs","BaseDialog","jsx","OverlayBackdrop","cn"],"mappings":";;;;;;;AASA,MAAMA,IAAsCC;AAAA,EACxC,CAAC;AAAA,IACG,WAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,UAAAC,IAAW;AAAA,IACX,cAAcC;AAAA,IACd,mBAAmBC;AAAA,IACnB,kBAAAC,IAAmB;AAAA,IACnB,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,MACD;AACF,UAAM,EAAE,UAAAC,GAAU,SAAAC,EAAA,IAAYC,EAAA,GACxBC,IACRT,MAAc,CAACC,KAAkB,CAACK,IAAWJ,IAAmB,SACxDQ,IAAaT,MAAmBK,IAAWC,IAAU,SACrDI,IACRZ,MAAa,SAASa,EAAa,OAAOA,EAAa;AAErD,WACI,gBAAAC,EAACC,EAAW,QAAX,EACG,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAgB,WAAWJ,EAAa,SAAA,CAAU;AAAA,MACnD,gBAAAG;AAAA,QAACD,EAAW;AAAA,QAAX;AAAA,UACG,WAAWG;AAAA,YACPL,EAAa;AAAA,YACbD;AAAA,YACAd;AAAA,UAAA;AAAA,UAEJ,OAAO,EAAE,GAAGO,GAAO,OAAAN,EAAA;AAAA,UACnB,cAAYW;AAAA,UACZ,mBAAiBC;AAAA,UAChB,GAAGL;AAAA,UAEH,UAAAF;AAAA,QAAA;AAAA,MAAA;AAAA,IACL,GACJ;AAAA,EAER;AACJ;AAEAR,EAAa,cAAc;"}

package/dist/components/overlay/panel/components/panel-content/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { default as PanelContent } from './PanelContent.tsx';
2	+ export type { PanelContentProps } from './types/PanelContent.props.ts';

package/dist/components/overlay/panel/components/panel-content/types/PanelContent.props.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import { Dialog } from '@base-ui/react/dialog';
+import { PanelPosition } from '../../../types/Panel.types.ts';
+/** Props for `Panel.Content`. */
+export type PanelContentProps = Dialog.Popup.Props & {
+    /** CSS width of the panel. @default '33.333vw' */
+    width?: string;
+    /** Side the panel attaches to. @default 'right' */
+    position?: PanelPosition;
+    /**
+     * Accessible name used when neither `aria-label` nor `aria-labelledby` is
+     * provided. Override this for i18n. @default 'Panel'
+     */
+    defaultAriaLabel?: string;
+};

package/dist/components/overlay/panel/components/panel-header/PanelHeader.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const e=require("react/jsx-runtime"),s=require("@base-ui/react/dialog"),i=require("react"),y=require("../../../../actions/icon-button/IconButton.cjs");require("../../../../actions/icon-button/styles/IconButton.css.cjs");const t=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const a=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const D=require("../../../../../constants/icons.cjs"),I=require("../../context/Panel.context.cjs"),l=i.memo(({as:c="div",title:r,titleAs:u,titleProps:d,description:o,descriptionProps:g,actions:x,showCloseButton:m=!0,closeLabel:q="Close panel",className:f,children:j,...p})=>{const{titleId:h,setHasTitle:n}=I.usePanelContext();return i.useEffect(()=>(n(!!r),()=>n(!1)),[n,r]),e.jsxs(t,{as:c,flexDirection:"row",alignItems:"start",justifyContent:"between",gap:"md",padding:"lg",paddingBottom:"none",className:f,...p,children:[(r\|\|o)&&e.jsxs(t,{flexDirection:"column",alignItems:"start",gap:"xs",children:[r&&e.jsx(s.Dialog.Title,{render:e.jsx(a,{as:u??"h2",id:h,fontSize:"lg",fontWeight:"semibold",color:"foreground",...d,children:r})}),o&&e.jsx(s.Dialog.Description,{render:e.jsx(a,{as:"p",id:g?.id,fontSize:"sm",color:"mutedForeground",children:o})})]}),j,x??(m&&e.jsx(s.Dialog.Close,{render:e.jsx(y,{icon:D.IconRegistry.close,"aria-label":q,variant:"ghost",color:"primary",size:"sm"})}))]})});l.displayName="Panel.Header";module.exports=l;
2	+ //# sourceMappingURL=PanelHeader.cjs.map

package/dist/components/overlay/panel/components/panel-header/PanelHeader.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PanelHeader.cjs","sources":["../../../../../../src/components/overlay/panel/components/panel-header/PanelHeader.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog'\r\nimport { memo, type FC, useEffect } from 'react'\r\n\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport type { PanelHeaderProps } from '@components/overlay/panel/components/panel-header/types/PanelHeader.props.ts'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { usePanelContext } from '@components/overlay/panel/context/Panel.context.ts'\r\n\r\nconst PanelHeader: FC<PanelHeaderProps> = memo(\r\n ({\r\n as: Element = 'div',\r\n title,\r\n titleAs,\r\n titleProps,\r\n description,\r\n descriptionProps,\r\n actions,\r\n showCloseButton = true,\r\n closeLabel = 'Close panel',\r\n className,\r\n children,\r\n ...props\r\n }) => {\r\n const { titleId, setHasTitle } = usePanelContext()\r\n\r\n useEffect(() => {\r\n setHasTitle(Boolean(title))\r\n\r\n return () => setHasTitle(false)\r\n }, [setHasTitle, title])\r\n\r\n return (\r\n <Flex\r\n as={Element}\r\n flexDirection={'row'}\r\n alignItems={'start'}\r\n justifyContent={'between'}\r\n gap={'md'}\r\n padding={'lg'}\r\n paddingBottom={'none'}\r\n className={className}\r\n {...props}\r\n >\r\n {(title || description) && (\r\n <Flex\r\n flexDirection={'column'}\r\n alignItems={'start'}\r\n gap={'xs'}\r\n >\r\n {title && (\r\n <BaseDialog.Title\r\n render={\r\n <Typography\r\n as={titleAs ?? 'h2'}\r\n id={titleId}\r\n fontSize={'lg'}\r\n fontWeight={'semibold'}\r\n color={'foreground'}\r\n {...titleProps}\r\n >\r\n {title}\r\n </Typography>\r\n }\r\n />\r\n )}\r\n {description && (\r\n <BaseDialog.Description\r\n render={\r\n <Typography\r\n as={'p'}\r\n id={descriptionProps?.id}\r\n fontSize={'sm'}\r\n color={'mutedForeground'}\r\n >\r\n {description}\r\n </Typography>\r\n }\r\n />\r\n )}\r\n </Flex>\r\n )}\r\n {children}\r\n {actions ??\r\n (showCloseButton && (\r\n <BaseDialog.Close\r\n render={\r\n <IconButton\r\n icon={IconRegistry.close}\r\n aria-label={closeLabel}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n />\r\n }\r\n />\r\n ))}\r\n </Flex>\r\n )\r\n },\r\n)\r\n\r\nPanelHeader.displayName = 'Panel.Header'\r\n\r\nexport default PanelHeader\r\n"],"names":["PanelHeader","memo","Element","title","titleAs","titleProps","description","descriptionProps","actions","showCloseButton","closeLabel","className","children","props","titleId","setHasTitle","usePanelContext","useEffect","jsxs","Flex","jsx","BaseDialog","Typography","IconButton","IconRegistry"],"mappings":"kkBAUMA,EAAoCC,EAAAA,KACtC,CAAC,CACG,GAAIC,EAAU,MACd,MAAAC,EACA,QAAAC,EACA,WAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,QAAAC,EACA,gBAAAC,EAAkB,GAClB,WAAAC,EAAa,cACb,UAAAC,EACA,SAAAC,EACA,GAAGC,CAAA,IACD,CACF,KAAM,CAAE,QAAAC,EAAS,YAAAC,CAAA,EAAgBC,kBAAA,EAEjCC,OAAAA,EAAAA,UAAU,KACNF,EAAY,EAAQZ,CAAM,EAEnB,IAAMY,EAAY,EAAK,GAC/B,CAACA,EAAaZ,CAAK,CAAC,EAGnBe,EAAAA,KAACC,EAAA,CACG,GAAIjB,EACJ,cAAe,MACf,WAAY,QACZ,eAAgB,UAChB,IAAK,KACL,QAAS,KACT,cAAe,OACf,UAAAS,EACC,GAAGE,EAEF,SAAA,EAAAV,GAASG,IACPY,EAAAA,KAACC,EAAA,CACG,cAAe,SACf,WAAY,QACZ,IAAK,KAEJ,SAAA,CAAAhB,GACGiB,EAAAA,IAACC,EAAAA,OAAW,MAAX,CACG,OACID,EAAAA,IAACE,EAAA,CACG,GAAIlB,GAAW,KACf,GAAIU,EACJ,SAAU,KACV,WAAY,WACZ,MAAO,aACN,GAAGT,EAEH,SAAAF,CAAA,CAAA,CACL,CAAA,EAIXG,GACGc,EAAAA,IAACC,EAAAA,OAAW,YAAX,CACG,OACID,EAAAA,IAACE,EAAA,CACG,GAAI,IACJ,GAAIf,GAAkB,GACtB,SAAU,KACV,MAAO,kBAEN,SAAAD,CAAA,CAAA,CACL,CAAA,CAER,CAAA,CAAA,EAIXM,EACAJ,IACRC,GACGW,EAAAA,IAACC,EAAAA,OAAW,MAAX,CACG,OACID,EAAAA,IAACG,EAAA,CACG,KAAMC,EAAAA,aAAa,MACnB,aAAYd,EACZ,QAAS,QACT,MAAO,UACP,KAAM,IAAA,CAAA,CACV,CAAA,EAER,CAAA,CAAA,CAIR,CACJ,EAEAV,EAAY,YAAc"}

package/dist/components/overlay/panel/components/panel-header/PanelHeader.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { PanelHeaderProps } from './types/PanelHeader.props.ts';
+declare const PanelHeader: FC<PanelHeaderProps>;
+export default PanelHeader;