@choco-vanille/ui 1.1.1 → 1.1.2

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;

package/dist/components/overlay/dropdown-menu/components/groups/dropdown-menu-radio-group/DropdownMenuRadioGroup.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.RadioGroup, { ...r }) }));
+u.displayName = "DropdownMenu.RadioGroup";
+export {
+  u as default
+};
+//# sourceMappingURL=DropdownMenuRadioGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuRadioGroup.js","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":";;;;AAUA,MAAMA,IAA0DC,EAAK,CAACC,wBACjEC,GAAA,EAA0B,OAAO,IAC9B,UAAA,gBAAAC,EAACC,EAAS,YAAT,EAAqB,GAAGH,EAAA,CAAO,GACpC,CACH;AAEDF,EAAuB,cAAc;"}

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

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

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

@@ -0,0 +1,26 @@
+export { default as DropdownMenuTrigger } from './trigger/DropdownMenuTrigger.tsx';
+export type { DropdownMenuTriggerProps } from './trigger/types/DropdownMenuTrigger.props.ts';
+export { default as DropdownMenuContent } from './content/DropdownMenuContent.tsx';
+export type { DropdownMenuContentProps } from './content/types/DropdownMenuContent.props.ts';
+export { default as DropdownMenuGroup } from './groups/dropdown-menu-group/DropdownMenuGroup.tsx';
+export type { DropdownMenuGroupProps } from './groups/dropdown-menu-group/types/DropdownMenuGroup.props.ts';
+export { default as DropdownMenuRadioGroup } from './groups/dropdown-menu-radio-group/DropdownMenuRadioGroup.tsx';
+export type { DropdownMenuRadioGroupProps } from './groups/dropdown-menu-radio-group/types/DropdownMenuRadioGroup.props.ts';
+export { default as DropdownMenuItem } from './items/dropdown-menu-item/DropdownMenuItem.tsx';
+export type { DropdownMenuItemProps } from './items/dropdown-menu-item/types/DropdownMenuItem.props.ts';
+export { default as DropdownMenuCheckboxItem } from './items/dropdown-menu-checkbox-item/DropdownMenuCheckboxItem.tsx';
+export type { DropdownMenuCheckboxItemProps } from './items/dropdown-menu-checkbox-item/types/DropdownMenuCheckboxItem.props.ts';
+export { default as DropdownMenuRadioItem } from './items/dropdown-menu-radio-item/DropdownMenuRadioItem.tsx';
+export type { DropdownMenuRadioItemProps } from './items/dropdown-menu-radio-item/types/DropdownMenuRadioItem.props.ts';
+export { default as DropdownMenuLabel } from './label/DropdownMenuLabel.tsx';
+export type { DropdownMenuLabelProps } from './label/types/DropdownMenuLabel.props.ts';
+export { default as DropdownMenuSeparator } from './separator/DropdownMenuSeparator.tsx';
+export type { DropdownMenuSeparatorProps } from './separator/types/DropdownMenuSeparator.props.ts';
+export { default as DropdownMenuShortcut } from './shortcut/DropdownMenuShortcut.tsx';
+export type { DropdownMenuShortcutProps } from './shortcut/types/DropdownMenuShortcut.props.ts';
+export { default as DropdownMenuSub } from './sub/dropdown-menu-sub/DropdownMenuSub.tsx';
+export type { DropdownMenuSubProps } from './sub/dropdown-menu-sub/types/DropdownMenuSub.props.ts';
+export { default as DropdownMenuSubTrigger } from './sub/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.tsx';
+export type { DropdownMenuSubTriggerProps } from './sub/dropdown-menu-sub-trigger/types/DropdownMenuSubTrigger.props.ts';
+export { default as DropdownMenuSubContent } from './sub/dropdown-menu-sub-content/DropdownMenuSubContent.tsx';
+export type { DropdownMenuSubContentProps } from './sub/dropdown-menu-sub-content/types/DropdownMenuSubContent.props.ts';

package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-checkbox-item/DropdownMenuCheckboxItem.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),r=require("@base-ui/react/menu"),c=require("react"),q=require("../../../../../../utils/cn.cjs"),d=require("../../_shared/item.css.cjs"),C=require("../../../../../layout/box/Box.cjs");require("../../../../../layout/box/styles/Box.css.cjs");const n=require("../../../../../forms/checkbox/styles/Checkbox.css.cjs"),l=require("../../../../../foundation/icon/Icon.cjs");require("../../../../../foundation/icon/styles/Icon.css.cjs");const p=require("../../../../../../constants/icons.cjs"),k=require("../../../../../foundation/typography/Typography.cjs");require("../../../../../foundation/typography/styles/Typography.css.cjs");const o=c.memo(({className:i,label:t,checked:a,onCheckedChange:s,...u})=>{const h=c.useCallback((x,m)=>s?.(x,m),[s]);return e.jsxs(r.Menu.CheckboxItem,{className:q.cn(d.DROPDOWN_MENU_ITEM_STYLES.root,i),checked:a,onCheckedChange:h,...u,children:[e.jsx(C,{as:"span",className:n.CHECKBOX_STYLES.root,children:e.jsx(r.Menu.CheckboxItemIndicator,{className:n.CHECKBOX_STYLES.indicator,children:e.jsx(l,{icon:p.IconRegistry.check,size:"xs"})})}),e.jsx(k,{as:"span",variant:"span",maxLines:1,width:"100%",children:t})]})});o.displayName="DropdownMenu.CheckboxItem";module.exports=o;
+//# sourceMappingURL=DropdownMenuCheckboxItem.cjs.map

