@choco-vanille/ui 1.1.1 → 1.2.0

package/dist/components/overlay/drawer/hooks/use-drawer/useDrawer.hook.js

@@ -0,0 +1,60 @@
+import { useState as O, useCallback as R, useMemo as g } from "react";
+import { DRAWER_MODES as A } from "../../constants/drawerModes.const.js";
+const S = ({
+  open: r,
+  defaultOpen: p = !1,
+  onOpenChange: c,
+  mode: d = A.portal,
+  position: l = "left",
+  size: o = "md",
+  withBackdrop: C,
+  backgroundColor: b,
+  defaultAriaLabel: u = "Drawer",
+  children: f,
+  className: v,
+  style: W,
+  "aria-label": s,
+  "aria-labelledby": w,
+  titleId: n,
+  ...e
+}) => {
+  const [y, B] = O(p), a = r !== void 0 ? r : y, t = R(
+    (m) => {
+      B(m), c?.(m);
+    },
+    [c]
+  ), D = g(
+    () => ({
+      open: a,
+      onOpenChange: t,
+      mode: d,
+      position: l,
+      size: o,
+      titleId: n,
+      collapsedWidth: "collapsedWidth" in e && typeof e.collapsedWidth == "string" ? e.collapsedWidth : void 0
+    }),
+    [a, t, d, l, o, n, e]
+  ), i = s ? void 0 : w ?? n, h = s ?? (i ? void 0 : u), k = {
+    open: a,
+    position: l,
+    size: o,
+    backgroundColor: b,
+    accessibleName: h,
+    ariaLabelledBy: i,
+    children: f,
+    className: v,
+    style: W,
+    ...e
+  };
+  return {
+    isOpen: a,
+    handleOpenChange: t,
+    contextValue: D,
+    accessibleName: h,
+    commonRendererProps: k
+  };
+};
+export {
+  S as useDrawer
+};
+//# sourceMappingURL=useDrawer.hook.js.map

package/dist/components/overlay/drawer/hooks/use-drawer/useDrawer.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDrawer.hook.js","sources":["../../../../../../src/components/overlay/drawer/hooks/use-drawer/useDrawer.hook.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\r\n\r\nimport { DRAWER_MODES } from '@components/overlay/drawer/constants'\r\nimport type { DrawerContextValue } from '@components/overlay/drawer/context/Drawer.context.ts'\r\nimport type {\r\n    CommonRendererProps,\r\n    UseDrawerParams,\r\n    UseDrawerReturn\r\n} from '@components/overlay/drawer/hooks/use-drawer/types'\r\n\r\n/**\r\n * Encapsulates the state, context and accessibility logic for the root\r\n * `Drawer` component.\r\n */\r\nexport const useDrawer = ({\r\n    open: controlledOpen,\r\n    defaultOpen = false,\r\n    onOpenChange,\r\n    mode = DRAWER_MODES.portal,\r\n    position = 'left',\r\n    size = 'md',\r\n    withBackdrop: _withBackdrop,\r\n    backgroundColor,\r\n    defaultAriaLabel = 'Drawer',\r\n    children,\r\n    className,\r\n    style,\r\n    'aria-label': ariaLabel,\r\n    'aria-labelledby': ariaLabelledBy,\r\n    titleId,\r\n    ...props\r\n}: UseDrawerParams & {\r\n    /** Id of the header title used as the default aria-labelledby. */\r\n    titleId?: string\r\n}): UseDrawerReturn => {\r\n    const [internalOpen, setInternalOpen] = useState(defaultOpen)\r\n    const isOpen = controlledOpen !== undefined ? controlledOpen : internalOpen\r\n\r\n    const handleOpenChange = useCallback(\r\n        (nextOpen: boolean) => {\r\n            setInternalOpen(nextOpen)\r\n            onOpenChange?.(nextOpen)\r\n        },\r\n        [onOpenChange],\r\n    )\r\n\r\n    const contextValue = useMemo<DrawerContextValue>(\r\n        () => ({\r\n            open: isOpen,\r\n            onOpenChange: handleOpenChange,\r\n            mode,\r\n            position,\r\n            size,\r\n            titleId,\r\n            collapsedWidth: 'collapsedWidth' in props && typeof props.collapsedWidth === 'string'\r\n                ? props.collapsedWidth\r\n                : undefined,\r\n        }),\r\n        [isOpen, handleOpenChange, mode, position, size, titleId, props],\r\n    )\r\n\r\n    const resolvedAriaLabelledBy = ariaLabel ? undefined : (ariaLabelledBy ?? titleId)\r\n    const accessibleName =\r\n        ariaLabel ?? (resolvedAriaLabelledBy ? undefined : defaultAriaLabel)\r\n\r\n    const commonRendererProps = {\r\n        open: isOpen,\r\n        position,\r\n        size,\r\n        backgroundColor,\r\n        accessibleName,\r\n        ariaLabelledBy: resolvedAriaLabelledBy,\r\n        children,\r\n        className,\r\n        style,\r\n        ...props,\r\n    }\r\n\r\n    return {\r\n        isOpen,\r\n        handleOpenChange,\r\n        contextValue,\r\n        accessibleName,\r\n        commonRendererProps: commonRendererProps as CommonRendererProps,\r\n    }\r\n}\r\n"],"names":["useDrawer","controlledOpen","defaultOpen","onOpenChange","mode","DRAWER_MODES","position","size","_withBackdrop","backgroundColor","defaultAriaLabel","children","className","style","ariaLabel","ariaLabelledBy","titleId","props","internalOpen","setInternalOpen","useState","isOpen","handleOpenChange","useCallback","nextOpen","contextValue","useMemo","resolvedAriaLabelledBy","accessibleName","commonRendererProps"],"mappings":";;AAcO,MAAMA,IAAY,CAAC;AAAA,EACtB,MAAMC;AAAA,EACN,aAAAC,IAAc;AAAA,EACd,cAAAC;AAAA,EACA,MAAAC,IAAOC,EAAa;AAAA,EACpB,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,cAAcC;AAAA,EACd,iBAAAC;AAAA,EACA,kBAAAC,IAAmB;AAAA,EACnB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAcC;AAAA,EACd,mBAAmBC;AAAA,EACnB,SAAAC;AAAA,EACA,GAAGC;AACP,MAGuB;AACnB,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAASlB,CAAW,GACtDmB,IAASpB,MAAmB,SAAYA,IAAiBiB,GAEzDI,IAAmBC;AAAA,IACrB,CAACC,MAAsB;AACnB,MAAAL,EAAgBK,CAAQ,GACxBrB,IAAeqB,CAAQ;AAAA,IAC3B;AAAA,IACA,CAACrB,CAAY;AAAA,EAAA,GAGXsB,IAAeC;AAAA,IACjB,OAAO;AAAA,MACH,MAAML;AAAA,MACN,cAAcC;AAAA,MACd,MAAAlB;AAAA,MACA,UAAAE;AAAA,MACA,MAAAC;AAAA,MACA,SAAAS;AAAA,MACA,gBAAgB,oBAAoBC,KAAS,OAAOA,EAAM,kBAAmB,WACvEA,EAAM,iBACN;AAAA,IAAA;AAAA,IAEV,CAACI,GAAQC,GAAkBlB,GAAME,GAAUC,GAAMS,GAASC,CAAK;AAAA,EAAA,GAG7DU,IAAyBb,IAAY,SAAaC,KAAkBC,GACpEY,IACFd,MAAca,IAAyB,SAAYjB,IAEjDmB,IAAsB;AAAA,IACxB,MAAMR;AAAA,IACN,UAAAf;AAAA,IACA,MAAAC;AAAA,IACA,iBAAAE;AAAA,IACA,gBAAAmB;AAAA,IACA,gBAAgBD;AAAA,IAChB,UAAAhB;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGI;AAAA,EAAA;AAGP,SAAO;AAAA,IACH,QAAAI;AAAA,IACA,kBAAAC;AAAA,IACA,cAAAG;AAAA,IACA,gBAAAG;AAAA,IACA,qBAAAC;AAAA,EAAA;AAER;"}

package/dist/components/overlay/drawer/hooks/useDrawerContext.hook.d.ts

@@ -0,0 +1,7 @@
+import { DrawerContextValue } from '../context/Drawer.context.ts';
+/**
+ * Returns the current drawer state and helpers.
+ * Returns `null` when used outside of a `Drawer` so sub-components can be
+ * rendered independently (e.g. inside `DrawerMini`).
+ */
+export declare const useDrawerContext: () => DrawerContextValue | null;

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

