@choco-vanille/ui 1.1.2 → 1.3.0

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

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),o=require("@base-ui/react/popover"),q=require("react"),x=require("../../../../../utils/cn.cjs"),f=require("./styles/PopoverContent.css.cjs"),h=require("../../../_shared/utils/parsePosition.utils.cjs"),N=require("../../../../../hooks/use-viewport-shift/useViewportShift.hook.cjs"),i=q.memo(({className:s,position:n,side:t="bottom",align:a="center",sideOffset:c=6,collisionPadding:l=8,"aria-label":p,"aria-labelledby":r,defaultAriaLabel:u="Popover",...P})=>{const d=N.useViewportShift(l),{side:v,align:b}=n?h.parsePosition(n):{side:t,align:a},m=p??(r?void 0:u);return e.jsx(o.Popover.Portal,{children:e.jsx(o.Popover.Positioner,{side:v,align:b,sideOffset:c,collisionAvoidance:{side:"none",align:"none",fallbackAxisSide:"none"},children:e.jsx(o.Popover.Popup,{ref:d,className:x.cn(f.POPOVER_CONTENT_STYLES.root,s),"aria-label":m,"aria-labelledby":r,...P})})})});i.displayName="Popover.Content";module.exports=i;
+"use strict";const e=require("react/jsx-runtime"),o=require("@base-ui/react/popover"),q=require("react"),x=require("../../../../../utils/cn.cjs"),f=require("./styles/PopoverContent.css.cjs"),h=require("../../../_shared/utils/parsePosition.utils.cjs"),N=require("../../../../../hooks/use-viewport-shift/useViewportShift.hook.cjs"),i=q.memo(({className:s,position:r,side:t="bottom",align:a="center",sideOffset:c=6,collisionPadding:l=8,"aria-label":p,"aria-labelledby":n,defaultAriaLabel:u="Popover",...P})=>{const d=N.useViewportShift(l),{side:v,align:b}=r?h.parsePosition(r):{side:t,align:a},m=p??(n?void 0:u);return e.jsx(o.Popover.Portal,{children:e.jsx(o.Popover.Positioner,{side:v,align:b,sideOffset:c,collisionAvoidance:{side:"none",align:"none",fallbackAxisSide:"none"},children:e.jsx(o.Popover.Popup,{ref:d,className:x.cn(f.POPOVER_CONTENT_STYLES.root,s),"aria-label":m,"aria-labelledby":n,...P})})})});i.displayName="Popover.Content";module.exports=i;
 //# sourceMappingURL=PopoverContent.cjs.map

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"),n=require("react"),m=require("./styles/Tooltip.css.cjs"),O=require("./context/TooltipProvider.context.cjs"),f=require("../../../utils/cn.cjs"),v=require("../_shared/utils/parsePosition.utils.cjs"),_=require("./hooks/use-tooltip/useTooltip.hook.cjs"),l=n.memo(({children:c,content:p,position:t,side:a="top",align:T="center",delayDuration:i=0,disabled:s=!1,className:d,open:u,onOpenChange:x})=>{const h=n.useContext(O.TooltipProviderContext),{side:P,align:q}=t?v.parsePosition(t):{side:a,align:T},{effectiveOpen:g,handleOpenChange:j}=_.useTooltip({disabled:s,open:u,onOpenChange:x}),r=o.jsxs(e.Tooltip.Root,{open:g,onOpenChange:j,children:[o.jsx(e.Tooltip.Trigger,{delay:i,render:c}),!s&&o.jsx(e.Tooltip.Portal,{children:o.jsx(e.Tooltip.Positioner,{side:P,align:q,sideOffset:6,className:"isolate",children:o.jsx(e.Tooltip.Popup,{role:"tooltip",className:f.cn(m.TOOLTIP_STYLES.content,d),children:p})})})]});return h?r:o.jsx(e.Tooltip.Provider,{delay:i,children:r})});l.displayName="Tooltip";module.exports=l;
+"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

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.cjs","sources":["../../../../src/components/overlay/tooltip/Tooltip.tsx"],"sourcesContent":["import { Tooltip as BaseTooltip } from '@base-ui/react/tooltip'\r\nimport { memo, useContext, type FC } from 'react'\r\n\r\nimport type { TooltipProps } from '@components/overlay/tooltip/types/Tooltip.props.ts'\r\nimport { TOOLTIP_STYLES } from '@components/overlay/tooltip/styles/Tooltip.css.ts'\r\nimport { TooltipProviderContext } from '@components/overlay/tooltip/context/TooltipProvider.context.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { parsePosition } from '@components/overlay/_shared/utils/parsePosition.utils.ts'\r\nimport { useTooltip } from '@components/overlay/tooltip/hooks/use-tooltip/useTooltip.hook.ts'\r\n\r\nconst Tooltip: FC<TooltipProps> = memo(({\r\n    children,\r\n    content,\r\n    position,\r\n    side: sideProp = 'top',\r\n    align: alignProp = 'center',\r\n    delayDuration = 0,\r\n    disabled = false,\r\n    className,\r\n    open,\r\n    onOpenChange,\r\n}) => {\r\n    const hasProvider = useContext(TooltipProviderContext)\r\n\r\n    const { side, align } = position\r\n        ? parsePosition(position)\r\n        : { side: sideProp, align: alignProp }\r\n\r\n    const { effectiveOpen, handleOpenChange } = useTooltip({ disabled, open, onOpenChange })\r\n\r\n    const root = (\r\n        <BaseTooltip.Root\r\n            open={effectiveOpen}\r\n            onOpenChange={handleOpenChange}\r\n        >\r\n            <BaseTooltip.Trigger\r\n                delay={delayDuration}\r\n                render={children}\r\n            />\r\n\r\n            {!disabled && (\r\n                <BaseTooltip.Portal>\r\n                    <BaseTooltip.Positioner\r\n                        side={side}\r\n                        align={align}\r\n                        sideOffset={6}\r\n                        className={'isolate'}\r\n                    >\r\n                        <BaseTooltip.Popup\r\n                            role={'tooltip'}\r\n                            className={cn(TOOLTIP_STYLES.content, className)}\r\n                        >\r\n                            {content}\r\n                        </BaseTooltip.Popup>\r\n                    </BaseTooltip.Positioner>\r\n                </BaseTooltip.Portal>\r\n            )}\r\n        </BaseTooltip.Root>\r\n    )\r\n\r\n    // Prefer the shared provider (mounted by `ThemeProvider` or a consumer's\r\n    // `TooltipProvider`) so timing — notably the skip-delay timeout between\r\n    // adjacent triggers — is shared. Fall back to a local provider so a\r\n    // standalone `Tooltip` still works without any setup.\r\n    return hasProvider ? root : <BaseTooltip.Provider delay={delayDuration}>{root}</BaseTooltip.Provider>\r\n})\r\n\r\nTooltip.displayName = 'Tooltip'\r\n\r\nexport default Tooltip\r\n"],"names":["Tooltip","memo","children","content","position","sideProp","alignProp","delayDuration","disabled","className","open","onOpenChange","hasProvider","useContext","TooltipProviderContext","side","align","parsePosition","effectiveOpen","handleOpenChange","useTooltip","root","jsxs","BaseTooltip","jsx","cn","TOOLTIP_STYLES"],"mappings":"gVAUMA,EAA4BC,EAAAA,KAAK,CAAC,CACpC,SAAAC,EACA,QAAAC,EACA,SAAAC,EACA,KAAMC,EAAW,MACjB,MAAOC,EAAY,SACnB,cAAAC,EAAgB,EAChB,SAAAC,EAAW,GACX,UAAAC,EACA,KAAAC,EACA,aAAAC,CACJ,IAAM,CACF,MAAMC,EAAcC,EAAAA,WAAWC,wBAAsB,EAE/C,CAAE,KAAAC,EAAM,MAAAC,CAAA,EAAUZ,EAClBa,EAAAA,cAAcb,CAAQ,EACtB,CAAE,KAAMC,EAAU,MAAOC,CAAA,EAEzB,CAAE,cAAAY,EAAe,iBAAAC,GAAqBC,EAAAA,WAAW,CAAE,SAAAZ,EAAU,KAAAE,EAAM,aAAAC,EAAc,EAEjFU,EACFC,EAAAA,KAACC,EAAAA,QAAY,KAAZ,CACG,KAAML,EACN,aAAcC,EAEd,SAAA,CAAAK,EAAAA,IAACD,EAAAA,QAAY,QAAZ,CACG,MAAOhB,EACP,OAAQL,CAAA,CAAA,EAGX,CAACM,GACEgB,EAAAA,IAACD,EAAAA,QAAY,OAAZ,CACG,SAAAC,EAAAA,IAACD,EAAAA,QAAY,WAAZ,CACG,KAAAR,EACA,MAAAC,EACA,WAAY,EACZ,UAAW,UAEX,SAAAQ,EAAAA,IAACD,EAAAA,QAAY,MAAZ,CACG,KAAM,UACN,UAAWE,EAAAA,GAAGC,iBAAe,QAASjB,CAAS,EAE9C,SAAAN,CAAA,CAAA,CACL,CAAA,CACJ,CACJ,CAAA,CAAA,CAAA,EASZ,OAAOS,EAAcS,EAAOG,EAAAA,IAACD,UAAY,SAAZ,CAAqB,MAAOhB,EAAgB,SAAAc,EAAK,CAClF,CAAC,EAEDrB,EAAQ,YAAc"}
+{"version":3,"file":"Tooltip.cjs","sources":["../../../../src/components/overlay/tooltip/Tooltip.tsx"],"sourcesContent":["import { Tooltip as BaseTooltip } from '@base-ui/react/tooltip'\r\nimport { memo, useContext, type FC } from 'react'\r\n\r\nimport type { TooltipProps } from '@components/overlay/tooltip/types/Tooltip.props.ts'\r\nimport { TOOLTIP_STYLES } from '@components/overlay/tooltip/styles/Tooltip.css.ts'\r\nimport { TooltipProviderContext } from '@components/overlay/tooltip/context/TooltipProvider.context.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { parsePosition } from '@components/overlay/_shared/utils/parsePosition.utils.ts'\r\nimport { useTooltip } from '@components/overlay/tooltip/hooks/use-tooltip/useTooltip.hook.ts'\r\n\r\nconst Tooltip: FC<TooltipProps> = memo(({\r\n    children,\r\n    content,\r\n    position,\r\n    side: sideProp = 'top',\r\n    align: alignProp = 'center',\r\n    delayDuration = 0,\r\n    disabled = false,\r\n    openOnFocus = true,\r\n    arrow = false,\r\n    closeOnClick = true,\r\n    className,\r\n    open,\r\n    defaultOpen,\r\n    onOpenChange,\r\n}) => {\r\n    const hasProvider = useContext(TooltipProviderContext)\r\n\r\n    const { side, align } = position\r\n        ? parsePosition(position)\r\n        : { side: sideProp, align: alignProp }\r\n\r\n    const { effectiveOpen, handleOpenChange } = useTooltip({ disabled, open, defaultOpen, onOpenChange })\r\n    const handleTooltipOpenChange = (\r\n        isOpen: boolean,\r\n        details: BaseTooltip.Root.ChangeEventDetails,\r\n    ) => {\r\n        if (!openOnFocus && details.reason === 'trigger-focus') {\r\n            return\r\n        }\r\n\r\n        handleOpenChange(isOpen)\r\n    }\r\n\r\n    const root = (\r\n        <BaseTooltip.Root\r\n            open={effectiveOpen}\r\n            onOpenChange={handleTooltipOpenChange}\r\n        >\r\n            <BaseTooltip.Trigger\r\n                delay={delayDuration}\r\n                closeOnClick={closeOnClick}\r\n                render={children}\r\n            />\r\n\r\n            {!disabled && (\r\n                <BaseTooltip.Portal>\r\n                    <BaseTooltip.Positioner\r\n                        side={side}\r\n                        align={align}\r\n                        sideOffset={arrow ? 11 : 6}\r\n                        className={'isolate'}\r\n                    >\r\n                        <BaseTooltip.Popup\r\n                            role={'tooltip'}\r\n                            className={cn(TOOLTIP_STYLES.content, className)}\r\n                        >\r\n                            {arrow && <BaseTooltip.Arrow className={TOOLTIP_STYLES.arrow} />}\r\n                            {content}\r\n                        </BaseTooltip.Popup>\r\n                    </BaseTooltip.Positioner>\r\n                </BaseTooltip.Portal>\r\n            )}\r\n        </BaseTooltip.Root>\r\n    )\r\n\r\n    // Prefer the shared provider (mounted by `ThemeProvider` or a consumer's\r\n    // `TooltipProvider`) so timing — notably the skip-delay timeout between\r\n    // adjacent triggers — is shared. Fall back to a local provider so a\r\n    // standalone `Tooltip` still works without any setup.\r\n    return hasProvider ? root : <BaseTooltip.Provider delay={delayDuration}>{root}</BaseTooltip.Provider>\r\n})\r\n\r\nTooltip.displayName = 'Tooltip'\r\n\r\nexport default Tooltip\r\n"],"names":["Tooltip","memo","children","content","position","sideProp","alignProp","delayDuration","disabled","openOnFocus","arrow","closeOnClick","className","open","defaultOpen","onOpenChange","hasProvider","useContext","TooltipProviderContext","side","align","parsePosition","effectiveOpen","handleOpenChange","useTooltip","handleTooltipOpenChange","isOpen","details","root","jsxs","BaseTooltip","jsx","cn","TOOLTIP_STYLES"],"mappings":"gVAUMA,EAA4BC,EAAAA,KAAK,CAAC,CACpC,SAAAC,EACA,QAAAC,EACA,SAAAC,EACA,KAAMC,EAAW,MACjB,MAAOC,EAAY,SACnB,cAAAC,EAAgB,EAChB,SAAAC,EAAW,GACX,YAAAC,EAAc,GACd,MAAAC,EAAQ,GACR,aAAAC,EAAe,GACf,UAAAC,EACA,KAAAC,EACA,YAAAC,EACA,aAAAC,CACJ,IAAM,CACF,MAAMC,EAAcC,EAAAA,WAAWC,wBAAsB,EAE/C,CAAE,KAAAC,EAAM,MAAAC,CAAA,EAAUhB,EAClBiB,EAAAA,cAAcjB,CAAQ,EACtB,CAAE,KAAMC,EAAU,MAAOC,CAAA,EAEzB,CAAE,cAAAgB,EAAe,iBAAAC,CAAA,EAAqBC,EAAAA,WAAW,CAAE,SAAAhB,EAAU,KAAAK,EAAM,YAAAC,EAAa,aAAAC,EAAc,EAC9FU,EAA0B,CAC5BC,EACAC,IACC,CACG,CAAClB,GAAekB,EAAQ,SAAW,iBAIvCJ,EAAiBG,CAAM,CAC3B,EAEME,EACFC,EAAAA,KAACC,EAAAA,QAAY,KAAZ,CACG,KAAMR,EACN,aAAcG,EAEd,SAAA,CAAAM,EAAAA,IAACD,EAAAA,QAAY,QAAZ,CACG,MAAOvB,EACP,aAAAI,EACA,OAAQT,CAAA,CAAA,EAGX,CAACM,GACEuB,EAAAA,IAACD,EAAAA,QAAY,OAAZ,CACG,SAAAC,EAAAA,IAACD,EAAAA,QAAY,WAAZ,CACG,KAAAX,EACA,MAAAC,EACA,WAAYV,EAAQ,GAAK,EACzB,UAAW,UAEX,SAAAmB,EAAAA,KAACC,EAAAA,QAAY,MAAZ,CACG,KAAM,UACN,UAAWE,EAAAA,GAAGC,iBAAe,QAASrB,CAAS,EAE9C,SAAA,CAAAF,SAAUoB,UAAY,MAAZ,CAAkB,UAAWG,EAAAA,eAAe,MAAO,EAC7D9B,CAAA,CAAA,CAAA,CACL,CAAA,CACJ,CACJ,CAAA,CAAA,CAAA,EASZ,OAAOa,EAAcY,EAAOG,EAAAA,IAACD,UAAY,SAAZ,CAAqB,MAAOvB,EAAgB,SAAAqB,EAAK,CAClF,CAAC,EAED5B,EAAQ,YAAc"}

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

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