package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-checkbox-item/DropdownMenuCheckboxItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuCheckboxItem.cjs","sources":["../../../../../../../src/components/overlay/dropdown-menu/components/items/dropdown-menu-checkbox-item/DropdownMenuCheckboxItem.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, useCallback, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_ITEM_STYLES } from '@components/overlay/dropdown-menu/components/_shared/item.css.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { CHECKBOX_STYLES } from '@components/forms/checkbox/styles/Checkbox.css.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport type { DropdownMenuCheckboxItemProps } from '@components/overlay/dropdown-menu/components/items/dropdown-menu-checkbox-item/types/DropdownMenuCheckboxItem.props.ts'\r\n\r\nconst DropdownMenuCheckboxItem: FC<DropdownMenuCheckboxItemProps> = memo(({\r\n    className,\r\n    label,\r\n    checked,\r\n    onCheckedChange,\r\n    ...props\r\n}) => {\r\n    const handleCheckedChange = useCallback(\r\n        (value: boolean, eventDetails: BaseMenu.CheckboxItem.ChangeEventDetails) =>\r\n            onCheckedChange?.(value, eventDetails),\r\n        [onCheckedChange],\r\n    )\r\n\r\n    return (\r\n        <BaseMenu.CheckboxItem\r\n            className={cn(DROPDOWN_MENU_ITEM_STYLES.root, className)}\r\n            checked={checked}\r\n            onCheckedChange={handleCheckedChange}\r\n            {...props}\r\n        >\r\n            <Box\r\n                as={'span'}\r\n                className={CHECKBOX_STYLES.root}\r\n            >\r\n                <BaseMenu.CheckboxItemIndicator className={CHECKBOX_STYLES.indicator}>\r\n                    <Icon\r\n                        icon={IconRegistry.check}\r\n                        size={'xs'}\r\n                    />\r\n                </BaseMenu.CheckboxItemIndicator>\r\n            </Box>\r\n            <Typography\r\n                as={'span'}\r\n                variant={'span'}\r\n                maxLines={1}\r\n                width={'100%'}\r\n            >\r\n                {label}\r\n            </Typography>\r\n        </BaseMenu.CheckboxItem>\r\n    )\r\n})\r\n\r\nDropdownMenuCheckboxItem.displayName = 'DropdownMenu.CheckboxItem'\r\n\r\nexport default DropdownMenuCheckboxItem\r\n"],"names":["DropdownMenuCheckboxItem","memo","className","label","checked","onCheckedChange","props","handleCheckedChange","useCallback","value","eventDetails","jsxs","BaseMenu","cn","DROPDOWN_MENU_ITEM_STYLES","jsx","Box","CHECKBOX_STYLES","Icon","IconRegistry","Typography"],"mappings":"iqBAYA,MAAMA,EAA8DC,EAAAA,KAAK,CAAC,CACtE,UAAAC,EACA,MAAAC,EACA,QAAAC,EACA,gBAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAsBC,EAAAA,YACxB,CAACC,EAAgBC,IACbL,IAAkBI,EAAOC,CAAY,EACzC,CAACL,CAAe,CAAA,EAGpB,OACIM,EAAAA,KAACC,EAAAA,KAAS,aAAT,CACG,UAAWC,EAAAA,GAAGC,4BAA0B,KAAMZ,CAAS,EACvD,QAAAE,EACA,gBAAiBG,EAChB,GAAGD,EAEJ,SAAA,CAAAS,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,UAAWC,EAAAA,gBAAgB,KAE3B,eAACL,EAAAA,KAAS,sBAAT,CAA+B,UAAWK,EAAAA,gBAAgB,UACvD,SAAAF,EAAAA,IAACG,EAAA,CACG,KAAMC,EAAAA,aAAa,MACnB,KAAM,IAAA,CAAA,CACV,CACJ,CAAA,CAAA,EAEJJ,EAAAA,IAACK,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAU,EACV,MAAO,OAEN,SAAAjB,CAAA,CAAA,CACL,CAAA,CAAA,CAGZ,CAAC,EAEDH,EAAyB,YAAc"}

package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-checkbox-item/DropdownMenuCheckboxItem.d.ts

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

package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-checkbox-item/DropdownMenuCheckboxItem.js

@@ -0,0 +1,65 @@
+import { jsxs as h, jsx as o } from "react/jsx-runtime";
+import { Menu as m } from "@base-ui/react/menu";
+import { memo as d, useCallback as l } from "react";
+import { cn as f } from "../../../../../../utils/cn.js";
+import { DROPDOWN_MENU_ITEM_STYLES as x } from "../../_shared/item.css.js";
+import C from "../../../../../layout/box/Box.js";
+import "../../../../../layout/box/styles/Box.css.js";
+import { CHECKBOX_STYLES as e } from "../../../../../forms/checkbox/styles/Checkbox.css.js";
+import I from "../../../../../foundation/icon/Icon.js";
+import "../../../../../foundation/icon/styles/Icon.css.js";
+import { IconRegistry as k } from "../../../../../../constants/icons.js";
+import u from "../../../../../foundation/typography/Typography.js";
+import "../../../../../foundation/typography/styles/Typography.css.js";
+const N = d(({
+  className: t,
+  label: i,
+  checked: a,
+  onCheckedChange: r,
+  ...n
+}) => {
+  const c = l(
+    (s, p) => r?.(s, p),
+    [r]
+  );
+  return /* @__PURE__ */ h(
+    m.CheckboxItem,
+    {
+      className: f(x.root, t),
+      checked: a,
+      onCheckedChange: c,
+      ...n,
+      children: [
+        /* @__PURE__ */ o(
+          C,
+          {
+            as: "span",
+            className: e.root,
+            children: /* @__PURE__ */ o(m.CheckboxItemIndicator, { className: e.indicator, children: /* @__PURE__ */ o(
+              I,
+              {
+                icon: k.check,
+                size: "xs"
+              }
+            ) })
+          }
+        ),
+        /* @__PURE__ */ o(
+          u,
+          {
+            as: "span",
+            variant: "span",
+            maxLines: 1,
+            width: "100%",
+            children: i
+          }
+        )
+      ]
+    }
+  );
+});
+N.displayName = "DropdownMenu.CheckboxItem";
+export {
+  N as default
+};
+//# sourceMappingURL=DropdownMenuCheckboxItem.js.map

package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-checkbox-item/DropdownMenuCheckboxItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuCheckboxItem.js","sources":["../../../../../../../src/components/overlay/dropdown-menu/components/items/dropdown-menu-checkbox-item/DropdownMenuCheckboxItem.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, useCallback, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_ITEM_STYLES } from '@components/overlay/dropdown-menu/components/_shared/item.css.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { CHECKBOX_STYLES } from '@components/forms/checkbox/styles/Checkbox.css.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport type { DropdownMenuCheckboxItemProps } from '@components/overlay/dropdown-menu/components/items/dropdown-menu-checkbox-item/types/DropdownMenuCheckboxItem.props.ts'\r\n\r\nconst DropdownMenuCheckboxItem: FC<DropdownMenuCheckboxItemProps> = memo(({\r\n    className,\r\n    label,\r\n    checked,\r\n    onCheckedChange,\r\n    ...props\r\n}) => {\r\n    const handleCheckedChange = useCallback(\r\n        (value: boolean, eventDetails: BaseMenu.CheckboxItem.ChangeEventDetails) =>\r\n            onCheckedChange?.(value, eventDetails),\r\n        [onCheckedChange],\r\n    )\r\n\r\n    return (\r\n        <BaseMenu.CheckboxItem\r\n            className={cn(DROPDOWN_MENU_ITEM_STYLES.root, className)}\r\n            checked={checked}\r\n            onCheckedChange={handleCheckedChange}\r\n            {...props}\r\n        >\r\n            <Box\r\n                as={'span'}\r\n                className={CHECKBOX_STYLES.root}\r\n            >\r\n                <BaseMenu.CheckboxItemIndicator className={CHECKBOX_STYLES.indicator}>\r\n                    <Icon\r\n                        icon={IconRegistry.check}\r\n                        size={'xs'}\r\n                    />\r\n                </BaseMenu.CheckboxItemIndicator>\r\n            </Box>\r\n            <Typography\r\n                as={'span'}\r\n                variant={'span'}\r\n                maxLines={1}\r\n                width={'100%'}\r\n            >\r\n                {label}\r\n            </Typography>\r\n        </BaseMenu.CheckboxItem>\r\n    )\r\n})\r\n\r\nDropdownMenuCheckboxItem.displayName = 'DropdownMenu.CheckboxItem'\r\n\r\nexport default DropdownMenuCheckboxItem\r\n"],"names":["DropdownMenuCheckboxItem","memo","className","label","checked","onCheckedChange","props","handleCheckedChange","useCallback","value","eventDetails","jsxs","BaseMenu","cn","DROPDOWN_MENU_ITEM_STYLES","jsx","Box","CHECKBOX_STYLES","Icon","IconRegistry","Typography"],"mappings":";;;;;;;;;;;;;AAYA,MAAMA,IAA8DC,EAAK,CAAC;AAAA,EACtE,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAsBC;AAAA,IACxB,CAACC,GAAgBC,MACbL,IAAkBI,GAAOC,CAAY;AAAA,IACzC,CAACL,CAAe;AAAA,EAAA;AAGpB,SACI,gBAAAM;AAAA,IAACC,EAAS;AAAA,IAAT;AAAA,MACG,WAAWC,EAAGC,EAA0B,MAAMZ,CAAS;AAAA,MACvD,SAAAE;AAAA,MACA,iBAAiBG;AAAA,MAChB,GAAGD;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAS;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,WAAWC,EAAgB;AAAA,YAE3B,4BAACL,EAAS,uBAAT,EAA+B,WAAWK,EAAgB,WACvD,UAAA,gBAAAF;AAAA,cAACG;AAAA,cAAA;AAAA,gBACG,MAAMC,EAAa;AAAA,gBACnB,MAAM;AAAA,cAAA;AAAA,YAAA,EACV,CACJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAEJ,gBAAAJ;AAAA,UAACK;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,SAAS;AAAA,YACT,UAAU;AAAA,YACV,OAAO;AAAA,YAEN,UAAAjB;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAEDH,EAAyB,cAAc;"}