@@ -0,0 +1,12 @@
+export { Drawer } from './Drawer.tsx';
+export { DRAWER_STYLES } from './styles/Drawer.css.ts';
+export { DRAWER_ITEM_STYLES } from './components/items/_shared';
+export type { DrawerProps } from './types/Drawer.props.ts';
+export type { DrawerColor, DrawerMode, DrawerPosition, DrawerSize, } from './types/Drawer.types.ts';
+export type { DrawerHeaderProps } from './components/blocs/drawer-header/types/DrawerHeader.props.ts';
+export type { DrawerBodyProps } from './components/blocs/drawer-body/types/DrawerBody.props.ts';
+export type { DrawerFooterProps } from './components/blocs/drawer-footer/types/DrawerFooter.props.ts';
+export type { DrawerSectionProps } from './components/blocs/drawer-section/types/DrawerSection.props.ts';
+export type { DrawerNavItemProps } from './components/items/drawer-nav-item/types/DrawerNavItem.props.ts';
+export type { DrawerActionItemProps } from './components/items/drawer-action-item/types/DrawerActionItem.props.ts';
+export type { DrawerSectionItemProps } from './components/items/drawer-section-item/types/DrawerSectionItem.props.ts';

package/dist/components/overlay/drawer/styles/Drawer.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 d={panel:"cdvk7w0",size:{sm:"cdvk7w1",md:"cdvk7w2",lg:"cdvk7w3",xl:"cdvk7w4","2xl":"cdvk7w5",full:"cdvk7w6"},recipe:e.createRuntimeFn({defaultClassName:"cdvk7w7",variantClassNames:{backgroundColor:{background:"cdvk7w8",foreground:"cdvk7w9",text:"cdvk7wa",textSecondary:"cdvk7wb",textTertiary:"cdvk7wc",card:"cdvk7wd",cardForeground:"cdvk7we",popover:"cdvk7wf",popoverForeground:"cdvk7wg",muted:"cdvk7wh",mutedForeground:"cdvk7wi",overlay:"cdvk7wj",primary:"cdvk7wk",primaryHover:"cdvk7wl",primaryActive:"cdvk7wm",primaryForeground:"cdvk7wn",primarySubtle:"cdvk7wo",primarySubtleHover:"cdvk7wp",primarySubtleActive:"cdvk7wq",primarySubtleForeground:"cdvk7wr",primarySubtleBorder:"cdvk7ws",link:"cdvk7wt",linkHover:"cdvk7wu",linkActive:"cdvk7wv",secondary:"cdvk7ww",secondaryHover:"cdvk7wx",secondaryActive:"cdvk7wy",secondaryForeground:"cdvk7wz",secondarySubtle:"cdvk7w10",secondarySubtleHover:"cdvk7w11",secondarySubtleActive:"cdvk7w12",secondarySubtleForeground:"cdvk7w13",secondarySubtleBorder:"cdvk7w14",tertiary:"cdvk7w15",tertiaryHover:"cdvk7w16",tertiaryActive:"cdvk7w17",tertiaryForeground:"cdvk7w18",tertiarySubtle:"cdvk7w19",tertiarySubtleHover:"cdvk7w1a",tertiarySubtleActive:"cdvk7w1b",tertiarySubtleForeground:"cdvk7w1c",tertiarySubtleBorder:"cdvk7w1d",success:"cdvk7w1e",successHover:"cdvk7w1f",successActive:"cdvk7w1g",successForeground:"cdvk7w1h",successSubtle:"cdvk7w1i",successSubtleHover:"cdvk7w1j",successSubtleActive:"cdvk7w1k",successSubtleForeground:"cdvk7w1l",successSubtleBorder:"cdvk7w1m",warning:"cdvk7w1n",warningHover:"cdvk7w1o",warningActive:"cdvk7w1p",warningForeground:"cdvk7w1q",warningSubtle:"cdvk7w1r",warningSubtleHover:"cdvk7w1s",warningSubtleActive:"cdvk7w1t",warningSubtleForeground:"cdvk7w1u",warningSubtleBorder:"cdvk7w1v",info:"cdvk7w1w",infoHover:"cdvk7w1x",infoActive:"cdvk7w1y",infoForeground:"cdvk7w1z",infoSubtle:"cdvk7w20",infoSubtleHover:"cdvk7w21",infoSubtleActive:"cdvk7w22",infoSubtleForeground:"cdvk7w23",infoSubtleBorder:"cdvk7w24",destructive:"cdvk7w25",destructiveHover:"cdvk7w26",destructiveActive:"cdvk7w27",destructiveForeground:"cdvk7w28",destructiveSubtle:"cdvk7w29",destructiveSubtleHover:"cdvk7w2a",destructiveSubtleActive:"cdvk7w2b",destructiveSubtleForeground:"cdvk7w2c",destructiveSubtleBorder:"cdvk7w2d",purple:"cdvk7w2e",purpleHover:"cdvk7w2f",purpleActive:"cdvk7w2g",purpleForeground:"cdvk7w2h",purpleSubtle:"cdvk7w2i",purpleSubtleHover:"cdvk7w2j",purpleSubtleActive:"cdvk7w2k",purpleSubtleForeground:"cdvk7w2l",purpleSubtleBorder:"cdvk7w2m",pink:"cdvk7w2n",pinkHover:"cdvk7w2o",pinkActive:"cdvk7w2p",pinkForeground:"cdvk7w2q",pinkSubtle:"cdvk7w2r",pinkSubtleHover:"cdvk7w2s",pinkSubtleActive:"cdvk7w2t",pinkSubtleForeground:"cdvk7w2u",pinkSubtleBorder:"cdvk7w2v",orange:"cdvk7w2w",orangeHover:"cdvk7w2x",orangeActive:"cdvk7w2y",orangeForeground:"cdvk7w2z",orangeSubtle:"cdvk7w30",orangeSubtleHover:"cdvk7w31",orangeSubtleActive:"cdvk7w32",orangeSubtleForeground:"cdvk7w33",orangeSubtleBorder:"cdvk7w34",teal:"cdvk7w35",tealHover:"cdvk7w36",tealActive:"cdvk7w37",tealForeground:"cdvk7w38",tealSubtle:"cdvk7w39",tealSubtleHover:"cdvk7w3a",tealSubtleActive:"cdvk7w3b",tealSubtleForeground:"cdvk7w3c",tealSubtleBorder:"cdvk7w3d",cyan:"cdvk7w3e",cyanHover:"cdvk7w3f",cyanActive:"cdvk7w3g",cyanForeground:"cdvk7w3h",cyanSubtle:"cdvk7w3i",cyanSubtleHover:"cdvk7w3j",cyanSubtleActive:"cdvk7w3k",cyanSubtleForeground:"cdvk7w3l",cyanSubtleBorder:"cdvk7w3m",indigo:"cdvk7w3n",indigoHover:"cdvk7w3o",indigoActive:"cdvk7w3p",indigoForeground:"cdvk7w3q",indigoSubtle:"cdvk7w3r",indigoSubtleHover:"cdvk7w3s",indigoSubtleActive:"cdvk7w3t",indigoSubtleForeground:"cdvk7w3u",indigoSubtleBorder:"cdvk7w3v",border:"cdvk7w3w",borderStrong:"cdvk7w3x",input:"cdvk7w3y",ring:"cdvk7w3z",highlight:"cdvk7w40",highlightForeground:"cdvk7w41",skeleton:"cdvk7w42",skeletonForeground:"cdvk7w43",transparent:"cdvk7w44"}},defaultVariants:{},compoundVariants:[]})};exports.DRAWER_STYLES=d;
+//# sourceMappingURL=Drawer.css.cjs.map

package/dist/components/overlay/drawer/styles/Drawer.css.cjs.map

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

package/dist/components/overlay/drawer/styles/Drawer.css.d.ts

