@choco-vanille/ui 1.1.1 → 1.2.0

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

@@ -0,0 +1,65 @@
+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 { 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(({
+  children: a,
+  content: m,
+  position: r,
+  side: c = "top",
+  align: d = "center",
+  delayDuration: t = 0,
+  disabled: i = !1,
+  arrow: n = !1,
+  className: f,
+  open: T,
+  defaultOpen: h,
+  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(
+    o.Root,
+    {
+      open: u,
+      onOpenChange: v,
+      children: [
+        /* @__PURE__ */ e(
+          o.Trigger,
+          {
+            delay: t,
+            render: a
+          }
+        ),
+        !i && /* @__PURE__ */ e(o.Portal, { children: /* @__PURE__ */ e(
+          o.Positioner,
+          {
+            side: O,
+            align: x,
+            sideOffset: n ? 11 : 6,
+            className: "isolate",
+            children: /* @__PURE__ */ l(
+              o.Popup,
+              {
+                role: "tooltip",
+                className: y(p.content, f),
+                children: [
+                  n && /* @__PURE__ */ e(o.Arrow, { className: p.arrow }),
+                  m
+                ]
+              }
+            )
+          }
+        ) })
+      ]
+    }
+  );
+  return g ? s : /* @__PURE__ */ e(o.Provider, { delay: t, children: s });
+});
+w.displayName = "Tooltip";
+export {
+  w as default
+};
+//# sourceMappingURL=Tooltip.js.map

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

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

package/dist/components/overlay/tooltip/components/tooltip-provider/TooltipProvider.cjs

@@ -0,0 +1,2 @@
+"use strict";const o=require("react/jsx-runtime"),s=require("@base-ui/react/tooltip"),l=require("react"),c=require("../../context/TooltipProvider.context.cjs"),e=l.memo(({children:r,delayDuration:t=300,skipDelayDuration:i=300})=>o.jsx(c.TooltipProviderContext.Provider,{value:!0,children:o.jsx(s.Tooltip.Provider,{delay:t,timeout:i,children:r})}));e.displayName="TooltipProvider";module.exports=e;
+//# sourceMappingURL=TooltipProvider.cjs.map

package/dist/components/overlay/tooltip/components/tooltip-provider/TooltipProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipProvider.cjs","sources":["../../../../../../src/components/overlay/tooltip/components/tooltip-provider/TooltipProvider.tsx"],"sourcesContent":["import { Tooltip as BaseTooltip } from '@base-ui/react/tooltip'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { TooltipProviderContext } from '@components/overlay/tooltip/context/TooltipProvider.context.ts'\r\nimport type { TooltipProviderProps } from '@components/overlay/tooltip/components/tooltip-provider/types/TooltipProvider.props.ts'\r\n\r\n/**\r\n * Shares tooltip timing across every descendant `Tooltip`.\r\n *\r\n * Mount it once near the root of your app so that moving between adjacent\r\n * triggers reuses the open state and skips the reopen delay (`timeout`) —\r\n * the behavior a single shared provider is designed for.\r\n *\r\n * `ThemeProvider` already renders one, so you only need this when rendering\r\n * tooltips outside of a `ThemeProvider`. A standalone `Tooltip` still works\r\n * without any provider (it falls back to its own).\r\n */\r\nconst TooltipProvider: FC<TooltipProviderProps> = memo(({\r\n    children,\r\n    delayDuration = 300,\r\n    skipDelayDuration = 300,\r\n}) => (\r\n    <TooltipProviderContext.Provider value={true}>\r\n        <BaseTooltip.Provider\r\n            delay={delayDuration}\r\n            timeout={skipDelayDuration}\r\n        >\r\n            {children}\r\n        </BaseTooltip.Provider>\r\n    </TooltipProviderContext.Provider>\r\n))\r\n\r\nTooltipProvider.displayName = 'TooltipProvider'\r\n\r\nexport default TooltipProvider\r\n"],"names":["TooltipProvider","memo","children","delayDuration","skipDelayDuration","jsx","TooltipProviderContext","BaseTooltip"],"mappings":"gKAiBMA,EAA4CC,EAAAA,KAAK,CAAC,CACpD,SAAAC,EACA,cAAAC,EAAgB,IAChB,kBAAAC,EAAoB,GACxB,IACIC,EAAAA,IAACC,EAAAA,uBAAuB,SAAvB,CAAgC,MAAO,GACpC,SAAAD,EAAAA,IAACE,EAAAA,QAAY,SAAZ,CACG,MAAOJ,EACP,QAASC,EAER,SAAAF,CAAA,CACL,EACJ,CACH,EAEDF,EAAgB,YAAc"}

package/dist/components/overlay/tooltip/components/tooltip-provider/TooltipProvider.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+import { TooltipProviderProps } from './types/TooltipProvider.props.ts';
+/**
+ * Shares tooltip timing across every descendant `Tooltip`.
+ *
+ * Mount it once near the root of your app so that moving between adjacent
+ * triggers reuses the open state and skips the reopen delay (`timeout`) —
+ * the behavior a single shared provider is designed for.
+ *
+ * `ThemeProvider` already renders one, so you only need this when rendering
+ * tooltips outside of a `ThemeProvider`. A standalone `Tooltip` still works
+ * without any provider (it falls back to its own).
+ */
+declare const TooltipProvider: FC<TooltipProviderProps>;
+export default TooltipProvider;

package/dist/components/overlay/tooltip/components/tooltip-provider/TooltipProvider.js

@@ -0,0 +1,21 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Tooltip as e } from "@base-ui/react/tooltip";
+import { memo as m } from "react";
+import { TooltipProviderContext as p } from "../../context/TooltipProvider.context.js";
+const d = m(({
+  children: r,
+  delayDuration: i = 300,
+  skipDelayDuration: t = 300
+}) => /* @__PURE__ */ o(p.Provider, { value: !0, children: /* @__PURE__ */ o(
+  e.Provider,
+  {
+    delay: i,
+    timeout: t,
+    children: r
+  }
+) }));
+d.displayName = "TooltipProvider";
+export {
+  d as default
+};
+//# sourceMappingURL=TooltipProvider.js.map

package/dist/components/overlay/tooltip/components/tooltip-provider/TooltipProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipProvider.js","sources":["../../../../../../src/components/overlay/tooltip/components/tooltip-provider/TooltipProvider.tsx"],"sourcesContent":["import { Tooltip as BaseTooltip } from '@base-ui/react/tooltip'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { TooltipProviderContext } from '@components/overlay/tooltip/context/TooltipProvider.context.ts'\r\nimport type { TooltipProviderProps } from '@components/overlay/tooltip/components/tooltip-provider/types/TooltipProvider.props.ts'\r\n\r\n/**\r\n * Shares tooltip timing across every descendant `Tooltip`.\r\n *\r\n * Mount it once near the root of your app so that moving between adjacent\r\n * triggers reuses the open state and skips the reopen delay (`timeout`) —\r\n * the behavior a single shared provider is designed for.\r\n *\r\n * `ThemeProvider` already renders one, so you only need this when rendering\r\n * tooltips outside of a `ThemeProvider`. A standalone `Tooltip` still works\r\n * without any provider (it falls back to its own).\r\n */\r\nconst TooltipProvider: FC<TooltipProviderProps> = memo(({\r\n    children,\r\n    delayDuration = 300,\r\n    skipDelayDuration = 300,\r\n}) => (\r\n    <TooltipProviderContext.Provider value={true}>\r\n        <BaseTooltip.Provider\r\n            delay={delayDuration}\r\n            timeout={skipDelayDuration}\r\n        >\r\n            {children}\r\n        </BaseTooltip.Provider>\r\n    </TooltipProviderContext.Provider>\r\n))\r\n\r\nTooltipProvider.displayName = 'TooltipProvider'\r\n\r\nexport default TooltipProvider\r\n"],"names":["TooltipProvider","memo","children","delayDuration","skipDelayDuration","jsx","TooltipProviderContext","BaseTooltip"],"mappings":";;;;AAiBA,MAAMA,IAA4CC,EAAK,CAAC;AAAA,EACpD,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,mBAAAC,IAAoB;AACxB,MACI,gBAAAC,EAACC,EAAuB,UAAvB,EAAgC,OAAO,IACpC,UAAA,gBAAAD;AAAA,EAACE,EAAY;AAAA,EAAZ;AAAA,IACG,OAAOJ;AAAA,IACP,SAASC;AAAA,IAER,UAAAF;AAAA,EAAA;AACL,GACJ,CACH;AAEDF,EAAgB,cAAc;"}

package/dist/components/overlay/tooltip/components/tooltip-provider/index.d.ts

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

package/dist/components/overlay/tooltip/components/tooltip-provider/types/TooltipProvider.props.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export type TooltipProviderProps = {
+    /** The subtree whose tooltips share this provider's timing. */
+    children: ReactNode;
+    /** Delay in milliseconds before a tooltip opens. @default 300 */
+    delayDuration?: number;
+    /**
+     * Time window (ms) during which moving from one trigger to another opens the
+     * next tooltip instantly, skipping `delayDuration`. @default 300
+     */
+    skipDelayDuration?: number;
+};

package/dist/components/overlay/tooltip/context/TooltipProvider.context.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext(!1);exports.TooltipProviderContext=t;
+//# sourceMappingURL=TooltipProvider.context.cjs.map

package/dist/components/overlay/tooltip/context/TooltipProvider.context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipProvider.context.cjs","sources":["../../../../../src/components/overlay/tooltip/context/TooltipProvider.context.ts"],"sourcesContent":["import { createContext } from 'react'\r\n\r\n/**\r\n * Tracks whether a `TooltipProvider` is present in the tree.\r\n *\r\n * `Tooltip` reads this to decide whether it can rely on a shared\r\n * `RadixTooltip.Provider` (preferred — enables shared `skipDelayDuration`\r\n * timing) or must render its own local provider as a standalone fallback.\r\n */\r\nexport const TooltipProviderContext = createContext(false)\r\n"],"names":["TooltipProviderContext","createContext"],"mappings":"yGASaA,EAAyBC,EAAAA,cAAc,EAAK"}

package/dist/components/overlay/tooltip/context/TooltipProvider.context.d.ts

@@ -0,0 +1,9 @@
+import { Context } from 'react';
+/**
+ * Tracks whether a `TooltipProvider` is present in the tree.
+ *
+ * `Tooltip` reads this to decide whether it can rely on a shared
+ * `RadixTooltip.Provider` (preferred — enables shared `skipDelayDuration`
+ * timing) or must render its own local provider as a standalone fallback.
+ */
+export declare const TooltipProviderContext: Context<boolean>;

package/dist/components/overlay/tooltip/context/TooltipProvider.context.js

@@ -0,0 +1,6 @@
+import { createContext as o } from "react";
+const e = o(!1);
+export {
+  e as TooltipProviderContext
+};
+//# sourceMappingURL=TooltipProvider.context.js.map

package/dist/components/overlay/tooltip/context/TooltipProvider.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipProvider.context.js","sources":["../../../../../src/components/overlay/tooltip/context/TooltipProvider.context.ts"],"sourcesContent":["import { createContext } from 'react'\r\n\r\n/**\r\n * Tracks whether a `TooltipProvider` is present in the tree.\r\n *\r\n * `Tooltip` reads this to decide whether it can rely on a shared\r\n * `RadixTooltip.Provider` (preferred — enables shared `skipDelayDuration`\r\n * timing) or must render its own local provider as a standalone fallback.\r\n */\r\nexport const TooltipProviderContext = createContext(false)\r\n"],"names":["TooltipProviderContext","createContext"],"mappings":";AASO,MAAMA,IAAyBC,EAAc,EAAK;"}

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

@@ -0,0 +1,10 @@
+export type UseTooltipOptions = {
+    disabled: boolean;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+};
+export type UseTooltipReturn = {
+    effectiveOpen: boolean;
+    handleOpenChange: (isOpen: boolean) => void;
+};

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

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

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

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

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

@@ -0,0 +1,9 @@
+import { UseTooltipOptions, UseTooltipReturn } from './types';
+/**
+ * Manages tooltip open state so that `BaseTooltip.Root` stays always controlled,
+ * avoiding the controlled→uncontrolled transition bug in Base UI when `disabled` toggles.
+ *
+ * When `disabled` becomes true the internal state is reset, so the tooltip
+ * never appears stale when `disabled` goes back to false.
+ */
+export declare const useTooltip: ({ disabled, open, defaultOpen, onOpenChange }: UseTooltipOptions) => UseTooltipReturn;

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

@@ -0,0 +1,18 @@
+import { useState as l, useEffect as r, useCallback as p } from "react";
+const v = ({ disabled: e, open: t, defaultOpen: c, onOpenChange: f }) => {
+  const [o, n] = l(c ?? !1);
+  r(() => {
+    e && n(!1);
+  }, [e]);
+  const a = p(
+    (s) => {
+      n(s), f?.(s);
+    },
+    [f]
+  );
+  return { effectiveOpen: e ? !1 : t !== void 0 ? t : o, handleOpenChange: a };
+};
+export {
+  v as useTooltip
+};
+//# sourceMappingURL=useTooltip.hook.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTooltip.hook.js","sources":["../../../../../../src/components/overlay/tooltip/hooks/use-tooltip/useTooltip.hook.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\r\nimport type { UseTooltipOptions, UseTooltipReturn } from '@components/overlay/tooltip/hooks/use-tooltip/types'\r\n\r\n/**\r\n * Manages tooltip open state so that `BaseTooltip.Root` stays always controlled,\r\n * avoiding the controlled→uncontrolled transition bug in Base UI when `disabled` toggles.\r\n *\r\n * When `disabled` becomes true the internal state is reset, so the tooltip\r\n * never appears stale when `disabled` goes back to false.\r\n */\r\nexport const useTooltip = ({ disabled, open, defaultOpen, onOpenChange }: UseTooltipOptions): UseTooltipReturn => {\r\n    const [internalOpen, setInternalOpen] = useState(defaultOpen ?? false)\r\n\r\n    useEffect(() => {\r\n        if (disabled) {setInternalOpen(false)}\r\n    }, [disabled])\r\n\r\n    const handleOpenChange = useCallback(\r\n        (isOpen: boolean) => {\r\n            setInternalOpen(isOpen)\r\n            onOpenChange?.(isOpen)\r\n        },\r\n        [onOpenChange],\r\n    )\r\n\r\n    const effectiveOpen = disabled ? false : (open !== undefined ? open : internalOpen)\r\n\r\n    return { effectiveOpen, handleOpenChange }\r\n}\r\n"],"names":["useTooltip","disabled","open","defaultOpen","onOpenChange","internalOpen","setInternalOpen","useState","useEffect","handleOpenChange","useCallback","isOpen"],"mappings":";AAUO,MAAMA,IAAa,CAAC,EAAE,UAAAC,GAAU,MAAAC,GAAM,aAAAC,GAAa,cAAAC,QAAwD;AAC9G,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAASJ,KAAe,EAAK;AAErE,EAAAK,EAAU,MAAM;AACZ,IAAIP,KAAWK,EAAgB,EAAK;AAAA,EACxC,GAAG,CAACL,CAAQ,CAAC;AAEb,QAAMQ,IAAmBC;AAAA,IACrB,CAACC,MAAoB;AACjB,MAAAL,EAAgBK,CAAM,GACtBP,IAAeO,CAAM;AAAA,IACzB;AAAA,IACA,CAACP,CAAY;AAAA,EAAA;AAKjB,SAAO,EAAE,eAFaH,IAAW,KAASC,MAAS,SAAYA,IAAOG,GAE9C,kBAAAI,EAAA;AAC5B;"}

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

@@ -0,0 +1,5 @@
+export { default as Tooltip } from './Tooltip.tsx';
+export * from './components/tooltip-provider';
+export { TOOLTIP_STYLES } from './styles/Tooltip.css.ts';
+export type { TooltipProps } from './types/Tooltip.props.ts';
+export type { TooltipSide, TooltipAlign, TooltipPosition } from './types/Tooltip.types.ts';

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

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

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

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

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

@@ -0,0 +1,4 @@
+export declare const TOOLTIP_STYLES: {
+    content: string;
+    arrow: string;
+};

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

@@ -0,0 +1,7 @@
+/* empty css                                            */
+/* empty css                           */
+var t = { content: "_1ciafjz2", arrow: "_1ciafjz3" };
+export {
+  t as TOOLTIP_STYLES
+};
+//# sourceMappingURL=Tooltip.css.js.map

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

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

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

@@ -0,0 +1,32 @@
+import { ReactElement, ReactNode } from 'react';
+import { TooltipSide, TooltipAlign, TooltipPosition } from './Tooltip.types.ts';
+export type TooltipProps = {
+    /** The element that triggers the tooltip (must be a single React element that can receive a ref). */
+    children: ReactElement;
+    /** Content rendered inside the tooltip bubble. */
+    content: ReactNode;
+    /**
+     * 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?: TooltipPosition;
+    /** Side of the trigger on which the tooltip appears. @default 'top' */
+    side?: TooltipSide;
+    /** Alignment of the tooltip along the trigger's axis. @default 'center' */
+    align?: TooltipAlign;
+    /** Delay in milliseconds before the tooltip opens. @default 300 */
+    delayDuration?: number;
+    /** Whether the tooltip is disabled. */
+    disabled?: boolean;
+    /** Whether to render the tooltip arrow. @default false */
+    arrow?: boolean;
+    /** Additional class names to apply to the tooltip content. */
+    className?: string;
+    /** Controls the open state when used as a controlled component. */
+    open?: boolean;
+    /** Initial open state when used as an uncontrolled component. */
+    defaultOpen?: boolean;
+    /** Callback called when the open state changes. */
+    onOpenChange?: (open: boolean) => void;
+};

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

@@ -0,0 +1,25 @@
+import { OverlayAlign, OverlayPosition, OverlaySide } from '../../_shared/types';
+/** Side position of the tooltip relative to its trigger. */
+export type TooltipSide = OverlaySide;
+/** Alignment of the tooltip relative to its trigger. */
+export type TooltipAlign = OverlayAlign;
+/**
+ * Combined position of the tooltip — 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 TooltipPosition = OverlayPosition;

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

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),i=require("react"),t=require("@base-ui/react/accordion"),s=require("./components/accordion-content/AccordionContent.cjs"),u=require("./components/accordion-item/AccordionItem.cjs"),d=require("./components/accordion-trigger/AccordionTrigger.cjs"),m=require("./styles/Accordion.css.cjs"),q=require("../../layout/flex/Flex.cjs");require("../../layout/flex/styles/Flex.css.cjs");const e=i.memo(({className:o,width:c,...n})=>r.jsx(q,{flexDirection:"column",alignItems:"stretch",width:c??"100%",gap:"none",className:typeof o=="function"?void 0:o,children:r.jsx(t.Accordion.Root,{className:m.ACCORDION_STYLES.root,...n})}));e.displayName="Accordion";e.Item=u;e.Trigger=d;e.Content=s;module.exports=e;
+//# sourceMappingURL=Accordion.cjs.map

package/dist/components/surfaces/accordion/Accordion.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.cjs","sources":["../../../../src/components/surfaces/accordion/Accordion.tsx"],"sourcesContent":["import { memo } from 'react'\r\n\r\nimport { Accordion as BaseAccordion } from '@base-ui/react/accordion'\r\n\r\nimport AccordionContent from '@components/surfaces/accordion/components/accordion-content/AccordionContent.tsx'\r\nimport AccordionItem from '@components/surfaces/accordion/components/accordion-item/AccordionItem.tsx'\r\nimport AccordionTrigger from '@components/surfaces/accordion/components/accordion-trigger/AccordionTrigger.tsx'\r\nimport { ACCORDION_STYLES } from '@components/surfaces/accordion/styles/Accordion.css.ts'\r\nimport type { AccordionProps } from '@components/surfaces/accordion/types/Accordion.props.ts'\r\nimport type { AccordionCompound } from '@components/surfaces/accordion/types'\r\nimport { Flex } from '@components/layout/flex'\r\n\r\n/**\r\n * A styled accordion built on top of `@base-ui/react/accordion`.\r\n *\r\n * Composes `Accordion`, `Accordion.Item`, `Accordion.Trigger`, and `Accordion.Content`.\r\n * Supports single or multiple expanded items, disabled items, and keyboard navigation.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Accordion defaultValue={['item-1']}>\r\n *   <Accordion.Item value=\"item-1\">\r\n *     <Accordion.Trigger>Is it accessible?</Accordion.Trigger>\r\n *     <Accordion.Content>Yes. It adheres to the WAI-ARIA design pattern.</Accordion.Content>\r\n *   </Accordion.Item>\r\n * </Accordion>\r\n * ```\r\n */\r\nconst Accordion = memo<AccordionProps>(({ className, width, ...props }) => (\r\n    <Flex\r\n        flexDirection={'column'}\r\n        alignItems={'stretch'}\r\n        width={width ?? '100%'}\r\n        gap={'none'}\r\n        className={typeof className === 'function' ? undefined : className}\r\n    >\r\n        <BaseAccordion.Root\r\n            className={ACCORDION_STYLES.root}\r\n            {...props}\r\n        />\r\n    </Flex>\r\n)) as unknown as AccordionCompound\r\n\r\nAccordion.displayName = 'Accordion'\r\nAccordion.Item = AccordionItem\r\nAccordion.Trigger = AccordionTrigger\r\nAccordion.Content = AccordionContent\r\n\r\nexport default Accordion\r\n"],"names":["Accordion","memo","className","width","props","jsx","Flex","BaseAccordion","ACCORDION_STYLES","AccordionItem","AccordionTrigger","AccordionContent"],"mappings":"yaA4BA,MAAMA,EAAYC,EAAAA,KAAqB,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,GAAGC,KAC3DC,EAAAA,IAACC,EAAA,CACG,cAAe,SACf,WAAY,UACZ,MAAOH,GAAS,OAChB,IAAK,OACL,UAAW,OAAOD,GAAc,WAAa,OAAYA,EAEzD,SAAAG,EAAAA,IAACE,EAAAA,UAAc,KAAd,CACG,UAAWC,EAAAA,iBAAiB,KAC3B,GAAGJ,CAAA,CAAA,CACR,CACJ,CACH,EAEDJ,EAAU,YAAc,YACxBA,EAAU,KAAOS,EACjBT,EAAU,QAAUU,EACpBV,EAAU,QAAUW"}

package/dist/components/surfaces/accordion/Accordion.d.ts

@@ -0,0 +1,19 @@
+import { AccordionCompound } from './types';
+/**
+ * A styled accordion built on top of `@base-ui/react/accordion`.
+ *
+ * Composes `Accordion`, `Accordion.Item`, `Accordion.Trigger`, and `Accordion.Content`.
+ * Supports single or multiple expanded items, disabled items, and keyboard navigation.
+ *
+ * @example
+ * ```tsx
+ * <Accordion defaultValue={['item-1']}>
+ *   <Accordion.Item value="item-1">
+ *     <Accordion.Trigger>Is it accessible?</Accordion.Trigger>
+ *     <Accordion.Content>Yes. It adheres to the WAI-ARIA design pattern.</Accordion.Content>
+ *   </Accordion.Item>
+ * </Accordion>
+ * ```
+ */
+declare const Accordion: AccordionCompound;
+export default Accordion;

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

@@ -0,0 +1,34 @@
+import { jsx as t } from "react/jsx-runtime";
+import { memo as c } from "react";
+import { Accordion as n } from "@base-ui/react/accordion";
+import e from "./components/accordion-content/AccordionContent.js";
+import p from "./components/accordion-item/AccordionItem.js";
+import d from "./components/accordion-trigger/AccordionTrigger.js";
+import { ACCORDION_STYLES as f } from "./styles/Accordion.css.js";
+import a from "../../layout/flex/Flex.js";
+import "../../layout/flex/styles/Flex.css.js";
+const o = c(({ className: r, width: i, ...m }) => /* @__PURE__ */ t(
+  a,
+  {
+    flexDirection: "column",
+    alignItems: "stretch",
+    width: i ?? "100%",
+    gap: "none",
+    className: typeof r == "function" ? void 0 : r,
+    children: /* @__PURE__ */ t(
+      n.Root,
+      {
+        className: f.root,
+        ...m
+      }
+    )
+  }
+));
+o.displayName = "Accordion";
+o.Item = p;
+o.Trigger = d;
+o.Content = e;
+export {
+  o as default
+};
+//# sourceMappingURL=Accordion.js.map

package/dist/components/surfaces/accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sources":["../../../../src/components/surfaces/accordion/Accordion.tsx"],"sourcesContent":["import { memo } from 'react'\r\n\r\nimport { Accordion as BaseAccordion } from '@base-ui/react/accordion'\r\n\r\nimport AccordionContent from '@components/surfaces/accordion/components/accordion-content/AccordionContent.tsx'\r\nimport AccordionItem from '@components/surfaces/accordion/components/accordion-item/AccordionItem.tsx'\r\nimport AccordionTrigger from '@components/surfaces/accordion/components/accordion-trigger/AccordionTrigger.tsx'\r\nimport { ACCORDION_STYLES } from '@components/surfaces/accordion/styles/Accordion.css.ts'\r\nimport type { AccordionProps } from '@components/surfaces/accordion/types/Accordion.props.ts'\r\nimport type { AccordionCompound } from '@components/surfaces/accordion/types'\r\nimport { Flex } from '@components/layout/flex'\r\n\r\n/**\r\n * A styled accordion built on top of `@base-ui/react/accordion`.\r\n *\r\n * Composes `Accordion`, `Accordion.Item`, `Accordion.Trigger`, and `Accordion.Content`.\r\n * Supports single or multiple expanded items, disabled items, and keyboard navigation.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Accordion defaultValue={['item-1']}>\r\n *   <Accordion.Item value=\"item-1\">\r\n *     <Accordion.Trigger>Is it accessible?</Accordion.Trigger>\r\n *     <Accordion.Content>Yes. It adheres to the WAI-ARIA design pattern.</Accordion.Content>\r\n *   </Accordion.Item>\r\n * </Accordion>\r\n * ```\r\n */\r\nconst Accordion = memo<AccordionProps>(({ className, width, ...props }) => (\r\n    <Flex\r\n        flexDirection={'column'}\r\n        alignItems={'stretch'}\r\n        width={width ?? '100%'}\r\n        gap={'none'}\r\n        className={typeof className === 'function' ? undefined : className}\r\n    >\r\n        <BaseAccordion.Root\r\n            className={ACCORDION_STYLES.root}\r\n            {...props}\r\n        />\r\n    </Flex>\r\n)) as unknown as AccordionCompound\r\n\r\nAccordion.displayName = 'Accordion'\r\nAccordion.Item = AccordionItem\r\nAccordion.Trigger = AccordionTrigger\r\nAccordion.Content = AccordionContent\r\n\r\nexport default Accordion\r\n"],"names":["Accordion","memo","className","width","props","jsx","Flex","BaseAccordion","ACCORDION_STYLES","AccordionItem","AccordionTrigger","AccordionContent"],"mappings":";;;;;;;;;AA4BA,MAAMA,IAAYC,EAAqB,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,GAAGC,QAC3D,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,OAAOH,KAAS;AAAA,IAChB,KAAK;AAAA,IACL,WAAW,OAAOD,KAAc,aAAa,SAAYA;AAAA,IAEzD,UAAA,gBAAAG;AAAA,MAACE,EAAc;AAAA,MAAd;AAAA,QACG,WAAWC,EAAiB;AAAA,QAC3B,GAAGJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACR;AACJ,CACH;AAEDJ,EAAU,cAAc;AACxBA,EAAU,OAAOS;AACjBT,EAAU,UAAUU;AACpBV,EAAU,UAAUW;"}

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

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),i=require("react"),a=require("@base-ui/react/accordion"),c=require("./styles/AccordionContent.css.cjs"),C=require("../../../../../utils/cn.cjs"),n=i.memo(({className:o,keepMounted:r=!0,children:s,...t})=>e.jsx(a.Accordion.Panel,{keepMounted:r,className:C.cn(c.ACCORDION_CONTENT_STYLES.root,o),...t,children:e.jsx("div",{className:c.ACCORDION_CONTENT_STYLES.inner,children:s})}));n.displayName="Accordion.Content";module.exports=n;
+//# sourceMappingURL=AccordionContent.cjs.map