package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-checkbox-item/types/DropdownMenuCheckboxItem.props.d.ts

@@ -0,0 +1,5 @@
+import { Menu } from '@base-ui/react/menu';
+export type DropdownMenuCheckboxItemProps = Omit<Menu.CheckboxItem.Props, 'children'> & {
+    /** Text label of the item. */
+    label: string;
+};

package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-item/DropdownMenuItem.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),x=require("@base-ui/react/menu"),_=require("react"),q=require("../../../../../../utils/cn.cjs"),s=require("../../_shared/item.css.cjs"),t=require("../../../../../layout/flex/Flex.cjs");require("../../../../../layout/flex/styles/Flex.css.cjs");const c=require("../../../../../foundation/icon/Icon.cjs");require("../../../../../foundation/icon/styles/Icon.css.cjs");const E=require("../../../../../foundation/typography/Typography.cjs");require("../../../../../foundation/typography/styles/Typography.css.cjs");const M=require("../../shortcut/DropdownMenuShortcut.cjs"),o=_.memo(({className:a,destructive:u=!1,startIcon:r,endIcon:n,shortcut:i,label:d,...m})=>e.jsxs(x.Menu.Item,{className:q.cn(s.DROPDOWN_MENU_ITEM_STYLES.root,u&&s.DROPDOWN_MENU_ITEM_STYLES.destructive,a),...m,children:[r&&e.jsx(t,{as:"span",justifyContent:"center",className:s.DROPDOWN_MENU_ITEM_STYLES.icon,"aria-hidden":!0,children:e.jsx(c,{icon:r,size:"xs"})}),e.jsx(E,{as:"span",variant:"span",maxLines:1,width:"100%",children:d}),i&&e.jsx(M,{children:i}),n&&e.jsx(t,{as:"span",justifyContent:"center",className:s.DROPDOWN_MENU_ITEM_STYLES.icon,"aria-hidden":!0,children:e.jsx(c,{icon:n,size:"xs"})})]}));o.displayName="DropdownMenu.Item";module.exports=o;
+//# sourceMappingURL=DropdownMenuItem.cjs.map

package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-item/DropdownMenuItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuItem.cjs","sources":["../../../../../../../src/components/overlay/dropdown-menu/components/items/dropdown-menu-item/DropdownMenuItem.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_ITEM_STYLES } from '@components/overlay/dropdown-menu/components/_shared/item.css.ts'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport DropdownMenuShortcut from '@components/overlay/dropdown-menu/components/shortcut/DropdownMenuShortcut.tsx'\r\nimport type { DropdownMenuItemProps } from '@components/overlay/dropdown-menu/components/items/dropdown-menu-item/types/DropdownMenuItem.props.ts'\r\n\r\n/**\r\n  * A single actionable item inside the dropdown.\r\n  *\r\n  * @example\r\n  * ```tsx\r\n  * <DropdownMenuItem\r\n  *     label={'Edit'}\r\n  *     startIcon={'lucide:pencil'}\r\n  *     shortcut={'⌘E'}\r\n  * />\r\n  * ```\r\n  */\r\nconst DropdownMenuItem: FC<DropdownMenuItemProps> = memo(({\r\n    className,\r\n    destructive = false,\r\n    startIcon,\r\n    endIcon,\r\n    shortcut,\r\n    label,\r\n    ...props\r\n}) => (\r\n    <BaseMenu.Item\r\n        className={cn(\r\n            DROPDOWN_MENU_ITEM_STYLES.root,\r\n            destructive && DROPDOWN_MENU_ITEM_STYLES.destructive,\r\n            className,\r\n        )}\r\n        {...props}\r\n    >\r\n        {startIcon && (\r\n            <Flex\r\n                as={'span'}\r\n                justifyContent={'center'}\r\n                className={DROPDOWN_MENU_ITEM_STYLES.icon}\r\n                aria-hidden\r\n            >\r\n                <Icon\r\n                    icon={startIcon}\r\n                    size={'xs'}\r\n                />\r\n            </Flex>\r\n        )}\r\n        <Typography\r\n            as={'span'}\r\n            variant={'span'}\r\n            maxLines={1}\r\n            width={'100%'}\r\n        >\r\n            {label}\r\n        </Typography>\r\n        {shortcut && <DropdownMenuShortcut>{shortcut}</DropdownMenuShortcut>}\r\n        {endIcon && (\r\n            <Flex\r\n                as={'span'}\r\n                justifyContent={'center'}\r\n                className={DROPDOWN_MENU_ITEM_STYLES.icon}\r\n                aria-hidden\r\n            >\r\n                <Icon\r\n                    icon={endIcon}\r\n                    size={'xs'}\r\n                />\r\n            </Flex>\r\n        )}\r\n    </BaseMenu.Item>\r\n))\r\n\r\nDropdownMenuItem.displayName = 'DropdownMenu.Item'\r\n\r\nexport default DropdownMenuItem\r\n"],"names":["DropdownMenuItem","memo","className","destructive","startIcon","endIcon","shortcut","label","props","jsxs","BaseMenu","cn","DROPDOWN_MENU_ITEM_STYLES","jsx","Flex","Icon","Typography","DropdownMenuShortcut"],"mappings":"0mBAuBMA,EAA8CC,EAAAA,KAAK,CAAC,CACtD,UAAAC,EACA,YAAAC,EAAc,GACd,UAAAC,EACA,QAAAC,EACA,SAAAC,EACA,MAAAC,EACA,GAAGC,CACP,IACIC,EAAAA,KAACC,EAAAA,KAAS,KAAT,CACG,UAAWC,EAAAA,GACPC,EAAAA,0BAA0B,KAC1BT,GAAeS,EAAAA,0BAA0B,YACzCV,CAAA,EAEH,GAAGM,EAEH,SAAA,CAAAJ,GACGS,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,eAAgB,SAChB,UAAWF,EAAAA,0BAA0B,KACrC,cAAW,GAEX,SAAAC,EAAAA,IAACE,EAAA,CACG,KAAMX,EACN,KAAM,IAAA,CAAA,CACV,CAAA,EAGRS,EAAAA,IAACG,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAU,EACV,MAAO,OAEN,SAAAT,CAAA,CAAA,EAEJD,GAAYO,EAAAA,IAACI,EAAA,CAAsB,SAAAX,CAAA,CAAS,EAC5CD,GACGQ,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,eAAgB,SAChB,UAAWF,EAAAA,0BAA0B,KACrC,cAAW,GAEX,SAAAC,EAAAA,IAACE,EAAA,CACG,KAAMV,EACN,KAAM,IAAA,CAAA,CACV,CAAA,CACJ,CAAA,CAER,CACH,EAEDL,EAAiB,YAAc"}

