@choco-vanille/ui 1.2.0 → 1.3.0

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

package/dist/components/overlay/panel/context/Panel.context.d.ts

@@ -0,0 +1,9 @@
+import { Context } from 'react';
+type PanelContextValue = {
+    titleId: string;
+    hasTitle: boolean;
+    setHasTitle: (hasTitle: boolean) => void;
+};
+export declare const PanelContext: Context<PanelContextValue | null>;
+export declare const usePanelContext: () => PanelContextValue;
+export {};

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

@@ -0,0 +1,12 @@
+import { createContext as e, useContext as n } from "react";
+const o = e(null), s = () => {
+  const t = n(o);
+  if (!t)
+    throw new Error("Panel components must be used within a Panel root.");
+  return t;
+};
+export {
+  o as PanelContext,
+  s as usePanelContext
+};
+//# sourceMappingURL=Panel.context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.context.js","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":";AAQO,MAAMA,IAAeC,EAAwC,IAAI,GAE3DC,IAAkB,MAAyB;AACpD,QAAMC,IAAUC,EAAWJ,CAAY;AAEvC,MAAI,CAACG;AACD,UAAM,IAAI,MAAM,oDAAoD;AAGxE,SAAOA;AACX;"}

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

@@ -0,0 +1,5 @@
+export { Panel } from './Panel.tsx';
+export { PANEL_STYLES } from './styles/Panel.css.ts';
+export type { PanelContentProps } from './components/panel-content';
+export type { PanelHeaderProps } from './components/panel-header';
+export type { PanelPosition, PanelProps, } from './types';

package/dist/components/overlay/panel/styles/Panel.css.cjs

@@ -0,0 +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={backdrop:"_1toz4gl0",content:"_1ghn4b60",left:"_1ghn4b61",right:"_1ghn4b62"};exports.PANEL_STYLES=e;
+//# sourceMappingURL=Panel.css.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/overlay/panel/styles/Panel.css.d.ts

@@ -0,0 +1,6 @@
+export declare const PANEL_STYLES: {
+    backdrop: string;
+    content: string;
+    left: string;
+    right: string;
+};

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

@@ -0,0 +1,20 @@
+/* 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 = { backdrop: "_1toz4gl0", content: "_1ghn4b60", left: "_1ghn4b61", right: "_1ghn4b62" };
+export {
+  E as PANEL_STYLES
+};
+//# sourceMappingURL=Panel.css.js.map

package/dist/components/overlay/panel/styles/Panel.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/components/overlay/panel/types/Panel.props.d.ts

@@ -0,0 +1,3 @@
+import { Dialog } from '@base-ui/react/dialog';
+/** Props for the root `Panel` wrapper. */
+export type PanelProps = Dialog.Root.Props;

package/dist/components/overlay/panel/types/Panel.types.d.ts

@@ -0,0 +1,2 @@
+import { PANEL_POSITIONS } from '../constants';
+export type PanelPosition = (typeof PANEL_POSITIONS)[keyof typeof PANEL_POSITIONS];

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

@@ -0,0 +1,22 @@
+import { FC } from 'react';
+import { default as DialogBody } from '../../dialog/components/dialog-body/DialogBody.tsx';
+import { default as DialogClose } from '../../dialog/components/dialog-close/DialogClose.tsx';
+import { default as DialogDescription } from '../../dialog/components/dialog-description/DialogDescription.tsx';
+import { default as DialogFooter } from '../../dialog/components/dialog-footer/DialogFooter.tsx';
+import { default as PanelContent } from '../components/panel-content/PanelContent.tsx';
+import { default as PanelHeader } from '../components/panel-header/PanelHeader.tsx';
+import { default as DialogTitle } from '../../dialog/components/dialog-title/DialogTitle.tsx';
+import { default as DialogTrigger } from '../../dialog/components/dialog-trigger/DialogTrigger.tsx';
+import { PanelProps } from './Panel.props.ts';
+export type PanelCompound = FC<PanelProps> & {
+    Trigger: typeof DialogTrigger;
+    Content: typeof PanelContent;
+    Header: typeof PanelHeader;
+    Body: typeof DialogBody;
+    Footer: typeof DialogFooter;
+    Title: typeof DialogTitle;
+    Description: typeof DialogDescription;
+    Close: typeof DialogClose;
+};
+export type { PanelProps } from './Panel.props.ts';
+export type { PanelPosition, } from './Panel.types.ts';