package/dist/components/surfaces/accordion/components/accordion-content/AccordionContent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionContent.cjs","sources":["../../../../../../src/components/surfaces/accordion/components/accordion-content/AccordionContent.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Accordion as BaseAccordion } from '@base-ui/react/accordion'\r\n\r\nimport { ACCORDION_CONTENT_STYLES } from '@components/surfaces/accordion/components/accordion-content/styles/AccordionContent.css.ts'\r\nimport type { AccordionContentProps } from '@components/surfaces/accordion/components/accordion-content/types/AccordionContent.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * Collapsible panel with the accordion item contents.\r\n */\r\nconst AccordionContent: FC<AccordionContentProps> = memo(({\r\n    className,\r\n    keepMounted = true,\r\n    children,\r\n    ...props\r\n}) => (\r\n    <BaseAccordion.Panel\r\n        keepMounted={keepMounted}\r\n        className={cn(ACCORDION_CONTENT_STYLES.root, className)}\r\n        {...props}\r\n    >\r\n        <div className={ACCORDION_CONTENT_STYLES.inner}>{children}</div>\r\n    </BaseAccordion.Panel>\r\n))\r\n\r\nAccordionContent.displayName = 'Accordion.Content'\r\n\r\nexport default AccordionContent\r\n"],"names":["AccordionContent","memo","className","keepMounted","children","props","jsx","BaseAccordion","cn","ACCORDION_CONTENT_STYLES"],"mappings":"mMAWMA,EAA8CC,EAAAA,KAAK,CAAC,CACtD,UAAAC,EACA,YAAAC,EAAc,GACd,SAAAC,EACA,GAAGC,CACP,IACIC,EAAAA,IAACC,EAAAA,UAAc,MAAd,CACG,YAAAJ,EACA,UAAWK,EAAAA,GAAGC,2BAAyB,KAAMP,CAAS,EACrD,GAAGG,EAEJ,SAAAC,EAAAA,IAAC,MAAA,CAAI,UAAWG,EAAAA,yBAAyB,MAAQ,SAAAL,CAAA,CAAS,CAAA,CAC9D,CACH,EAEDJ,EAAiB,YAAc"}

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

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { AccordionContentProps } from './types/AccordionContent.props.ts';
+/**
+ * Collapsible panel with the accordion item contents.
+ */
+declare const AccordionContent: FC<AccordionContentProps>;
+export default AccordionContent;

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