@@ -0,0 +1,15 @@
+import { RuntimeFn } from '@vanilla-extract/recipes';
+export declare const DRAWER_STYLES: {
+    panel: string;
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        full: string;
+    };
+    recipe: RuntimeFn<{
+        backgroundColor: Record<"background" | "foreground" | "text" | "textSecondary" | "textTertiary" | "card" | "cardForeground" | "popover" | "popoverForeground" | "muted" | "mutedForeground" | "overlay" | "primary" | "primaryHover" | "primaryActive" | "primaryForeground" | "primarySubtle" | "primarySubtleHover" | "primarySubtleActive" | "primarySubtleForeground" | "primarySubtleBorder" | "link" | "linkHover" | "linkActive" | "secondary" | "secondaryHover" | "secondaryActive" | "secondaryForeground" | "secondarySubtle" | "secondarySubtleHover" | "secondarySubtleActive" | "secondarySubtleForeground" | "secondarySubtleBorder" | "tertiary" | "tertiaryHover" | "tertiaryActive" | "tertiaryForeground" | "tertiarySubtle" | "tertiarySubtleHover" | "tertiarySubtleActive" | "tertiarySubtleForeground" | "tertiarySubtleBorder" | "success" | "successHover" | "successActive" | "successForeground" | "successSubtle" | "successSubtleHover" | "successSubtleActive" | "successSubtleForeground" | "successSubtleBorder" | "warning" | "warningHover" | "warningActive" | "warningForeground" | "warningSubtle" | "warningSubtleHover" | "warningSubtleActive" | "warningSubtleForeground" | "warningSubtleBorder" | "info" | "infoHover" | "infoActive" | "infoForeground" | "infoSubtle" | "infoSubtleHover" | "infoSubtleActive" | "infoSubtleForeground" | "infoSubtleBorder" | "destructive" | "destructiveHover" | "destructiveActive" | "destructiveForeground" | "destructiveSubtle" | "destructiveSubtleHover" | "destructiveSubtleActive" | "destructiveSubtleForeground" | "destructiveSubtleBorder" | "purple" | "purpleHover" | "purpleActive" | "purpleForeground" | "purpleSubtle" | "purpleSubtleHover" | "purpleSubtleActive" | "purpleSubtleForeground" | "purpleSubtleBorder" | "pink" | "pinkHover" | "pinkActive" | "pinkForeground" | "pinkSubtle" | "pinkSubtleHover" | "pinkSubtleActive" | "pinkSubtleForeground" | "pinkSubtleBorder" | "orange" | "orangeHover" | "orangeActive" | "orangeForeground" | "orangeSubtle" | "orangeSubtleHover" | "orangeSubtleActive" | "orangeSubtleForeground" | "orangeSubtleBorder" | "teal" | "tealHover" | "tealActive" | "tealForeground" | "tealSubtle" | "tealSubtleHover" | "tealSubtleActive" | "tealSubtleForeground" | "tealSubtleBorder" | "cyan" | "cyanHover" | "cyanActive" | "cyanForeground" | "cyanSubtle" | "cyanSubtleHover" | "cyanSubtleActive" | "cyanSubtleForeground" | "cyanSubtleBorder" | "indigo" | "indigoHover" | "indigoActive" | "indigoForeground" | "indigoSubtle" | "indigoSubtleHover" | "indigoSubtleActive" | "indigoSubtleForeground" | "indigoSubtleBorder" | "border" | "borderStrong" | "input" | "ring" | "highlight" | "highlightForeground" | "skeleton" | "skeletonForeground" | "transparent", Record<string, string>>;
+    }>;
+};

package/dist/components/overlay/drawer/styles/Drawer.css.js

@@ -0,0 +1,8 @@
+/* empty css                                            */
+/* empty css                          */
+import { createRuntimeFn as e } from "@vanilla-extract/recipes/createRuntimeFn";
+var v = { panel: "cdvk7w0", size: { sm: "cdvk7w1", md: "cdvk7w2", lg: "cdvk7w3", xl: "cdvk7w4", "2xl": "cdvk7w5", full: "cdvk7w6" }, recipe: e({ defaultClassName: "cdvk7w7", variantClassNames: { backgroundColor: { background: "cdvk7w8", foreground: "cdvk7w9", text: "cdvk7wa", textSecondary: "cdvk7wb", textTertiary: "cdvk7wc", card: "cdvk7wd", cardForeground: "cdvk7we", popover: "cdvk7wf", popoverForeground: "cdvk7wg", muted: "cdvk7wh", mutedForeground: "cdvk7wi", overlay: "cdvk7wj", primary: "cdvk7wk", primaryHover: "cdvk7wl", primaryActive: "cdvk7wm", primaryForeground: "cdvk7wn", primarySubtle: "cdvk7wo", primarySubtleHover: "cdvk7wp", primarySubtleActive: "cdvk7wq", primarySubtleForeground: "cdvk7wr", primarySubtleBorder: "cdvk7ws", link: "cdvk7wt", linkHover: "cdvk7wu", linkActive: "cdvk7wv", secondary: "cdvk7ww", secondaryHover: "cdvk7wx", secondaryActive: "cdvk7wy", secondaryForeground: "cdvk7wz", secondarySubtle: "cdvk7w10", secondarySubtleHover: "cdvk7w11", secondarySubtleActive: "cdvk7w12", secondarySubtleForeground: "cdvk7w13", secondarySubtleBorder: "cdvk7w14", tertiary: "cdvk7w15", tertiaryHover: "cdvk7w16", tertiaryActive: "cdvk7w17", tertiaryForeground: "cdvk7w18", tertiarySubtle: "cdvk7w19", tertiarySubtleHover: "cdvk7w1a", tertiarySubtleActive: "cdvk7w1b", tertiarySubtleForeground: "cdvk7w1c", tertiarySubtleBorder: "cdvk7w1d", success: "cdvk7w1e", successHover: "cdvk7w1f", successActive: "cdvk7w1g", successForeground: "cdvk7w1h", successSubtle: "cdvk7w1i", successSubtleHover: "cdvk7w1j", successSubtleActive: "cdvk7w1k", successSubtleForeground: "cdvk7w1l", successSubtleBorder: "cdvk7w1m", warning: "cdvk7w1n", warningHover: "cdvk7w1o", warningActive: "cdvk7w1p", warningForeground: "cdvk7w1q", warningSubtle: "cdvk7w1r", warningSubtleHover: "cdvk7w1s", warningSubtleActive: "cdvk7w1t", warningSubtleForeground: "cdvk7w1u", warningSubtleBorder: "cdvk7w1v", info: "cdvk7w1w", infoHover: "cdvk7w1x", infoActive: "cdvk7w1y", infoForeground: "cdvk7w1z", infoSubtle: "cdvk7w20", infoSubtleHover: "cdvk7w21", infoSubtleActive: "cdvk7w22", infoSubtleForeground: "cdvk7w23", infoSubtleBorder: "cdvk7w24", destructive: "cdvk7w25", destructiveHover: "cdvk7w26", destructiveActive: "cdvk7w27", destructiveForeground: "cdvk7w28", destructiveSubtle: "cdvk7w29", destructiveSubtleHover: "cdvk7w2a", destructiveSubtleActive: "cdvk7w2b", destructiveSubtleForeground: "cdvk7w2c", destructiveSubtleBorder: "cdvk7w2d", purple: "cdvk7w2e", purpleHover: "cdvk7w2f", purpleActive: "cdvk7w2g", purpleForeground: "cdvk7w2h", purpleSubtle: "cdvk7w2i", purpleSubtleHover: "cdvk7w2j", purpleSubtleActive: "cdvk7w2k", purpleSubtleForeground: "cdvk7w2l", purpleSubtleBorder: "cdvk7w2m", pink: "cdvk7w2n", pinkHover: "cdvk7w2o", pinkActive: "cdvk7w2p", pinkForeground: "cdvk7w2q", pinkSubtle: "cdvk7w2r", pinkSubtleHover: "cdvk7w2s", pinkSubtleActive: "cdvk7w2t", pinkSubtleForeground: "cdvk7w2u", pinkSubtleBorder: "cdvk7w2v", orange: "cdvk7w2w", orangeHover: "cdvk7w2x", orangeActive: "cdvk7w2y", orangeForeground: "cdvk7w2z", orangeSubtle: "cdvk7w30", orangeSubtleHover: "cdvk7w31", orangeSubtleActive: "cdvk7w32", orangeSubtleForeground: "cdvk7w33", orangeSubtleBorder: "cdvk7w34", teal: "cdvk7w35", tealHover: "cdvk7w36", tealActive: "cdvk7w37", tealForeground: "cdvk7w38", tealSubtle: "cdvk7w39", tealSubtleHover: "cdvk7w3a", tealSubtleActive: "cdvk7w3b", tealSubtleForeground: "cdvk7w3c", tealSubtleBorder: "cdvk7w3d", cyan: "cdvk7w3e", cyanHover: "cdvk7w3f", cyanActive: "cdvk7w3g", cyanForeground: "cdvk7w3h", cyanSubtle: "cdvk7w3i", cyanSubtleHover: "cdvk7w3j", cyanSubtleActive: "cdvk7w3k", cyanSubtleForeground: "cdvk7w3l", cyanSubtleBorder: "cdvk7w3m", indigo: "cdvk7w3n", indigoHover: "cdvk7w3o", indigoActive: "cdvk7w3p", indigoForeground: "cdvk7w3q", indigoSubtle: "cdvk7w3r", indigoSubtleHover: "cdvk7w3s", indigoSubtleActive: "cdvk7w3t", indigoSubtleForeground: "cdvk7w3u", indigoSubtleBorder: "cdvk7w3v", border: "cdvk7w3w", borderStrong: "cdvk7w3x", input: "cdvk7w3y", ring: "cdvk7w3z", highlight: "cdvk7w40", highlightForeground: "cdvk7w41", skeleton: "cdvk7w42", skeletonForeground: "cdvk7w43", transparent: "cdvk7w44" } }, defaultVariants: {}, compoundVariants: [] }) };
+export {
+  v as DRAWER_STYLES
+};
+//# sourceMappingURL=Drawer.css.js.map