package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-item/DropdownMenuItem.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { DropdownMenuItemProps } from './types/DropdownMenuItem.props.ts';
+/**
+  * A single actionable item inside the dropdown.
+  *
+  * @example
+  * ```tsx
+  * <DropdownMenuItem
+  *     label={'Edit'}
+  *     startIcon={'lucide:pencil'}
+  *     shortcut={'⌘E'}
+  * />
+  * ```
+  */
+declare const DropdownMenuItem: FC<DropdownMenuItemProps>;
+export default DropdownMenuItem;

package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-item/DropdownMenuItem.js

@@ -0,0 +1,81 @@
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { Menu as f } from "@base-ui/react/menu";
+import { memo as l } from "react";
+import { cn as u } from "../../../../../../utils/cn.js";
+import { DROPDOWN_MENU_ITEM_STYLES as o } from "../../_shared/item.css.js";
+import t from "../../../../../layout/flex/Flex.js";
+import "../../../../../layout/flex/styles/Flex.css.js";
+import n from "../../../../../foundation/icon/Icon.js";
+import "../../../../../foundation/icon/styles/Icon.css.js";
+import h from "../../../../../foundation/typography/Typography.js";
+import "../../../../../foundation/typography/styles/Typography.css.js";
+import x from "../../shortcut/DropdownMenuShortcut.js";
+const M = l(({
+  className: s,
+  destructive: a = !1,
+  startIcon: e,
+  endIcon: i,
+  shortcut: m,
+  label: p,
+  ...c
+}) => /* @__PURE__ */ d(
+  f.Item,
+  {
+    className: u(
+      o.root,
+      a && o.destructive,
+      s
+    ),
+    ...c,
+    children: [
+      e && /* @__PURE__ */ r(
+        t,
+        {
+          as: "span",
+          justifyContent: "center",
+          className: o.icon,
+          "aria-hidden": !0,
+          children: /* @__PURE__ */ r(
+            n,
+            {
+              icon: e,
+              size: "xs"
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ r(
+        h,
+        {
+          as: "span",
+          variant: "span",
+          maxLines: 1,
+          width: "100%",
+          children: p
+        }
+      ),
+      m && /* @__PURE__ */ r(x, { children: m }),
+      i && /* @__PURE__ */ r(
+        t,
+        {
+          as: "span",
+          justifyContent: "center",
+          className: o.icon,
+          "aria-hidden": !0,
+          children: /* @__PURE__ */ r(
+            n,
+            {
+              icon: i,
+              size: "xs"
+            }
+          )
+        }
+      )
+    ]
+  }
+));
+M.displayName = "DropdownMenu.Item";
+export {
+  M as default
+};
+//# sourceMappingURL=DropdownMenuItem.js.map

package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-item/DropdownMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuItem.js","sources":["../../../../../../../src/components/overlay/dropdown-menu/components/items/dropdown-menu-item/DropdownMenuItem.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_ITEM_STYLES } from '@components/overlay/dropdown-menu/components/_shared/item.css.ts'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport DropdownMenuShortcut from '@components/overlay/dropdown-menu/components/shortcut/DropdownMenuShortcut.tsx'\r\nimport type { DropdownMenuItemProps } from '@components/overlay/dropdown-menu/components/items/dropdown-menu-item/types/DropdownMenuItem.props.ts'\r\n\r\n/**\r\n  * A single actionable item inside the dropdown.\r\n  *\r\n  * @example\r\n  * ```tsx\r\n  * <DropdownMenuItem\r\n  *     label={'Edit'}\r\n  *     startIcon={'lucide:pencil'}\r\n  *     shortcut={'⌘E'}\r\n  * />\r\n  * ```\r\n  */\r\nconst DropdownMenuItem: FC<DropdownMenuItemProps> = memo(({\r\n    className,\r\n    destructive = false,\r\n    startIcon,\r\n    endIcon,\r\n    shortcut,\r\n    label,\r\n    ...props\r\n}) => (\r\n    <BaseMenu.Item\r\n        className={cn(\r\n            DROPDOWN_MENU_ITEM_STYLES.root,\r\n            destructive && DROPDOWN_MENU_ITEM_STYLES.destructive,\r\n            className,\r\n        )}\r\n        {...props}\r\n    >\r\n        {startIcon && (\r\n            <Flex\r\n                as={'span'}\r\n                justifyContent={'center'}\r\n                className={DROPDOWN_MENU_ITEM_STYLES.icon}\r\n                aria-hidden\r\n            >\r\n                <Icon\r\n                    icon={startIcon}\r\n                    size={'xs'}\r\n                />\r\n            </Flex>\r\n        )}\r\n        <Typography\r\n            as={'span'}\r\n            variant={'span'}\r\n            maxLines={1}\r\n            width={'100%'}\r\n        >\r\n            {label}\r\n        </Typography>\r\n        {shortcut && <DropdownMenuShortcut>{shortcut}</DropdownMenuShortcut>}\r\n        {endIcon && (\r\n            <Flex\r\n                as={'span'}\r\n                justifyContent={'center'}\r\n                className={DROPDOWN_MENU_ITEM_STYLES.icon}\r\n                aria-hidden\r\n            >\r\n                <Icon\r\n                    icon={endIcon}\r\n                    size={'xs'}\r\n                />\r\n            </Flex>\r\n        )}\r\n    </BaseMenu.Item>\r\n))\r\n\r\nDropdownMenuItem.displayName = 'DropdownMenu.Item'\r\n\r\nexport default DropdownMenuItem\r\n"],"names":["DropdownMenuItem","memo","className","destructive","startIcon","endIcon","shortcut","label","props","jsxs","BaseMenu","cn","DROPDOWN_MENU_ITEM_STYLES","jsx","Flex","Icon","Typography","DropdownMenuShortcut"],"mappings":";;;;;;;;;;;;AAuBA,MAAMA,IAA8CC,EAAK,CAAC;AAAA,EACtD,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACP,MACI,gBAAAC;AAAA,EAACC,EAAS;AAAA,EAAT;AAAA,IACG,WAAWC;AAAA,MACPC,EAA0B;AAAA,MAC1BT,KAAeS,EAA0B;AAAA,MACzCV;AAAA,IAAA;AAAA,IAEH,GAAGM;AAAA,IAEH,UAAA;AAAA,MAAAJ,KACG,gBAAAS;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,IAAI;AAAA,UACJ,gBAAgB;AAAA,UAChB,WAAWF,EAA0B;AAAA,UACrC,eAAW;AAAA,UAEX,UAAA,gBAAAC;AAAA,YAACE;AAAA,YAAA;AAAA,cACG,MAAMX;AAAA,cACN,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACV;AAAA,MAAA;AAAA,MAGR,gBAAAS;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,IAAI;AAAA,UACJ,SAAS;AAAA,UACT,UAAU;AAAA,UACV,OAAO;AAAA,UAEN,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,MAEJD,KAAY,gBAAAO,EAACI,GAAA,EAAsB,UAAAX,EAAA,CAAS;AAAA,MAC5CD,KACG,gBAAAQ;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,IAAI;AAAA,UACJ,gBAAgB;AAAA,UAChB,WAAWF,EAA0B;AAAA,UACrC,eAAW;AAAA,UAEX,UAAA,gBAAAC;AAAA,YAACE;AAAA,YAAA;AAAA,cACG,MAAMV;AAAA,cACN,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACV;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAER,CACH;AAEDL,EAAiB,cAAc;"}

package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-item/types/DropdownMenuItem.props.d.ts

@@ -0,0 +1,13 @@
+import { Menu } from '@base-ui/react/menu';
+export type DropdownMenuItemProps = Omit<Menu.Item.Props, 'children'> & {
+    /** Text label of the item. */
+    label: string;
+    /** Renders the item with a destructive (danger) visual style. */
+    destructive?: boolean;
+    /** Iconify icon identifier rendered on the left side of the item. */
+    startIcon?: string;
+    /** Iconify icon identifier rendered on the right side of the item. */
+    endIcon?: string;
+    /** Keyboard shortcut hint rendered on the right. */
+    shortcut?: string;
+};

package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-radio-item/DropdownMenuRadioItem.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),r=require("@base-ui/react/menu"),t=require("react"),a=require("../../../../../../utils/cn.cjs"),u=require("../../_shared/item.css.cjs"),d=require("../../../../../layout/box/Box.cjs");require("../../../../../layout/box/styles/Box.css.cjs");const s=require("../../../../../forms/radio-group/components/radio-item/styles/RadioItem.css.cjs"),m=require("../../../../../foundation/icon/Icon.cjs");require("../../../../../foundation/icon/styles/Icon.css.cjs");const I=require("../../../../../../constants/icons.cjs"),q=require("../../../../../foundation/typography/Typography.cjs");require("../../../../../foundation/typography/styles/Typography.css.cjs");const i=t.memo(({className:n,label:o,...c})=>e.jsxs(r.Menu.RadioItem,{className:a.cn(u.DROPDOWN_MENU_ITEM_STYLES.root,n),...c,children:[e.jsx(d,{as:"span",className:s.RADIO_ITEM_STYLES.root,children:e.jsx(r.Menu.RadioItemIndicator,{className:s.RADIO_ITEM_STYLES.indicator,children:e.jsx(m,{icon:I.IconRegistry.radioIndicator,size:"xs"})})}),e.jsx(q,{as:"span",variant:"span",maxLines:1,width:"100%",children:o})]}));i.displayName="DropdownMenu.RadioItem";module.exports=i;
+//# sourceMappingURL=DropdownMenuRadioItem.cjs.map

package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-radio-item/DropdownMenuRadioItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuRadioItem.cjs","sources":["../../../../../../../src/components/overlay/dropdown-menu/components/items/dropdown-menu-radio-item/DropdownMenuRadioItem.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_ITEM_STYLES } from '@components/overlay/dropdown-menu/components/_shared/item.css.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { RADIO_ITEM_STYLES } from '@components/forms/radio-group/components/radio-item/styles/RadioItem.css.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport type { DropdownMenuRadioItemProps } from '@components/overlay/dropdown-menu/components/items/dropdown-menu-radio-item/types/DropdownMenuRadioItem.props.ts'\r\n\r\nconst DropdownMenuRadioItem: FC<DropdownMenuRadioItemProps> = memo(({\r\n    className,\r\n    label,\r\n    ...props\r\n}) => (\r\n    <BaseMenu.RadioItem\r\n        className={cn(DROPDOWN_MENU_ITEM_STYLES.root, className)}\r\n        {...props}\r\n    >\r\n        <Box\r\n            as={'span'}\r\n            className={RADIO_ITEM_STYLES.root}\r\n        >\r\n            <BaseMenu.RadioItemIndicator\r\n                className={RADIO_ITEM_STYLES.indicator}\r\n            >\r\n                <Icon\r\n                    icon={IconRegistry.radioIndicator}\r\n                    size={'xs'}\r\n                />\r\n            </BaseMenu.RadioItemIndicator>\r\n        </Box>\r\n        <Typography\r\n            as={'span'}\r\n            variant={'span'}\r\n            maxLines={1}\r\n            width={'100%'}\r\n        >\r\n            {label}\r\n        </Typography>\r\n    </BaseMenu.RadioItem>\r\n))\r\n\r\nDropdownMenuRadioItem.displayName = 'DropdownMenu.RadioItem'\r\n\r\nexport default DropdownMenuRadioItem\r\n"],"names":["DropdownMenuRadioItem","memo","className","label","props","jsxs","BaseMenu","cn","DROPDOWN_MENU_ITEM_STYLES","jsx","Box","RADIO_ITEM_STYLES","Icon","IconRegistry","Typography"],"mappings":"2rBAYA,MAAMA,EAAwDC,EAAAA,KAAK,CAAC,CAChE,UAAAC,EACA,MAAAC,EACA,GAAGC,CACP,IACIC,EAAAA,KAACC,EAAAA,KAAS,UAAT,CACG,UAAWC,EAAAA,GAAGC,4BAA0B,KAAMN,CAAS,EACtD,GAAGE,EAEJ,SAAA,CAAAK,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,UAAWC,EAAAA,kBAAkB,KAE7B,SAAAF,EAAAA,IAACH,EAAAA,KAAS,mBAAT,CACG,UAAWK,EAAAA,kBAAkB,UAE7B,SAAAF,EAAAA,IAACG,EAAA,CACG,KAAMC,EAAAA,aAAa,eACnB,KAAM,IAAA,CAAA,CACV,CAAA,CACJ,CAAA,EAEJJ,EAAAA,IAACK,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAU,EACV,MAAO,OAEN,SAAAX,CAAA,CAAA,CACL,CAAA,CACJ,CACH,EAEDH,EAAsB,YAAc"}

package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-radio-item/DropdownMenuRadioItem.d.ts

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

package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-radio-item/DropdownMenuRadioItem.js

@@ -0,0 +1,61 @@
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { Menu as r } from "@base-ui/react/menu";
+import { memo as p } from "react";
+import { cn as e } from "../../../../../../utils/cn.js";
+import { DROPDOWN_MENU_ITEM_STYLES as s } from "../../_shared/item.css.js";
+import d from "../../../../../layout/box/Box.js";
+import "../../../../../layout/box/styles/Box.css.js";
+import { RADIO_ITEM_STYLES as m } from "../../../../../forms/radio-group/components/radio-item/styles/RadioItem.css.js";
+import c from "../../../../../foundation/icon/Icon.js";
+import "../../../../../foundation/icon/styles/Icon.css.js";
+import { IconRegistry as f } from "../../../../../../constants/icons.js";
+import I from "../../../../../foundation/typography/Typography.js";
+import "../../../../../foundation/typography/styles/Typography.css.js";
+const l = p(({
+  className: i,
+  label: t,
+  ...a
+}) => /* @__PURE__ */ n(
+  r.RadioItem,
+  {
+    className: e(s.root, i),
+    ...a,
+    children: [
+      /* @__PURE__ */ o(
+        d,
+        {
+          as: "span",
+          className: m.root,
+          children: /* @__PURE__ */ o(
+            r.RadioItemIndicator,
+            {
+              className: m.indicator,
+              children: /* @__PURE__ */ o(
+                c,
+                {
+                  icon: f.radioIndicator,
+                  size: "xs"
+                }
+              )
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ o(
+        I,
+        {
+          as: "span",
+          variant: "span",
+          maxLines: 1,
+          width: "100%",
+          children: t
+        }
+      )
+    ]
+  }
+));
+l.displayName = "DropdownMenu.RadioItem";
+export {
+  l as default
+};
+//# sourceMappingURL=DropdownMenuRadioItem.js.map

package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-radio-item/DropdownMenuRadioItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuRadioItem.js","sources":["../../../../../../../src/components/overlay/dropdown-menu/components/items/dropdown-menu-radio-item/DropdownMenuRadioItem.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_ITEM_STYLES } from '@components/overlay/dropdown-menu/components/_shared/item.css.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { RADIO_ITEM_STYLES } from '@components/forms/radio-group/components/radio-item/styles/RadioItem.css.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport type { DropdownMenuRadioItemProps } from '@components/overlay/dropdown-menu/components/items/dropdown-menu-radio-item/types/DropdownMenuRadioItem.props.ts'\r\n\r\nconst DropdownMenuRadioItem: FC<DropdownMenuRadioItemProps> = memo(({\r\n    className,\r\n    label,\r\n    ...props\r\n}) => (\r\n    <BaseMenu.RadioItem\r\n        className={cn(DROPDOWN_MENU_ITEM_STYLES.root, className)}\r\n        {...props}\r\n    >\r\n        <Box\r\n            as={'span'}\r\n            className={RADIO_ITEM_STYLES.root}\r\n        >\r\n            <BaseMenu.RadioItemIndicator\r\n                className={RADIO_ITEM_STYLES.indicator}\r\n            >\r\n                <Icon\r\n                    icon={IconRegistry.radioIndicator}\r\n                    size={'xs'}\r\n                />\r\n            </BaseMenu.RadioItemIndicator>\r\n        </Box>\r\n        <Typography\r\n            as={'span'}\r\n            variant={'span'}\r\n            maxLines={1}\r\n            width={'100%'}\r\n        >\r\n            {label}\r\n        </Typography>\r\n    </BaseMenu.RadioItem>\r\n))\r\n\r\nDropdownMenuRadioItem.displayName = 'DropdownMenu.RadioItem'\r\n\r\nexport default DropdownMenuRadioItem\r\n"],"names":["DropdownMenuRadioItem","memo","className","label","props","jsxs","BaseMenu","cn","DROPDOWN_MENU_ITEM_STYLES","jsx","Box","RADIO_ITEM_STYLES","Icon","IconRegistry","Typography"],"mappings":";;;;;;;;;;;;;AAYA,MAAMA,IAAwDC,EAAK,CAAC;AAAA,EAChE,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACP,MACI,gBAAAC;AAAA,EAACC,EAAS;AAAA,EAAT;AAAA,IACG,WAAWC,EAAGC,EAA0B,MAAMN,CAAS;AAAA,IACtD,GAAGE;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAK;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,IAAI;AAAA,UACJ,WAAWC,EAAkB;AAAA,UAE7B,UAAA,gBAAAF;AAAA,YAACH,EAAS;AAAA,YAAT;AAAA,cACG,WAAWK,EAAkB;AAAA,cAE7B,UAAA,gBAAAF;AAAA,gBAACG;AAAA,gBAAA;AAAA,kBACG,MAAMC,EAAa;AAAA,kBACnB,MAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,YACV;AAAA,UAAA;AAAA,QACJ;AAAA,MAAA;AAAA,MAEJ,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UACG,IAAI;AAAA,UACJ,SAAS;AAAA,UACT,UAAU;AAAA,UACV,OAAO;AAAA,UAEN,UAAAX;AAAA,QAAA;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AACJ,CACH;AAEDH,EAAsB,cAAc;"}

package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-radio-item/types/DropdownMenuRadioItem.props.d.ts

@@ -0,0 +1,5 @@
+import { Menu } from '@base-ui/react/menu';
+export type DropdownMenuRadioItemProps = Omit<Menu.RadioItem.Props, 'children'> & {
+    /** Text label of the item. */
+    label: string;
+};

package/dist/components/overlay/dropdown-menu/components/label/DropdownMenuLabel.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),a=require("@base-ui/react/menu"),c=require("react"),u=require("../../../../../utils/cn.cjs"),t=require("./styles/DropdownMenuLabel.css.cjs"),i=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const r=c.memo(({className:n,label:s,...o})=>e.jsx(a.Menu.GroupLabel,{className:u.cn(t.DROPDOWN_MENU_LABEL_STYLES.root,n),...o,children:e.jsx(i,{as:"span",variant:"span",children:s})}));r.displayName="DropdownMenu.Label";module.exports=r;
+//# sourceMappingURL=DropdownMenuLabel.cjs.map

package/dist/components/overlay/dropdown-menu/components/label/DropdownMenuLabel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuLabel.cjs","sources":["../../../../../../src/components/overlay/dropdown-menu/components/label/DropdownMenuLabel.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_LABEL_STYLES } from '@components/overlay/dropdown-menu/components/label/styles/DropdownMenuLabel.css.ts'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport type { DropdownMenuLabelProps } from '@components/overlay/dropdown-menu/components/label/types/DropdownMenuLabel.props.ts'\r\n\r\n/**\r\n * A non-interactive section heading. Must be rendered inside a\r\n * `DropdownMenu.Group` or `DropdownMenu.RadioGroup` so Base UI can provide\r\n * the required menu context.\r\n */\r\nconst DropdownMenuLabel: FC<DropdownMenuLabelProps> = memo(({ className, label, ...props }) => (\r\n    <BaseMenu.GroupLabel\r\n        className={cn(DROPDOWN_MENU_LABEL_STYLES.root, className)}\r\n        {...props}\r\n    >\r\n        <Typography\r\n            as={'span'}\r\n            variant={'span'}\r\n        >{label}</Typography>\r\n    </BaseMenu.GroupLabel>\r\n))\r\n\r\nDropdownMenuLabel.displayName = 'DropdownMenu.Label'\r\n\r\nexport default DropdownMenuLabel\r\n"],"names":["DropdownMenuLabel","memo","className","label","props","jsx","BaseMenu","cn","DROPDOWN_MENU_LABEL_STYLES","Typography"],"mappings":"oUAaA,MAAMA,EAAgDC,EAAAA,KAAK,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,GAAGC,KAC/EC,EAAAA,IAACC,EAAAA,KAAS,WAAT,CACG,UAAWC,EAAAA,GAAGC,6BAA2B,KAAMN,CAAS,EACvD,GAAGE,EAEJ,SAAAC,EAAAA,IAACI,EAAA,CACG,GAAI,OACJ,QAAS,OACX,SAAAN,CAAA,CAAA,CAAM,CACZ,CACH,EAEDH,EAAkB,YAAc"}

package/dist/components/overlay/dropdown-menu/components/label/DropdownMenuLabel.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { DropdownMenuLabelProps } from './types/DropdownMenuLabel.props.ts';
+/**
+ * A non-interactive section heading. Must be rendered inside a
+ * `DropdownMenu.Group` or `DropdownMenu.RadioGroup` so Base UI can provide
+ * the required menu context.
+ */
+declare const DropdownMenuLabel: FC<DropdownMenuLabelProps>;
+export default DropdownMenuLabel;

package/dist/components/overlay/dropdown-menu/components/label/DropdownMenuLabel.js

@@ -0,0 +1,27 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Menu as a } from "@base-ui/react/menu";
+import { memo as e } from "react";
+import { cn as n } from "../../../../../utils/cn.js";
+import { DROPDOWN_MENU_LABEL_STYLES as t } from "./styles/DropdownMenuLabel.css.js";
+import i from "../../../../foundation/typography/Typography.js";
+import "../../../../foundation/typography/styles/Typography.css.js";
+const s = e(({ className: r, label: m, ...p }) => /* @__PURE__ */ o(
+  a.GroupLabel,
+  {
+    className: n(t.root, r),
+    ...p,
+    children: /* @__PURE__ */ o(
+      i,
+      {
+        as: "span",
+        variant: "span",
+        children: m
+      }
+    )
+  }
+));
+s.displayName = "DropdownMenu.Label";
+export {
+  s as default
+};
+//# sourceMappingURL=DropdownMenuLabel.js.map

package/dist/components/overlay/dropdown-menu/components/label/DropdownMenuLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuLabel.js","sources":["../../../../../../src/components/overlay/dropdown-menu/components/label/DropdownMenuLabel.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_LABEL_STYLES } from '@components/overlay/dropdown-menu/components/label/styles/DropdownMenuLabel.css.ts'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport type { DropdownMenuLabelProps } from '@components/overlay/dropdown-menu/components/label/types/DropdownMenuLabel.props.ts'\r\n\r\n/**\r\n * A non-interactive section heading. Must be rendered inside a\r\n * `DropdownMenu.Group` or `DropdownMenu.RadioGroup` so Base UI can provide\r\n * the required menu context.\r\n */\r\nconst DropdownMenuLabel: FC<DropdownMenuLabelProps> = memo(({ className, label, ...props }) => (\r\n    <BaseMenu.GroupLabel\r\n        className={cn(DROPDOWN_MENU_LABEL_STYLES.root, className)}\r\n        {...props}\r\n    >\r\n        <Typography\r\n            as={'span'}\r\n            variant={'span'}\r\n        >{label}</Typography>\r\n    </BaseMenu.GroupLabel>\r\n))\r\n\r\nDropdownMenuLabel.displayName = 'DropdownMenu.Label'\r\n\r\nexport default DropdownMenuLabel\r\n"],"names":["DropdownMenuLabel","memo","className","label","props","jsx","BaseMenu","cn","DROPDOWN_MENU_LABEL_STYLES","Typography"],"mappings":";;;;;;;AAaA,MAAMA,IAAgDC,EAAK,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,GAAGC,QAC/E,gBAAAC;AAAA,EAACC,EAAS;AAAA,EAAT;AAAA,IACG,WAAWC,EAAGC,EAA2B,MAAMN,CAAS;AAAA,IACvD,GAAGE;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,IAAI;AAAA,QACJ,SAAS;AAAA,QACX,UAAAN;AAAA,MAAA;AAAA,IAAA;AAAA,EAAM;AACZ,CACH;AAEDH,EAAkB,cAAc;"}