@@ -0,0 +1,24 @@
+import { jsx as o } from "react/jsx-runtime";
+import { memo as i } from "react";
+import { Accordion as c } from "@base-ui/react/accordion";
+import { ACCORDION_CONTENT_STYLES as r } from "./styles/AccordionContent.css.js";
+import { cn as a } from "../../../../../utils/cn.js";
+const s = i(({
+  className: m,
+  keepMounted: t = !0,
+  children: n,
+  ...e
+}) => /* @__PURE__ */ o(
+  c.Panel,
+  {
+    keepMounted: t,
+    className: a(r.root, m),
+    ...e,
+    children: /* @__PURE__ */ o("div", { className: r.inner, children: n })
+  }
+));
+s.displayName = "Accordion.Content";
+export {
+  s as default
+};
+//# sourceMappingURL=AccordionContent.js.map

package/dist/components/surfaces/accordion/components/accordion-content/AccordionContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionContent.js","sources":["../../../../../../src/components/surfaces/accordion/components/accordion-content/AccordionContent.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Accordion as BaseAccordion } from '@base-ui/react/accordion'\r\n\r\nimport { ACCORDION_CONTENT_STYLES } from '@components/surfaces/accordion/components/accordion-content/styles/AccordionContent.css.ts'\r\nimport type { AccordionContentProps } from '@components/surfaces/accordion/components/accordion-content/types/AccordionContent.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * Collapsible panel with the accordion item contents.\r\n */\r\nconst AccordionContent: FC<AccordionContentProps> = memo(({\r\n    className,\r\n    keepMounted = true,\r\n    children,\r\n    ...props\r\n}) => (\r\n    <BaseAccordion.Panel\r\n        keepMounted={keepMounted}\r\n        className={cn(ACCORDION_CONTENT_STYLES.root, className)}\r\n        {...props}\r\n    >\r\n        <div className={ACCORDION_CONTENT_STYLES.inner}>{children}</div>\r\n    </BaseAccordion.Panel>\r\n))\r\n\r\nAccordionContent.displayName = 'Accordion.Content'\r\n\r\nexport default AccordionContent\r\n"],"names":["AccordionContent","memo","className","keepMounted","children","props","jsx","BaseAccordion","cn","ACCORDION_CONTENT_STYLES"],"mappings":";;;;;AAWA,MAAMA,IAA8CC,EAAK,CAAC;AAAA,EACtD,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAAC;AAAA,EACA,GAAGC;AACP,MACI,gBAAAC;AAAA,EAACC,EAAc;AAAA,EAAd;AAAA,IACG,aAAAJ;AAAA,IACA,WAAWK,EAAGC,EAAyB,MAAMP,CAAS;AAAA,IACrD,GAAGG;AAAA,IAEJ,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWG,EAAyB,OAAQ,UAAAL,EAAA,CAAS;AAAA,EAAA;AAC9D,CACH;AAEDJ,EAAiB,cAAc;"}