package/dist/components/overlay/drawer/styles/Drawer.css.js.map

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

package/dist/components/overlay/drawer/types/Drawer.props.d.ts

@@ -0,0 +1,27 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { DrawerColor, DrawerMode, DrawerPosition, DrawerSize } from './Drawer.types.ts';
+/** Props for the root `Drawer` component. */
+export type DrawerProps = HTMLAttributes<HTMLDivElement> & {
+    /** Controlled open state. */
+    open?: boolean;
+    /** Initial open state when uncontrolled. @default false */
+    defaultOpen?: boolean;
+    /** Called when the open state changes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Render mode. @default 'portal' */
+    mode?: DrawerMode;
+    /** Side the drawer attaches to. @default 'left' */
+    position?: DrawerPosition;
+    /** Width preset. @default 'md' */
+    size?: DrawerSize;
+    /** Whether to render the backdrop in `portal` mode. @default true */
+    withBackdrop?: boolean;
+    /** Width applied when the drawer is collapsed in `mini` mode. @default '4rem' */
+    collapsedWidth?: string;
+    /** Theme color token applied to the drawer panel background. */
+    backgroundColor?: DrawerColor;
+    /** Accessible name used when no visible title is present. @default 'Drawer' */
+    defaultAriaLabel?: string;
+    /** Drawer content — typically `Drawer.Header`, `Drawer.Body`, `Drawer.Footer`. */
+    children?: ReactNode;
+};

package/dist/components/overlay/drawer/types/Drawer.types.d.ts

@@ -0,0 +1,10 @@
+import { DRAWER_MODES, DRAWER_POSITIONS, DRAWER_SIZES } from '../constants';
+import { ThemeColorValue } from '../../../../theme/types/index.ts';
+/** Render mode for the drawer. */
+export type DrawerMode = (typeof DRAWER_MODES)[keyof typeof DRAWER_MODES];
+/** Side the drawer attaches to. */
+export type DrawerPosition = (typeof DRAWER_POSITIONS)[keyof typeof DRAWER_POSITIONS];
+/** Predefined width for the drawer. */
+export type DrawerSize = (typeof DRAWER_SIZES)[keyof typeof DRAWER_SIZES];
+/** Theme color token used for the drawer panel background. */
+export type DrawerColor = ThemeColorValue;

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

@@ -0,0 +1,27 @@
+import { FC } from 'react';
+import { default as DrawerActionItem } from '../components/items/drawer-action-item/DrawerActionItem.tsx';
+import { default as DrawerBody } from '../components/blocs/drawer-body/DrawerBody.tsx';
+import { default as DrawerFooter } from '../components/blocs/drawer-footer/DrawerFooter.tsx';
+import { default as DrawerHeader } from '../components/blocs/drawer-header/DrawerHeader.tsx';
+import { default as DrawerSection } from '../components/blocs/drawer-section/DrawerSection.tsx';
+import { default as DrawerNavItem } from '../components/items/drawer-nav-item/DrawerNavItem.tsx';
+import { default as DrawerSectionItem } from '../components/items/drawer-section-item/DrawerSectionItem.tsx';
+import { DrawerProps } from './Drawer.props.ts';
+export type DrawerCompound = FC<DrawerProps> & {
+    Header: typeof DrawerHeader;
+    Body: typeof DrawerBody;
+    Footer: typeof DrawerFooter;
+    Section: typeof DrawerSection;
+    NavItem: typeof DrawerNavItem;
+    ActionItem: typeof DrawerActionItem;
+    SectionItem: typeof DrawerSectionItem;
+};
+export type { DrawerProps } from './Drawer.props.ts';
+export type { DrawerColor, DrawerMode, DrawerPosition, DrawerSize, } from './Drawer.types.ts';
+export type { DrawerHeaderProps } from '../components/blocs/drawer-header/types/DrawerHeader.props.ts';
+export type { DrawerBodyProps } from '../components/blocs/drawer-body/types/DrawerBody.props.ts';
+export type { DrawerFooterProps } from '../components/blocs/drawer-footer/types/DrawerFooter.props.ts';
+export type { DrawerSectionProps } from '../components/blocs/drawer-section/types/DrawerSection.props.ts';
+export type { DrawerNavItemProps } from '../components/items/drawer-nav-item/types/DrawerNavItem.props.ts';
+export type { DrawerActionItemProps } from '../components/items/drawer-action-item/types/DrawerActionItem.props.ts';
+export type { DrawerSectionItemProps } from '../components/items/drawer-section-item/types/DrawerSectionItem.props.ts';

package/dist/components/overlay/dropdown-menu/DropdownMenu.cjs

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),n=require("@base-ui/react/menu"),u=require("react"),t=require("./components/content/DropdownMenuContent.cjs"),i=require("./components/groups/dropdown-menu-group/DropdownMenuGroup.cjs"),c=require("./components/groups/dropdown-menu-radio-group/DropdownMenuRadioGroup.cjs"),p=require("./components/items/dropdown-menu-checkbox-item/DropdownMenuCheckboxItem.cjs"),s=require("./components/items/dropdown-menu-item/DropdownMenuItem.cjs"),d=require("./components/items/dropdown-menu-radio-item/DropdownMenuRadioItem.cjs"),q=require("./components/label/DropdownMenuLabel.cjs"),M=require("./components/separator/DropdownMenuSeparator.cjs"),w=require("./components/shortcut/DropdownMenuShortcut.cjs"),D=require("./components/sub/dropdown-menu-sub-content/DropdownMenuSubContent.cjs"),a=require("./components/sub/dropdown-menu-sub/DropdownMenuSub.cjs"),m=require("./components/sub/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.cjs"),b=require("./components/trigger/DropdownMenuTrigger.cjs"),e=u.memo(o=>r.jsx(n.Menu.Root,{...o}));e.displayName="DropdownMenu";e.Trigger=b;e.Content=t;e.Group=i;e.RadioGroup=c;e.Item=s;e.CheckboxItem=p;e.RadioItem=d;e.Label=q;e.Separator=M;e.Shortcut=w;e.Sub=a;e.SubTrigger=m;e.SubContent=D;module.exports=e;
+//# sourceMappingURL=DropdownMenu.cjs.map