package/dist/components/overlay/popover/components/content/PopoverContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverContent.cjs","sources":["../../../../../../src/components/overlay/popover/components/content/PopoverContent.tsx"],"sourcesContent":["import { Popover as BasePopover } from '@base-ui/react/popover'\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 { PopoverContentProps } from '@components/overlay/popover/components/content/types/PopoverContent.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 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 avoidance is disabled here: it would flip the popover\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\nconst PopoverContent: FC<PopoverContentProps> = 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    'aria-label': ariaLabel,\r\n    'aria-labelledby': ariaLabelledBy,\r\n    defaultAriaLabel = 'Popover',\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    // A role=\"dialog\" element must have an accessible name (axe aria-dialog-name).\r\n    // Consumers can override via aria-label or aria-labelledby; otherwise we fall\r\n    // back to defaultAriaLabel so it can be localized.\r\n    const accessibleName = ariaLabel ?? (ariaLabelledBy ? undefined : defaultAriaLabel)\r\n\r\n    return (\r\n        <BasePopover.Portal>\r\n            <BasePopover.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', fallbackAxisSide: 'none' }}\r\n            >\r\n                <BasePopover.Popup\r\n                    ref={contentRef}\r\n                    className={cn(POPOVER_CONTENT_STYLES.root, className)}\r\n                    aria-label={accessibleName}\r\n                    aria-labelledby={ariaLabelledBy}\r\n                    {...props}\r\n                />\r\n            </BasePopover.Positioner>\r\n        </BasePopover.Portal>\r\n    )\r\n})\r\n\r\nPopoverContent.displayName = 'Popover.Content'\r\n\r\nexport default PopoverContent\r\n"],"names":["PopoverContent","memo","className","position","sideProp","alignProp","sideOffset","collisionPadding","ariaLabel","ariaLabelledBy","defaultAriaLabel","props","contentRef","useViewportShift","side","align","parsePosition","accessibleName","jsx","BasePopover","cn","POPOVER_CONTENT_STYLES"],"mappings":"0UAmBMA,EAA0CC,EAAAA,KAAK,CAAC,CAClD,UAAAC,EACA,SAAAC,EACA,KAAMC,EAAW,SACjB,MAAOC,EAAY,SACnB,WAAAC,EAAa,EACb,iBAAAC,EAAmB,EACnB,aAAcC,EACd,kBAAmBC,EACnB,iBAAAC,EAAmB,UACnB,GAAGC,CACP,IAAM,CACF,MAAMC,EAAaC,EAAAA,iBAAiBN,CAAgB,EAE9C,CAAE,KAAAO,EAAM,MAAAC,CAAA,EAAUZ,EAClBa,EAAAA,cAAcb,CAAQ,EACtB,CAAE,KAAMC,EAAU,MAAOC,CAAA,EAKzBY,EAAiBT,IAAcC,EAAiB,OAAYC,GAElE,OACIQ,EAAAA,IAACC,EAAAA,QAAY,OAAZ,CACG,SAAAD,EAAAA,IAACC,EAAAA,QAAY,WAAZ,CACG,KAAAL,EACA,MAAAC,EACA,WAAAT,EAEA,mBAAoB,CAAE,KAAM,OAAQ,MAAO,OAAQ,iBAAkB,MAAA,EAErE,SAAAY,EAAAA,IAACC,EAAAA,QAAY,MAAZ,CACG,IAAKP,EACL,UAAWQ,EAAAA,GAAGC,yBAAuB,KAAMnB,CAAS,EACpD,aAAYe,EACZ,kBAAiBR,EAChB,GAAGE,CAAA,CAAA,CACR,CAAA,EAER,CAER,CAAC,EAEDX,EAAe,YAAc"}
+{"version":3,"file":"PopoverContent.cjs","sources":["../../../../../../src/components/overlay/popover/components/content/PopoverContent.tsx"],"sourcesContent":["import { Popover as BasePopover } from '@base-ui/react/popover'\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 { PopoverContentProps } from '@components/overlay/popover/components/content/types/PopoverContent.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 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 avoidance is disabled here: it would flip the popover\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\nconst PopoverContent: FC<PopoverContentProps> = 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    'aria-label': ariaLabel,\r\n    'aria-labelledby': ariaLabelledBy,\r\n    defaultAriaLabel = 'Popover',\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    // A role=\"dialog\" element must have an accessible name (axe aria-dialog-name).\r\n    // Consumers can override via aria-label or aria-labelledby; otherwise we fall\r\n    // back to defaultAriaLabel so it can be localized.\r\n    const accessibleName = ariaLabel ?? (ariaLabelledBy ? undefined : defaultAriaLabel)\r\n\r\n    return (\r\n        <BasePopover.Portal>\r\n            <BasePopover.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', fallbackAxisSide: 'none' }}\r\n            >\r\n                <BasePopover.Popup\r\n                    ref={contentRef}\r\n                    className={cn(POPOVER_CONTENT_STYLES.root, className)}\r\n                    aria-label={accessibleName}\r\n                    aria-labelledby={ariaLabelledBy}\r\n                    {...props}\r\n                />\r\n            </BasePopover.Positioner>\r\n        </BasePopover.Portal>\r\n    )\r\n})\r\n\r\nPopoverContent.displayName = 'Popover.Content'\r\n\r\nexport default PopoverContent\r\n"],"names":["PopoverContent","memo","className","position","sideProp","alignProp","sideOffset","collisionPadding","ariaLabel","ariaLabelledBy","defaultAriaLabel","props","contentRef","useViewportShift","side","align","parsePosition","accessibleName","jsx","BasePopover","cn","POPOVER_CONTENT_STYLES"],"mappings":"0UAmBMA,EAA0CC,EAAAA,KAAK,CAAC,CAClD,UAAAC,EACA,SAAAC,EACA,KAAMC,EAAW,SACjB,MAAOC,EAAY,SACnB,WAAAC,EAAa,EACb,iBAAAC,EAAmB,EACnB,aAAcC,EACd,kBAAmBC,EACnB,iBAAAC,EAAmB,UACnB,GAAGC,CACP,IAAM,CACF,MAAMC,EAAaC,EAAAA,iBAAiBN,CAAgB,EAE9C,CAAE,KAAAO,EAAM,MAAAC,CAAA,EAAUZ,EAClBa,EAAAA,cAAcb,CAAQ,EACtB,CAAE,KAAMC,EAAU,MAAOC,CAAA,EAKzBY,EAAiBT,IAAcC,EAAiB,OAAYC,GAElE,OACIQ,EAAAA,IAACC,EAAAA,QAAY,OAAZ,CACG,SAAAD,EAAAA,IAACC,EAAAA,QAAY,WAAZ,CACG,KAAAL,EACA,MAAAC,EACA,WAAAT,EAEA,mBAAoB,CAAE,KAAM,OAAQ,MAAO,OAAQ,iBAAkB,MAAA,EAErE,SAAAY,EAAAA,IAACC,EAAAA,QAAY,MAAZ,CACG,IAAKP,EACL,UAAWQ,EAAAA,GAAGC,yBAAuB,KAAMnB,CAAS,EACpD,aAAYe,EACZ,kBAAiBR,EAChB,GAAGE,CAAA,CAAA,CACR,CAAA,EAER,CAER,CAAC,EAEDX,EAAe,YAAc"}

