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

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"});require('../../../../ui-kit68.css');require('../../../../ui-kit40.css');require('../../../../ui-kit.css');require('../../../../ui-kit4.css');require('../../../../ui-kit6.css');require('../../../../ui-kit3.css');require('../../../../ui-kit8.css');require('../../../../ui-kit13.css');require('../../../../ui-kit14.css');require('../../../../ui-kit12.css');require('../../../../ui-kit10.css');require('../../../../ui-kit5.css');require('../../../../ui-kit7.css');require('../../../../ui-kit11.css');require('../../../../ui-kit9.css');;/* 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 @@
+import '../../../../ui-kit68.css';import '../../../../ui-kit40.css';import '../../../../ui-kit.css';import '../../../../ui-kit4.css';import '../../../../ui-kit6.css';import '../../../../ui-kit3.css';import '../../../../ui-kit8.css';import '../../../../ui-kit13.css';import '../../../../ui-kit14.css';import '../../../../ui-kit12.css';import '../../../../ui-kit10.css';import '../../../../ui-kit5.css';import '../../../../ui-kit7.css';import '../../../../ui-kit11.css';import '../../../../ui-kit9.css';/* 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/content/styles/PopoverContent.css.cjs

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

package/dist/components/overlay/popover/components/content/styles/PopoverContent.css.js

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

package/dist/components/overlay/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

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    arrow = false,\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\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={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","arrow","className","open","defaultOpen","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,MAAAC,EAAQ,GACR,UAAAC,EACA,KAAAC,EACA,YAAAC,EACA,aAAAC,CACJ,IAAM,CACF,MAAMC,EAAcC,EAAAA,WAAWC,wBAAsB,EAE/C,CAAE,KAAAC,EAAM,MAAAC,CAAA,EAAUd,EAClBe,EAAAA,cAAcf,CAAQ,EACtB,CAAE,KAAMC,EAAU,MAAOC,CAAA,EAEzB,CAAE,cAAAc,EAAe,iBAAAC,CAAA,EAAqBC,EAAAA,WAAW,CAAE,SAAAd,EAAU,KAAAG,EAAM,YAAAC,EAAa,aAAAC,EAAc,EAE9FU,EACFC,EAAAA,KAACC,EAAAA,QAAY,KAAZ,CACG,KAAML,EACN,aAAcC,EAEd,SAAA,CAAAK,EAAAA,IAACD,EAAAA,QAAY,QAAZ,CACG,MAAOlB,EACP,OAAQL,CAAA,CAAA,EAGX,CAACM,GACEkB,EAAAA,IAACD,EAAAA,QAAY,OAAZ,CACG,SAAAC,EAAAA,IAACD,EAAAA,QAAY,WAAZ,CACG,KAAAR,EACA,MAAAC,EACA,WAAYT,EAAQ,GAAK,EACzB,UAAW,UAEX,SAAAe,EAAAA,KAACC,EAAAA,QAAY,MAAZ,CACG,KAAM,UACN,UAAWE,EAAAA,GAAGC,iBAAe,QAASlB,CAAS,EAE9C,SAAA,CAAAD,SAAUgB,UAAY,MAAZ,CAAkB,UAAWG,EAAAA,eAAe,MAAO,EAC7DzB,CAAA,CAAA,CAAA,CACL,CAAA,CACJ,CACJ,CAAA,CAAA,CAAA,EASZ,OAAOW,EAAcS,EAAOG,EAAAA,IAACD,UAAY,SAAZ,CAAqB,MAAOlB,EAAgB,SAAAgB,EAAK,CAClF,CAAC,EAEDvB,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,50 +1,55 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { Tooltip as o } from "@base-ui/react/tooltip";
-import { memo as C, useContext as N } from "react";
+import { memo as S, useContext as w } from "react";
 import { TOOLTIP_STYLES as p } from "./styles/Tooltip.css.js";
-import { TooltipProviderContext as j } from "./context/TooltipProvider.context.js";
-import { cn as y } from "../../../utils/cn.js";
-import { parsePosition as L } from "../_shared/utils/parsePosition.utils.js";
-import { useTooltip as S } from "./hooks/use-tooltip/useTooltip.hook.js";
-const w = C(({
+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: c = "top",
-  align: d = "center",
+  align: f = "center",
   delayDuration: t = 0,
   disabled: i = !1,
+  openOnFocus: d = !0,
   arrow: n = !1,
-  className: f,
-  open: T,
-  defaultOpen: h,
+  closeOnClick: h = !0,
+  className: T,
+  open: g,
+  defaultOpen: u,
   onOpenChange: P
 }) => {
-  const g = N(j), { side: O, align: x } = r ? L(r) : { side: c, align: d }, { effectiveOpen: u, handleOpenChange: v } = S({ disabled: i, open: T, defaultOpen: h, onOpenChange: P }), s = /* @__PURE__ */ l(
+  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: u,
-      onOpenChange: v,
+      open: v,
+      onOpenChange: j,
       children: [
         /* @__PURE__ */ e(
           o.Trigger,
           {
             delay: t,
+            closeOnClick: h,
             render: a
           }
         ),
         !i && /* @__PURE__ */ e(o.Portal, { children: /* @__PURE__ */ e(
           o.Positioner,
           {
-            side: O,
-            align: x,
+            side: x,
+            align: C,
             sideOffset: n ? 11 : 6,
             className: "isolate",
             children: /* @__PURE__ */ l(
               o.Popup,
               {
                 role: "tooltip",
-                className: y(p.content, f),
+                className: E(p.content, T),
                 children: [
                   n && /* @__PURE__ */ e(o.Arrow, { className: p.arrow }),
                   m
@@ -56,10 +61,10 @@ const w = C(({
       ]
     }
   );
-  return g ? s : /* @__PURE__ */ e(o.Provider, { delay: t, children: s });
+  return O ? s : /* @__PURE__ */ e(o.Provider, { delay: t, children: s });
 });
-w.displayName = "Tooltip";
+Y.displayName = "Tooltip";
 export {
-  w 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    arrow = false,\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\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={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","arrow","className","open","defaultOpen","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,OAAAC,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AACJ,MAAM;AACF,QAAMC,IAAcC,EAAWC,CAAsB,GAE/C,EAAE,MAAAC,GAAM,OAAAC,EAAA,IAAUd,IAClBe,EAAcf,CAAQ,IACtB,EAAE,MAAMC,GAAU,OAAOC,EAAA,GAEzB,EAAE,eAAAc,GAAe,kBAAAC,EAAA,IAAqBC,EAAW,EAAE,UAAAd,GAAU,MAAAG,GAAM,aAAAC,GAAa,cAAAC,GAAc,GAE9FU,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,OAAOlB;AAAA,YACP,QAAQL;AAAA,UAAA;AAAA,QAAA;AAAA,QAGX,CAACM,KACE,gBAAAkB,EAACD,EAAY,QAAZ,EACG,UAAA,gBAAAC;AAAA,UAACD,EAAY;AAAA,UAAZ;AAAA,YACG,MAAAR;AAAA,YACA,OAAAC;AAAA,YACA,YAAYT,IAAQ,KAAK;AAAA,YACzB,WAAW;AAAA,YAEX,UAAA,gBAAAe;AAAA,cAACC,EAAY;AAAA,cAAZ;AAAA,gBACG,MAAM;AAAA,gBACN,WAAWE,EAAGC,EAAe,SAASlB,CAAS;AAAA,gBAE9C,UAAA;AAAA,kBAAAD,uBAAUgB,EAAY,OAAZ,EAAkB,WAAWG,EAAe,OAAO;AAAA,kBAC7DzB;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACL;AAAA,QAAA,EACJ,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AASZ,SAAOW,IAAcS,IAAO,gBAAAG,EAACD,EAAY,UAAZ,EAAqB,OAAOlB,GAAgB,UAAAgB,GAAK;AAClF,CAAC;AAEDvB,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/styles/Tooltip.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                              */;/* empty css                             */var e={content:"_1ciafjz2",arrow:"_1ciafjz3"};exports.TOOLTIP_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit37.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                             */var e={content:"_1ciafjz2",arrow:"_1ciafjz3"};exports.TOOLTIP_STYLES=e;
 //# sourceMappingURL=Tooltip.css.cjs.map

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

@@ -1,4 +1,4 @@
-/* empty css                                            */
+import '../../../../ui-kit37.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                           */
 var t = { content: "_1ciafjz2", arrow: "_1ciafjz3" };
 export {

package/dist/components/overlay/tooltip/types/Tooltip.props.d.ts

@@ -19,8 +19,12 @@ export type TooltipProps = {
     delayDuration?: number;
     /** Whether the tooltip is disabled. */
     disabled?: boolean;
+    /** Whether the tooltip opens when its trigger receives focus. Defaults to `true`. */
+    openOnFocus?: boolean;
     /** Whether to render the tooltip arrow. @default false */
     arrow?: boolean;
+    /** Whether clicking the trigger closes the tooltip. @default true */
+    closeOnClick?: boolean;
     /** Additional class names to apply to the tooltip content. */
     className?: string;
     /** Controls the open state when used as a controlled component. */

package/dist/components/surfaces/accordion/components/accordion-content/styles/AccordionContent.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                    */;/* empty css                                      */var e={root:"_1xa91to0",inner:"_1xa91to1"};exports.ACCORDION_CONTENT_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit88.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                      */var e={root:"_1xa91to0",inner:"_1xa91to1"};exports.ACCORDION_CONTENT_STYLES=e;
 //# sourceMappingURL=AccordionContent.css.cjs.map

package/dist/components/surfaces/accordion/components/accordion-content/styles/AccordionContent.css.js

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

package/dist/components/surfaces/accordion/components/accordion-content/types/AccordionContent.props.d.ts

@@ -1,2 +1,3 @@
 import { Accordion } from '@base-ui/react/accordion';
-export type AccordionContentProps = Accordion.Panel.Props;
+import { DataAttributes } from '../../../../../../types/DataAttributes.ts';
+export type AccordionContentProps = Accordion.Panel.Props & DataAttributes;

package/dist/components/surfaces/accordion/components/accordion-item/styles/AccordionItem.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                    */;/* empty css                                   */const e=require("@vanilla-extract/recipes/createRuntimeFn");var r={recipe:e.createRuntimeFn({defaultClassName:"_9ga98s0",variantClassNames:{bordered:{true:"_9ga98s1",false:"_9ga98s2"}},defaultVariants:{bordered:!0},compoundVariants:[]})};exports.ACCORDION_ITEM_STYLES=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit81.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                   */const e=require("@vanilla-extract/recipes/createRuntimeFn");var r={recipe:e.createRuntimeFn({defaultClassName:"_9ga98s0",variantClassNames:{bordered:{true:"_9ga98s1",false:"_9ga98s2"}},defaultVariants:{bordered:!0},compoundVariants:[]})};exports.ACCORDION_ITEM_STYLES=r;
 //# sourceMappingURL=AccordionItem.css.cjs.map

package/dist/components/surfaces/accordion/components/accordion-item/styles/AccordionItem.css.js

@@ -1,4 +1,4 @@
-/* empty css                                                  */
+import '../../../../../../ui-kit81.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                 */
 import { createRuntimeFn as a } from "@vanilla-extract/recipes/createRuntimeFn";
 var s = { recipe: a({ defaultClassName: "_9ga98s0", variantClassNames: { bordered: { true: "_9ga98s1", false: "_9ga98s2" } }, defaultVariants: { bordered: !0 }, compoundVariants: [] }) };

package/dist/components/surfaces/accordion/components/accordion-trigger/AccordionTrigger.cjs

@@ -1,2 +1,2 @@
-"use strict";const r=require("react/jsx-runtime"),q=require("react"),c=require("@base-ui/react/accordion"),g=require("./styles/AccordionTrigger.css.cjs"),m=require("../../../../_common/rotating-chevron/RotatingChevron.cjs");;/* empty css                                                 */;/* empty css                                                                               */const d=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const n=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const x=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const j=require("../../../../../utils/cn.cjs"),o=q.memo(({className:t,children:a,label:e,startIcon:s,endIcon:i,...u})=>r.jsx(c.Accordion.Header,{style:{margin:0},children:r.jsxs(c.Accordion.Trigger,{className:j.cn(g.ACCORDION_TRIGGER_STYLES.root,t),...u,children:[e?r.jsxs(d,{as:"span",alignItems:"center",gap:"sm",children:[s&&r.jsx(n,{icon:s,size:"sm"}),r.jsx(x,{as:"span",variant:"span",fontSize:"sm",children:e}),i&&r.jsx(n,{icon:i,size:"sm"})]}):a,r.jsx(m,{size:"sm"})]})}));o.displayName="Accordion.Trigger";module.exports=o;
+"use strict";require('../../../../../ui-kit124.css');require('../../../../../ui-kit.css');const r=require("react/jsx-runtime"),q=require("react"),c=require("@base-ui/react/accordion"),g=require("./styles/AccordionTrigger.css.cjs"),m=require("../../../../_common/rotating-chevron/RotatingChevron.cjs");;/* empty css                                                 */;/* empty css                                                                               */const d=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const n=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const x=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const j=require("../../../../../utils/cn.cjs"),o=q.memo(({className:t,children:a,label:e,startIcon:s,endIcon:i,...u})=>r.jsx(c.Accordion.Header,{style:{margin:0},children:r.jsxs(c.Accordion.Trigger,{className:j.cn(g.ACCORDION_TRIGGER_STYLES.root,t),...u,children:[e?r.jsxs(d,{as:"span",alignItems:"center",gap:"sm",children:[s&&r.jsx(n,{icon:s,size:"sm"}),r.jsx(x,{as:"span",variant:"span",fontSize:"sm",children:e}),i&&r.jsx(n,{icon:i,size:"sm"})]}):a,r.jsx(m,{size:"sm"})]})}));o.displayName="Accordion.Trigger";module.exports=o;
 //# sourceMappingURL=AccordionTrigger.cjs.map

package/dist/components/surfaces/accordion/components/accordion-trigger/AccordionTrigger.js

@@ -3,7 +3,7 @@ import { memo as c } from "react";
 import { Accordion as e } from "@base-ui/react/accordion";
 import { ACCORDION_TRIGGER_STYLES as f } from "./styles/AccordionTrigger.css.js";
 import g from "../../../../_common/rotating-chevron/RotatingChevron.js";
-/* empty css                                               */
+import '../../../../../ui-kit124.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                                                             */
 import d from "../../../../layout/flex/Flex.js";
 import "../../../../layout/flex/styles/Flex.css.js";

package/dist/components/surfaces/accordion/components/accordion-trigger/styles/AccordionTrigger.css.cjs

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

package/dist/components/surfaces/accordion/components/accordion-trigger/styles/AccordionTrigger.css.js

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

package/dist/components/surfaces/accordion/components/accordion-trigger/types/AccordionTrigger.props.d.ts

@@ -1,4 +1,5 @@
 import { Accordion } from '@base-ui/react/accordion';
+import { DataAttributes } from '../../../../../../types/DataAttributes.ts';
 export type AccordionTriggerProps = Omit<Accordion.Trigger.Props, 'children' | 'render'> & {
     /** The text content rendered inside the trigger via the Typography component. */
     label?: string;
@@ -8,4 +9,4 @@ export type AccordionTriggerProps = Omit<Accordion.Trigger.Props, 'children' | '
     endIcon?: string;
     /** Custom trigger content. Takes precedence over `label`. */
     children?: Accordion.Trigger.Props['children'];
-};
+} & DataAttributes;

package/dist/components/surfaces/accordion/styles/Accordion.css.cjs

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

package/dist/components/surfaces/accordion/styles/Accordion.css.js

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

package/dist/components/surfaces/card/components/card-header/styles/CardHeader.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                */var e={content:"_1rabbpx0",actions:"_1rabbpx1"};exports.CARD_HEADER_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit95.css');;/* empty css                                */var e={content:"_1rabbpx0",actions:"_1rabbpx1"};exports.CARD_HEADER_STYLES=e;
 //# sourceMappingURL=CardHeader.css.cjs.map

package/dist/components/surfaces/card/components/card-header/styles/CardHeader.css.js

@@ -1,4 +1,4 @@
-/* empty css                              */
+import '../../../../../../ui-kit95.css';/* empty css                              */
 var t = { content: "_1rabbpx0", actions: "_1rabbpx1" };
 export {
   t as CARD_HEADER_STYLES

package/dist/components/surfaces/card/styles/Card.css.cjs

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

package/dist/components/surfaces/card/styles/Card.css.js

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

package/dist/components/surfaces/collapsible/components/collapsible-panel/styles/CollapsiblePanel.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                    */;/* empty css                                      */var e={root:"_1whcamm0",inner:"_1whcamm1"};exports.COLLAPSIBLE_PANEL_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit86.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                      */var e={root:"_1whcamm0",inner:"_1whcamm1"};exports.COLLAPSIBLE_PANEL_STYLES=e;
 //# sourceMappingURL=CollapsiblePanel.css.cjs.map