package/dist/components/overlay/dropdown-menu/components/label/styles/DropdownMenuLabel.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                    */;/* empty css                                       */var e={root:"_1uy3vvo0"};exports.DROPDOWN_MENU_LABEL_STYLES=e;
+//# sourceMappingURL=DropdownMenuLabel.css.cjs.map

package/dist/components/overlay/dropdown-menu/components/label/styles/DropdownMenuLabel.css.cjs.map

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

package/dist/components/overlay/dropdown-menu/components/label/styles/DropdownMenuLabel.css.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Non-interactive section heading — small, muted, uppercase.
+ * Typically paired with DropdownMenuGroup for semantic grouping.
+ */
+export declare const DROPDOWN_MENU_LABEL_STYLES: {
+    root: string;
+};

package/dist/components/overlay/dropdown-menu/components/label/styles/DropdownMenuLabel.css.js

@@ -0,0 +1,7 @@
+/* empty css                                                  */
+/* empty css                                     */
+var t = { root: "_1uy3vvo0" };
+export {
+  t as DROPDOWN_MENU_LABEL_STYLES
+};
+//# sourceMappingURL=DropdownMenuLabel.css.js.map

package/dist/components/overlay/dropdown-menu/components/label/styles/DropdownMenuLabel.css.js.map

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