package/dist/components/overlay/dropdown-menu/DropdownMenu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.cjs","sources":["../../../../src/components/overlay/dropdown-menu/DropdownMenu.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo } from 'react'\r\n\r\nimport DropdownMenuContent from '@components/overlay/dropdown-menu/components/content/DropdownMenuContent.tsx'\r\nimport DropdownMenuGroup from '@components/overlay/dropdown-menu/components/groups/dropdown-menu-group/DropdownMenuGroup.tsx'\r\nimport DropdownMenuRadioGroup from '@components/overlay/dropdown-menu/components/groups/dropdown-menu-radio-group/DropdownMenuRadioGroup.tsx'\r\nimport DropdownMenuCheckboxItem from '@components/overlay/dropdown-menu/components/items/dropdown-menu-checkbox-item/DropdownMenuCheckboxItem.tsx'\r\nimport DropdownMenuItem from '@components/overlay/dropdown-menu/components/items/dropdown-menu-item/DropdownMenuItem.tsx'\r\nimport DropdownMenuRadioItem from '@components/overlay/dropdown-menu/components/items/dropdown-menu-radio-item/DropdownMenuRadioItem.tsx'\r\nimport DropdownMenuLabel from '@components/overlay/dropdown-menu/components/label/DropdownMenuLabel.tsx'\r\nimport DropdownMenuSeparator from '@components/overlay/dropdown-menu/components/separator/DropdownMenuSeparator.tsx'\r\nimport DropdownMenuShortcut from '@components/overlay/dropdown-menu/components/shortcut/DropdownMenuShortcut.tsx'\r\nimport DropdownMenuSubContent from '@components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-content/DropdownMenuSubContent.tsx'\r\nimport DropdownMenuSub from '@components/overlay/dropdown-menu/components/sub/dropdown-menu-sub/DropdownMenuSub.tsx'\r\nimport DropdownMenuSubTrigger from '@components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.tsx'\r\nimport DropdownMenuTrigger from '@components/overlay/dropdown-menu/components/trigger/DropdownMenuTrigger.tsx'\r\nimport type { DropdownMenuCompound } from '@components/overlay/dropdown-menu/types'\r\nimport type { DropdownMenuProps } from '@components/overlay/dropdown-menu/types/DropdownMenu.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 Menu.\r\n */\r\nconst DropdownMenu = memo<DropdownMenuProps>((props) => (\r\n    <BaseMenu.Root {...props} />\r\n)) as unknown as DropdownMenuCompound\r\n\r\nDropdownMenu.displayName = 'DropdownMenu'\r\nDropdownMenu.Trigger = DropdownMenuTrigger\r\nDropdownMenu.Content = DropdownMenuContent\r\nDropdownMenu.Group = DropdownMenuGroup\r\nDropdownMenu.RadioGroup = DropdownMenuRadioGroup\r\nDropdownMenu.Item = DropdownMenuItem\r\nDropdownMenu.CheckboxItem = DropdownMenuCheckboxItem\r\nDropdownMenu.RadioItem = DropdownMenuRadioItem\r\nDropdownMenu.Label = DropdownMenuLabel\r\nDropdownMenu.Separator = DropdownMenuSeparator\r\nDropdownMenu.Shortcut = DropdownMenuShortcut\r\nDropdownMenu.Sub = DropdownMenuSub\r\nDropdownMenu.SubTrigger = DropdownMenuSubTrigger\r\nDropdownMenu.SubContent = DropdownMenuSubContent\r\n\r\nexport default DropdownMenu\r\n"],"names":["DropdownMenu","memo","props","jsx","BaseMenu","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuGroup","DropdownMenuRadioGroup","DropdownMenuItem","DropdownMenuCheckboxItem","DropdownMenuRadioItem","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuSub","DropdownMenuSubTrigger","DropdownMenuSubContent"],"mappings":"ygCAuBMA,EAAeC,EAAAA,KAAyBC,GAC1CC,EAAAA,IAACC,EAAAA,KAAS,KAAT,CAAe,GAAGF,EAAO,CAC7B,EAEDF,EAAa,YAAc,eAC3BA,EAAa,QAAUK,EACvBL,EAAa,QAAUM,EACvBN,EAAa,MAAQO,EACrBP,EAAa,WAAaQ,EAC1BR,EAAa,KAAOS,EACpBT,EAAa,aAAeU,EAC5BV,EAAa,UAAYW,EACzBX,EAAa,MAAQY,EACrBZ,EAAa,UAAYa,EACzBb,EAAa,SAAWc,EACxBd,EAAa,IAAMe,EACnBf,EAAa,WAAagB,EAC1BhB,EAAa,WAAaiB"}

package/dist/components/overlay/dropdown-menu/DropdownMenu.d.ts

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

package/dist/components/overlay/dropdown-menu/DropdownMenu.js

@@ -0,0 +1,35 @@
+import { jsx as m } from "react/jsx-runtime";
+import { Menu as e } from "@base-ui/react/menu";
+import { memo as n } from "react";
+import t from "./components/content/DropdownMenuContent.js";
+import p from "./components/groups/dropdown-menu-group/DropdownMenuGroup.js";
+import u from "./components/groups/dropdown-menu-radio-group/DropdownMenuRadioGroup.js";
+import i from "./components/items/dropdown-menu-checkbox-item/DropdownMenuCheckboxItem.js";
+import d from "./components/items/dropdown-menu-item/DropdownMenuItem.js";
+import f from "./components/items/dropdown-menu-radio-item/DropdownMenuRadioItem.js";
+import M from "./components/label/DropdownMenuLabel.js";
+import w from "./components/separator/DropdownMenuSeparator.js";
+import D from "./components/shortcut/DropdownMenuShortcut.js";
+import a from "./components/sub/dropdown-menu-sub-content/DropdownMenuSubContent.js";
+import b from "./components/sub/dropdown-menu-sub/DropdownMenuSub.js";
+import S from "./components/sub/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.js";
+import g from "./components/trigger/DropdownMenuTrigger.js";
+const o = n((r) => /* @__PURE__ */ m(e.Root, { ...r }));
+o.displayName = "DropdownMenu";
+o.Trigger = g;
+o.Content = t;
+o.Group = p;
+o.RadioGroup = u;
+o.Item = d;
+o.CheckboxItem = i;
+o.RadioItem = f;
+o.Label = M;
+o.Separator = w;
+o.Shortcut = D;
+o.Sub = b;
+o.SubTrigger = S;
+o.SubContent = a;
+export {
+  o as default
+};
+//# sourceMappingURL=DropdownMenu.js.map

package/dist/components/overlay/dropdown-menu/DropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.js","sources":["../../../../src/components/overlay/dropdown-menu/DropdownMenu.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo } from 'react'\r\n\r\nimport DropdownMenuContent from '@components/overlay/dropdown-menu/components/content/DropdownMenuContent.tsx'\r\nimport DropdownMenuGroup from '@components/overlay/dropdown-menu/components/groups/dropdown-menu-group/DropdownMenuGroup.tsx'\r\nimport DropdownMenuRadioGroup from '@components/overlay/dropdown-menu/components/groups/dropdown-menu-radio-group/DropdownMenuRadioGroup.tsx'\r\nimport DropdownMenuCheckboxItem from '@components/overlay/dropdown-menu/components/items/dropdown-menu-checkbox-item/DropdownMenuCheckboxItem.tsx'\r\nimport DropdownMenuItem from '@components/overlay/dropdown-menu/components/items/dropdown-menu-item/DropdownMenuItem.tsx'\r\nimport DropdownMenuRadioItem from '@components/overlay/dropdown-menu/components/items/dropdown-menu-radio-item/DropdownMenuRadioItem.tsx'\r\nimport DropdownMenuLabel from '@components/overlay/dropdown-menu/components/label/DropdownMenuLabel.tsx'\r\nimport DropdownMenuSeparator from '@components/overlay/dropdown-menu/components/separator/DropdownMenuSeparator.tsx'\r\nimport DropdownMenuShortcut from '@components/overlay/dropdown-menu/components/shortcut/DropdownMenuShortcut.tsx'\r\nimport DropdownMenuSubContent from '@components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-content/DropdownMenuSubContent.tsx'\r\nimport DropdownMenuSub from '@components/overlay/dropdown-menu/components/sub/dropdown-menu-sub/DropdownMenuSub.tsx'\r\nimport DropdownMenuSubTrigger from '@components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.tsx'\r\nimport DropdownMenuTrigger from '@components/overlay/dropdown-menu/components/trigger/DropdownMenuTrigger.tsx'\r\nimport type { DropdownMenuCompound } from '@components/overlay/dropdown-menu/types'\r\nimport type { DropdownMenuProps } from '@components/overlay/dropdown-menu/types/DropdownMenu.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 Menu.\r\n */\r\nconst DropdownMenu = memo<DropdownMenuProps>((props) => (\r\n    <BaseMenu.Root {...props} />\r\n)) as unknown as DropdownMenuCompound\r\n\r\nDropdownMenu.displayName = 'DropdownMenu'\r\nDropdownMenu.Trigger = DropdownMenuTrigger\r\nDropdownMenu.Content = DropdownMenuContent\r\nDropdownMenu.Group = DropdownMenuGroup\r\nDropdownMenu.RadioGroup = DropdownMenuRadioGroup\r\nDropdownMenu.Item = DropdownMenuItem\r\nDropdownMenu.CheckboxItem = DropdownMenuCheckboxItem\r\nDropdownMenu.RadioItem = DropdownMenuRadioItem\r\nDropdownMenu.Label = DropdownMenuLabel\r\nDropdownMenu.Separator = DropdownMenuSeparator\r\nDropdownMenu.Shortcut = DropdownMenuShortcut\r\nDropdownMenu.Sub = DropdownMenuSub\r\nDropdownMenu.SubTrigger = DropdownMenuSubTrigger\r\nDropdownMenu.SubContent = DropdownMenuSubContent\r\n\r\nexport default DropdownMenu\r\n"],"names":["DropdownMenu","memo","props","jsx","BaseMenu","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuGroup","DropdownMenuRadioGroup","DropdownMenuItem","DropdownMenuCheckboxItem","DropdownMenuRadioItem","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuSub","DropdownMenuSubTrigger","DropdownMenuSubContent"],"mappings":";;;;;;;;;;;;;;;;AAuBA,MAAMA,IAAeC,EAAwB,CAACC,MAC1C,gBAAAC,EAACC,EAAS,MAAT,EAAe,GAAGF,GAAO,CAC7B;AAEDF,EAAa,cAAc;AAC3BA,EAAa,UAAUK;AACvBL,EAAa,UAAUM;AACvBN,EAAa,QAAQO;AACrBP,EAAa,aAAaQ;AAC1BR,EAAa,OAAOS;AACpBT,EAAa,eAAeU;AAC5BV,EAAa,YAAYW;AACzBX,EAAa,QAAQY;AACrBZ,EAAa,YAAYa;AACzBb,EAAa,WAAWc;AACxBd,EAAa,MAAMe;AACnBf,EAAa,aAAagB;AAC1BhB,EAAa,aAAaiB;"}