package/dist/components/surfaces/accordion/components/accordion-content/index.d.ts

@@ -0,0 +1,3 @@
+export { default as AccordionContent } from './AccordionContent.tsx';
+export { ACCORDION_CONTENT_STYLES } from './styles/AccordionContent.css.ts';
+export type { AccordionContentProps } from './types/AccordionContent.props.ts';

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

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

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

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

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

@@ -0,0 +1,4 @@
+export declare const ACCORDION_CONTENT_STYLES: {
+    root: string;
+    inner: string;
+};

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

@@ -0,0 +1,7 @@
+/* empty css                                                  */
+/* empty css                                    */
+var t = { root: "_1xa91to0", inner: "_1xa91to1" };
+export {
+  t as ACCORDION_CONTENT_STYLES
+};
+//# sourceMappingURL=AccordionContent.css.js.map

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

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

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

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

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

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),t=require("react"),i=require("@base-ui/react/accordion"),n=require("./styles/AccordionItem.css.cjs"),m=require("../../../../../utils/cn.cjs"),e=t.memo(({className:c,bordered:r=!0,...o})=>s.jsx(i.Accordion.Item,{className:m.cn(n.ACCORDION_ITEM_STYLES.recipe({bordered:r}),c),...o}));e.displayName="Accordion.Item";module.exports=e;
+//# sourceMappingURL=AccordionItem.cjs.map