package/dist/components/overlay/dropdown-menu/components/label/types/DropdownMenuLabel.props.d.ts

@@ -0,0 +1,5 @@
+import { Menu } from '@base-ui/react/menu';
+export type DropdownMenuLabelProps = Omit<Menu.GroupLabel.Props, 'children'> & {
+    /** Text label of the section heading. */
+    label: string;
+};

package/dist/components/overlay/dropdown-menu/components/separator/DropdownMenuSeparator.cjs

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),t=require("@base-ui/react/separator"),a=require("react"),n=require("../../../../../utils/cn.cjs"),c=require("./styles/DropdownMenuSeparator.css.cjs"),r=a.memo(({className:e,...o})=>s.jsx(t.Separator,{className:n.cn(c.DROPDOWN_MENU_SEPARATOR_STYLES.root,e),...o}));r.displayName="DropdownMenu.Separator";module.exports=r;
+//# sourceMappingURL=DropdownMenuSeparator.cjs.map

package/dist/components/overlay/dropdown-menu/components/separator/DropdownMenuSeparator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuSeparator.cjs","sources":["../../../../../../src/components/overlay/dropdown-menu/components/separator/DropdownMenuSeparator.tsx"],"sourcesContent":["import { Separator as BaseSeparator } from '@base-ui/react/separator'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_SEPARATOR_STYLES } from '@components/overlay/dropdown-menu/components/separator/styles/DropdownMenuSeparator.css.ts'\r\nimport type { DropdownMenuSeparatorProps } from '@components/overlay/dropdown-menu/components/separator/types/DropdownMenuSeparator.props.ts'\r\n\r\n/**\r\n * A thin horizontal rule used to visually divide groups of items.\r\n */\r\nconst DropdownMenuSeparator: FC<DropdownMenuSeparatorProps> = memo(({ className, ...props }) => (\r\n    <BaseSeparator\r\n        className={cn(DROPDOWN_MENU_SEPARATOR_STYLES.root, className)}\r\n        {...props}\r\n    />\r\n))\r\n\r\nDropdownMenuSeparator.displayName = 'DropdownMenu.Separator'\r\n\r\nexport default DropdownMenuSeparator\r\n"],"names":["DropdownMenuSeparator","memo","className","props","jsx","BaseSeparator","cn","DROPDOWN_MENU_SEPARATOR_STYLES"],"mappings":"wMAUMA,EAAwDC,EAAAA,KAAK,CAAC,CAAE,UAAAC,EAAW,GAAGC,KAChFC,EAAAA,IAACC,EAAAA,UAAA,CACG,UAAWC,EAAAA,GAAGC,iCAA+B,KAAML,CAAS,EAC3D,GAAGC,CAAA,CACR,CACH,EAEDH,EAAsB,YAAc"}