package/dist/components/overlay/dropdown-menu/components/_shared/item.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                 */;/* empty css                          */var e={root:"_1l4jl5m0",destructive:"_1l4jl5m1",icon:"_1l4jl5m2"};exports.DROPDOWN_MENU_ITEM_STYLES=e;
+//# sourceMappingURL=item.css.cjs.map

package/dist/components/overlay/dropdown-menu/components/_shared/item.css.cjs.map

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

package/dist/components/overlay/dropdown-menu/components/_shared/item.css.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Base style shared by all interactive menu items:
+ * MenuItem, CheckboxItem, RadioItem, SubTrigger.
+ */
+export declare const DROPDOWN_MENU_ITEM_STYLES: {
+    root: string;
+    /**
+     * Modifier applied to destructive actions (e.g. "Delete", "Remove").
+     */
+    destructive: string;
+    /**
+     * Wrapper for leading / trailing icons inside an item.
+     * Inherits current color so it automatically matches item state (normal, destructive, highlighted…).
+     */
+    icon: string;
+};

package/dist/components/overlay/dropdown-menu/components/_shared/item.css.js

@@ -0,0 +1,7 @@
+/* empty css                                               */
+/* empty css                        */
+var r = { root: "_1l4jl5m0", destructive: "_1l4jl5m1", icon: "_1l4jl5m2" };
+export {
+  r as DROPDOWN_MENU_ITEM_STYLES
+};
+//# sourceMappingURL=item.css.js.map

package/dist/components/overlay/dropdown-menu/components/_shared/item.css.js.map

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

package/dist/components/overlay/dropdown-menu/components/content/DropdownMenuContent.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),n=require("@base-ui/react/menu"),h=require("react"),m=require("../../../../../utils/cn.cjs"),p=require("./styles/DropdownMenuContent.css.cjs"),x=require("../../../../../hooks/use-viewport-shift/useViewportShift.hook.cjs"),t=h.memo(({className:r,side:s="bottom",align:i="start",sideOffset:c=6,collisionPadding:u=8,width:l="14rem",style:d,...o})=>{const a=x.useViewportShift(u);return e.jsx(n.Menu.Portal,{children:e.jsx(n.Menu.Positioner,{side:s,align:i,sideOffset:c,collisionAvoidance:{side:"none",align:"none"},...o,children:e.jsx(n.Menu.Popup,{ref:a,className:m.cn(p.DROPDOWN_MENU_CONTENT_STYLES.root,r),style:{width:l,flexGrow:"0",flexShrink:"0",...d},children:o.children})})})});t.displayName="DropdownMenu.Content";module.exports=t;
+//# sourceMappingURL=DropdownMenuContent.cjs.map

package/dist/components/overlay/dropdown-menu/components/content/DropdownMenuContent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuContent.cjs","sources":["../../../../../../src/components/overlay/dropdown-menu/components/content/DropdownMenuContent.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type CSSProperties, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_CONTENT_STYLES } from '@components/overlay/dropdown-menu/components/content/styles/DropdownMenuContent.css.ts'\r\nimport type { DropdownMenuContentProps } from '@components/overlay/dropdown-menu/components/content/types/DropdownMenuContent.props.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 handling is disabled here: it would flip the menu\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 menu.\r\n */\r\nconst DropdownMenuContent: FC<DropdownMenuContentProps> = memo(({\r\n    className,\r\n    side = 'bottom',\r\n    align = 'start',\r\n    sideOffset = 6,\r\n    collisionPadding = 8,\r\n    width = '14rem',\r\n    style,\r\n    ...props\r\n}) => {\r\n    const contentRef = useViewportShift(collisionPadding)\r\n\r\n    return (\r\n        <BaseMenu.Portal>\r\n            <BaseMenu.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' }}\r\n                {...props}\r\n            >\r\n                <BaseMenu.Popup\r\n                    ref={contentRef}\r\n                    className={cn(DROPDOWN_MENU_CONTENT_STYLES.root, className)}\r\n                    style={{ width, flexGrow: '0', flexShrink: '0', ...style } as CSSProperties}\r\n                >\r\n                    {props.children}\r\n                </BaseMenu.Popup>\r\n            </BaseMenu.Positioner>\r\n        </BaseMenu.Portal>\r\n    )\r\n})\r\n\r\nDropdownMenuContent.displayName = 'DropdownMenu.Content'\r\n\r\nexport default DropdownMenuContent\r\n"],"names":["DropdownMenuContent","memo","className","side","align","sideOffset","collisionPadding","width","style","props","contentRef","useViewportShift","jsx","BaseMenu","cn","DROPDOWN_MENU_CONTENT_STYLES"],"mappings":"gRAkBMA,EAAoDC,EAAAA,KAAK,CAAC,CAC5D,UAAAC,EACA,KAAAC,EAAO,SACP,MAAAC,EAAQ,QACR,WAAAC,EAAa,EACb,iBAAAC,EAAmB,EACnB,MAAAC,EAAQ,QACR,MAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAaC,EAAAA,iBAAiBL,CAAgB,EAEpD,OACIM,EAAAA,IAACC,EAAAA,KAAS,OAAT,CACG,SAAAD,EAAAA,IAACC,EAAAA,KAAS,WAAT,CACG,KAAAV,EACA,MAAAC,EACA,WAAAC,EAEA,mBAAoB,CAAE,KAAM,OAAQ,MAAO,MAAA,EAC1C,GAAGI,EAEJ,SAAAG,EAAAA,IAACC,EAAAA,KAAS,MAAT,CACG,IAAKH,EACL,UAAWI,EAAAA,GAAGC,+BAA6B,KAAMb,CAAS,EAC1D,MAAO,CAAE,MAAAK,EAAO,SAAU,IAAK,WAAY,IAAK,GAAGC,CAAA,EAElD,SAAAC,EAAM,QAAA,CAAA,CACX,CAAA,EAER,CAER,CAAC,EAEDT,EAAoB,YAAc"}

package/dist/components/overlay/dropdown-menu/components/content/DropdownMenuContent.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { DropdownMenuContentProps } from './types/DropdownMenuContent.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 handling is disabled here: it would flip the menu
+ * 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 menu.
+ */
+declare const DropdownMenuContent: FC<DropdownMenuContentProps>;
+export default DropdownMenuContent;

package/dist/components/overlay/dropdown-menu/components/content/DropdownMenuContent.js

