@choco-vanille/ui 1.2.0 → 1.3.1-dev.1

package/dist/components/overlay/dropdown-menu/components/separator/styles/DropdownMenuSeparator.css.js

@@ -1,4 +1,4 @@
-/* empty css                                                  */
+import '../../../../../../ui-kit140.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                         */
 var t = { root: "_1yf568h0" };
 export {

package/dist/components/overlay/dropdown-menu/components/shortcut/styles/DropdownMenuShortcut.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                    */;/* empty css                                          */var e={root:"wgftfs0"};exports.DROPDOWN_MENU_SHORTCUT_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit131.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                          */var e={root:"wgftfs0"};exports.DROPDOWN_MENU_SHORTCUT_STYLES=e;
 //# sourceMappingURL=DropdownMenuShortcut.css.cjs.map

package/dist/components/overlay/dropdown-menu/components/shortcut/styles/DropdownMenuShortcut.css.js

@@ -1,4 +1,4 @@
-/* empty css                                                  */
+import '../../../../../../ui-kit131.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                        */
 var t = { root: "wgftfs0" };
 export {

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

@@ -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"}
+{"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

@@ -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;"}
+{"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/sub/dropdown-menu-sub-content/styles/DropdownMenuSubContent.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                       */;/* empty css                                                                         */;/* empty css                                                                          */;/* empty css                                                                                  */;/* empty css                                                                               */;/* empty css                                                                                */;/* empty css                                                                             */;/* empty css                                                                              */;/* empty css                                                                                */;/* empty css                                                                                 */;/* empty css                                                                               */;/* empty css                                                                                */;/* empty css                                                                                */;/* empty css                                                               */;/* empty css                                            */var e={root:"_166bkx70 w7l7ew0"};exports.DROPDOWN_MENU_SUB_CONTENT_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../../ui-kit137.css');require('../../../../../../../ui-kit134.css');require('../../../../../../../ui-kit4.css');require('../../../../../../../ui-kit6.css');require('../../../../../../../ui-kit3.css');require('../../../../../../../ui-kit8.css');require('../../../../../../../ui-kit13.css');require('../../../../../../../ui-kit14.css');require('../../../../../../../ui-kit12.css');require('../../../../../../../ui-kit10.css');require('../../../../../../../ui-kit5.css');require('../../../../../../../ui-kit7.css');require('../../../../../../../ui-kit11.css');require('../../../../../../../ui-kit9.css');require('../../../../../../../ui-kit.css');;/* empty css                                                       */;/* empty css                                                                         */;/* empty css                                                                          */;/* empty css                                                                                  */;/* empty css                                                                               */;/* empty css                                                                                */;/* empty css                                                                             */;/* empty css                                                                              */;/* empty css                                                                                */;/* empty css                                                                                 */;/* empty css                                                                               */;/* empty css                                                                                */;/* empty css                                                                                */;/* empty css                                                               */;/* empty css                                            */var e={root:"_166bkx70 w7l7ew0"};exports.DROPDOWN_MENU_SUB_CONTENT_STYLES=e;
 //# sourceMappingURL=DropdownMenuSubContent.css.cjs.map

package/dist/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-content/styles/DropdownMenuSubContent.css.js

@@ -1,4 +1,4 @@
-/* empty css                                                     */
+import '../../../../../../../ui-kit137.css';import '../../../../../../../ui-kit134.css';import '../../../../../../../ui-kit4.css';import '../../../../../../../ui-kit6.css';import '../../../../../../../ui-kit3.css';import '../../../../../../../ui-kit8.css';import '../../../../../../../ui-kit13.css';import '../../../../../../../ui-kit14.css';import '../../../../../../../ui-kit12.css';import '../../../../../../../ui-kit10.css';import '../../../../../../../ui-kit5.css';import '../../../../../../../ui-kit7.css';import '../../../../../../../ui-kit11.css';import '../../../../../../../ui-kit9.css';import '../../../../../../../ui-kit.css';/* empty css                                                     */
 /* empty css                                                                       */
 /* empty css                                                                        */
 /* empty css                                                                                */

package/dist/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-trigger/styles/DropdownMenuSubTrigger.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                       */;/* empty css                                         */;/* empty css                                            */var r={root:"_1p8u6rr0 _1l4jl5m0",chevron:"_1p8u6rr1"};exports.DROPDOWN_MENU_SUB_TRIGGER_STYLES=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../../ui-kit133.css');require('../../../../../../../ui-kit132.css');require('../../../../../../../ui-kit.css');;/* empty css                                                       */;/* empty css                                         */;/* empty css                                            */var r={root:"_1p8u6rr0 _1l4jl5m0",chevron:"_1p8u6rr1"};exports.DROPDOWN_MENU_SUB_TRIGGER_STYLES=r;
 //# sourceMappingURL=DropdownMenuSubTrigger.css.cjs.map

package/dist/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-trigger/styles/DropdownMenuSubTrigger.css.js

@@ -1,4 +1,4 @@
-/* empty css                                                     */
+import '../../../../../../../ui-kit133.css';import '../../../../../../../ui-kit132.css';import '../../../../../../../ui-kit.css';/* empty css                                                     */
 /* empty css                                       */
 /* empty css                                          */
 var p = { root: "_1p8u6rr0 _1l4jl5m0", chevron: "_1p8u6rr1" };

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

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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

@@ -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;"}
+{"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

@@ -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"}
+{"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

@@ -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;"}
+{"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

@@ -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

@@ -0,0 +1,2 @@
+"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;
+//# sourceMappingURL=Panel.cjs.map

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

@@ -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

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

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

@@ -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

@@ -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

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

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

@@ -0,0 +1,2 @@
+"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;
+//# sourceMappingURL=PanelContent.cjs.map

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

@@ -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

@@ -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

@@ -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

@@ -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

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

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

@@ -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

@@ -0,0 +1,2 @@
+"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;
+//# sourceMappingURL=PanelHeader.cjs.map

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

@@ -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

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

package/dist/components/overlay/panel/components/panel-header/PanelHeader.js

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

package/dist/components/overlay/panel/components/panel-header/PanelHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelHeader.js","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":";;;;;;;;;;;AAUA,MAAMA,IAAoCC;AAAA,EACtC,CAAC;AAAA,IACG,IAAIC,IAAU;AAAA,IACd,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,YAAAC,IAAa;AAAA,IACb,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,MACD;AACF,UAAM,EAAE,SAAAC,GAAS,aAAAC,EAAA,IAAgBC,EAAA;AAEjC,WAAAC,EAAU,OACNF,EAAY,EAAQZ,CAAM,GAEnB,MAAMY,EAAY,EAAK,IAC/B,CAACA,GAAaZ,CAAK,CAAC,GAGnB,gBAAAe;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,IAAIjB;AAAA,QACJ,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,KAAK;AAAA,QACL,SAAS;AAAA,QACT,eAAe;AAAA,QACf,WAAAS;AAAA,QACC,GAAGE;AAAA,QAEF,UAAA;AAAA,WAAAV,KAASG,MACP,gBAAAY;AAAA,YAACC;AAAA,YAAA;AAAA,cACG,eAAe;AAAA,cACf,YAAY;AAAA,cACZ,KAAK;AAAA,cAEJ,UAAA;AAAA,gBAAAhB,KACG,gBAAAiB;AAAA,kBAACC,EAAW;AAAA,kBAAX;AAAA,oBACG,QACI,gBAAAD;AAAA,sBAACE;AAAA,sBAAA;AAAA,wBACG,IAAIlB,KAAW;AAAA,wBACf,IAAIU;AAAA,wBACJ,UAAU;AAAA,wBACV,YAAY;AAAA,wBACZ,OAAO;AAAA,wBACN,GAAGT;AAAA,wBAEH,UAAAF;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACL;AAAA,gBAAA;AAAA,gBAIXG,KACG,gBAAAc;AAAA,kBAACC,EAAW;AAAA,kBAAX;AAAA,oBACG,QACI,gBAAAD;AAAA,sBAACE;AAAA,sBAAA;AAAA,wBACG,IAAI;AAAA,wBACJ,IAAIf,GAAkB;AAAA,wBACtB,UAAU;AAAA,wBACV,OAAO;AAAA,wBAEN,UAAAD;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACL;AAAA,gBAAA;AAAA,cAER;AAAA,YAAA;AAAA,UAAA;AAAA,UAIXM;AAAA,UACAJ,MACRC,KACG,gBAAAW;AAAA,YAACC,EAAW;AAAA,YAAX;AAAA,cACG,QACI,gBAAAD;AAAA,gBAACG;AAAA,gBAAA;AAAA,kBACG,MAAMC,EAAa;AAAA,kBACnB,cAAYd;AAAA,kBACZ,SAAS;AAAA,kBACT,OAAO;AAAA,kBACP,MAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,YACV;AAAA,UAAA;AAAA,QAER;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACJ;AAEAV,EAAY,cAAc;"}

package/dist/components/overlay/panel/components/panel-header/index.d.ts

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

package/dist/components/overlay/panel/components/panel-header/types/PanelHeader.props.d.ts

@@ -0,0 +1,15 @@
+import { FlexProps } from '../../../../../layout/flex';
+import { TypographyProps } from '../../../../../foundation/typography';
+import type * as React from 'react';
+/** Props for `Panel.Header`. */
+export type PanelHeaderProps = Omit<FlexProps, 'as'> & {
+    as?: 'div' | 'header';
+    title?: string;
+    titleAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    titleProps?: TypographyProps;
+    description?: string;
+    descriptionProps?: TypographyProps;
+    actions?: React.ReactNode;
+    showCloseButton?: boolean;
+    closeLabel?: string;
+};

package/dist/components/overlay/panel/constants/index.d.ts

@@ -0,0 +1 @@
+export { PANEL_POSITIONS } from './panelPositions.const.ts';

package/dist/components/overlay/panel/constants/panelPositions.const.d.ts

@@ -0,0 +1,4 @@
+export declare const PANEL_POSITIONS: {
+    readonly left: "left";
+    readonly right: "right";
+};

package/dist/components/overlay/panel/context/Panel.context.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),n=t.createContext(null),o=()=>{const e=t.useContext(n);if(!e)throw new Error("Panel components must be used within a Panel root.");return e};exports.PanelContext=n;exports.usePanelContext=o;
+//# sourceMappingURL=Panel.context.cjs.map

package/dist/components/overlay/panel/context/Panel.context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.context.cjs","sources":["../../../../../src/components/overlay/panel/context/Panel.context.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\r\n\r\ntype PanelContextValue = {\r\n    titleId: string\r\n    hasTitle: boolean\r\n    setHasTitle: (hasTitle: boolean) => void\r\n}\r\n\r\nexport const PanelContext = createContext<PanelContextValue | null>(null)\r\n\r\nexport const usePanelContext = (): PanelContextValue => {\r\n    const context = useContext(PanelContext)\r\n\r\n    if (!context) {\r\n        throw new Error('Panel components must be used within a Panel root.')\r\n    }\r\n\r\n    return context\r\n}\r\n"],"names":["PanelContext","createContext","usePanelContext","context","useContext"],"mappings":"yGAQaA,EAAeC,EAAAA,cAAwC,IAAI,EAE3DC,EAAkB,IAAyB,CACpD,MAAMC,EAAUC,EAAAA,WAAWJ,CAAY,EAEvC,GAAI,CAACG,EACD,MAAM,IAAI,MAAM,oDAAoD,EAGxE,OAAOA,CACX"}