package/dist/components/overlay/tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/overlay/tooltip/Tooltip.tsx"],"sourcesContent":["import { Tooltip as BaseTooltip } from '@base-ui/react/tooltip'\r\nimport { memo, useContext, type FC } from 'react'\r\n\r\nimport type { TooltipProps } from '@components/overlay/tooltip/types/Tooltip.props.ts'\r\nimport { TOOLTIP_STYLES } from '@components/overlay/tooltip/styles/Tooltip.css.ts'\r\nimport { TooltipProviderContext } from '@components/overlay/tooltip/context/TooltipProvider.context.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { parsePosition } from '@components/overlay/_shared/utils/parsePosition.utils.ts'\r\nimport { useTooltip } from '@components/overlay/tooltip/hooks/use-tooltip/useTooltip.hook.ts'\r\n\r\nconst Tooltip: FC<TooltipProps> = memo(({\r\n    children,\r\n    content,\r\n    position,\r\n    side: sideProp = 'top',\r\n    align: alignProp = 'center',\r\n    delayDuration = 0,\r\n    disabled = false,\r\n    className,\r\n    open,\r\n    onOpenChange,\r\n}) => {\r\n    const hasProvider = useContext(TooltipProviderContext)\r\n\r\n    const { side, align } = position\r\n        ? parsePosition(position)\r\n        : { side: sideProp, align: alignProp }\r\n\r\n    const { effectiveOpen, handleOpenChange } = useTooltip({ disabled, open, onOpenChange })\r\n\r\n    const root = (\r\n        <BaseTooltip.Root\r\n            open={effectiveOpen}\r\n            onOpenChange={handleOpenChange}\r\n        >\r\n            <BaseTooltip.Trigger\r\n                delay={delayDuration}\r\n                render={children}\r\n            />\r\n\r\n            {!disabled && (\r\n                <BaseTooltip.Portal>\r\n                    <BaseTooltip.Positioner\r\n                        side={side}\r\n                        align={align}\r\n                        sideOffset={6}\r\n                        className={'isolate'}\r\n                    >\r\n                        <BaseTooltip.Popup\r\n                            role={'tooltip'}\r\n                            className={cn(TOOLTIP_STYLES.content, className)}\r\n                        >\r\n                            {content}\r\n                        </BaseTooltip.Popup>\r\n                    </BaseTooltip.Positioner>\r\n                </BaseTooltip.Portal>\r\n            )}\r\n        </BaseTooltip.Root>\r\n    )\r\n\r\n    // Prefer the shared provider (mounted by `ThemeProvider` or a consumer's\r\n    // `TooltipProvider`) so timing — notably the skip-delay timeout between\r\n    // adjacent triggers — is shared. Fall back to a local provider so a\r\n    // standalone `Tooltip` still works without any setup.\r\n    return hasProvider ? root : <BaseTooltip.Provider delay={delayDuration}>{root}</BaseTooltip.Provider>\r\n})\r\n\r\nTooltip.displayName = 'Tooltip'\r\n\r\nexport default Tooltip\r\n"],"names":["Tooltip","memo","children","content","position","sideProp","alignProp","delayDuration","disabled","className","open","onOpenChange","hasProvider","useContext","TooltipProviderContext","side","align","parsePosition","effectiveOpen","handleOpenChange","useTooltip","root","jsxs","BaseTooltip","jsx","cn","TOOLTIP_STYLES"],"mappings":";;;;;;;;AAUA,MAAMA,IAA4BC,EAAK,CAAC;AAAA,EACpC,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAMC,IAAW;AAAA,EACjB,OAAOC,IAAY;AAAA,EACnB,eAAAC,IAAgB;AAAA,EAChB,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AACJ,MAAM;AACF,QAAMC,IAAcC,EAAWC,CAAsB,GAE/C,EAAE,MAAAC,GAAM,OAAAC,EAAA,IAAUZ,IAClBa,EAAcb,CAAQ,IACtB,EAAE,MAAMC,GAAU,OAAOC,EAAA,GAEzB,EAAE,eAAAY,GAAe,kBAAAC,MAAqBC,EAAW,EAAE,UAAAZ,GAAU,MAAAE,GAAM,cAAAC,GAAc,GAEjFU,IACF,gBAAAC;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACG,MAAML;AAAA,MACN,cAAcC;AAAA,MAEd,UAAA;AAAA,QAAA,gBAAAK;AAAA,UAACD,EAAY;AAAA,UAAZ;AAAA,YACG,OAAOhB;AAAA,YACP,QAAQL;AAAA,UAAA;AAAA,QAAA;AAAA,QAGX,CAACM,KACE,gBAAAgB,EAACD,EAAY,QAAZ,EACG,UAAA,gBAAAC;AAAA,UAACD,EAAY;AAAA,UAAZ;AAAA,YACG,MAAAR;AAAA,YACA,OAAAC;AAAA,YACA,YAAY;AAAA,YACZ,WAAW;AAAA,YAEX,UAAA,gBAAAQ;AAAA,cAACD,EAAY;AAAA,cAAZ;AAAA,gBACG,MAAM;AAAA,gBACN,WAAWE,EAAGC,EAAe,SAASjB,CAAS;AAAA,gBAE9C,UAAAN;AAAA,cAAA;AAAA,YAAA;AAAA,UACL;AAAA,QAAA,EACJ,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AASZ,SAAOS,IAAcS,IAAO,gBAAAG,EAACD,EAAY,UAAZ,EAAqB,OAAOhB,GAAgB,UAAAc,GAAK;AAClF,CAAC;AAEDrB,EAAQ,cAAc;"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/overlay/tooltip/Tooltip.tsx"],"sourcesContent":["import { Tooltip as BaseTooltip } from '@base-ui/react/tooltip'\r\nimport { memo, useContext, type FC } from 'react'\r\n\r\nimport type { TooltipProps } from '@components/overlay/tooltip/types/Tooltip.props.ts'\r\nimport { TOOLTIP_STYLES } from '@components/overlay/tooltip/styles/Tooltip.css.ts'\r\nimport { TooltipProviderContext } from '@components/overlay/tooltip/context/TooltipProvider.context.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { parsePosition } from '@components/overlay/_shared/utils/parsePosition.utils.ts'\r\nimport { useTooltip } from '@components/overlay/tooltip/hooks/use-tooltip/useTooltip.hook.ts'\r\n\r\nconst Tooltip: FC<TooltipProps> = memo(({\r\n    children,\r\n    content,\r\n    position,\r\n    side: sideProp = 'top',\r\n    align: alignProp = 'center',\r\n    delayDuration = 0,\r\n    disabled = false,\r\n    openOnFocus = true,\r\n    arrow = false,\r\n    closeOnClick = true,\r\n    className,\r\n    open,\r\n    defaultOpen,\r\n    onOpenChange,\r\n}) => {\r\n    const hasProvider = useContext(TooltipProviderContext)\r\n\r\n    const { side, align } = position\r\n        ? parsePosition(position)\r\n        : { side: sideProp, align: alignProp }\r\n\r\n    const { effectiveOpen, handleOpenChange } = useTooltip({ disabled, open, defaultOpen, onOpenChange })\r\n    const handleTooltipOpenChange = (\r\n        isOpen: boolean,\r\n        details: BaseTooltip.Root.ChangeEventDetails,\r\n    ) => {\r\n        if (!openOnFocus && details.reason === 'trigger-focus') {\r\n            return\r\n        }\r\n\r\n        handleOpenChange(isOpen)\r\n    }\r\n\r\n    const root = (\r\n        <BaseTooltip.Root\r\n            open={effectiveOpen}\r\n            onOpenChange={handleTooltipOpenChange}\r\n        >\r\n            <BaseTooltip.Trigger\r\n                delay={delayDuration}\r\n                closeOnClick={closeOnClick}\r\n                render={children}\r\n            />\r\n\r\n            {!disabled && (\r\n                <BaseTooltip.Portal>\r\n                    <BaseTooltip.Positioner\r\n                        side={side}\r\n                        align={align}\r\n                        sideOffset={arrow ? 11 : 6}\r\n                        className={'isolate'}\r\n                    >\r\n                        <BaseTooltip.Popup\r\n                            role={'tooltip'}\r\n                            className={cn(TOOLTIP_STYLES.content, className)}\r\n                        >\r\n                            {arrow && <BaseTooltip.Arrow className={TOOLTIP_STYLES.arrow} />}\r\n                            {content}\r\n                        </BaseTooltip.Popup>\r\n                    </BaseTooltip.Positioner>\r\n                </BaseTooltip.Portal>\r\n            )}\r\n        </BaseTooltip.Root>\r\n    )\r\n\r\n    // Prefer the shared provider (mounted by `ThemeProvider` or a consumer's\r\n    // `TooltipProvider`) so timing — notably the skip-delay timeout between\r\n    // adjacent triggers — is shared. Fall back to a local provider so a\r\n    // standalone `Tooltip` still works without any setup.\r\n    return hasProvider ? root : <BaseTooltip.Provider delay={delayDuration}>{root}</BaseTooltip.Provider>\r\n})\r\n\r\nTooltip.displayName = 'Tooltip'\r\n\r\nexport default Tooltip\r\n"],"names":["Tooltip","memo","children","content","position","sideProp","alignProp","delayDuration","disabled","openOnFocus","arrow","closeOnClick","className","open","defaultOpen","onOpenChange","hasProvider","useContext","TooltipProviderContext","side","align","parsePosition","effectiveOpen","handleOpenChange","useTooltip","handleTooltipOpenChange","isOpen","details","root","jsxs","BaseTooltip","jsx","cn","TOOLTIP_STYLES"],"mappings":";;;;;;;;AAUA,MAAMA,IAA4BC,EAAK,CAAC;AAAA,EACpC,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAMC,IAAW;AAAA,EACjB,OAAOC,IAAY;AAAA,EACnB,eAAAC,IAAgB;AAAA,EAChB,UAAAC,IAAW;AAAA,EACX,aAAAC,IAAc;AAAA,EACd,OAAAC,IAAQ;AAAA,EACR,cAAAC,IAAe;AAAA,EACf,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AACJ,MAAM;AACF,QAAMC,IAAcC,EAAWC,CAAsB,GAE/C,EAAE,MAAAC,GAAM,OAAAC,EAAA,IAAUhB,IAClBiB,EAAcjB,CAAQ,IACtB,EAAE,MAAMC,GAAU,OAAOC,EAAA,GAEzB,EAAE,eAAAgB,GAAe,kBAAAC,EAAA,IAAqBC,EAAW,EAAE,UAAAhB,GAAU,MAAAK,GAAM,aAAAC,GAAa,cAAAC,GAAc,GAC9FU,IAA0B,CAC5BC,GACAC,MACC;AACD,IAAI,CAAClB,KAAekB,EAAQ,WAAW,mBAIvCJ,EAAiBG,CAAM;AAAA,EAC3B,GAEME,IACF,gBAAAC;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACG,MAAMR;AAAA,MACN,cAAcG;AAAA,MAEd,UAAA;AAAA,QAAA,gBAAAM;AAAA,UAACD,EAAY;AAAA,UAAZ;AAAA,YACG,OAAOvB;AAAA,YACP,cAAAI;AAAA,YACA,QAAQT;AAAA,UAAA;AAAA,QAAA;AAAA,QAGX,CAACM,KACE,gBAAAuB,EAACD,EAAY,QAAZ,EACG,UAAA,gBAAAC;AAAA,UAACD,EAAY;AAAA,UAAZ;AAAA,YACG,MAAAX;AAAA,YACA,OAAAC;AAAA,YACA,YAAYV,IAAQ,KAAK;AAAA,YACzB,WAAW;AAAA,YAEX,UAAA,gBAAAmB;AAAA,cAACC,EAAY;AAAA,cAAZ;AAAA,gBACG,MAAM;AAAA,gBACN,WAAWE,EAAGC,EAAe,SAASrB,CAAS;AAAA,gBAE9C,UAAA;AAAA,kBAAAF,uBAAUoB,EAAY,OAAZ,EAAkB,WAAWG,EAAe,OAAO;AAAA,kBAC7D9B;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACL;AAAA,QAAA,EACJ,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AASZ,SAAOa,IAAcY,IAAO,gBAAAG,EAACD,EAAY,UAAZ,EAAqB,OAAOvB,GAAgB,UAAAqB,GAAK;AAClF,CAAC;AAED5B,EAAQ,cAAc;"}