package/dist/components/overlay/dropdown-menu/components/separator/DropdownMenuSeparator.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { DropdownMenuSeparatorProps } from './types/DropdownMenuSeparator.props.ts';
+/**
+ * A thin horizontal rule used to visually divide groups of items.
+ */
+declare const DropdownMenuSeparator: FC<DropdownMenuSeparatorProps>;
+export default DropdownMenuSeparator;

package/dist/components/overlay/dropdown-menu/components/separator/DropdownMenuSeparator.js

@@ -0,0 +1,17 @@
+import { jsx as m } from "react/jsx-runtime";
+import { Separator as a } from "@base-ui/react/separator";
+import { memo as p } from "react";
+import { cn as t } from "../../../../../utils/cn.js";
+import { DROPDOWN_MENU_SEPARATOR_STYLES as e } from "./styles/DropdownMenuSeparator.css.js";
+const f = p(({ className: o, ...r }) => /* @__PURE__ */ m(
+  a,
+  {
+    className: t(e.root, o),
+    ...r
+  }
+));
+f.displayName = "DropdownMenu.Separator";
+export {
+  f as default
+};
+//# sourceMappingURL=DropdownMenuSeparator.js.map

package/dist/components/overlay/dropdown-menu/components/separator/DropdownMenuSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuSeparator.js","sources":["../../../../../../src/components/overlay/dropdown-menu/components/separator/DropdownMenuSeparator.tsx"],"sourcesContent":["import { Separator as BaseSeparator } from '@base-ui/react/separator'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_SEPARATOR_STYLES } from '@components/overlay/dropdown-menu/components/separator/styles/DropdownMenuSeparator.css.ts'\r\nimport type { DropdownMenuSeparatorProps } from '@components/overlay/dropdown-menu/components/separator/types/DropdownMenuSeparator.props.ts'\r\n\r\n/**\r\n * A thin horizontal rule used to visually divide groups of items.\r\n */\r\nconst DropdownMenuSeparator: FC<DropdownMenuSeparatorProps> = memo(({ className, ...props }) => (\r\n    <BaseSeparator\r\n        className={cn(DROPDOWN_MENU_SEPARATOR_STYLES.root, className)}\r\n        {...props}\r\n    />\r\n))\r\n\r\nDropdownMenuSeparator.displayName = 'DropdownMenu.Separator'\r\n\r\nexport default DropdownMenuSeparator\r\n"],"names":["DropdownMenuSeparator","memo","className","props","jsx","BaseSeparator","cn","DROPDOWN_MENU_SEPARATOR_STYLES"],"mappings":";;;;;AAUA,MAAMA,IAAwDC,EAAK,CAAC,EAAE,WAAAC,GAAW,GAAGC,QAChF,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACG,WAAWC,EAAGC,EAA+B,MAAML,CAAS;AAAA,IAC3D,GAAGC;AAAA,EAAA;AACR,CACH;AAEDH,EAAsB,cAAc;"}