package/dist/components/surfaces/accordion/components/accordion-item/AccordionItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.cjs","sources":["../../../../../../src/components/surfaces/accordion/components/accordion-item/AccordionItem.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Accordion as BaseAccordion } from '@base-ui/react/accordion'\r\n\r\nimport { ACCORDION_ITEM_STYLES } from '@components/surfaces/accordion/components/accordion-item/styles/AccordionItem.css.ts'\r\nimport type { AccordionItemProps } from '@components/surfaces/accordion/components/accordion-item/types/AccordionItem.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * Groups an accordion header with its corresponding panel.\r\n */\r\nconst AccordionItem: FC<AccordionItemProps> = memo(({ className, bordered = true, ...props }) => (\r\n    <BaseAccordion.Item\r\n        className={cn(ACCORDION_ITEM_STYLES.recipe({ bordered }), className)}\r\n        {...props}\r\n    />\r\n))\r\n\r\nAccordionItem.displayName = 'Accordion.Item'\r\n\r\nexport default AccordionItem\r\n"],"names":["AccordionItem","memo","className","bordered","props","jsx","BaseAccordion","cn","ACCORDION_ITEM_STYLES"],"mappings":"gMAWMA,EAAwCC,EAAAA,KAAK,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAW,GAAM,GAAGC,CAAA,IACjFC,EAAAA,IAACC,EAAAA,UAAc,KAAd,CACG,UAAWC,EAAAA,GAAGC,wBAAsB,OAAO,CAAE,SAAAL,CAAA,CAAU,EAAGD,CAAS,EAClE,GAAGE,CAAA,CACR,CACH,EAEDJ,EAAc,YAAc"}