package/dist/components/overlay/popover/components/content/PopoverContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverContent.js","sources":["../../../../../../src/components/overlay/popover/components/content/PopoverContent.tsx"],"sourcesContent":["import { Popover as BasePopover } from '@base-ui/react/popover'\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 { PopoverContentProps } from '@components/overlay/popover/components/content/types/PopoverContent.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 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 avoidance is disabled here: it would flip the popover\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\nconst PopoverContent: FC<PopoverContentProps> = 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    'aria-label': ariaLabel,\r\n    'aria-labelledby': ariaLabelledBy,\r\n    defaultAriaLabel = 'Popover',\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    // A role=\"dialog\" element must have an accessible name (axe aria-dialog-name).\r\n    // Consumers can override via aria-label or aria-labelledby; otherwise we fall\r\n    // back to defaultAriaLabel so it can be localized.\r\n    const accessibleName = ariaLabel ?? (ariaLabelledBy ? undefined : defaultAriaLabel)\r\n\r\n    return (\r\n        <BasePopover.Portal>\r\n            <BasePopover.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', fallbackAxisSide: 'none' }}\r\n            >\r\n                <BasePopover.Popup\r\n                    ref={contentRef}\r\n                    className={cn(POPOVER_CONTENT_STYLES.root, className)}\r\n                    aria-label={accessibleName}\r\n                    aria-labelledby={ariaLabelledBy}\r\n                    {...props}\r\n                />\r\n            </BasePopover.Positioner>\r\n        </BasePopover.Portal>\r\n    )\r\n})\r\n\r\nPopoverContent.displayName = 'Popover.Content'\r\n\r\nexport default PopoverContent\r\n"],"names":["PopoverContent","memo","className","position","sideProp","alignProp","sideOffset","collisionPadding","ariaLabel","ariaLabelledBy","defaultAriaLabel","props","contentRef","useViewportShift","side","align","parsePosition","accessibleName","jsx","BasePopover","cn","POPOVER_CONTENT_STYLES"],"mappings":";;;;;;;AAmBA,MAAMA,IAA0CC,EAAK,CAAC;AAAA,EAClD,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAMC,IAAW;AAAA,EACjB,OAAOC,IAAY;AAAA,EACnB,YAAAC,IAAa;AAAA,EACb,kBAAAC,IAAmB;AAAA,EACnB,cAAcC;AAAA,EACd,mBAAmBC;AAAA,EACnB,kBAAAC,IAAmB;AAAA,EACnB,GAAGC;AACP,MAAM;AACF,QAAMC,IAAaC,EAAiBN,CAAgB,GAE9C,EAAE,MAAAO,GAAM,OAAAC,EAAA,IAAUZ,IAClBa,EAAcb,CAAQ,IACtB,EAAE,MAAMC,GAAU,OAAOC,EAAA,GAKzBY,IAAiBT,MAAcC,IAAiB,SAAYC;AAElE,SACI,gBAAAQ,EAACC,EAAY,QAAZ,EACG,UAAA,gBAAAD;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACG,MAAAL;AAAA,MACA,OAAAC;AAAA,MACA,YAAAT;AAAA,MAEA,oBAAoB,EAAE,MAAM,QAAQ,OAAO,QAAQ,kBAAkB,OAAA;AAAA,MAErE,UAAA,gBAAAY;AAAA,QAACC,EAAY;AAAA,QAAZ;AAAA,UACG,KAAKP;AAAA,UACL,WAAWQ,EAAGC,EAAuB,MAAMnB,CAAS;AAAA,UACpD,cAAYe;AAAA,UACZ,mBAAiBR;AAAA,UAChB,GAAGE;AAAA,QAAA;AAAA,MAAA;AAAA,IACR;AAAA,EAAA,GAER;AAER,CAAC;AAEDX,EAAe,cAAc;"}
+{"version":3,"file":"PopoverContent.js","sources":["../../../../../../src/components/overlay/popover/components/content/PopoverContent.tsx"],"sourcesContent":["import { Popover as BasePopover } from '@base-ui/react/popover'\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 { PopoverContentProps } from '@components/overlay/popover/components/content/types/PopoverContent.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 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 avoidance is disabled here: it would flip the popover\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\nconst PopoverContent: FC<PopoverContentProps> = 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    'aria-label': ariaLabel,\r\n    'aria-labelledby': ariaLabelledBy,\r\n    defaultAriaLabel = 'Popover',\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    // A role=\"dialog\" element must have an accessible name (axe aria-dialog-name).\r\n    // Consumers can override via aria-label or aria-labelledby; otherwise we fall\r\n    // back to defaultAriaLabel so it can be localized.\r\n    const accessibleName = ariaLabel ?? (ariaLabelledBy ? undefined : defaultAriaLabel)\r\n\r\n    return (\r\n        <BasePopover.Portal>\r\n            <BasePopover.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', fallbackAxisSide: 'none' }}\r\n            >\r\n                <BasePopover.Popup\r\n                    ref={contentRef}\r\n                    className={cn(POPOVER_CONTENT_STYLES.root, className)}\r\n                    aria-label={accessibleName}\r\n                    aria-labelledby={ariaLabelledBy}\r\n                    {...props}\r\n                />\r\n            </BasePopover.Positioner>\r\n        </BasePopover.Portal>\r\n    )\r\n})\r\n\r\nPopoverContent.displayName = 'Popover.Content'\r\n\r\nexport default PopoverContent\r\n"],"names":["PopoverContent","memo","className","position","sideProp","alignProp","sideOffset","collisionPadding","ariaLabel","ariaLabelledBy","defaultAriaLabel","props","contentRef","useViewportShift","side","align","parsePosition","accessibleName","jsx","BasePopover","cn","POPOVER_CONTENT_STYLES"],"mappings":";;;;;;;AAmBA,MAAMA,IAA0CC,EAAK,CAAC;AAAA,EAClD,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAMC,IAAW;AAAA,EACjB,OAAOC,IAAY;AAAA,EACnB,YAAAC,IAAa;AAAA,EACb,kBAAAC,IAAmB;AAAA,EACnB,cAAcC;AAAA,EACd,mBAAmBC;AAAA,EACnB,kBAAAC,IAAmB;AAAA,EACnB,GAAGC;AACP,MAAM;AACF,QAAMC,IAAaC,EAAiBN,CAAgB,GAE9C,EAAE,MAAAO,GAAM,OAAAC,EAAA,IAAUZ,IAClBa,EAAcb,CAAQ,IACtB,EAAE,MAAMC,GAAU,OAAOC,EAAA,GAKzBY,IAAiBT,MAAcC,IAAiB,SAAYC;AAElE,SACI,gBAAAQ,EAACC,EAAY,QAAZ,EACG,UAAA,gBAAAD;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACG,MAAAL;AAAA,MACA,OAAAC;AAAA,MACA,YAAAT;AAAA,MAEA,oBAAoB,EAAE,MAAM,QAAQ,OAAO,QAAQ,kBAAkB,OAAA;AAAA,MAErE,UAAA,gBAAAY;AAAA,QAACC,EAAY;AAAA,QAAZ;AAAA,UACG,KAAKP;AAAA,UACL,WAAWQ,EAAGC,EAAuB,MAAMnB,CAAS;AAAA,UACpD,cAAYe;AAAA,UACZ,mBAAiBR;AAAA,UAChB,GAAGE;AAAA,QAAA;AAAA,MAAA;AAAA,IACR;AAAA,EAAA,GAER;AAER,CAAC;AAEDX,EAAe,cAAc;"}