@@ -0,0 +1,42 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Menu as e } from "@base-ui/react/menu";
+import { memo as p } from "react";
+import { cn as a } from "../../../../../utils/cn.js";
+import { DROPDOWN_MENU_CONTENT_STYLES as d } from "./styles/DropdownMenuContent.css.js";
+import { useViewportShift as u } from "../../../../../hooks/use-viewport-shift/useViewportShift.hook.js";
+const h = p(({
+  className: n,
+  side: t = "bottom",
+  align: i = "start",
+  sideOffset: m = 6,
+  collisionPadding: l = 8,
+  width: f = "14rem",
+  style: s,
+  ...r
+}) => {
+  const c = u(l);
+  return /* @__PURE__ */ o(e.Portal, { children: /* @__PURE__ */ o(
+    e.Positioner,
+    {
+      side: t,
+      align: i,
+      sideOffset: m,
+      collisionAvoidance: { side: "none", align: "none" },
+      ...r,
+      children: /* @__PURE__ */ o(
+        e.Popup,
+        {
+          ref: c,
+          className: a(d.root, n),
+          style: { width: f, flexGrow: "0", flexShrink: "0", ...s },
+          children: r.children
+        }
+      )
+    }
+  ) });
+});
+h.displayName = "DropdownMenu.Content";
+export {
+  h as default
+};
+//# sourceMappingURL=DropdownMenuContent.js.map

package/dist/components/overlay/dropdown-menu/components/content/DropdownMenuContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuContent.js","sources":["../../../../../../src/components/overlay/dropdown-menu/components/content/DropdownMenuContent.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type CSSProperties, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_CONTENT_STYLES } from '@components/overlay/dropdown-menu/components/content/styles/DropdownMenuContent.css.ts'\r\nimport type { DropdownMenuContentProps } from '@components/overlay/dropdown-menu/components/content/types/DropdownMenuContent.props.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 handling is disabled here: it would flip the menu\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 menu.\r\n */\r\nconst DropdownMenuContent: FC<DropdownMenuContentProps> = memo(({\r\n    className,\r\n    side = 'bottom',\r\n    align = 'start',\r\n    sideOffset = 6,\r\n    collisionPadding = 8,\r\n    width = '14rem',\r\n    style,\r\n    ...props\r\n}) => {\r\n    const contentRef = useViewportShift(collisionPadding)\r\n\r\n    return (\r\n        <BaseMenu.Portal>\r\n            <BaseMenu.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' }}\r\n                {...props}\r\n            >\r\n                <BaseMenu.Popup\r\n                    ref={contentRef}\r\n                    className={cn(DROPDOWN_MENU_CONTENT_STYLES.root, className)}\r\n                    style={{ width, flexGrow: '0', flexShrink: '0', ...style } as CSSProperties}\r\n                >\r\n                    {props.children}\r\n                </BaseMenu.Popup>\r\n            </BaseMenu.Positioner>\r\n        </BaseMenu.Portal>\r\n    )\r\n})\r\n\r\nDropdownMenuContent.displayName = 'DropdownMenu.Content'\r\n\r\nexport default DropdownMenuContent\r\n"],"names":["DropdownMenuContent","memo","className","side","align","sideOffset","collisionPadding","width","style","props","contentRef","useViewportShift","jsx","BaseMenu","cn","DROPDOWN_MENU_CONTENT_STYLES"],"mappings":";;;;;;AAkBA,MAAMA,IAAoDC,EAAK,CAAC;AAAA,EAC5D,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,kBAAAC,IAAmB;AAAA,EACnB,OAAAC,IAAQ;AAAA,EACR,OAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAaC,EAAiBL,CAAgB;AAEpD,SACI,gBAAAM,EAACC,EAAS,QAAT,EACG,UAAA,gBAAAD;AAAA,IAACC,EAAS;AAAA,IAAT;AAAA,MACG,MAAAV;AAAA,MACA,OAAAC;AAAA,MACA,YAAAC;AAAA,MAEA,oBAAoB,EAAE,MAAM,QAAQ,OAAO,OAAA;AAAA,MAC1C,GAAGI;AAAA,MAEJ,UAAA,gBAAAG;AAAA,QAACC,EAAS;AAAA,QAAT;AAAA,UACG,KAAKH;AAAA,UACL,WAAWI,EAAGC,EAA6B,MAAMb,CAAS;AAAA,UAC1D,OAAO,EAAE,OAAAK,GAAO,UAAU,KAAK,YAAY,KAAK,GAAGC,EAAA;AAAA,UAElD,UAAAC,EAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACX;AAAA,EAAA,GAER;AAER,CAAC;AAEDT,EAAoB,cAAc;"}

package/dist/components/overlay/dropdown-menu/components/content/styles/DropdownMenuContent.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:"w7l7ew0"};exports.DROPDOWN_MENU_CONTENT_STYLES=e;
+//# sourceMappingURL=DropdownMenuContent.css.cjs.map

package/dist/components/overlay/dropdown-menu/components/content/styles/DropdownMenuContent.css.cjs.map

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

package/dist/components/overlay/dropdown-menu/components/content/styles/DropdownMenuContent.css.d.ts

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

package/dist/components/overlay/dropdown-menu/components/content/styles/DropdownMenuContent.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 S = { root: "w7l7ew0" };
+export {
+  S as DROPDOWN_MENU_CONTENT_STYLES
+};
+//# sourceMappingURL=DropdownMenuContent.css.js.map

package/dist/components/overlay/dropdown-menu/components/content/styles/DropdownMenuContent.css.js.map

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

package/dist/components/overlay/dropdown-menu/components/content/types/DropdownMenuContent.props.d.ts

@@ -0,0 +1,26 @@
+import { Menu } from '@base-ui/react/menu';
+import { DropdownMenuAlign, DropdownMenuSide } from '../../../types/DropdownMenu.types.ts';
+import { CSSProperties } from 'react';
+export type DropdownMenuContentProps = Menu.Positioner.Props & {
+    /** Side of the trigger to render the content. @default 'bottom' */
+    side?: DropdownMenuSide;
+    /** Alignment along the trigger axis. @default 'start' */
+    align?: DropdownMenuAlign;
+    /** Offset in pixels from the trigger. @default 6 */
+    sideOffset?: number;
+    /**
+     * Distance in pixels from the viewport edges used for collision detection.
+     * The menu 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;
+    };
+    /** Fixed width of the dropdown panel. @default '14rem' */
+    width?: CSSProperties['width'];
+};

package/dist/components/overlay/dropdown-menu/components/groups/DropdownMenuGroupContext.cjs

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

package/dist/components/overlay/dropdown-menu/components/groups/DropdownMenuGroupContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuGroupContext.cjs","sources":["../../../../../../src/components/overlay/dropdown-menu/components/groups/DropdownMenuGroupContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\r\n\r\n/**\r\n * Tracks whether a `DropdownMenuLabel` is rendered inside a\r\n * `DropdownMenu.Group` or `DropdownMenu.RadioGroup`. Base UI's\r\n * `Menu.GroupLabel` requires that ancestor, so when the label is used\r\n * standalone we fall back to a plain styled element.\r\n */\r\nconst DropdownMenuGroupContext = createContext(false)\r\n\r\nexport const DropdownMenuGroupProvider = DropdownMenuGroupContext.Provider\r\n\r\nexport const useDropdownMenuGroup = () => useContext(DropdownMenuGroupContext)\r\n"],"names":["DropdownMenuGroupContext","createContext","DropdownMenuGroupProvider"],"mappings":"yGAQMA,EAA2BC,EAAAA,cAAc,EAAK,EAEvCC,EAA4BF,EAAyB"}

package/dist/components/overlay/dropdown-menu/components/groups/DropdownMenuGroupContext.d.ts

@@ -0,0 +1,3 @@
+import { Provider } from 'react';
+export declare const DropdownMenuGroupProvider: Provider<boolean>;
+export declare const useDropdownMenuGroup: () => boolean;

package/dist/components/overlay/dropdown-menu/components/groups/DropdownMenuGroupContext.js

@@ -0,0 +1,6 @@
+import { createContext as o } from "react";
+const r = o(!1), t = r.Provider;
+export {
+  t as DropdownMenuGroupProvider
+};
+//# sourceMappingURL=DropdownMenuGroupContext.js.map