package/dist/components/overlay/tooltip/hooks/use-tooltip/types/index.d.ts

@@ -1,6 +1,7 @@
 export type UseTooltipOptions = {
     disabled: boolean;
     open?: boolean;
+    defaultOpen?: boolean;
     onOpenChange?: (open: boolean) => void;
 };
 export type UseTooltipReturn = {

package/dist/components/overlay/tooltip/hooks/use-tooltip/useTooltip.hook.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),a=({disabled:e,open:n,onOpenChange:s})=>{const[f,c]=t.useState(!1);t.useEffect(()=>{e&&c(!1)},[e]);const l=t.useCallback(o=>{c(o),s?.(o)},[s]);return{effectiveOpen:e?!1:n!==void 0?n:f,handleOpenChange:l}};exports.useTooltip=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),a=({disabled:e,open:n,defaultOpen:f,onOpenChange:s})=>{const[l,c]=t.useState(f??!1);t.useEffect(()=>{e&&c(!1)},[e]);const r=t.useCallback(o=>{c(o),s?.(o)},[s]);return{effectiveOpen:e?!1:n!==void 0?n:l,handleOpenChange:r}};exports.useTooltip=a;
 //# sourceMappingURL=useTooltip.hook.cjs.map

package/dist/components/overlay/tooltip/hooks/use-tooltip/useTooltip.hook.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTooltip.hook.cjs","sources":["../../../../../../src/components/overlay/tooltip/hooks/use-tooltip/useTooltip.hook.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\r\nimport type { UseTooltipOptions, UseTooltipReturn } from '@components/overlay/tooltip/hooks/use-tooltip/types'\r\n\r\n/**\r\n * Manages tooltip open state so that `BaseTooltip.Root` stays always controlled,\r\n * avoiding the controlled→uncontrolled transition bug in Base UI when `disabled` toggles.\r\n *\r\n * When `disabled` becomes true the internal state is reset, so the tooltip\r\n * never appears stale when `disabled` goes back to false.\r\n */\r\nexport const useTooltip = ({ disabled, open, onOpenChange }: UseTooltipOptions): UseTooltipReturn => {\r\n    const [internalOpen, setInternalOpen] = useState(false)\r\n\r\n    useEffect(() => {\r\n        if (disabled) {setInternalOpen(false)}\r\n    }, [disabled])\r\n\r\n    const handleOpenChange = useCallback(\r\n        (isOpen: boolean) => {\r\n            setInternalOpen(isOpen)\r\n            onOpenChange?.(isOpen)\r\n        },\r\n        [onOpenChange],\r\n    )\r\n\r\n    const effectiveOpen = disabled ? false : (open !== undefined ? open : internalOpen)\r\n\r\n    return { effectiveOpen, handleOpenChange }\r\n}\r\n"],"names":["useTooltip","disabled","open","onOpenChange","internalOpen","setInternalOpen","useState","useEffect","handleOpenChange","useCallback","isOpen"],"mappings":"yGAUaA,EAAa,CAAC,CAAE,SAAAC,EAAU,KAAAC,EAAM,aAAAC,KAAwD,CACjG,KAAM,CAACC,EAAcC,CAAe,EAAIC,EAAAA,SAAS,EAAK,EAEtDC,EAAAA,UAAU,IAAM,CACRN,GAAWI,EAAgB,EAAK,CACxC,EAAG,CAACJ,CAAQ,CAAC,EAEb,MAAMO,EAAmBC,EAAAA,YACpBC,GAAoB,CACjBL,EAAgBK,CAAM,EACtBP,IAAeO,CAAM,CACzB,EACA,CAACP,CAAY,CAAA,EAKjB,MAAO,CAAE,cAFaF,EAAW,GAASC,IAAS,OAAYA,EAAOE,EAE9C,iBAAAI,CAAA,CAC5B"}
+{"version":3,"file":"useTooltip.hook.cjs","sources":["../../../../../../src/components/overlay/tooltip/hooks/use-tooltip/useTooltip.hook.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\r\nimport type { UseTooltipOptions, UseTooltipReturn } from '@components/overlay/tooltip/hooks/use-tooltip/types'\r\n\r\n/**\r\n * Manages tooltip open state so that `BaseTooltip.Root` stays always controlled,\r\n * avoiding the controlled→uncontrolled transition bug in Base UI when `disabled` toggles.\r\n *\r\n * When `disabled` becomes true the internal state is reset, so the tooltip\r\n * never appears stale when `disabled` goes back to false.\r\n */\r\nexport const useTooltip = ({ disabled, open, defaultOpen, onOpenChange }: UseTooltipOptions): UseTooltipReturn => {\r\n    const [internalOpen, setInternalOpen] = useState(defaultOpen ?? false)\r\n\r\n    useEffect(() => {\r\n        if (disabled) {setInternalOpen(false)}\r\n    }, [disabled])\r\n\r\n    const handleOpenChange = useCallback(\r\n        (isOpen: boolean) => {\r\n            setInternalOpen(isOpen)\r\n            onOpenChange?.(isOpen)\r\n        },\r\n        [onOpenChange],\r\n    )\r\n\r\n    const effectiveOpen = disabled ? false : (open !== undefined ? open : internalOpen)\r\n\r\n    return { effectiveOpen, handleOpenChange }\r\n}\r\n"],"names":["useTooltip","disabled","open","defaultOpen","onOpenChange","internalOpen","setInternalOpen","useState","useEffect","handleOpenChange","useCallback","isOpen"],"mappings":"yGAUaA,EAAa,CAAC,CAAE,SAAAC,EAAU,KAAAC,EAAM,YAAAC,EAAa,aAAAC,KAAwD,CAC9G,KAAM,CAACC,EAAcC,CAAe,EAAIC,EAAAA,SAASJ,GAAe,EAAK,EAErEK,EAAAA,UAAU,IAAM,CACRP,GAAWK,EAAgB,EAAK,CACxC,EAAG,CAACL,CAAQ,CAAC,EAEb,MAAMQ,EAAmBC,EAAAA,YACpBC,GAAoB,CACjBL,EAAgBK,CAAM,EACtBP,IAAeO,CAAM,CACzB,EACA,CAACP,CAAY,CAAA,EAKjB,MAAO,CAAE,cAFaH,EAAW,GAASC,IAAS,OAAYA,EAAOG,EAE9C,iBAAAI,CAAA,CAC5B"}