package/dist/components/overlay/popover/components/trigger/PopoverTrigger.cjs

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

package/dist/components/overlay/popover/components/trigger/PopoverTrigger.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverTrigger.cjs","sources":["../../../../../../src/components/overlay/popover/components/trigger/PopoverTrigger.tsx"],"sourcesContent":["import { Popover as BasePopover } from '@base-ui/react/popover'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport type { PopoverTriggerProps } from '@components/overlay/popover/components/trigger/types/PopoverTrigger.props.ts'\r\n\r\n/**\r\n * The element that opens the popover.\r\n * Pass your own element as `children` (e.g. `<Button />`) to use it as the trigger.\r\n */\r\nconst PopoverTrigger: FC<PopoverTriggerProps> = memo(({ children, ...props }) => (\r\n    <BasePopover.Trigger\r\n        {...props}\r\n        render={children}\r\n    />\r\n))\r\n\r\nPopoverTrigger.displayName = 'Popover.Trigger'\r\n\r\nexport default PopoverTrigger\r\n"],"names":["PopoverTrigger","memo","children","props","jsx","BasePopover"],"mappings":"yGASMA,EAA0CC,EAAAA,KAAK,CAAC,CAAE,SAAAC,EAAU,GAAGC,KACjEC,EAAAA,IAACC,EAAAA,QAAY,QAAZ,CACI,GAAGF,EACJ,OAAQD,CAAA,CACZ,CACH,EAEDF,EAAe,YAAc"}
+{"version":3,"file":"PopoverTrigger.cjs","sources":["../../../../../../src/components/overlay/popover/components/trigger/PopoverTrigger.tsx"],"sourcesContent":["import { Popover as BasePopover } from '@base-ui/react/popover'\r\nimport { memo } from 'react'\r\n\r\nimport type { PopoverTriggerProps } from '@components/overlay/popover/components/trigger/types/PopoverTrigger.props.ts'\r\n\r\n/**\r\n * The element that opens the popover.\r\n * Pass your own element as `children` (e.g. `<Button />`) to use it as the trigger.\r\n */\r\nconst PopoverTrigger = memo(\r\n    ({ children, ref, ...props }: PopoverTriggerProps) => (\r\n        <BasePopover.Trigger\r\n            {...props}\r\n            ref={ref}\r\n            render={children}\r\n        />\r\n    ),\r\n)\r\n\r\nPopoverTrigger.displayName = 'Popover.Trigger'\r\n\r\nexport default PopoverTrigger\r\n"],"names":["PopoverTrigger","memo","children","ref","props","jsx","BasePopover"],"mappings":"yGASMA,EAAiBC,EAAAA,KACnB,CAAC,CAAE,SAAAC,EAAU,IAAAC,EAAK,GAAGC,KACjBC,EAAAA,IAACC,EAAAA,QAAY,QAAZ,CACI,GAAGF,EACJ,IAAAD,EACA,OAAQD,CAAA,CAAA,CAGpB,EAEAF,EAAe,YAAc"}