package/dist/components/overlay/dropdown-menu/components/groups/DropdownMenuGroupContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuGroupContext.js","sources":["../../../../../../src/components/overlay/dropdown-menu/components/groups/DropdownMenuGroupContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\r\n\r\n/**\r\n * Tracks whether a `DropdownMenuLabel` is rendered inside a\r\n * `DropdownMenu.Group` or `DropdownMenu.RadioGroup`. Base UI's\r\n * `Menu.GroupLabel` requires that ancestor, so when the label is used\r\n * standalone we fall back to a plain styled element.\r\n */\r\nconst DropdownMenuGroupContext = createContext(false)\r\n\r\nexport const DropdownMenuGroupProvider = DropdownMenuGroupContext.Provider\r\n\r\nexport const useDropdownMenuGroup = () => useContext(DropdownMenuGroupContext)\r\n"],"names":["DropdownMenuGroupContext","createContext","DropdownMenuGroupProvider"],"mappings":";AAQA,MAAMA,IAA2BC,EAAc,EAAK,GAEvCC,IAA4BF,EAAyB;"}

package/dist/components/overlay/dropdown-menu/components/groups/dropdown-menu-group/DropdownMenuGroup.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),u=require("@base-ui/react/menu"),n=require("react"),t=require("../DropdownMenuGroupContext.cjs"),r=n.memo(o=>e.jsx(t.DropdownMenuGroupProvider,{value:!0,children:e.jsx(u.Menu.Group,{...o})}));r.displayName="DropdownMenu.Group";module.exports=r;
+//# sourceMappingURL=DropdownMenuGroup.cjs.map

package/dist/components/overlay/dropdown-menu/components/groups/dropdown-menu-group/DropdownMenuGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuGroup.cjs","sources":["../../../../../../../src/components/overlay/dropdown-menu/components/groups/dropdown-menu-group/DropdownMenuGroup.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { DropdownMenuGroupProvider } from '@components/overlay/dropdown-menu/components/groups/DropdownMenuGroupContext.tsx'\r\nimport type { DropdownMenuGroupProps } from '@components/overlay/dropdown-menu/components/groups/dropdown-menu-group/types/DropdownMenuGroup.props.ts'\r\n\r\n/**\r\n * Groups related items together semantically. Pair with `DropdownMenuLabel`.\r\n */\r\nconst DropdownMenuGroup: FC<DropdownMenuGroupProps> = memo((props) => (\r\n    <DropdownMenuGroupProvider value={true}>\r\n        <BaseMenu.Group {...props} />\r\n    </DropdownMenuGroupProvider>\r\n))\r\n\r\nDropdownMenuGroup.displayName = 'DropdownMenu.Group'\r\n\r\nexport default DropdownMenuGroup\r\n"],"names":["DropdownMenuGroup","memo","props","DropdownMenuGroupProvider","jsx","BaseMenu"],"mappings":"mJASMA,EAAgDC,EAAAA,KAAMC,SACvDC,EAAAA,0BAAA,CAA0B,MAAO,GAC9B,SAAAC,EAAAA,IAACC,EAAAA,KAAS,MAAT,CAAgB,GAAGH,CAAA,CAAO,EAC/B,CACH,EAEDF,EAAkB,YAAc"}

package/dist/components/overlay/dropdown-menu/components/groups/dropdown-menu-group/DropdownMenuGroup.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { DropdownMenuGroupProps } from './types/DropdownMenuGroup.props.ts';
+/**
+ * Groups related items together semantically. Pair with `DropdownMenuLabel`.
+ */
+declare const DropdownMenuGroup: FC<DropdownMenuGroupProps>;
+export default DropdownMenuGroup;

package/dist/components/overlay/dropdown-menu/components/groups/dropdown-menu-group/DropdownMenuGroup.js

@@ -0,0 +1,10 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Menu as p } from "@base-ui/react/menu";
+import { memo as e } from "react";
+import { DropdownMenuGroupProvider as m } from "../DropdownMenuGroupContext.js";
+const u = e((r) => /* @__PURE__ */ o(m, { value: !0, children: /* @__PURE__ */ o(p.Group, { ...r }) }));
+u.displayName = "DropdownMenu.Group";
+export {
+  u as default
+};
+//# sourceMappingURL=DropdownMenuGroup.js.map

package/dist/components/overlay/dropdown-menu/components/groups/dropdown-menu-group/DropdownMenuGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuGroup.js","sources":["../../../../../../../src/components/overlay/dropdown-menu/components/groups/dropdown-menu-group/DropdownMenuGroup.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { DropdownMenuGroupProvider } from '@components/overlay/dropdown-menu/components/groups/DropdownMenuGroupContext.tsx'\r\nimport type { DropdownMenuGroupProps } from '@components/overlay/dropdown-menu/components/groups/dropdown-menu-group/types/DropdownMenuGroup.props.ts'\r\n\r\n/**\r\n * Groups related items together semantically. Pair with `DropdownMenuLabel`.\r\n */\r\nconst DropdownMenuGroup: FC<DropdownMenuGroupProps> = memo((props) => (\r\n    <DropdownMenuGroupProvider value={true}>\r\n        <BaseMenu.Group {...props} />\r\n    </DropdownMenuGroupProvider>\r\n))\r\n\r\nDropdownMenuGroup.displayName = 'DropdownMenu.Group'\r\n\r\nexport default DropdownMenuGroup\r\n"],"names":["DropdownMenuGroup","memo","props","DropdownMenuGroupProvider","jsx","BaseMenu"],"mappings":";;;;AASA,MAAMA,IAAgDC,EAAK,CAACC,wBACvDC,GAAA,EAA0B,OAAO,IAC9B,UAAA,gBAAAC,EAACC,EAAS,OAAT,EAAgB,GAAGH,EAAA,CAAO,GAC/B,CACH;AAEDF,EAAkB,cAAc;"}

package/dist/components/overlay/dropdown-menu/components/groups/dropdown-menu-group/types/DropdownMenuGroup.props.d.ts

@@ -0,0 +1,2 @@
+import { Menu } from '@base-ui/react/menu';
+export type DropdownMenuGroupProps = Menu.Group.Props;

package/dist/components/overlay/dropdown-menu/components/groups/dropdown-menu-radio-group/DropdownMenuRadioGroup.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),u=require("@base-ui/react/menu"),n=require("react"),t=require("../DropdownMenuGroupContext.cjs"),o=n.memo(r=>e.jsx(t.DropdownMenuGroupProvider,{value:!0,children:e.jsx(u.Menu.RadioGroup,{...r})}));o.displayName="DropdownMenu.RadioGroup";module.exports=o;
+//# sourceMappingURL=DropdownMenuRadioGroup.cjs.map

package/dist/components/overlay/dropdown-menu/components/groups/dropdown-menu-radio-group/DropdownMenuRadioGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuRadioGroup.cjs","sources":["../../../../../../../src/components/overlay/dropdown-menu/components/groups/dropdown-menu-radio-group/DropdownMenuRadioGroup.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { DropdownMenuGroupProvider } from '@components/overlay/dropdown-menu/components/groups/DropdownMenuGroupContext.tsx'\r\nimport type { DropdownMenuRadioGroupProps } from '@components/overlay/dropdown-menu/components/groups/dropdown-menu-radio-group/types/DropdownMenuRadioGroup.props.ts'\r\n\r\n/**\r\n * Groups radio items so only one can be selected at a time.\r\n * Use `value` and `onValueChange` for controlled behaviour.\r\n */\r\nconst DropdownMenuRadioGroup: FC<DropdownMenuRadioGroupProps> = memo((props) => (\r\n    <DropdownMenuGroupProvider value={true}>\r\n        <BaseMenu.RadioGroup {...props} />\r\n    </DropdownMenuGroupProvider>\r\n))\r\n\r\nDropdownMenuRadioGroup.displayName = 'DropdownMenu.RadioGroup'\r\n\r\nexport default DropdownMenuRadioGroup\r\n"],"names":["DropdownMenuRadioGroup","memo","props","DropdownMenuGroupProvider","jsx","BaseMenu"],"mappings":"mJAUMA,EAA0DC,EAAAA,KAAMC,SACjEC,EAAAA,0BAAA,CAA0B,MAAO,GAC9B,SAAAC,EAAAA,IAACC,EAAAA,KAAS,WAAT,CAAqB,GAAGH,CAAA,CAAO,EACpC,CACH,EAEDF,EAAuB,YAAc"}

package/dist/components/overlay/dropdown-menu/components/groups/dropdown-menu-radio-group/DropdownMenuRadioGroup.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { DropdownMenuRadioGroupProps } from './types/DropdownMenuRadioGroup.props.ts';
+/**
+ * Groups radio items so only one can be selected at a time.
+ * Use `value` and `onValueChange` for controlled behaviour.
+ */
+declare const DropdownMenuRadioGroup: FC<DropdownMenuRadioGroupProps>;
+export default DropdownMenuRadioGroup;