package/dist/components/surfaces/accordion/components/accordion-item/AccordionItem.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { AccordionItemProps } from './types/AccordionItem.props.ts';
+/**
+ * Groups an accordion header with its corresponding panel.
+ */
+declare const AccordionItem: FC<AccordionItemProps>;
+export default AccordionItem;

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

@@ -0,0 +1,17 @@
+import { jsx as t } from "react/jsx-runtime";
+import { memo as e } from "react";
+import { Accordion as c } from "@base-ui/react/accordion";
+import { ACCORDION_ITEM_STYLES as i } from "./styles/AccordionItem.css.js";
+import { cn as p } from "../../../../../utils/cn.js";
+const a = e(({ className: o, bordered: m = !0, ...r }) => /* @__PURE__ */ t(
+  c.Item,
+  {
+    className: p(i.recipe({ bordered: m }), o),
+    ...r
+  }
+));
+a.displayName = "Accordion.Item";
+export {
+  a as default
+};
+//# sourceMappingURL=AccordionItem.js.map

package/dist/components/surfaces/accordion/components/accordion-item/AccordionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.js","sources":["../../../../../../src/components/surfaces/accordion/components/accordion-item/AccordionItem.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Accordion as BaseAccordion } from '@base-ui/react/accordion'\r\n\r\nimport { ACCORDION_ITEM_STYLES } from '@components/surfaces/accordion/components/accordion-item/styles/AccordionItem.css.ts'\r\nimport type { AccordionItemProps } from '@components/surfaces/accordion/components/accordion-item/types/AccordionItem.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * Groups an accordion header with its corresponding panel.\r\n */\r\nconst AccordionItem: FC<AccordionItemProps> = memo(({ className, bordered = true, ...props }) => (\r\n    <BaseAccordion.Item\r\n        className={cn(ACCORDION_ITEM_STYLES.recipe({ bordered }), className)}\r\n        {...props}\r\n    />\r\n))\r\n\r\nAccordionItem.displayName = 'Accordion.Item'\r\n\r\nexport default AccordionItem\r\n"],"names":["AccordionItem","memo","className","bordered","props","jsx","BaseAccordion","cn","ACCORDION_ITEM_STYLES"],"mappings":";;;;;AAWA,MAAMA,IAAwCC,EAAK,CAAC,EAAE,WAAAC,GAAW,UAAAC,IAAW,IAAM,GAAGC,EAAA,MACjF,gBAAAC;AAAA,EAACC,EAAc;AAAA,EAAd;AAAA,IACG,WAAWC,EAAGC,EAAsB,OAAO,EAAE,UAAAL,EAAA,CAAU,GAAGD,CAAS;AAAA,IAClE,GAAGE;AAAA,EAAA;AACR,CACH;AAEDJ,EAAc,cAAc;"}