package/dist/components/overlay/popover/components/trigger/PopoverTrigger.d.ts

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

package/dist/components/overlay/popover/components/trigger/PopoverTrigger.js

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

package/dist/components/overlay/popover/components/trigger/PopoverTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverTrigger.js","sources":["../../../../../../src/components/overlay/popover/components/trigger/PopoverTrigger.tsx"],"sourcesContent":["import { Popover as BasePopover } from '@base-ui/react/popover'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport type { PopoverTriggerProps } from '@components/overlay/popover/components/trigger/types/PopoverTrigger.props.ts'\r\n\r\n/**\r\n * The element that opens the popover.\r\n * Pass your own element as `children` (e.g. `<Button />`) to use it as the trigger.\r\n */\r\nconst PopoverTrigger: FC<PopoverTriggerProps> = memo(({ children, ...props }) => (\r\n    <BasePopover.Trigger\r\n        {...props}\r\n        render={children}\r\n    />\r\n))\r\n\r\nPopoverTrigger.displayName = 'Popover.Trigger'\r\n\r\nexport default PopoverTrigger\r\n"],"names":["PopoverTrigger","memo","children","props","jsx","BasePopover"],"mappings":";;;AASA,MAAMA,IAA0CC,EAAK,CAAC,EAAE,UAAAC,GAAU,GAAGC,QACjE,gBAAAC;AAAA,EAACC,EAAY;AAAA,EAAZ;AAAA,IACI,GAAGF;AAAA,IACJ,QAAQD;AAAA,EAAA;AACZ,CACH;AAEDF,EAAe,cAAc;"}
+{"version":3,"file":"PopoverTrigger.js","sources":["../../../../../../src/components/overlay/popover/components/trigger/PopoverTrigger.tsx"],"sourcesContent":["import { Popover as BasePopover } from '@base-ui/react/popover'\r\nimport { memo } from 'react'\r\n\r\nimport type { PopoverTriggerProps } from '@components/overlay/popover/components/trigger/types/PopoverTrigger.props.ts'\r\n\r\n/**\r\n * The element that opens the popover.\r\n * Pass your own element as `children` (e.g. `<Button />`) to use it as the trigger.\r\n */\r\nconst PopoverTrigger = memo(\r\n    ({ children, ref, ...props }: PopoverTriggerProps) => (\r\n        <BasePopover.Trigger\r\n            {...props}\r\n            ref={ref}\r\n            render={children}\r\n        />\r\n    ),\r\n)\r\n\r\nPopoverTrigger.displayName = 'Popover.Trigger'\r\n\r\nexport default PopoverTrigger\r\n"],"names":["PopoverTrigger","memo","children","ref","props","jsx","BasePopover"],"mappings":";;;AASA,MAAMA,IAAiBC;AAAA,EACnB,CAAC,EAAE,UAAAC,GAAU,KAAAC,GAAK,GAAGC,QACjB,gBAAAC;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACI,GAAGF;AAAA,MACJ,KAAAD;AAAA,MACA,QAAQD;AAAA,IAAA;AAAA,EAAA;AAGpB;AAEAF,EAAe,cAAc;"}