package/dist/components/overlay/dropdown-menu/components/separator/styles/DropdownMenuSeparator.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                    */;/* empty css                                           */var e={root:"_1yf568h0"};exports.DROPDOWN_MENU_SEPARATOR_STYLES=e;
+//# sourceMappingURL=DropdownMenuSeparator.css.cjs.map

package/dist/components/overlay/dropdown-menu/components/separator/styles/DropdownMenuSeparator.css.cjs.map

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

package/dist/components/overlay/dropdown-menu/components/separator/styles/DropdownMenuSeparator.css.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Thin horizontal rule between groups of items.
+ * Extends marginInline to reach the panel edges.
+ */
+export declare const DROPDOWN_MENU_SEPARATOR_STYLES: {
+    root: string;
+};

package/dist/components/overlay/dropdown-menu/components/separator/styles/DropdownMenuSeparator.css.js

@@ -0,0 +1,7 @@
+/* empty css                                                  */
+/* empty css                                         */
+var t = { root: "_1yf568h0" };
+export {
+  t as DROPDOWN_MENU_SEPARATOR_STYLES
+};
+//# sourceMappingURL=DropdownMenuSeparator.css.js.map

package/dist/components/overlay/dropdown-menu/components/separator/styles/DropdownMenuSeparator.css.js.map

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

package/dist/components/overlay/dropdown-menu/components/separator/types/DropdownMenuSeparator.props.d.ts

@@ -0,0 +1,2 @@
+import { Separator } from '@base-ui/react/separator';
+export type DropdownMenuSeparatorProps = Separator.Props;

package/dist/components/overlay/dropdown-menu/components/shortcut/DropdownMenuShortcut.cjs

@@ -0,0 +1,2 @@
+"use strict";const n=require("react/jsx-runtime"),o=require("../../../../../utils/cn.cjs"),s=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const u=require("./styles/DropdownMenuShortcut.css.cjs"),c=require("react"),e=c.memo(({className:r,...t})=>n.jsx(s,{as:"span",inline:!0,className:o.cn(u.DROPDOWN_MENU_SHORTCUT_STYLES.root,r),"aria-hidden":!0,...t}));e.displayName="DropdownMenu.Shortcut";module.exports=e;
+//# sourceMappingURL=DropdownMenuShortcut.cjs.map