package/dist/components/surfaces/accordion/components/accordion-item/index.d.ts

@@ -0,0 +1,3 @@
+export { default as AccordionItem } from './AccordionItem.tsx';
+export { ACCORDION_ITEM_STYLES } from './styles/AccordionItem.css.ts';
+export type { AccordionItemProps } from './types/AccordionItem.props.ts';

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

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

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

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

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

@@ -0,0 +1,20 @@
+import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
+export declare const ACCORDION_ITEM_STYLES: {
+    recipe: RuntimeFn<{
+        bordered: {
+            true: {
+                borderBottom: `1px solid var(--${string})`;
+                marginBlock: `var(--${string})`;
+                paddingBlock: `var(--${string})`;
+                ':last-child': {
+                    borderBottom: "none";
+                };
+            };
+            false: {
+                marginBlock: `var(--${string})`;
+                paddingBlock: `var(--${string})`;
+            };
+        };
+    }>;
+};
+export type AccordionItemRecipeVariants = NonNullable<RecipeVariants<typeof ACCORDION_ITEM_STYLES.recipe>>;

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

@@ -0,0 +1,8 @@
+/* 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: [] }) };
+export {
+  s as ACCORDION_ITEM_STYLES
+};
+//# sourceMappingURL=AccordionItem.css.js.map

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

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