package/dist/components/overlay/tooltip/Tooltip.cjs

@@ -1,2 +1,2 @@
-"use strict";const o=require("react/jsx-runtime"),e=require("@base-ui/react/tooltip"),l=require("react"),c=require("./styles/Tooltip.css.cjs"),_=require("./context/TooltipProvider.context.cjs"),v=require("../../../utils/cn.cjs"),C=require("../_shared/utils/parsePosition.utils.cjs"),L=require("./hooks/use-tooltip/useTooltip.hook.cjs"),p=l.memo(({children:a,content:T,position:t,side:d="top",align:u="center",delayDuration:s=0,disabled:i=!1,arrow:r=!1,className:x,open:P,defaultOpen:h,onOpenChange:j})=>{const q=l.useContext(_.TooltipProviderContext),{side:O,align:g}=t?C.parsePosition(t):{side:d,align:u},{effectiveOpen:m,handleOpenChange:f}=L.useTooltip({disabled:i,open:P,defaultOpen:h,onOpenChange:j}),n=o.jsxs(e.Tooltip.Root,{open:m,onOpenChange:f,children:[o.jsx(e.Tooltip.Trigger,{delay:s,render:a}),!i&&o.jsx(e.Tooltip.Portal,{children:o.jsx(e.Tooltip.Positioner,{side:O,align:g,sideOffset:r?11:6,className:"isolate",children:o.jsxs(e.Tooltip.Popup,{role:"tooltip",className:v.cn(c.TOOLTIP_STYLES.content,x),children:[r&&o.jsx(e.Tooltip.Arrow,{className:c.TOOLTIP_STYLES.arrow}),T]})})})]});return q?n:o.jsx(e.Tooltip.Provider,{delay:s,children:n})});p.displayName="Tooltip";module.exports=p;
+"use strict";const e=require("react/jsx-runtime"),o=require("@base-ui/react/tooltip"),l=require("react"),c=require("./styles/Tooltip.css.cjs"),S=require("./context/TooltipProvider.context.cjs"),y=require("../../../utils/cn.cjs"),E=require("../_shared/utils/parsePosition.utils.cjs"),I=require("./hooks/use-tooltip/useTooltip.hook.cjs"),p=l.memo(({children:a,content:T,position:t,side:u="top",align:d="center",delayDuration:s=0,disabled:r=!1,openOnFocus:h=!0,arrow:i=!1,closeOnClick:x=!0,className:P,open:g,defaultOpen:O,onOpenChange:f})=>{const j=l.useContext(S.TooltipProviderContext),{side:q,align:m}=t?E.parsePosition(t):{side:u,align:d},{effectiveOpen:_,handleOpenChange:v}=I.useTooltip({disabled:r,open:g,defaultOpen:O,onOpenChange:f}),C=(L,N)=>{!h&&N.reason==="trigger-focus"||v(L)},n=e.jsxs(o.Tooltip.Root,{open:_,onOpenChange:C,children:[e.jsx(o.Tooltip.Trigger,{delay:s,closeOnClick:x,render:a}),!r&&e.jsx(o.Tooltip.Portal,{children:e.jsx(o.Tooltip.Positioner,{side:q,align:m,sideOffset:i?11:6,className:"isolate",children:e.jsxs(o.Tooltip.Popup,{role:"tooltip",className:y.cn(c.TOOLTIP_STYLES.content,P),children:[i&&e.jsx(o.Tooltip.Arrow,{className:c.TOOLTIP_STYLES.arrow}),T]})})})]});return j?n:e.jsx(o.Tooltip.Provider,{delay:s,children:n})});p.displayName="Tooltip";module.exports=p;
 //# sourceMappingURL=Tooltip.cjs.map