@choco-vanille/ui 1.1.1 → 1.1.2

package/dist/components/overlay/hover-card/HoverCard.d.ts

@@ -0,0 +1,10 @@
+import { HoverCardCompound } from './types';
+/**
+ * A hover-activated overlay built on top of `@base-ui/react/preview-card`.
+ * It behaves like a popover but opens on hover and stays open while the cursor
+ * is over the trigger or the panel.
+ *
+ * Reuses the popover content styles for visual consistency.
+ */
+declare const HoverCard: HoverCardCompound;
+export default HoverCard;

package/dist/components/overlay/hover-card/HoverCard.js

@@ -0,0 +1,13 @@
+import { jsx as e } from "react/jsx-runtime";
+import { PreviewCard as m } from "@base-ui/react/preview-card";
+import { memo as t } from "react";
+import a from "./components/content/HoverCardContent.js";
+import i from "./components/trigger/HoverCardTrigger.js";
+const r = t((o) => /* @__PURE__ */ e(m.Root, { ...o }));
+r.displayName = "HoverCard";
+r.Trigger = i;
+r.Content = a;
+export {
+  r as default
+};
+//# sourceMappingURL=HoverCard.js.map

package/dist/components/overlay/hover-card/HoverCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCard.js","sources":["../../../../src/components/overlay/hover-card/HoverCard.tsx"],"sourcesContent":["import { PreviewCard } from '@base-ui/react/preview-card'\r\nimport { memo } from 'react'\r\n\r\nimport HoverCardContent from '@components/overlay/hover-card/components/content/HoverCardContent.tsx'\r\nimport HoverCardTrigger from '@components/overlay/hover-card/components/trigger/HoverCardTrigger.tsx'\r\nimport type { HoverCardCompound } from '@components/overlay/hover-card/types'\r\nimport type { HoverCardProps } from '@components/overlay/hover-card/types/HoverCard.props.ts'\r\n\r\n/**\r\n * A hover-activated overlay built on top of `@base-ui/react/preview-card`.\r\n * It behaves like a popover but opens on hover and stays open while the cursor\r\n * is over the trigger or the panel.\r\n *\r\n * Reuses the popover content styles for visual consistency.\r\n */\r\nconst HoverCard = memo<HoverCardProps>((props) => (\r\n    <PreviewCard.Root {...props} />\r\n)) as unknown as HoverCardCompound\r\n\r\nHoverCard.displayName = 'HoverCard'\r\nHoverCard.Trigger = HoverCardTrigger\r\nHoverCard.Content = HoverCardContent\r\n\r\nexport default HoverCard\r\n"],"names":["HoverCard","memo","props","jsx","PreviewCard","HoverCardTrigger","HoverCardContent"],"mappings":";;;;;AAeA,MAAMA,IAAYC,EAAqB,CAACC,MACpC,gBAAAC,EAACC,EAAY,MAAZ,EAAkB,GAAGF,GAAO,CAChC;AAEDF,EAAU,cAAc;AACxBA,EAAU,UAAUK;AACpBL,EAAU,UAAUM;"}

package/dist/components/overlay/hover-card/components/content/HoverCardContent.cjs

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

package/dist/components/overlay/hover-card/components/content/HoverCardContent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCardContent.cjs","sources":["../../../../../../src/components/overlay/hover-card/components/content/HoverCardContent.tsx"],"sourcesContent":["import { PreviewCard } from '@base-ui/react/preview-card'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { POPOVER_CONTENT_STYLES } from '@components/overlay/popover/components/content/styles/PopoverContent.css.ts'\r\nimport type { HoverCardContentProps } from '@components/overlay/hover-card/components/content/types/HoverCardContent.props.ts'\r\nimport { parsePosition } from '@components/overlay/_shared/utils/parsePosition.utils.ts'\r\nimport { useViewportShift } from '@hooks'\r\n\r\n/**\r\n * The panel that appears when the trigger is hovered.\r\n * Rendered inside a portal by default for correct stacking.\r\n *\r\n * Reuses the popover visual styles so hover cards look identical to popovers.\r\n * Base UI's built-in collision avoidance is disabled here: it would flip the panel\r\n * to the opposite side when space is tight, which is jarring.\r\n * Instead, `useViewportShift` detects any overflow after positioning and\r\n * shifts the panel inward by exactly the overflowing amount — keeping the\r\n * original side and never cropping the content.\r\n *\r\n * Unlike `PopoverContent`, this intentionally omits the `defaultAriaLabel`\r\n * accessible-name fallback: a Base UI preview-card panel is non-modal and exposes\r\n * no `dialog` role, so it needs no required accessible name. Any `aria-label` /\r\n * `aria-labelledby` a consumer passes is still forwarded via `...props`.\r\n */\r\nconst HoverCardContent: FC<HoverCardContentProps> = memo(({\r\n    className,\r\n    position,\r\n    side: sideProp = 'bottom',\r\n    align: alignProp = 'center',\r\n    sideOffset = 6,\r\n    collisionPadding = 8,\r\n    ...props\r\n}) => {\r\n    const contentRef = useViewportShift(collisionPadding)\r\n\r\n    const { side, align } = position\r\n        ? parsePosition(position)\r\n        : { side: sideProp, align: alignProp }\r\n\r\n    return (\r\n        <PreviewCard.Portal>\r\n            <PreviewCard.Positioner\r\n                side={side}\r\n                align={align}\r\n                sideOffset={sideOffset}\r\n                className={'isolate'}\r\n                // Disable Base UI's flip/shift — our hook handles collision instead.\r\n                collisionAvoidance={{ side: 'none', align: 'none', fallbackAxisSide: 'none' }}\r\n            >\r\n                <PreviewCard.Popup\r\n                    ref={contentRef}\r\n                    className={cn(POPOVER_CONTENT_STYLES.root, className)}\r\n                    {...props}\r\n                />\r\n            </PreviewCard.Positioner>\r\n        </PreviewCard.Portal>\r\n    )\r\n})\r\n\r\nHoverCardContent.displayName = 'HoverCard.Content'\r\n\r\nexport default HoverCardContent\r\n"],"names":["HoverCardContent","memo","className","position","sideProp","alignProp","sideOffset","collisionPadding","props","contentRef","useViewportShift","side","align","parsePosition","jsx","PreviewCard","cn","POPOVER_CONTENT_STYLES"],"mappings":"iXAyBMA,EAA8CC,EAAAA,KAAK,CAAC,CACtD,UAAAC,EACA,SAAAC,EACA,KAAMC,EAAW,SACjB,MAAOC,EAAY,SACnB,WAAAC,EAAa,EACb,iBAAAC,EAAmB,EACnB,GAAGC,CACP,IAAM,CACF,MAAMC,EAAaC,EAAAA,iBAAiBH,CAAgB,EAE9C,CAAE,KAAAI,EAAM,MAAAC,CAAA,EAAUT,EAClBU,EAAAA,cAAcV,CAAQ,EACtB,CAAE,KAAMC,EAAU,MAAOC,CAAA,EAE/B,OACIS,EAAAA,IAACC,EAAAA,YAAY,OAAZ,CACG,SAAAD,EAAAA,IAACC,EAAAA,YAAY,WAAZ,CACG,KAAAJ,EACA,MAAAC,EACA,WAAAN,EACA,UAAW,UAEX,mBAAoB,CAAE,KAAM,OAAQ,MAAO,OAAQ,iBAAkB,MAAA,EAErE,SAAAQ,EAAAA,IAACC,EAAAA,YAAY,MAAZ,CACG,IAAKN,EACL,UAAWO,EAAAA,GAAGC,yBAAuB,KAAMf,CAAS,EACnD,GAAGM,CAAA,CAAA,CACR,CAAA,EAER,CAER,CAAC,EAEDR,EAAiB,YAAc"}

package/dist/components/overlay/hover-card/components/content/HoverCardContent.d.ts

@@ -0,0 +1,20 @@
+import { FC } from 'react';
+import { HoverCardContentProps } from './types/HoverCardContent.props.ts';
+/**
+ * The panel that appears when the trigger is hovered.
+ * Rendered inside a portal by default for correct stacking.
+ *
+ * Reuses the popover visual styles so hover cards look identical to popovers.
+ * Base UI's built-in collision avoidance is disabled here: it would flip the panel
+ * to the opposite side when space is tight, which is jarring.
+ * Instead, `useViewportShift` detects any overflow after positioning and
+ * shifts the panel inward by exactly the overflowing amount — keeping the
+ * original side and never cropping the content.
+ *
+ * Unlike `PopoverContent`, this intentionally omits the `defaultAriaLabel`
+ * accessible-name fallback: a Base UI preview-card panel is non-modal and exposes
+ * no `dialog` role, so it needs no required accessible name. Any `aria-label` /
+ * `aria-labelledby` a consumer passes is still forwarded via `...props`.
+ */
+declare const HoverCardContent: FC<HoverCardContentProps>;
+export default HoverCardContent;

package/dist/components/overlay/hover-card/components/content/HoverCardContent.js

@@ -0,0 +1,41 @@
+import { jsx as o } from "react/jsx-runtime";
+import { PreviewCard as e } from "@base-ui/react/preview-card";
+import { memo as f } from "react";
+import { cn as p } from "../../../../../utils/cn.js";
+import { POPOVER_CONTENT_STYLES as P } from "../../../popover/components/content/styles/PopoverContent.css.js";
+import { parsePosition as C } from "../../../_shared/utils/parsePosition.utils.js";
+import { useViewportShift as N } from "../../../../../hooks/use-viewport-shift/useViewportShift.hook.js";
+const g = f(({
+  className: i,
+  position: r,
+  side: t = "bottom",
+  align: n = "center",
+  sideOffset: a = 6,
+  collisionPadding: m = 8,
+  ...s
+}) => {
+  const l = N(m), { side: c, align: d } = r ? C(r) : { side: t, align: n };
+  return /* @__PURE__ */ o(e.Portal, { children: /* @__PURE__ */ o(
+    e.Positioner,
+    {
+      side: c,
+      align: d,
+      sideOffset: a,
+      className: "isolate",
+      collisionAvoidance: { side: "none", align: "none", fallbackAxisSide: "none" },
+      children: /* @__PURE__ */ o(
+        e.Popup,
+        {
+          ref: l,
+          className: p(P.root, i),
+          ...s
+        }
+      )
+    }
+  ) });
+});
+g.displayName = "HoverCard.Content";
+export {
+  g as default
+};
+//# sourceMappingURL=HoverCardContent.js.map

package/dist/components/overlay/hover-card/components/content/HoverCardContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCardContent.js","sources":["../../../../../../src/components/overlay/hover-card/components/content/HoverCardContent.tsx"],"sourcesContent":["import { PreviewCard } from '@base-ui/react/preview-card'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { POPOVER_CONTENT_STYLES } from '@components/overlay/popover/components/content/styles/PopoverContent.css.ts'\r\nimport type { HoverCardContentProps } from '@components/overlay/hover-card/components/content/types/HoverCardContent.props.ts'\r\nimport { parsePosition } from '@components/overlay/_shared/utils/parsePosition.utils.ts'\r\nimport { useViewportShift } from '@hooks'\r\n\r\n/**\r\n * The panel that appears when the trigger is hovered.\r\n * Rendered inside a portal by default for correct stacking.\r\n *\r\n * Reuses the popover visual styles so hover cards look identical to popovers.\r\n * Base UI's built-in collision avoidance is disabled here: it would flip the panel\r\n * to the opposite side when space is tight, which is jarring.\r\n * Instead, `useViewportShift` detects any overflow after positioning and\r\n * shifts the panel inward by exactly the overflowing amount — keeping the\r\n * original side and never cropping the content.\r\n *\r\n * Unlike `PopoverContent`, this intentionally omits the `defaultAriaLabel`\r\n * accessible-name fallback: a Base UI preview-card panel is non-modal and exposes\r\n * no `dialog` role, so it needs no required accessible name. Any `aria-label` /\r\n * `aria-labelledby` a consumer passes is still forwarded via `...props`.\r\n */\r\nconst HoverCardContent: FC<HoverCardContentProps> = memo(({\r\n    className,\r\n    position,\r\n    side: sideProp = 'bottom',\r\n    align: alignProp = 'center',\r\n    sideOffset = 6,\r\n    collisionPadding = 8,\r\n    ...props\r\n}) => {\r\n    const contentRef = useViewportShift(collisionPadding)\r\n\r\n    const { side, align } = position\r\n        ? parsePosition(position)\r\n        : { side: sideProp, align: alignProp }\r\n\r\n    return (\r\n        <PreviewCard.Portal>\r\n            <PreviewCard.Positioner\r\n                side={side}\r\n                align={align}\r\n                sideOffset={sideOffset}\r\n                className={'isolate'}\r\n                // Disable Base UI's flip/shift — our hook handles collision instead.\r\n                collisionAvoidance={{ side: 'none', align: 'none', fallbackAxisSide: 'none' }}\r\n            >\r\n                <PreviewCard.Popup\r\n                    ref={contentRef}\r\n                    className={cn(POPOVER_CONTENT_STYLES.root, className)}\r\n                    {...props}\r\n                />\r\n            </PreviewCard.Positioner>\r\n        </PreviewCard.Portal>\r\n    )\r\n})\r\n\r\nHoverCardContent.displayName = 'HoverCard.Content'\r\n\r\nexport default HoverCardContent\r\n"],"names":["HoverCardContent","memo","className","position","sideProp","alignProp","sideOffset","collisionPadding","props","contentRef","useViewportShift","side","align","parsePosition","jsx","PreviewCard","cn","POPOVER_CONTENT_STYLES"],"mappings":";;;;;;;AAyBA,MAAMA,IAA8CC,EAAK,CAAC;AAAA,EACtD,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAMC,IAAW;AAAA,EACjB,OAAOC,IAAY;AAAA,EACnB,YAAAC,IAAa;AAAA,EACb,kBAAAC,IAAmB;AAAA,EACnB,GAAGC;AACP,MAAM;AACF,QAAMC,IAAaC,EAAiBH,CAAgB,GAE9C,EAAE,MAAAI,GAAM,OAAAC,EAAA,IAAUT,IAClBU,EAAcV,CAAQ,IACtB,EAAE,MAAMC,GAAU,OAAOC,EAAA;AAE/B,SACI,gBAAAS,EAACC,EAAY,QAAZ,EACG,UAAA,gBAAAD;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACG,MAAAJ;AAAA,MACA,OAAAC;AAAA,MACA,YAAAN;AAAA,MACA,WAAW;AAAA,MAEX,oBAAoB,EAAE,MAAM,QAAQ,OAAO,QAAQ,kBAAkB,OAAA;AAAA,MAErE,UAAA,gBAAAQ;AAAA,QAACC,EAAY;AAAA,QAAZ;AAAA,UACG,KAAKN;AAAA,UACL,WAAWO,EAAGC,EAAuB,MAAMf,CAAS;AAAA,UACnD,GAAGM;AAAA,QAAA;AAAA,MAAA;AAAA,IACR;AAAA,EAAA,GAER;AAER,CAAC;AAEDR,EAAiB,cAAc;"}

package/dist/components/overlay/hover-card/components/content/types/HoverCardContent.props.d.ts

@@ -0,0 +1,29 @@
+import { PreviewCard } from '@base-ui/react/preview-card';
+import { HoverCardAlign, HoverCardPosition, HoverCardSide } from '../../../types/HoverCard.types.ts';
+export type HoverCardContentProps = PreviewCard.Popup.Props & Pick<PreviewCard.Positioner.Props, 'side' | 'align' | 'sideOffset'> & {
+    /**
+     * Shorthand position combining side and alignment in a single value.
+     * Takes precedence over `side` and `align` when provided.
+     * @example 'top-start' | 'right' | 'bottom-end' | 'left-start'
+     */
+    position?: HoverCardPosition;
+    /** Side of the trigger to render the content. @default 'bottom' */
+    side?: HoverCardSide;
+    /** Alignment along the trigger axis. @default 'center' */
+    align?: HoverCardAlign;
+    /** Offset in pixels from the trigger. @default 6 */
+    sideOffset?: number;
+    /**
+     * Distance in pixels from the viewport edges used for collision detection.
+     * The hover card shifts inward by exactly the overflowing amount to always
+     * stay fully visible — without flipping to the opposite side.
+     * Accepts a uniform number or per-side object.
+     * @default 8
+     */
+    collisionPadding?: number | {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+};

package/dist/components/overlay/hover-card/components/trigger/HoverCardTrigger.cjs

@@ -0,0 +1,2 @@
+"use strict";const t=require("react/jsx-runtime"),o=require("@base-ui/react/preview-card"),a=require("react"),r=a.memo(({children:e,delay:i=0,...s})=>t.jsx(o.PreviewCard.Trigger,{...s,delay:i,render:e}));r.displayName="HoverCard.Trigger";module.exports=r;
+//# sourceMappingURL=HoverCardTrigger.cjs.map

package/dist/components/overlay/hover-card/components/trigger/HoverCardTrigger.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCardTrigger.cjs","sources":["../../../../../../src/components/overlay/hover-card/components/trigger/HoverCardTrigger.tsx"],"sourcesContent":["import { PreviewCard } from '@base-ui/react/preview-card'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport type { HoverCardTriggerProps } from '@components/overlay/hover-card/components/trigger/types/HoverCardTrigger.props.ts'\r\n\r\n/**\r\n * The element that opens the hover card.\r\n * Use `render` to forward the trigger behaviour to your own element.\r\n */\r\nconst HoverCardTrigger: FC<HoverCardTriggerProps> = memo(({ children, delay = 0, ...props }) => (\r\n    <PreviewCard.Trigger\r\n        {...props}\r\n        delay={delay}\r\n        render={children}\r\n    />\r\n))\r\n\r\nHoverCardTrigger.displayName = 'HoverCard.Trigger'\r\n\r\nexport default HoverCardTrigger\r\n"],"names":["HoverCardTrigger","memo","children","delay","props","jsx","PreviewCard"],"mappings":"8GASMA,EAA8CC,EAAAA,KAAK,CAAC,CAAE,SAAAC,EAAU,MAAAC,EAAQ,EAAG,GAAGC,CAAA,IAChFC,EAAAA,IAACC,EAAAA,YAAY,QAAZ,CACI,GAAGF,EACJ,MAAAD,EACA,OAAQD,CAAA,CACZ,CACH,EAEDF,EAAiB,YAAc"}

package/dist/components/overlay/hover-card/components/trigger/HoverCardTrigger.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { HoverCardTriggerProps } from './types/HoverCardTrigger.props.ts';
+/**
+ * The element that opens the hover card.
+ * Use `render` to forward the trigger behaviour to your own element.
+ */
+declare const HoverCardTrigger: FC<HoverCardTriggerProps>;
+export default HoverCardTrigger;

package/dist/components/overlay/hover-card/components/trigger/HoverCardTrigger.js

@@ -0,0 +1,16 @@
+import { jsx as m } from "react/jsx-runtime";
+import { PreviewCard as i } from "@base-ui/react/preview-card";
+import { memo as a } from "react";
+const d = a(({ children: r, delay: e = 0, ...o }) => /* @__PURE__ */ m(
+  i.Trigger,
+  {
+    ...o,
+    delay: e,
+    render: r
+  }
+));
+d.displayName = "HoverCard.Trigger";
+export {
+  d as default
+};
+//# sourceMappingURL=HoverCardTrigger.js.map

package/dist/components/overlay/hover-card/components/trigger/HoverCardTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCardTrigger.js","sources":["../../../../../../src/components/overlay/hover-card/components/trigger/HoverCardTrigger.tsx"],"sourcesContent":["import { PreviewCard } from '@base-ui/react/preview-card'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport type { HoverCardTriggerProps } from '@components/overlay/hover-card/components/trigger/types/HoverCardTrigger.props.ts'\r\n\r\n/**\r\n * The element that opens the hover card.\r\n * Use `render` to forward the trigger behaviour to your own element.\r\n */\r\nconst HoverCardTrigger: FC<HoverCardTriggerProps> = memo(({ children, delay = 0, ...props }) => (\r\n    <PreviewCard.Trigger\r\n        {...props}\r\n        delay={delay}\r\n        render={children}\r\n    />\r\n))\r\n\r\nHoverCardTrigger.displayName = 'HoverCard.Trigger'\r\n\r\nexport default HoverCardTrigger\r\n"],"names":["HoverCardTrigger","memo","children","delay","props","jsx","PreviewCard"],"mappings":";;;AASA,MAAMA,IAA8CC,EAAK,CAAC,EAAE,UAAAC,GAAU,OAAAC,IAAQ,GAAG,GAAGC,EAAA,MAChF,gBAAAC;AAAA,EAACC,EAAY;AAAA,EAAZ;AAAA,IACI,GAAGF;AAAA,IACJ,OAAAD;AAAA,IACA,QAAQD;AAAA,EAAA;AACZ,CACH;AAEDF,EAAiB,cAAc;"}

package/dist/components/overlay/hover-card/components/trigger/types/HoverCardTrigger.props.d.ts

@@ -0,0 +1,6 @@
+import { PreviewCard } from '@base-ui/react/preview-card';
+import { ReactElement } from 'react';
+export type HoverCardTriggerProps = Omit<PreviewCard.Trigger.Props, 'render' | 'children'> & {
+    /** The element that triggers the hover card — forwarded to Base UI's `render` prop. */
+    children: ReactElement;
+};

package/dist/components/overlay/hover-card/index.d.ts

@@ -0,0 +1,5 @@
+export { default as HoverCard } from './HoverCard.tsx';
+export type { HoverCardProps } from './types/HoverCard.props.ts';
+export type { HoverCardContentProps } from './components/content/types/HoverCardContent.props.ts';
+export type { HoverCardTriggerProps } from './components/trigger/types/HoverCardTrigger.props.ts';
+export type { HoverCardSide, HoverCardAlign, HoverCardPosition, } from './types/HoverCard.types.ts';

package/dist/components/overlay/hover-card/types/HoverCard.props.d.ts

@@ -0,0 +1,3 @@
+import { PreviewCard } from '@base-ui/react/preview-card';
+/** Props for the root `HoverCard` wrapper. */
+export type HoverCardProps = PreviewCard.Root.Props;

package/dist/components/overlay/hover-card/types/HoverCard.types.d.ts

@@ -0,0 +1,25 @@
+import { OverlayAlign, OverlayPosition, OverlaySide } from '../../_shared/types';
+/** Side position of the hover card content relative to its trigger. */
+export type HoverCardSide = OverlaySide;
+/** Alignment of the hover card content relative to its trigger. */
+export type HoverCardAlign = OverlayAlign;
+/**
+ * Combined position of the hover card — shorthand that sets both `side` and
+ * `align` in a single prop. Twelve values are available (4 sides × 3 alignments).
+ *
+ * | Value           | side     | align    |
+ * |-----------------|----------|----------|
+ * | `top-start`     | top      | start    |
+ * | `top`           | top      | center   |
+ * | `top-end`       | top      | end      |
+ * | `right-start`   | right    | start    |
+ * | `right`         | right    | center   |
+ * | `right-end`     | right    | end      |
+ * | `bottom-start`  | bottom   | start    |
+ * | `bottom`        | bottom   | center   |
+ * | `bottom-end`    | bottom   | end      |
+ * | `left-start`    | left     | start    |
+ * | `left`          | left     | center   |
+ * | `left-end`      | left     | end      |
+ */
+export type HoverCardPosition = OverlayPosition;

package/dist/components/overlay/hover-card/types/index.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { default as HoverCardContent } from '../components/content/HoverCardContent.tsx';
+import { default as HoverCardTrigger } from '../components/trigger/HoverCardTrigger.tsx';
+import { HoverCardProps } from './HoverCard.props.ts';
+export type HoverCardCompound = FC<HoverCardProps> & {
+    Trigger: typeof HoverCardTrigger;
+    Content: typeof HoverCardContent;
+};

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

@@ -0,0 +1,6 @@
+export * from './tooltip';
+export * from './dropdown-menu';
+export * from './popover';
+export * from './hover-card';
+export * from './dialog';
+export * from './drawer';

package/dist/components/overlay/popover/Popover.cjs

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

package/dist/components/overlay/popover/Popover.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.cjs","sources":["../../../../src/components/overlay/popover/Popover.tsx"],"sourcesContent":["import { Popover as BasePopover } from '@base-ui/react/popover'\r\nimport { memo } from 'react'\r\n\r\nimport PopoverContent from '@components/overlay/popover/components/content/PopoverContent.tsx'\r\nimport PopoverTrigger from '@components/overlay/popover/components/trigger/PopoverTrigger.tsx'\r\nimport type { PopoverCompound } from '@components/overlay/popover/types'\r\nimport type { PopoverProps } from '@components/overlay/popover/types/Popover.props.ts'\r\n\r\n/**\r\n * The root wrapper that manages open/close state.\r\n * Accepts `open`, `onOpenChange`, `defaultOpen` and `modal` from Base UI.\r\n */\r\nconst Popover = memo<PopoverProps>((props) => (\r\n    <BasePopover.Root {...props} />\r\n)) as unknown as PopoverCompound\r\n\r\nPopover.displayName = 'Popover'\r\nPopover.Trigger = PopoverTrigger\r\nPopover.Content = PopoverContent\r\n\r\nexport default Popover\r\n"],"names":["Popover","memo","props","jsx","BasePopover","PopoverTrigger","PopoverContent"],"mappings":"mNAYMA,EAAUC,EAAAA,KAAoBC,GAChCC,EAAAA,IAACC,EAAAA,QAAY,KAAZ,CAAkB,GAAGF,EAAO,CAChC,EAEDF,EAAQ,YAAc,UACtBA,EAAQ,QAAUK,EAClBL,EAAQ,QAAUM"}

package/dist/components/overlay/popover/Popover.d.ts

@@ -0,0 +1,7 @@
+import { PopoverCompound } from './types';
+/**
+ * The root wrapper that manages open/close state.
+ * Accepts `open`, `onOpenChange`, `defaultOpen` and `modal` from Base UI.
+ */
+declare const Popover: PopoverCompound;
+export default Popover;

package/dist/components/overlay/popover/Popover.js

@@ -0,0 +1,13 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Popover as m } from "@base-ui/react/popover";
+import { memo as p } from "react";
+import t from "./components/content/PopoverContent.js";
+import i from "./components/trigger/PopoverTrigger.js";
+const o = p((r) => /* @__PURE__ */ e(m.Root, { ...r }));
+o.displayName = "Popover";
+o.Trigger = i;
+o.Content = t;
+export {
+  o as default
+};
+//# sourceMappingURL=Popover.js.map

package/dist/components/overlay/popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sources":["../../../../src/components/overlay/popover/Popover.tsx"],"sourcesContent":["import { Popover as BasePopover } from '@base-ui/react/popover'\r\nimport { memo } from 'react'\r\n\r\nimport PopoverContent from '@components/overlay/popover/components/content/PopoverContent.tsx'\r\nimport PopoverTrigger from '@components/overlay/popover/components/trigger/PopoverTrigger.tsx'\r\nimport type { PopoverCompound } from '@components/overlay/popover/types'\r\nimport type { PopoverProps } from '@components/overlay/popover/types/Popover.props.ts'\r\n\r\n/**\r\n * The root wrapper that manages open/close state.\r\n * Accepts `open`, `onOpenChange`, `defaultOpen` and `modal` from Base UI.\r\n */\r\nconst Popover = memo<PopoverProps>((props) => (\r\n    <BasePopover.Root {...props} />\r\n)) as unknown as PopoverCompound\r\n\r\nPopover.displayName = 'Popover'\r\nPopover.Trigger = PopoverTrigger\r\nPopover.Content = PopoverContent\r\n\r\nexport default Popover\r\n"],"names":["Popover","memo","props","jsx","BasePopover","PopoverTrigger","PopoverContent"],"mappings":";;;;;AAYA,MAAMA,IAAUC,EAAmB,CAACC,MAChC,gBAAAC,EAACC,EAAY,MAAZ,EAAkB,GAAGF,GAAO,CAChC;AAEDF,EAAQ,cAAc;AACtBA,EAAQ,UAAUK;AAClBL,EAAQ,UAAUM;"}

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

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

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

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

package/dist/components/overlay/popover/components/content/PopoverContent.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { PopoverContentProps } from './types/PopoverContent.props.ts';
+/**
+ * The panel that pops out from the trigger.
+ * Rendered inside a portal by default for correct stacking.
+ *
+ * Base UI's built-in collision avoidance is disabled here: it would flip the popover
+ * to the opposite side when space is tight, which is jarring.
+ * Instead, `useViewportShift` detects any overflow after positioning and
+ * shifts the panel inward by exactly the overflowing amount — keeping the
+ * original side and never cropping the content.
+ */
+declare const PopoverContent: FC<PopoverContentProps>;
+export default PopoverContent;

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

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

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

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

package/dist/components/overlay/popover/components/content/styles/PopoverContent.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                                    */var e={root:"hgspgn0"};exports.POPOVER_CONTENT_STYLES=e;
+//# sourceMappingURL=PopoverContent.css.cjs.map

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

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

package/dist/components/overlay/popover/components/content/styles/PopoverContent.css.d.ts

@@ -0,0 +1,3 @@
+export declare const POPOVER_CONTENT_STYLES: {
+    root: string;
+};

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

@@ -0,0 +1,19 @@
+/* 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 a = { root: "hgspgn0" };
+export {
+  a as POPOVER_CONTENT_STYLES
+};
+//# sourceMappingURL=PopoverContent.css.js.map

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

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

package/dist/components/overlay/popover/components/content/types/PopoverContent.props.d.ts

@@ -0,0 +1,37 @@
+import { Popover as BasePopover } from '@base-ui/react/popover';
+import { PopoverAlign, PopoverPosition, PopoverSide } from '../../../types/Popover.types.ts';
+export type PopoverContentProps = Omit<BasePopover.Popup.Props, 'className'> & {
+    /** CSS class name applied to the panel. Vanilla Extract style, plain string only. */
+    className?: string;
+    /**
+     * Shorthand position combining side and alignment in a single value.
+     * Takes precedence over `side` and `align` when provided.
+     * @example 'top-start' | 'right' | 'bottom-end' | 'left-start'
+     */
+    position?: PopoverPosition;
+    /** Side of the trigger to render the content. @default 'bottom' */
+    side?: PopoverSide;
+    /** Alignment along the trigger axis. @default 'center' */
+    align?: PopoverAlign;
+    /** Offset in pixels from the trigger. @default 6 */
+    sideOffset?: number;
+    /**
+     * Distance in pixels from the viewport edges used for collision detection.
+     * The popover shifts inward by exactly the overflowing amount to always stay
+     * fully visible — without flipping to the opposite side.
+     * Accepts a uniform number or per-side object.
+     * @default 8
+     */
+    collisionPadding?: number | {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    /**
+     * Accessible name used when neither `aria-label` nor `aria-labelledby` is
+     * provided. Override this for i18n.
+     * @default 'Popover'
+     */
+    defaultAriaLabel?: string;
+};

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

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

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

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

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

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { PopoverTriggerProps } from './types/PopoverTrigger.props.ts';
+/**
+ * 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>;
+export default PopoverTrigger;

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

@@ -0,0 +1,15 @@
+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";
+export {
+  i as default
+};
+//# sourceMappingURL=PopoverTrigger.js.map

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

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

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

@@ -0,0 +1,13 @@
+import { Popover as BasePopover } from '@base-ui/react/popover';
+import { ReactElement } from 'react';
+/**
+ * Props for the `PopoverTrigger` wrapper.
+ *
+ * Unlike Base UI's own `Popover.Trigger` (which uses a `render` prop), this wrapper
+ * keeps the familiar `children` API: pass your own element as `children` and it is
+ * forwarded to Base UI's `render` prop internally.
+ */
+export type PopoverTriggerProps = Omit<BasePopover.Trigger.Props, 'render' | 'children'> & {
+    /** The element that triggers the popover — forwarded to Base UI's `render` prop. */
+    children: ReactElement;
+};

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

@@ -0,0 +1,6 @@
+export { default as Popover } from './Popover.tsx';
+export { POPOVER_CONTENT_STYLES } from './components/content/styles/PopoverContent.css.ts';
+export type { PopoverProps } from './types/Popover.props.ts';
+export type { PopoverContentProps } from './components/content/types/PopoverContent.props.ts';
+export type { PopoverTriggerProps } from './components/trigger/types/PopoverTrigger.props.ts';
+export type { PopoverSide, PopoverAlign, PopoverPosition, } from './types/Popover.types.ts';

package/dist/components/overlay/popover/types/Popover.props.d.ts

@@ -0,0 +1,3 @@
+import { Popover as BasePopover } from '@base-ui/react/popover';
+/** Props for the root `Popover` wrapper. */
+export type PopoverProps = BasePopover.Root.Props;

package/dist/components/overlay/popover/types/Popover.types.d.ts

@@ -0,0 +1,25 @@
+import { OverlayAlign, OverlayPosition, OverlaySide } from '../../_shared/types';
+/** Side position of the popover content relative to its trigger. */
+export type PopoverSide = OverlaySide;
+/** Alignment of the popover content relative to its trigger. */
+export type PopoverAlign = OverlayAlign;
+/**
+ * Combined position of the popover — shorthand that sets both `side` and `align`
+ * in a single prop. Twelve values are available (4 sides × 3 alignments).
+ *
+ * | Value           | side     | align    |
+ * |-----------------|----------|----------|
+ * | `top-start`     | top      | start    |
+ * | `top`           | top      | center   |
+ * | `top-end`       | top      | end      |
+ * | `right-start`   | right    | start    |
+ * | `right`         | right    | center   |
+ * | `right-end`     | right    | end      |
+ * | `bottom-start`  | bottom   | start    |
+ * | `bottom`        | bottom   | center   |
+ * | `bottom-end`    | bottom   | end      |
+ * | `left-start`    | left     | start    |
+ * | `left`          | left     | center   |
+ * | `left-end`      | left     | end      |
+ */
+export type PopoverPosition = OverlayPosition;

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

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { default as PopoverContent } from '../components/content/PopoverContent.tsx';
+import { default as PopoverTrigger } from '../components/trigger/PopoverTrigger.tsx';
+import { PopoverProps } from './Popover.props.ts';
+export type PopoverCompound = FC<PopoverProps> & {
+    Trigger: typeof PopoverTrigger;
+    Content: typeof PopoverContent;
+};

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

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

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

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

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

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