@raystack/apsara 0.45.6 → 0.46.0-rc.1

package/dist/v1/components/dropdown-menu/dropdown-menu-content.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-content.cjs","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-content.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, ElementRef, forwardRef } from \"react\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { Combobox, ComboboxList } from \"@ariakit/react\";\nimport { cx } from \"class-variance-authority\";\nimport { useDropdownContext } from \"./dropdown-menu-root\";\nimport styles from \"./dropdown-menu.module.css\";\n\nexport const DropdownMenuContent = forwardRef<\n  ElementRef<typeof DropdownMenuPrimitive.Content>,\n  ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, children, sideOffset = 4, ...props }, ref) => {\n  const { autocomplete } = useDropdownContext();\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        ref={ref}\n        sideOffset={sideOffset}\n        className={cx(\n          styles.content,\n          autocomplete && styles.comboboxContainer,\n          className,\n        )}\n        {...props}>\n        {autocomplete ? (\n          <>\n            <Combobox\n              autoSelect\n              autoFocus\n              placeholder=\"Search...\"\n              className={styles.comboboxInput}\n              onBlurCapture={event => {\n                event.preventDefault();\n                event.stopPropagation();\n              }}\n              onMouseOver={event => {\n                event.preventDefault();\n                event.stopPropagation();\n              }}\n            />\n            <ComboboxList className={styles.comboboxContent}>\n              {children}\n            </ComboboxList>\n          </>\n        ) : (\n          children\n        )}\n      </DropdownMenuPrimitive.Content>\n    </DropdownMenuPrimitive.Portal>\n  );\n});\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;\n\nexport const DropdownMenuSubMenuContent = forwardRef<\n  ElementRef<typeof DropdownMenuPrimitive.Content>,\n  ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Portal>\n    <DropdownMenuPrimitive.SubContent\n      ref={ref}\n      className={cx(styles.content, className)}\n      {...props}\n    />\n  </DropdownMenuPrimitive.Portal>\n));\nDropdownMenuSubMenuContent.displayName =\n  DropdownMenuPrimitive.SubContent.displayName;\n"],"names":["forwardRef","useDropdownContext","_jsx","DropdownMenuPrimitive.Portal","DropdownMenuPrimitive.Content","cx","styles","_jsxs","_Fragment","Combobox","ComboboxList","DropdownMenuPrimitive.SubContent"],"mappings":";;;;;;;;;;;MAOa,mBAAmB,GAAGA,gBAAU,CAG3C,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,GAAG,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC3D,IAAA,MAAM,EAAE,YAAY,EAAE,GAAGC,mCAAkB,EAAE,CAAC;AAC9C,IAAA,QACEC,gCAAA,CAACC,YAA4B,EAAA,EAAA,QAAA,EAC3BD,gCAAC,CAAAE,aAA6B,EAC5B,EAAA,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,SAAS,EAAEC,UAAE,CACXC,2BAAM,CAAC,OAAO,EACd,YAAY,IAAIA,2BAAM,CAAC,iBAAiB,EACxC,SAAS,CACV,EAAA,GACG,KAAK,EAAA,QAAA,EACR,YAAY,IACXC,iCAAA,CAAAC,qCAAA,EAAA,EAAA,QAAA,EAAA,CACEN,gCAAC,CAAAO,iBAAQ,IACP,UAAU,EAAA,IAAA,EACV,SAAS,EAAA,IAAA,EACT,WAAW,EAAC,WAAW,EACvB,SAAS,EAAEH,2BAAM,CAAC,aAAa,EAC/B,aAAa,EAAE,KAAK,IAAG;4BACrB,KAAK,CAAC,cAAc,EAAE,CAAC;4BACvB,KAAK,CAAC,eAAe,EAAE,CAAC;AAC1B,yBAAC,EACD,WAAW,EAAE,KAAK,IAAG;4BACnB,KAAK,CAAC,cAAc,EAAE,CAAC;4BACvB,KAAK,CAAC,eAAe,EAAE,CAAC;yBACzB,EAAA,CACD,EACFJ,gCAAA,CAACQ,qBAAY,EAAA,EAAC,SAAS,EAAEJ,2BAAM,CAAC,eAAe,EAC5C,QAAA,EAAA,QAAQ,GACI,CACd,EAAA,CAAA,KAEH,QAAQ,CACT,EAAA,CAC6B,EACH,CAAA,EAC/B;AACJ,CAAC,EAAE;AACH,mBAAmB,CAAC,WAAW,GAAGF,aAA6B,CAAC,WAAW,CAAC;MAE/D,0BAA0B,GAAGJ,gBAAU,CAGlD,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC7BE,gCAAA,CAACC,YAA4B,EAAA,EAAA,QAAA,EAC3BD,iCAACS,gBAAgC,EAC/B,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAEN,UAAE,CAACC,2BAAM,CAAC,OAAO,EAAE,SAAS,CAAC,EAAA,GACpC,KAAK,EACT,CAAA,EAAA,CAC2B,CAChC,EAAE;AACH,0BAA0B,CAAC,WAAW;AACpC,IAAAK,gBAAgC,CAAC,WAAW;;;;;"}
+{"version":3,"file":"dropdown-menu-content.cjs","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-content.tsx"],"sourcesContent":["import { ElementRef, forwardRef, useRef } from \"react\";\nimport { Menu, MenuProps, useMenuContext } from \"@ariakit/react\";\nimport { Combobox, ComboboxList } from \"@ariakit/react\";\nimport { cx } from \"class-variance-authority\";\nimport styles from \"./dropdown-menu.module.css\";\nimport { WithAsChild } from \"./types\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { useDropdownContext } from \"./dropdown-menu-root\";\n\nexport interface MenuContentProps\n  extends Omit<WithAsChild<MenuProps>, \"portal\"> {\n  searchPlaceholder?: string;\n}\n\nexport const DropdownMenuContent = forwardRef<\n  ElementRef<typeof Menu>,\n  MenuContentProps\n>(\n  (\n    { className, children, asChild, searchPlaceholder = \"Search...\", ...props },\n    ref,\n  ) => {\n    const menu = useMenuContext();\n    const { autocomplete } = useDropdownContext();\n    const isSubMenu = !!menu?.parent;\n    const comboboxRef = useRef<HTMLInputElement>(null);\n\n    return (\n      <Menu\n        ref={ref}\n        modal\n        portal\n        portalElement={\n          typeof window === \"undefined\" ? null : window?.document?.body\n        }\n        unmountOnHide\n        gutter={isSubMenu ? 2 : 4}\n        className={cx(\n          styles.content,\n          autocomplete && styles.comboboxContainer,\n          className,\n        )}\n        render={asChild ? <Slot /> : undefined}\n        {...props}>\n        {autocomplete ? (\n          <>\n            <Combobox\n              ref={comboboxRef}\n              placeholder={searchPlaceholder}\n              className={styles.comboboxInput}\n              autoSelect\n              onPointerEnter={e => {\n                if (document && document.activeElement !== comboboxRef.current)\n                  comboboxRef.current?.focus();\n              }}\n            />\n            <ComboboxList className={styles.comboboxContent}>\n              {children}\n            </ComboboxList>\n          </>\n        ) : (\n          children\n        )}\n      </Menu>\n    );\n  },\n);\n"],"names":["forwardRef","menu","useMenuContext","useDropdownContext","useRef","_jsx","Menu","cx","styles","Slot","_jsxs","_Fragment","Combobox","ComboboxList"],"mappings":";;;;;;;;;;;;;AAca,MAAA,mBAAmB,GAAGA,gBAAU,CAI3C,CACE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,iBAAiB,GAAG,WAAW,EAAE,GAAG,KAAK,EAAE,EAC3E,GAAG,KACD;AACF,IAAA,MAAMC,MAAI,GAAGC,uBAAc,EAAE,CAAC;AAC9B,IAAA,MAAM,EAAE,YAAY,EAAE,GAAGC,mCAAkB,EAAE,CAAC;AAC9C,IAAA,MAAM,SAAS,GAAG,CAAC,CAACF,MAAI,EAAE,MAAM,CAAC;AACjC,IAAA,MAAM,WAAW,GAAGG,YAAM,CAAmB,IAAI,CAAC,CAAC;IAEnD,QACEC,iCAACC,SAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,KAAK,EACL,IAAA,EAAA,MAAM,QACN,aAAa,EACX,OAAO,MAAM,KAAK,WAAW,GAAG,IAAI,GAAG,MAAM,EAAE,QAAQ,EAAE,IAAI,EAE/D,aAAa,QACb,MAAM,EAAE,SAAS,GAAG,CAAC,GAAG,CAAC,EACzB,SAAS,EAAEC,QAAE,CACXC,2BAAM,CAAC,OAAO,EACd,YAAY,IAAIA,2BAAM,CAAC,iBAAiB,EACxC,SAAS,CACV,EACD,MAAM,EAAE,OAAO,GAAGH,gCAAC,CAAAI,YAAI,EAAG,EAAA,CAAA,GAAG,SAAS,EAClC,GAAA,KAAK,EACR,QAAA,EAAA,YAAY,IACXC,iCAAA,CAAAC,qCAAA,EAAA,EAAA,QAAA,EAAA,CACEN,gCAAC,CAAAO,iBAAQ,EACP,EAAA,GAAG,EAAE,WAAW,EAChB,WAAW,EAAE,iBAAiB,EAC9B,SAAS,EAAEJ,2BAAM,CAAC,aAAa,EAC/B,UAAU,QACV,cAAc,EAAE,CAAC,IAAG;wBAClB,IAAI,QAAQ,IAAI,QAAQ,CAAC,aAAa,KAAK,WAAW,CAAC,OAAO;AAC5D,4BAAA,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;qBAChC,EAAA,CACD,EACFH,gCAAC,CAAAQ,qBAAY,IAAC,SAAS,EAAEL,2BAAM,CAAC,eAAe,EAAA,QAAA,EAC5C,QAAQ,EACI,CAAA,CAAA,EAAA,CACd,KAEH,QAAQ,CACT,EACI,CAAA,EACP;AACJ,CAAC;;;;"}

package/dist/v1/components/dropdown-menu/dropdown-menu-content.d.ts

@@ -1,4 +1,7 @@
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-export declare const DropdownMenuContent: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const DropdownMenuSubMenuContent: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+import { MenuProps } from "@ariakit/react";
+import { WithAsChild } from "./types";
+export interface MenuContentProps extends Omit<WithAsChild<MenuProps>, "portal"> {
+    searchPlaceholder?: string;
+}
+export declare const DropdownMenuContent: import("react").ForwardRefExoticComponent<Omit<MenuContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=dropdown-menu-content.d.ts.map

package/dist/v1/components/dropdown-menu/dropdown-menu-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-content.d.ts","sourceRoot":"","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-content.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AAMvE,eAAO,MAAM,mBAAmB,wMA0C9B,CAAC;AAGH,eAAO,MAAM,0BAA0B,wMAWrC,CAAC"}
+{"version":3,"file":"dropdown-menu-content.d.ts","sourceRoot":"","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-content.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,SAAS,EAAkB,MAAM,gBAAgB,CAAC;AAIjE,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAItC,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC;IAC9C,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,mBAAmB,0HAoD/B,CAAC"}

package/dist/v1/components/dropdown-menu/dropdown-menu-content.js

@@ -1,26 +1,24 @@
 import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
-import { forwardRef } from 'react';
-import { Portal as Portal2, Content as Content2, SubContent as SubContent2 } from '../../node_modules/.pnpm/@radix-ui_react-dropdown-menu@2.1.14_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@_qqqv3onxyw7nimu7o547lhehwa/node_modules/@radix-ui/react-dropdown-menu/dist/index.js';
+import { forwardRef, useRef } from 'react';
+import { useMenuContext } from '../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/__chunks/VIIRIBF3.js';
+import { Menu } from '../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/menu/menu.js';
 import { Combobox } from '../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/combobox/combobox.js';
 import { ComboboxList } from '../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/__chunks/MAXQOH4L.js';
 import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
-import { useDropdownContext } from './dropdown-menu-root.js';
 import styles from './dropdown-menu.module.css.js';
+import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_modules/.pnpm/@radix-ui_react-slot@1.0.2_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.js';
+import { useDropdownContext } from './dropdown-menu-root.js';
 
-const DropdownMenuContent = forwardRef(({ className, children, sideOffset = 4, ...props }, ref) => {
+const DropdownMenuContent = forwardRef(({ className, children, asChild, searchPlaceholder = "Search...", ...props }, ref) => {
+    const menu = useMenuContext();
     const { autocomplete } = useDropdownContext();
-    return (jsxRuntimeExports.jsx(Portal2, { children: jsxRuntimeExports.jsx(Content2, { ref: ref, sideOffset: sideOffset, className: cx(styles.content, autocomplete && styles.comboboxContainer, className), ...props, children: autocomplete ? (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(Combobox, { autoSelect: true, autoFocus: true, placeholder: "Search...", className: styles.comboboxInput, onBlurCapture: event => {
-                            event.preventDefault();
-                            event.stopPropagation();
-                        }, onMouseOver: event => {
-                            event.preventDefault();
-                            event.stopPropagation();
-                        } }), jsxRuntimeExports.jsx(ComboboxList, { className: styles.comboboxContent, children: children })] })) : (children) }) }));
+    const isSubMenu = !!menu?.parent;
+    const comboboxRef = useRef(null);
+    return (jsxRuntimeExports.jsx(Menu, { ref: ref, modal: true, portal: true, portalElement: typeof window === "undefined" ? null : window?.document?.body, unmountOnHide: true, gutter: isSubMenu ? 2 : 4, className: cx(styles.content, autocomplete && styles.comboboxContainer, className), render: asChild ? jsxRuntimeExports.jsx($5e63c961fc1ce211$export$8c6ed5c666ac1360, {}) : undefined, ...props, children: autocomplete ? (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(Combobox, { ref: comboboxRef, placeholder: searchPlaceholder, className: styles.comboboxInput, autoSelect: true, onPointerEnter: e => {
+                        if (document && document.activeElement !== comboboxRef.current)
+                            comboboxRef.current?.focus();
+                    } }), jsxRuntimeExports.jsx(ComboboxList, { className: styles.comboboxContent, children: children })] })) : (children) }));
 });
-DropdownMenuContent.displayName = Content2.displayName;
-const DropdownMenuSubMenuContent = forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx(Portal2, { children: jsxRuntimeExports.jsx(SubContent2, { ref: ref, className: cx(styles.content, className), ...props }) })));
-DropdownMenuSubMenuContent.displayName =
-    SubContent2.displayName;
 
-export { DropdownMenuContent, DropdownMenuSubMenuContent };
+export { DropdownMenuContent };
 //# sourceMappingURL=dropdown-menu-content.js.map

package/dist/v1/components/dropdown-menu/dropdown-menu-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-content.js","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-content.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, ElementRef, forwardRef } from \"react\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { Combobox, ComboboxList } from \"@ariakit/react\";\nimport { cx } from \"class-variance-authority\";\nimport { useDropdownContext } from \"./dropdown-menu-root\";\nimport styles from \"./dropdown-menu.module.css\";\n\nexport const DropdownMenuContent = forwardRef<\n  ElementRef<typeof DropdownMenuPrimitive.Content>,\n  ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, children, sideOffset = 4, ...props }, ref) => {\n  const { autocomplete } = useDropdownContext();\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        ref={ref}\n        sideOffset={sideOffset}\n        className={cx(\n          styles.content,\n          autocomplete && styles.comboboxContainer,\n          className,\n        )}\n        {...props}>\n        {autocomplete ? (\n          <>\n            <Combobox\n              autoSelect\n              autoFocus\n              placeholder=\"Search...\"\n              className={styles.comboboxInput}\n              onBlurCapture={event => {\n                event.preventDefault();\n                event.stopPropagation();\n              }}\n              onMouseOver={event => {\n                event.preventDefault();\n                event.stopPropagation();\n              }}\n            />\n            <ComboboxList className={styles.comboboxContent}>\n              {children}\n            </ComboboxList>\n          </>\n        ) : (\n          children\n        )}\n      </DropdownMenuPrimitive.Content>\n    </DropdownMenuPrimitive.Portal>\n  );\n});\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;\n\nexport const DropdownMenuSubMenuContent = forwardRef<\n  ElementRef<typeof DropdownMenuPrimitive.Content>,\n  ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Portal>\n    <DropdownMenuPrimitive.SubContent\n      ref={ref}\n      className={cx(styles.content, className)}\n      {...props}\n    />\n  </DropdownMenuPrimitive.Portal>\n));\nDropdownMenuSubMenuContent.displayName =\n  DropdownMenuPrimitive.SubContent.displayName;\n"],"names":["_jsx","DropdownMenuPrimitive.Portal","DropdownMenuPrimitive.Content","_jsxs","_Fragment","DropdownMenuPrimitive.SubContent"],"mappings":";;;;;;;;;MAOa,mBAAmB,GAAG,UAAU,CAG3C,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,GAAG,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC3D,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;AAC9C,IAAA,QACEA,qBAAA,CAACC,OAA4B,EAAA,EAAA,QAAA,EAC3BD,qBAAC,CAAAE,QAA6B,EAC5B,EAAA,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,OAAO,EACd,YAAY,IAAI,MAAM,CAAC,iBAAiB,EACxC,SAAS,CACV,EAAA,GACG,KAAK,EAAA,QAAA,EACR,YAAY,IACXC,sBAAA,CAAAC,0BAAA,EAAA,EAAA,QAAA,EAAA,CACEJ,qBAAC,CAAA,QAAQ,IACP,UAAU,EAAA,IAAA,EACV,SAAS,EAAA,IAAA,EACT,WAAW,EAAC,WAAW,EACvB,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,aAAa,EAAE,KAAK,IAAG;4BACrB,KAAK,CAAC,cAAc,EAAE,CAAC;4BACvB,KAAK,CAAC,eAAe,EAAE,CAAC;AAC1B,yBAAC,EACD,WAAW,EAAE,KAAK,IAAG;4BACnB,KAAK,CAAC,cAAc,EAAE,CAAC;4BACvB,KAAK,CAAC,eAAe,EAAE,CAAC;yBACzB,EAAA,CACD,EACFA,qBAAA,CAAC,YAAY,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,eAAe,EAC5C,QAAA,EAAA,QAAQ,GACI,CACd,EAAA,CAAA,KAEH,QAAQ,CACT,EAAA,CAC6B,EACH,CAAA,EAC/B;AACJ,CAAC,EAAE;AACH,mBAAmB,CAAC,WAAW,GAAGE,QAA6B,CAAC,WAAW,CAAC;MAE/D,0BAA0B,GAAG,UAAU,CAGlD,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC7BF,qBAAA,CAACC,OAA4B,EAAA,EAAA,QAAA,EAC3BD,sBAACK,WAAgC,EAC/B,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,EAAA,GACpC,KAAK,EACT,CAAA,EAAA,CAC2B,CAChC,EAAE;AACH,0BAA0B,CAAC,WAAW;AACpC,IAAAA,WAAgC,CAAC,WAAW;;;;"}
+{"version":3,"file":"dropdown-menu-content.js","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-content.tsx"],"sourcesContent":["import { ElementRef, forwardRef, useRef } from \"react\";\nimport { Menu, MenuProps, useMenuContext } from \"@ariakit/react\";\nimport { Combobox, ComboboxList } from \"@ariakit/react\";\nimport { cx } from \"class-variance-authority\";\nimport styles from \"./dropdown-menu.module.css\";\nimport { WithAsChild } from \"./types\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { useDropdownContext } from \"./dropdown-menu-root\";\n\nexport interface MenuContentProps\n  extends Omit<WithAsChild<MenuProps>, \"portal\"> {\n  searchPlaceholder?: string;\n}\n\nexport const DropdownMenuContent = forwardRef<\n  ElementRef<typeof Menu>,\n  MenuContentProps\n>(\n  (\n    { className, children, asChild, searchPlaceholder = \"Search...\", ...props },\n    ref,\n  ) => {\n    const menu = useMenuContext();\n    const { autocomplete } = useDropdownContext();\n    const isSubMenu = !!menu?.parent;\n    const comboboxRef = useRef<HTMLInputElement>(null);\n\n    return (\n      <Menu\n        ref={ref}\n        modal\n        portal\n        portalElement={\n          typeof window === \"undefined\" ? null : window?.document?.body\n        }\n        unmountOnHide\n        gutter={isSubMenu ? 2 : 4}\n        className={cx(\n          styles.content,\n          autocomplete && styles.comboboxContainer,\n          className,\n        )}\n        render={asChild ? <Slot /> : undefined}\n        {...props}>\n        {autocomplete ? (\n          <>\n            <Combobox\n              ref={comboboxRef}\n              placeholder={searchPlaceholder}\n              className={styles.comboboxInput}\n              autoSelect\n              onPointerEnter={e => {\n                if (document && document.activeElement !== comboboxRef.current)\n                  comboboxRef.current?.focus();\n              }}\n            />\n            <ComboboxList className={styles.comboboxContent}>\n              {children}\n            </ComboboxList>\n          </>\n        ) : (\n          children\n        )}\n      </Menu>\n    );\n  },\n);\n"],"names":["_jsx","Slot","_jsxs","_Fragment"],"mappings":";;;;;;;;;;;AAca,MAAA,mBAAmB,GAAG,UAAU,CAI3C,CACE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,iBAAiB,GAAG,WAAW,EAAE,GAAG,KAAK,EAAE,EAC3E,GAAG,KACD;AACF,IAAA,MAAM,IAAI,GAAG,cAAc,EAAE,CAAC;AAC9B,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;AAC9C,IAAA,MAAM,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC;AACjC,IAAA,MAAM,WAAW,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEnD,QACEA,sBAAC,IAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,KAAK,EACL,IAAA,EAAA,MAAM,QACN,aAAa,EACX,OAAO,MAAM,KAAK,WAAW,GAAG,IAAI,GAAG,MAAM,EAAE,QAAQ,EAAE,IAAI,EAE/D,aAAa,QACb,MAAM,EAAE,SAAS,GAAG,CAAC,GAAG,CAAC,EACzB,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,OAAO,EACd,YAAY,IAAI,MAAM,CAAC,iBAAiB,EACxC,SAAS,CACV,EACD,MAAM,EAAE,OAAO,GAAGA,qBAAC,CAAAC,yCAAI,EAAG,EAAA,CAAA,GAAG,SAAS,EAClC,GAAA,KAAK,EACR,QAAA,EAAA,YAAY,IACXC,sBAAA,CAAAC,0BAAA,EAAA,EAAA,QAAA,EAAA,CACEH,qBAAC,CAAA,QAAQ,EACP,EAAA,GAAG,EAAE,WAAW,EAChB,WAAW,EAAE,iBAAiB,EAC9B,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,UAAU,QACV,cAAc,EAAE,CAAC,IAAG;wBAClB,IAAI,QAAQ,IAAI,QAAQ,CAAC,aAAa,KAAK,WAAW,CAAC,OAAO;AAC5D,4BAAA,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;qBAChC,EAAA,CACD,EACFA,qBAAC,CAAA,YAAY,IAAC,SAAS,EAAE,MAAM,CAAC,eAAe,EAAA,QAAA,EAC5C,QAAQ,EACI,CAAA,CAAA,EAAA,CACd,KAEH,QAAQ,CACT,EACI,CAAA,EACP;AACJ,CAAC;;;;"}

package/dist/v1/components/dropdown-menu/dropdown-menu-item.cjs

@@ -2,30 +2,45 @@
 
 var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
 var React = require('react');
-var index = require('../../node_modules/.pnpm/@radix-ui_react-dropdown-menu@2.1.14_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@_qqqv3onxyw7nimu7o547lhehwa/node_modules/@radix-ui/react-dropdown-menu/dist/index.cjs');
+var VIIRIBF3 = require('../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/__chunks/VIIRIBF3.cjs');
+var _2NBKRL7C = require('../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/__chunks/2NBKRL7C.cjs');
+var JMHAJKUZ = require('../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/__chunks/JMHAJKUZ.cjs');
 var cell = require('./cell.cjs');
+var index = require('../../node_modules/.pnpm/@radix-ui_react-slot@1.0.2_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.cjs');
 var dropdownMenuRoot = require('./dropdown-menu-root.cjs');
-var JMHAJKUZ = require('../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/__chunks/JMHAJKUZ.cjs');
 var utils = require('./utils.cjs');
 
-const DropdownMenuItem = React.forwardRef(({ children, value, ...props }, ref) => {
-    const { autocomplete, searchValue } = dropdownMenuRoot.useDropdownContext();
-    const menuLevel = dropdownMenuRoot.useMenuLevel();
-    const item = (jsxRuntime.jsxRuntimeExports.jsx(index.Item, { ref: ref, ...props, asChild: true, children: jsxRuntime.jsxRuntimeExports.jsx(cell.Cell, { isComboboxCell: autocomplete, children: children }) }));
-    if (menuLevel >= 2)
-        return item;
-    const computedValue = utils.getValue(value, children);
-    if (autocomplete && !utils.getMatch(computedValue, searchValue))
+const DropdownMenuItem = React.forwardRef(({ children, asChild, forceRender, value, ...props }, ref) => {
+    const { autocomplete, searchValue, shouldFilter } = dropdownMenuRoot.useDropdownContext();
+    const menu = VIIRIBF3.useMenuContext();
+    const defaultProps = {
+        ref,
+        focusOnHover: true,
+        blurOnHoverEnd: false,
+        render: asChild ? jsxRuntime.jsxRuntimeExports.jsx(index.Slot, {}) : jsxRuntime.jsxRuntimeExports.jsx(cell.Cell, {}),
+        ...props,
+    };
+    // In auto mode, hide items that don't match the search value
+    if (!forceRender && shouldFilter && !utils.getMatch(value, children, searchValue)) {
         return null;
-    if (autocomplete)
-        return jsxRuntime.jsxRuntimeExports.jsx(JMHAJKUZ.ComboboxItem, { render: item, value: value });
-    return item;
+    }
+    if (forceRender === "combobox" || autocomplete) {
+        const comboboxProps = defaultProps;
+        return (jsxRuntime.jsxRuntimeExports.jsx(JMHAJKUZ.ComboboxItem, { ...comboboxProps, value: value, setValueOnClick: false, selectValueOnClick: false, hideOnClick: event => {
+                // Make sure that clicking on a combobox item that opens a nested
+                // menu/dialog does not close the menu.
+                const expandable = event.currentTarget.hasAttribute("aria-expanded");
+                if (expandable)
+                    return false;
+                // By default, clicking on a ComboboxItem only closes its own popover.
+                // However, since we're in a menu context, we also close all parent
+                // menus.
+                menu?.hideAll();
+                return true;
+            }, children: children }));
+    }
+    return jsxRuntime.jsxRuntimeExports.jsx(_2NBKRL7C.MenuItem, { ...defaultProps, children: children });
 });
-const DropdownMenuRadioItem = React.forwardRef(({ children, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx(index.RadioItem, { ref: ref, ...props, asChild: true, children: jsxRuntime.jsxRuntimeExports.jsx(cell.Cell, { type: "select", children: children }) })));
-DropdownMenuRadioItem.displayName = index.RadioItem.displayName;
-const DropdownMenuRadioGroup = index.RadioGroup;
 
 exports.DropdownMenuItem = DropdownMenuItem;
-exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
-exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
 //# sourceMappingURL=dropdown-menu-item.cjs.map

package/dist/v1/components/dropdown-menu/dropdown-menu-item.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-item.cjs","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-item.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, ElementRef, forwardRef } from \"react\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { Cell, CellBaseProps } from \"./cell\";\nimport { useDropdownContext, useMenuLevel } from \"./dropdown-menu-root\";\nimport { ComboboxItem } from \"@ariakit/react\";\nimport { getMatch, getValue } from \"./utils\";\n\nexport const DropdownMenuItem = forwardRef<\n  ElementRef<typeof DropdownMenuPrimitive.Item>,\n  ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> &\n    Omit<CellBaseProps, \"type\"> & {\n      value?: string;\n    }\n>(({ children, value, ...props }, ref) => {\n  const { autocomplete, searchValue } = useDropdownContext();\n  const menuLevel = useMenuLevel();\n\n  const item = (\n    <DropdownMenuPrimitive.Item ref={ref} {...props} asChild>\n      <Cell isComboboxCell={autocomplete}>{children}</Cell>\n    </DropdownMenuPrimitive.Item>\n  );\n\n  if (menuLevel >= 2) return item;\n\n  const computedValue = getValue(value, children);\n\n  if (autocomplete && !getMatch(computedValue, searchValue)) return null;\n\n  if (autocomplete) return <ComboboxItem render={item} value={value} />;\n\n  return item;\n});\n\nexport const DropdownMenuRadioItem = forwardRef<\n  ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n  ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem> &\n    Omit<CellBaseProps, \"type\">\n>(({ children, ...props }, ref) => (\n  <DropdownMenuPrimitive.RadioItem ref={ref} {...props} asChild>\n    <Cell type=\"select\">{children}</Cell>\n  </DropdownMenuPrimitive.RadioItem>\n));\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;\n\nexport const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;\n"],"names":["forwardRef","useDropdownContext","useMenuLevel","_jsx","DropdownMenuPrimitive.Item","Cell","getValue","getMatch","ComboboxItem","DropdownMenuPrimitive.RadioItem","DropdownMenuPrimitive.RadioGroup"],"mappings":";;;;;;;;;;AAOa,MAAA,gBAAgB,GAAGA,gBAAU,CAMxC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACvC,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,GAAGC,mCAAkB,EAAE,CAAC;AAC3D,IAAA,MAAM,SAAS,GAAGC,6BAAY,EAAE,CAAC;IAEjC,MAAM,IAAI,IACRC,gCAAC,CAAAC,UAA0B,EAAC,EAAA,GAAG,EAAE,GAAG,EAAM,GAAA,KAAK,EAAE,OAAO,EACtD,IAAA,EAAA,QAAA,EAAAD,gCAAA,CAACE,SAAI,EAAA,EAAC,cAAc,EAAE,YAAY,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAQ,EAC1B,CAAA,CAC9B,CAAC;IAEF,IAAI,SAAS,IAAI,CAAC;AAAE,QAAA,OAAO,IAAI,CAAC;IAEhC,MAAM,aAAa,GAAGC,cAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAEhD,IAAI,YAAY,IAAI,CAACC,cAAQ,CAAC,aAAa,EAAE,WAAW,CAAC;AAAE,QAAA,OAAO,IAAI,CAAC;AAEvE,IAAA,IAAI,YAAY;QAAE,OAAOJ,gCAAA,CAACK,qBAAY,EAAA,EAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAA,CAAI,CAAC;AAEtE,IAAA,OAAO,IAAI,CAAC;AACd,CAAC,EAAE;MAEU,qBAAqB,GAAGR,gBAAU,CAI7C,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC5BG,iCAACM,eAA+B,EAAC,EAAA,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAE,OAAO,kBAC3DN,gCAAC,CAAAE,SAAI,IAAC,IAAI,EAAC,QAAQ,EAAE,QAAA,EAAA,QAAQ,GAAQ,EACL,CAAA,CACnC,EAAE;AACH,qBAAqB,CAAC,WAAW,GAAGI,eAA+B,CAAC,WAAW,CAAC;AAEnE,MAAA,sBAAsB,GAAGC;;;;;;"}
+{"version":3,"file":"dropdown-menu-item.cjs","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-item.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { MenuItem, MenuItemProps, useMenuContext } from \"@ariakit/react\";\nimport { ComboboxItem, ComboboxItemProps } from \"@ariakit/react\";\nimport { Cell, CellBaseProps } from \"./cell\";\nimport { WithAsChild } from \"./types\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { useDropdownContext } from \"./dropdown-menu-root\";\nimport { getMatch } from \"./utils\";\n\nexport interface DropdownMenuItemProps\n  extends WithAsChild<MenuItemProps>,\n    CellBaseProps {\n  forceRender?: \"combobox\" | \"auto\";\n  value?: string;\n}\n\nexport const DropdownMenuItem = forwardRef<\n  HTMLDivElement,\n  DropdownMenuItemProps\n>(({ children, asChild, forceRender, value, ...props }, ref) => {\n  const { autocomplete, searchValue, shouldFilter } = useDropdownContext();\n  const menu = useMenuContext();\n\n  const defaultProps: MenuItemProps = {\n    ref,\n    focusOnHover: true,\n    blurOnHoverEnd: false,\n    render: asChild ? <Slot /> : <Cell />,\n    ...props,\n  };\n\n  // In auto mode, hide items that don't match the search value\n  if (!forceRender && shouldFilter && !getMatch(value, children, searchValue)) {\n    return null;\n  }\n\n  if (forceRender === \"combobox\" || autocomplete) {\n    const comboboxProps = defaultProps as ComboboxItemProps;\n    return (\n      <ComboboxItem\n        {...comboboxProps}\n        value={value}\n        setValueOnClick={false}\n        selectValueOnClick={false}\n        hideOnClick={event => {\n          // Make sure that clicking on a combobox item that opens a nested\n          // menu/dialog does not close the menu.\n          const expandable = event.currentTarget.hasAttribute(\"aria-expanded\");\n          if (expandable) return false;\n          // By default, clicking on a ComboboxItem only closes its own popover.\n          // However, since we're in a menu context, we also close all parent\n          // menus.\n          menu?.hideAll();\n          return true;\n        }}>\n        {children}\n      </ComboboxItem>\n    );\n  }\n\n  return <MenuItem {...defaultProps}>{children}</MenuItem>;\n});\n"],"names":["forwardRef","useDropdownContext","useMenuContext","_jsx","Slot","Cell","getMatch","ComboboxItem","MenuItem"],"mappings":";;;;;;;;;;;;MAgBa,gBAAgB,GAAGA,gBAAU,CAGxC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IAC7D,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,GAAGC,mCAAkB,EAAE,CAAC;AACzE,IAAA,MAAM,IAAI,GAAGC,uBAAc,EAAE,CAAC;AAE9B,IAAA,MAAM,YAAY,GAAkB;QAClC,GAAG;AACH,QAAA,YAAY,EAAE,IAAI;AAClB,QAAA,cAAc,EAAE,KAAK;AACrB,QAAA,MAAM,EAAE,OAAO,GAAGC,gCAAA,CAACC,UAAI,EAAA,EAAA,CAAG,GAAGD,gCAAA,CAACE,SAAI,EAAG,EAAA,CAAA;AACrC,QAAA,GAAG,KAAK;KACT,CAAC;;AAGF,IAAA,IAAI,CAAC,WAAW,IAAI,YAAY,IAAI,CAACC,cAAQ,CAAC,KAAK,EAAE,QAAQ,EAAE,WAAW,CAAC,EAAE;AAC3E,QAAA,OAAO,IAAI,CAAC;KACb;AAED,IAAA,IAAI,WAAW,KAAK,UAAU,IAAI,YAAY,EAAE;QAC9C,MAAM,aAAa,GAAG,YAAiC,CAAC;QACxD,QACEH,iCAACI,qBAAY,EAAA,EAAA,GACP,aAAa,EACjB,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,KAAK,EACtB,kBAAkB,EAAE,KAAK,EACzB,WAAW,EAAE,KAAK,IAAG;;;gBAGnB,MAAM,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;AACrE,gBAAA,IAAI,UAAU;AAAE,oBAAA,OAAO,KAAK,CAAC;;;;gBAI7B,IAAI,EAAE,OAAO,EAAE,CAAC;AAChB,gBAAA,OAAO,IAAI,CAAC;AACd,aAAC,EACA,QAAA,EAAA,QAAQ,EACI,CAAA,EACf;KACH;AAED,IAAA,OAAOJ,iCAACK,kBAAQ,EAAA,EAAA,GAAK,YAAY,EAAG,QAAA,EAAA,QAAQ,GAAY,CAAC;AAC3D,CAAC;;;;"}

package/dist/v1/components/dropdown-menu/dropdown-menu-item.d.ts

@@ -1,8 +1,9 @@
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { MenuItemProps } from "@ariakit/react";
 import { CellBaseProps } from "./cell";
-export declare const DropdownMenuItem: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & Omit<CellBaseProps, "type"> & {
-    value?: string | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;
-export declare const DropdownMenuRadioItem: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & Omit<CellBaseProps, "type"> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const DropdownMenuRadioGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+import { WithAsChild } from "./types";
+export interface DropdownMenuItemProps extends WithAsChild<MenuItemProps>, CellBaseProps {
+    forceRender?: "combobox" | "auto";
+    value?: string;
+}
+export declare const DropdownMenuItem: import("react").ForwardRefExoticComponent<Omit<DropdownMenuItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=dropdown-menu-item.d.ts.map

package/dist/v1/components/dropdown-menu/dropdown-menu-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-item.d.ts","sourceRoot":"","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAQ,aAAa,EAAE,MAAM,QAAQ,CAAC;AAK7C,eAAO,MAAM,gBAAgB;;kDAyB3B,CAAC;AAEH,eAAO,MAAM,qBAAqB,wOAQhC,CAAC;AAGH,eAAO,MAAM,sBAAsB,8IAAmC,CAAC"}
+{"version":3,"file":"dropdown-menu-item.d.ts","sourceRoot":"","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,aAAa,EAAkB,MAAM,gBAAgB,CAAC;AAEzE,OAAO,EAAQ,aAAa,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAKtC,MAAM,WAAW,qBACf,SAAQ,WAAW,CAAC,aAAa,CAAC,EAChC,aAAa;IACf,WAAW,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,gBAAgB,+HA6C3B,CAAC"}

package/dist/v1/components/dropdown-menu/dropdown-menu-item.js

@@ -1,27 +1,44 @@
 import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
 import { forwardRef } from 'react';
-import { Item as Item2, RadioItem as RadioItem2, RadioGroup as RadioGroup2 } from '../../node_modules/.pnpm/@radix-ui_react-dropdown-menu@2.1.14_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@_qqqv3onxyw7nimu7o547lhehwa/node_modules/@radix-ui/react-dropdown-menu/dist/index.js';
-import { Cell } from './cell.js';
-import { useDropdownContext, useMenuLevel } from './dropdown-menu-root.js';
+import { useMenuContext } from '../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/__chunks/VIIRIBF3.js';
+import { MenuItem } from '../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/__chunks/2NBKRL7C.js';
 import { ComboboxItem } from '../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/__chunks/JMHAJKUZ.js';
-import { getMatch, getValue } from './utils.js';
+import { Cell } from './cell.js';
+import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_modules/.pnpm/@radix-ui_react-slot@1.0.2_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.js';
+import { useDropdownContext } from './dropdown-menu-root.js';
+import { getMatch } from './utils.js';
 
-const DropdownMenuItem = forwardRef(({ children, value, ...props }, ref) => {
-    const { autocomplete, searchValue } = useDropdownContext();
-    const menuLevel = useMenuLevel();
-    const item = (jsxRuntimeExports.jsx(Item2, { ref: ref, ...props, asChild: true, children: jsxRuntimeExports.jsx(Cell, { isComboboxCell: autocomplete, children: children }) }));
-    if (menuLevel >= 2)
-        return item;
-    const computedValue = getValue(value, children);
-    if (autocomplete && !getMatch(computedValue, searchValue))
+const DropdownMenuItem = forwardRef(({ children, asChild, forceRender, value, ...props }, ref) => {
+    const { autocomplete, searchValue, shouldFilter } = useDropdownContext();
+    const menu = useMenuContext();
+    const defaultProps = {
+        ref,
+        focusOnHover: true,
+        blurOnHoverEnd: false,
+        render: asChild ? jsxRuntimeExports.jsx($5e63c961fc1ce211$export$8c6ed5c666ac1360, {}) : jsxRuntimeExports.jsx(Cell, {}),
+        ...props,
+    };
+    // In auto mode, hide items that don't match the search value
+    if (!forceRender && shouldFilter && !getMatch(value, children, searchValue)) {
         return null;
-    if (autocomplete)
-        return jsxRuntimeExports.jsx(ComboboxItem, { render: item, value: value });
-    return item;
+    }
+    if (forceRender === "combobox" || autocomplete) {
+        const comboboxProps = defaultProps;
+        return (jsxRuntimeExports.jsx(ComboboxItem, { ...comboboxProps, value: value, setValueOnClick: false, selectValueOnClick: false, hideOnClick: event => {
+                // Make sure that clicking on a combobox item that opens a nested
+                // menu/dialog does not close the menu.
+                const expandable = event.currentTarget.hasAttribute("aria-expanded");
+                if (expandable)
+                    return false;
+                // By default, clicking on a ComboboxItem only closes its own popover.
+                // However, since we're in a menu context, we also close all parent
+                // menus.
+                menu?.hideAll();
+                return true;
+            }, children: children }));
+    }
+    return jsxRuntimeExports.jsx(MenuItem, { ...defaultProps, children: children });
 });
-const DropdownMenuRadioItem = forwardRef(({ children, ...props }, ref) => (jsxRuntimeExports.jsx(RadioItem2, { ref: ref, ...props, asChild: true, children: jsxRuntimeExports.jsx(Cell, { type: "select", children: children }) })));
-DropdownMenuRadioItem.displayName = RadioItem2.displayName;
-const DropdownMenuRadioGroup = RadioGroup2;
 
-export { DropdownMenuItem, DropdownMenuRadioGroup, DropdownMenuRadioItem };
+export { DropdownMenuItem };
 //# sourceMappingURL=dropdown-menu-item.js.map

package/dist/v1/components/dropdown-menu/dropdown-menu-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-item.js","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-item.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, ElementRef, forwardRef } from \"react\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { Cell, CellBaseProps } from \"./cell\";\nimport { useDropdownContext, useMenuLevel } from \"./dropdown-menu-root\";\nimport { ComboboxItem } from \"@ariakit/react\";\nimport { getMatch, getValue } from \"./utils\";\n\nexport const DropdownMenuItem = forwardRef<\n  ElementRef<typeof DropdownMenuPrimitive.Item>,\n  ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> &\n    Omit<CellBaseProps, \"type\"> & {\n      value?: string;\n    }\n>(({ children, value, ...props }, ref) => {\n  const { autocomplete, searchValue } = useDropdownContext();\n  const menuLevel = useMenuLevel();\n\n  const item = (\n    <DropdownMenuPrimitive.Item ref={ref} {...props} asChild>\n      <Cell isComboboxCell={autocomplete}>{children}</Cell>\n    </DropdownMenuPrimitive.Item>\n  );\n\n  if (menuLevel >= 2) return item;\n\n  const computedValue = getValue(value, children);\n\n  if (autocomplete && !getMatch(computedValue, searchValue)) return null;\n\n  if (autocomplete) return <ComboboxItem render={item} value={value} />;\n\n  return item;\n});\n\nexport const DropdownMenuRadioItem = forwardRef<\n  ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n  ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem> &\n    Omit<CellBaseProps, \"type\">\n>(({ children, ...props }, ref) => (\n  <DropdownMenuPrimitive.RadioItem ref={ref} {...props} asChild>\n    <Cell type=\"select\">{children}</Cell>\n  </DropdownMenuPrimitive.RadioItem>\n));\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;\n\nexport const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;\n"],"names":["_jsx","DropdownMenuPrimitive.Item","DropdownMenuPrimitive.RadioItem","DropdownMenuPrimitive.RadioGroup"],"mappings":";;;;;;;;AAOa,MAAA,gBAAgB,GAAG,UAAU,CAMxC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACvC,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,kBAAkB,EAAE,CAAC;AAC3D,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IAEjC,MAAM,IAAI,IACRA,qBAAC,CAAAC,KAA0B,EAAC,EAAA,GAAG,EAAE,GAAG,EAAM,GAAA,KAAK,EAAE,OAAO,EACtD,IAAA,EAAA,QAAA,EAAAD,qBAAA,CAAC,IAAI,EAAA,EAAC,cAAc,EAAE,YAAY,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAQ,EAC1B,CAAA,CAC9B,CAAC;IAEF,IAAI,SAAS,IAAI,CAAC;AAAE,QAAA,OAAO,IAAI,CAAC;IAEhC,MAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAEhD,IAAI,YAAY,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE,WAAW,CAAC;AAAE,QAAA,OAAO,IAAI,CAAC;AAEvE,IAAA,IAAI,YAAY;QAAE,OAAOA,qBAAA,CAAC,YAAY,EAAA,EAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAA,CAAI,CAAC;AAEtE,IAAA,OAAO,IAAI,CAAC;AACd,CAAC,EAAE;MAEU,qBAAqB,GAAG,UAAU,CAI7C,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC5BA,sBAACE,UAA+B,EAAC,EAAA,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAE,OAAO,kBAC3DF,qBAAC,CAAA,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAE,QAAA,EAAA,QAAQ,GAAQ,EACL,CAAA,CACnC,EAAE;AACH,qBAAqB,CAAC,WAAW,GAAGE,UAA+B,CAAC,WAAW,CAAC;AAEnE,MAAA,sBAAsB,GAAGC;;;;"}
+{"version":3,"file":"dropdown-menu-item.js","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-item.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { MenuItem, MenuItemProps, useMenuContext } from \"@ariakit/react\";\nimport { ComboboxItem, ComboboxItemProps } from \"@ariakit/react\";\nimport { Cell, CellBaseProps } from \"./cell\";\nimport { WithAsChild } from \"./types\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { useDropdownContext } from \"./dropdown-menu-root\";\nimport { getMatch } from \"./utils\";\n\nexport interface DropdownMenuItemProps\n  extends WithAsChild<MenuItemProps>,\n    CellBaseProps {\n  forceRender?: \"combobox\" | \"auto\";\n  value?: string;\n}\n\nexport const DropdownMenuItem = forwardRef<\n  HTMLDivElement,\n  DropdownMenuItemProps\n>(({ children, asChild, forceRender, value, ...props }, ref) => {\n  const { autocomplete, searchValue, shouldFilter } = useDropdownContext();\n  const menu = useMenuContext();\n\n  const defaultProps: MenuItemProps = {\n    ref,\n    focusOnHover: true,\n    blurOnHoverEnd: false,\n    render: asChild ? <Slot /> : <Cell />,\n    ...props,\n  };\n\n  // In auto mode, hide items that don't match the search value\n  if (!forceRender && shouldFilter && !getMatch(value, children, searchValue)) {\n    return null;\n  }\n\n  if (forceRender === \"combobox\" || autocomplete) {\n    const comboboxProps = defaultProps as ComboboxItemProps;\n    return (\n      <ComboboxItem\n        {...comboboxProps}\n        value={value}\n        setValueOnClick={false}\n        selectValueOnClick={false}\n        hideOnClick={event => {\n          // Make sure that clicking on a combobox item that opens a nested\n          // menu/dialog does not close the menu.\n          const expandable = event.currentTarget.hasAttribute(\"aria-expanded\");\n          if (expandable) return false;\n          // By default, clicking on a ComboboxItem only closes its own popover.\n          // However, since we're in a menu context, we also close all parent\n          // menus.\n          menu?.hideAll();\n          return true;\n        }}>\n        {children}\n      </ComboboxItem>\n    );\n  }\n\n  return <MenuItem {...defaultProps}>{children}</MenuItem>;\n});\n"],"names":["_jsx","Slot"],"mappings":";;;;;;;;;;MAgBa,gBAAgB,GAAG,UAAU,CAGxC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IAC7D,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;AACzE,IAAA,MAAM,IAAI,GAAG,cAAc,EAAE,CAAC;AAE9B,IAAA,MAAM,YAAY,GAAkB;QAClC,GAAG;AACH,QAAA,YAAY,EAAE,IAAI;AAClB,QAAA,cAAc,EAAE,KAAK;AACrB,QAAA,MAAM,EAAE,OAAO,GAAGA,qBAAA,CAACC,yCAAI,EAAA,EAAA,CAAG,GAAGD,qBAAA,CAAC,IAAI,EAAG,EAAA,CAAA;AACrC,QAAA,GAAG,KAAK;KACT,CAAC;;AAGF,IAAA,IAAI,CAAC,WAAW,IAAI,YAAY,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,QAAQ,EAAE,WAAW,CAAC,EAAE;AAC3E,QAAA,OAAO,IAAI,CAAC;KACb;AAED,IAAA,IAAI,WAAW,KAAK,UAAU,IAAI,YAAY,EAAE;QAC9C,MAAM,aAAa,GAAG,YAAiC,CAAC;QACxD,QACEA,sBAAC,YAAY,EAAA,EAAA,GACP,aAAa,EACjB,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,KAAK,EACtB,kBAAkB,EAAE,KAAK,EACzB,WAAW,EAAE,KAAK,IAAG;;;gBAGnB,MAAM,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;AACrE,gBAAA,IAAI,UAAU;AAAE,oBAAA,OAAO,KAAK,CAAC;;;;gBAI7B,IAAI,EAAE,OAAO,EAAE,CAAC;AAChB,gBAAA,OAAO,IAAI,CAAC;AACd,aAAC,EACA,QAAA,EAAA,QAAQ,EACI,CAAA,EACf;KACH;AAED,IAAA,OAAOA,sBAAC,QAAQ,EAAA,EAAA,GAAK,YAAY,EAAG,QAAA,EAAA,QAAQ,GAAY,CAAC;AAC3D,CAAC;;;;"}

package/dist/v1/components/dropdown-menu/dropdown-menu-misc.cjs

@@ -2,31 +2,33 @@
 
 var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
 var React = require('react');
-var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
-var index = require('../../node_modules/.pnpm/@radix-ui_react-dropdown-menu@2.1.14_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@_qqqv3onxyw7nimu7o547lhehwa/node_modules/@radix-ui/react-dropdown-menu/dist/index.cjs');
+var menuGroupLabel = require('../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/menu/menu-group-label.cjs');
+var menuGroup = require('../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/menu/menu-group.cjs');
+var menuSeparator = require('../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/menu/menu-separator.cjs');
+var index$1 = require('../../node_modules/.pnpm/@radix-ui_react-slot@1.0.2_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.cjs');
+var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var dropdownMenu_module = require('./dropdown-menu.module.css.cjs');
 var dropdownMenuRoot = require('./dropdown-menu-root.cjs');
 
-const DropdownMenuLabel = React.forwardRef(({ className, ...props }, ref) => {
-    const { autocomplete, searchValue } = dropdownMenuRoot.useDropdownContext();
-    const menuLevel = dropdownMenuRoot.useMenuLevel();
-    if (autocomplete && menuLevel === 1 && searchValue?.length)
+const DropdownMenuGroup = React.forwardRef(({ className, asChild, ...props }, ref) => {
+    const { shouldFilter } = dropdownMenuRoot.useDropdownContext();
+    return (jsxRuntime.jsxRuntimeExports.jsx(menuGroup.MenuGroup, { ref: ref, className: index.cx(dropdownMenu_module.default.menugroup, className), render: shouldFilter ? jsxRuntime.jsxRuntimeExports.jsx(React.Fragment, {}) : asChild ? jsxRuntime.jsxRuntimeExports.jsx(index$1.Slot, {}) : undefined, ...props }));
+});
+const DropdownMenuLabel = React.forwardRef(({ className, asChild, ...props }, ref) => {
+    const { shouldFilter } = dropdownMenuRoot.useDropdownContext();
+    if (shouldFilter) {
         return null;
-    return (jsxRuntime.jsxRuntimeExports.jsx(index.Label, { ref: ref, className: index$1.cx(dropdownMenu_module.default.label, className), ...props }));
+    }
+    return (jsxRuntime.jsxRuntimeExports.jsx(menuGroupLabel.MenuGroupLabel, { ref: ref, className: index.cx(dropdownMenu_module.default.label, className), render: asChild ? jsxRuntime.jsxRuntimeExports.jsx(index$1.Slot, {}) : undefined, ...props }));
 });
-DropdownMenuLabel.displayName = index.Label.displayName;
-const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => {
-    const { autocomplete, searchValue } = dropdownMenuRoot.useDropdownContext();
-    const menuLevel = dropdownMenuRoot.useMenuLevel();
-    if (autocomplete && menuLevel === 1 && searchValue?.length)
+const DropdownMenuSeparator = React.forwardRef(({ className, asChild, ...props }, ref) => {
+    const { shouldFilter } = dropdownMenuRoot.useDropdownContext();
+    if (shouldFilter) {
         return null;
-    return (jsxRuntime.jsxRuntimeExports.jsx(index.Separator, { ref: ref, className: index$1.cx(dropdownMenu_module.default.separator, className), ...props }));
+    }
+    return (jsxRuntime.jsxRuntimeExports.jsx(menuSeparator.MenuSeparator, { ref: ref, className: index.cx(dropdownMenu_module.default.separator, className), render: asChild ? jsxRuntime.jsxRuntimeExports.jsx(index$1.Slot, {}) : undefined, ...props }));
 });
-DropdownMenuSeparator.displayName = index.Separator.displayName;
-const DropdownMenuGroup = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx(index.Group, { ref: ref, className: index$1.cx(dropdownMenu_module.default.menugroup, className), ...props })));
-DropdownMenuGroup.displayName = index.Group.displayName;
-const DropdownMenuEmptyState = React.forwardRef(({ className, children, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx("div", { ref: ref, className: index$1.cx(dropdownMenu_module.default.empty, className), ...props, children: children })));
-DropdownMenuEmptyState.displayName = "DropdownMenuEmptyState";
+const DropdownMenuEmptyState = React.forwardRef(({ className, children, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx("div", { ref: ref, className: index.cx(dropdownMenu_module.default.empty, className), ...props, children: children })));
 
 exports.DropdownMenuEmptyState = DropdownMenuEmptyState;
 exports.DropdownMenuGroup = DropdownMenuGroup;

package/dist/v1/components/dropdown-menu/dropdown-menu-misc.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-misc.cjs","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-misc.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n} from \"react\";\nimport { cx } from \"class-variance-authority\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport styles from \"./dropdown-menu.module.css\";\nimport { useDropdownContext, useMenuLevel } from \"./dropdown-menu-root\";\n\nexport const DropdownMenuLabel = forwardRef<\n  ElementRef<typeof DropdownMenuPrimitive.Label>,\n  ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label>\n>(({ className, ...props }, ref) => {\n  const { autocomplete, searchValue } = useDropdownContext();\n  const menuLevel = useMenuLevel();\n\n  if (autocomplete && menuLevel === 1 && searchValue?.length) return null;\n\n  return (\n    <DropdownMenuPrimitive.Label\n      ref={ref}\n      className={cx(styles.label, className)}\n      {...props}\n    />\n  );\n});\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;\n\nexport const DropdownMenuSeparator = forwardRef<\n  ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => {\n  const { autocomplete, searchValue } = useDropdownContext();\n  const menuLevel = useMenuLevel();\n\n  if (autocomplete && menuLevel === 1 && searchValue?.length) return null;\n\n  return (\n    <DropdownMenuPrimitive.Separator\n      ref={ref}\n      className={cx(styles.separator, className)}\n      {...props}\n    />\n  );\n});\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;\n\nexport const DropdownMenuGroup = forwardRef<\n  ElementRef<typeof DropdownMenuPrimitive.Group>,\n  ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Group>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Group\n    ref={ref}\n    className={cx(styles.menugroup, className)}\n    {...props}\n  />\n));\nDropdownMenuGroup.displayName = DropdownMenuPrimitive.Group.displayName;\n\nexport const DropdownMenuEmptyState = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement> & {\n    children: ReactNode;\n  }\n>(({ className, children, ...props }, ref) => (\n  <div ref={ref} className={cx(styles.empty, className)} {...props}>\n    {children}\n  </div>\n));\nDropdownMenuEmptyState.displayName = \"DropdownMenuEmptyState\";\n"],"names":["forwardRef","useDropdownContext","useMenuLevel","_jsx","DropdownMenuPrimitive.Label","cx","styles","DropdownMenuPrimitive.Separator","DropdownMenuPrimitive.Group"],"mappings":";;;;;;;;;AAYa,MAAA,iBAAiB,GAAGA,gBAAU,CAGzC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACjC,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,GAAGC,mCAAkB,EAAE,CAAC;AAC3D,IAAA,MAAM,SAAS,GAAGC,6BAAY,EAAE,CAAC;IAEjC,IAAI,YAAY,IAAI,SAAS,KAAK,CAAC,IAAI,WAAW,EAAE,MAAM;AAAE,QAAA,OAAO,IAAI,CAAC;IAExE,QACEC,gCAAC,CAAAC,WAA2B,IAC1B,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,UAAE,CAACC,2BAAM,CAAC,KAAK,EAAE,SAAS,CAAC,EAClC,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EAAE;AACH,iBAAiB,CAAC,WAAW,GAAGF,WAA2B,CAAC,WAAW,CAAC;AAE3D,MAAA,qBAAqB,GAAGJ,gBAAU,CAG7C,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACjC,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,GAAGC,mCAAkB,EAAE,CAAC;AAC3D,IAAA,MAAM,SAAS,GAAGC,6BAAY,EAAE,CAAC;IAEjC,IAAI,YAAY,IAAI,SAAS,KAAK,CAAC,IAAI,WAAW,EAAE,MAAM;AAAE,QAAA,OAAO,IAAI,CAAC;IAExE,QACEC,gCAAC,CAAAI,eAA+B,IAC9B,GAAG,EAAE,GAAG,EACR,SAAS,EAAEF,UAAE,CAACC,2BAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EACtC,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EAAE;AACH,qBAAqB,CAAC,WAAW,GAAGC,eAA+B,CAAC,WAAW,CAAC;AAEnE,MAAA,iBAAiB,GAAGP,gBAAU,CAGzC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC7BG,gCAAC,CAAAK,WAA2B,EAAA,EAC1B,GAAG,EAAE,GAAG,EACR,SAAS,EAAEH,UAAE,CAACC,2BAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAAA,GACtC,KAAK,EACT,CAAA,CACH,EAAE;AACH,iBAAiB,CAAC,WAAW,GAAGE,WAA2B,CAAC,WAAW,CAAC;AAE3D,MAAA,sBAAsB,GAAGR,gBAAU,CAK9C,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MACvCG,0CAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAEE,UAAE,CAACC,2BAAM,CAAC,KAAK,EAAE,SAAS,CAAC,KAAM,KAAK,EAAA,QAAA,EAC7D,QAAQ,EACL,CAAA,CACP,EAAE;AACH,sBAAsB,CAAC,WAAW,GAAG,wBAAwB;;;;;;;"}
+{"version":3,"file":"dropdown-menu-misc.cjs","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-misc.tsx"],"sourcesContent":["import {\n  ElementRef,\n  forwardRef,\n  Fragment,\n  HTMLAttributes,\n  ReactNode,\n} from \"react\";\nimport {\n  MenuGroup,\n  MenuGroupLabel,\n  MenuGroupLabelProps,\n  MenuGroupProps,\n  MenuSeparator,\n  MenuSeparatorProps,\n} from \"@ariakit/react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cx } from \"class-variance-authority\";\nimport { WithAsChild } from \"./types\";\nimport styles from \"./dropdown-menu.module.css\";\nimport { useDropdownContext } from \"./dropdown-menu-root\";\n\nexport const DropdownMenuGroup = forwardRef<\n  ElementRef<typeof MenuGroup>,\n  WithAsChild<MenuGroupProps>\n>(({ className, asChild, ...props }, ref) => {\n  const { shouldFilter } = useDropdownContext();\n\n  return (\n    <MenuGroup\n      ref={ref}\n      className={cx(styles.menugroup, className)}\n      render={shouldFilter ? <Fragment /> : asChild ? <Slot /> : undefined}\n      {...props}\n    />\n  );\n});\n\nexport const DropdownMenuLabel = forwardRef<\n  ElementRef<typeof MenuGroupLabel>,\n  WithAsChild<MenuGroupLabelProps>\n>(({ className, asChild, ...props }, ref) => {\n  const { shouldFilter } = useDropdownContext();\n\n  if (shouldFilter) {\n    return null;\n  }\n\n  return (\n    <MenuGroupLabel\n      ref={ref}\n      className={cx(styles.label, className)}\n      render={asChild ? <Slot /> : undefined}\n      {...props}\n    />\n  );\n});\n\nexport const DropdownMenuSeparator = forwardRef<\n  ElementRef<typeof MenuSeparator>,\n  WithAsChild<MenuSeparatorProps>\n>(({ className, asChild, ...props }, ref) => {\n  const { shouldFilter } = useDropdownContext();\n\n  if (shouldFilter) {\n    return null;\n  }\n\n  return (\n    <MenuSeparator\n      ref={ref}\n      className={cx(styles.separator, className)}\n      render={asChild ? <Slot /> : undefined}\n      {...props}\n    />\n  );\n});\n\nexport const DropdownMenuEmptyState = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement> & {\n    children: ReactNode;\n  }\n>(({ className, children, ...props }, ref) => (\n  <div ref={ref} className={cx(styles.empty, className)} {...props}>\n    {children}\n  </div>\n));\n"],"names":["forwardRef","useDropdownContext","_jsx","MenuGroup","cx","styles","Fragment","Slot","MenuGroupLabel","MenuSeparator"],"mappings":";;;;;;;;;;;;AAqBa,MAAA,iBAAiB,GAAGA,gBAAU,CAGzC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC1C,IAAA,MAAM,EAAE,YAAY,EAAE,GAAGC,mCAAkB,EAAE,CAAC;IAE9C,QACEC,iCAACC,mBAAS,EAAA,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,QAAE,CAACC,2BAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1C,MAAM,EAAE,YAAY,GAAGH,gCAAA,CAACI,cAAQ,EAAG,EAAA,CAAA,GAAG,OAAO,GAAGJ,iCAACK,YAAI,EAAA,EAAA,CAAG,GAAG,SAAS,EAChE,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EAAE;AAEU,MAAA,iBAAiB,GAAGP,gBAAU,CAGzC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC1C,IAAA,MAAM,EAAE,YAAY,EAAE,GAAGC,mCAAkB,EAAE,CAAC;IAE9C,IAAI,YAAY,EAAE;AAChB,QAAA,OAAO,IAAI,CAAC;KACb;AAED,IAAA,QACEC,gCAAC,CAAAM,6BAAc,EACb,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAEJ,QAAE,CAACC,2BAAM,CAAC,KAAK,EAAE,SAAS,CAAC,EACtC,MAAM,EAAE,OAAO,GAAGH,iCAACK,YAAI,EAAA,EAAA,CAAG,GAAG,SAAS,EAAA,GAClC,KAAK,EAAA,CACT,EACF;AACJ,CAAC,EAAE;AAEU,MAAA,qBAAqB,GAAGP,gBAAU,CAG7C,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC1C,IAAA,MAAM,EAAE,YAAY,EAAE,GAAGC,mCAAkB,EAAE,CAAC;IAE9C,IAAI,YAAY,EAAE;AAChB,QAAA,OAAO,IAAI,CAAC;KACb;AAED,IAAA,QACEC,gCAAC,CAAAO,2BAAa,EACZ,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAEL,QAAE,CAACC,2BAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1C,MAAM,EAAE,OAAO,GAAGH,iCAACK,YAAI,EAAA,EAAA,CAAG,GAAG,SAAS,EAAA,GAClC,KAAK,EAAA,CACT,EACF;AACJ,CAAC,EAAE;AAEU,MAAA,sBAAsB,GAAGP,gBAAU,CAK9C,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MACvCE,0CAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAEE,QAAE,CAACC,2BAAM,CAAC,KAAK,EAAE,SAAS,CAAC,KAAM,KAAK,EAAA,QAAA,EAC7D,QAAQ,EACL,CAAA,CACP;;;;;;;"}

package/dist/v1/components/dropdown-menu/dropdown-menu-misc.d.ts

@@ -1,8 +1,9 @@
 import { HTMLAttributes, ReactNode } from "react";
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-export declare const DropdownMenuLabel: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const DropdownMenuSeparator: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const DropdownMenuGroup: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+import { MenuGroupLabelProps, MenuGroupProps, MenuSeparatorProps } from "@ariakit/react";
+import { WithAsChild } from "./types";
+export declare const DropdownMenuGroup: import("react").ForwardRefExoticComponent<Omit<WithAsChild<MenuGroupProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuLabel: import("react").ForwardRefExoticComponent<Omit<WithAsChild<MenuGroupLabelProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuSeparator: import("react").ForwardRefExoticComponent<Omit<WithAsChild<MenuSeparatorProps>, "ref"> & import("react").RefAttributes<HTMLHRElement>>;
 export declare const DropdownMenuEmptyState: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
     children: ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/dist/v1/components/dropdown-menu/dropdown-menu-misc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-misc.d.ts","sourceRoot":"","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-misc.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,cAAc,EACd,SAAS,EACV,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AAIvE,eAAO,MAAM,iBAAiB,sMAgB5B,CAAC;AAGH,eAAO,MAAM,qBAAqB,0MAgBhC,CAAC;AAGH,eAAO,MAAM,iBAAiB,sMAS5B,CAAC;AAGH,eAAO,MAAM,sBAAsB;cAGrB,SAAS;kDAMrB,CAAC"}
+{"version":3,"file":"dropdown-menu-misc.d.ts","sourceRoot":"","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-misc.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,cAAc,EACd,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,EAGL,mBAAmB,EACnB,cAAc,EAEd,kBAAkB,EACnB,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAItC,eAAO,MAAM,iBAAiB,qIAc5B,CAAC;AAEH,eAAO,MAAM,iBAAiB,0IAkB5B,CAAC;AAEH,eAAO,MAAM,qBAAqB,wIAkBhC,CAAC;AAEH,eAAO,MAAM,sBAAsB;cAGrB,SAAS;kDAMrB,CAAC"}

package/dist/v1/components/dropdown-menu/dropdown-menu-misc.js

@@ -1,30 +1,32 @@
 import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
-import { forwardRef } from 'react';
+import { forwardRef, Fragment } from 'react';
+import { MenuGroupLabel } from '../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/menu/menu-group-label.js';
+import { MenuGroup } from '../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/menu/menu-group.js';
+import { MenuSeparator } from '../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/menu/menu-separator.js';
+import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_modules/.pnpm/@radix-ui_react-slot@1.0.2_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.js';
 import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
-import { Label as Label2, Separator as Separator2, Group as Group2 } from '../../node_modules/.pnpm/@radix-ui_react-dropdown-menu@2.1.14_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@_qqqv3onxyw7nimu7o547lhehwa/node_modules/@radix-ui/react-dropdown-menu/dist/index.js';
 import styles from './dropdown-menu.module.css.js';
-import { useDropdownContext, useMenuLevel } from './dropdown-menu-root.js';
+import { useDropdownContext } from './dropdown-menu-root.js';
 
-const DropdownMenuLabel = forwardRef(({ className, ...props }, ref) => {
-    const { autocomplete, searchValue } = useDropdownContext();
-    const menuLevel = useMenuLevel();
-    if (autocomplete && menuLevel === 1 && searchValue?.length)
+const DropdownMenuGroup = forwardRef(({ className, asChild, ...props }, ref) => {
+    const { shouldFilter } = useDropdownContext();
+    return (jsxRuntimeExports.jsx(MenuGroup, { ref: ref, className: cx(styles.menugroup, className), render: shouldFilter ? jsxRuntimeExports.jsx(Fragment, {}) : asChild ? jsxRuntimeExports.jsx($5e63c961fc1ce211$export$8c6ed5c666ac1360, {}) : undefined, ...props }));
+});
+const DropdownMenuLabel = forwardRef(({ className, asChild, ...props }, ref) => {
+    const { shouldFilter } = useDropdownContext();
+    if (shouldFilter) {
         return null;
-    return (jsxRuntimeExports.jsx(Label2, { ref: ref, className: cx(styles.label, className), ...props }));
+    }
+    return (jsxRuntimeExports.jsx(MenuGroupLabel, { ref: ref, className: cx(styles.label, className), render: asChild ? jsxRuntimeExports.jsx($5e63c961fc1ce211$export$8c6ed5c666ac1360, {}) : undefined, ...props }));
 });
-DropdownMenuLabel.displayName = Label2.displayName;
-const DropdownMenuSeparator = forwardRef(({ className, ...props }, ref) => {
-    const { autocomplete, searchValue } = useDropdownContext();
-    const menuLevel = useMenuLevel();
-    if (autocomplete && menuLevel === 1 && searchValue?.length)
+const DropdownMenuSeparator = forwardRef(({ className, asChild, ...props }, ref) => {
+    const { shouldFilter } = useDropdownContext();
+    if (shouldFilter) {
         return null;
-    return (jsxRuntimeExports.jsx(Separator2, { ref: ref, className: cx(styles.separator, className), ...props }));
+    }
+    return (jsxRuntimeExports.jsx(MenuSeparator, { ref: ref, className: cx(styles.separator, className), render: asChild ? jsxRuntimeExports.jsx($5e63c961fc1ce211$export$8c6ed5c666ac1360, {}) : undefined, ...props }));
 });
-DropdownMenuSeparator.displayName = Separator2.displayName;
-const DropdownMenuGroup = forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx(Group2, { ref: ref, className: cx(styles.menugroup, className), ...props })));
-DropdownMenuGroup.displayName = Group2.displayName;
 const DropdownMenuEmptyState = forwardRef(({ className, children, ...props }, ref) => (jsxRuntimeExports.jsx("div", { ref: ref, className: cx(styles.empty, className), ...props, children: children })));
-DropdownMenuEmptyState.displayName = "DropdownMenuEmptyState";
 
 export { DropdownMenuEmptyState, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator };
 //# sourceMappingURL=dropdown-menu-misc.js.map

package/dist/v1/components/dropdown-menu/dropdown-menu-misc.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-misc.js","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-misc.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n} from \"react\";\nimport { cx } from \"class-variance-authority\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport styles from \"./dropdown-menu.module.css\";\nimport { useDropdownContext, useMenuLevel } from \"./dropdown-menu-root\";\n\nexport const DropdownMenuLabel = forwardRef<\n  ElementRef<typeof DropdownMenuPrimitive.Label>,\n  ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label>\n>(({ className, ...props }, ref) => {\n  const { autocomplete, searchValue } = useDropdownContext();\n  const menuLevel = useMenuLevel();\n\n  if (autocomplete && menuLevel === 1 && searchValue?.length) return null;\n\n  return (\n    <DropdownMenuPrimitive.Label\n      ref={ref}\n      className={cx(styles.label, className)}\n      {...props}\n    />\n  );\n});\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;\n\nexport const DropdownMenuSeparator = forwardRef<\n  ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => {\n  const { autocomplete, searchValue } = useDropdownContext();\n  const menuLevel = useMenuLevel();\n\n  if (autocomplete && menuLevel === 1 && searchValue?.length) return null;\n\n  return (\n    <DropdownMenuPrimitive.Separator\n      ref={ref}\n      className={cx(styles.separator, className)}\n      {...props}\n    />\n  );\n});\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;\n\nexport const DropdownMenuGroup = forwardRef<\n  ElementRef<typeof DropdownMenuPrimitive.Group>,\n  ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Group>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Group\n    ref={ref}\n    className={cx(styles.menugroup, className)}\n    {...props}\n  />\n));\nDropdownMenuGroup.displayName = DropdownMenuPrimitive.Group.displayName;\n\nexport const DropdownMenuEmptyState = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement> & {\n    children: ReactNode;\n  }\n>(({ className, children, ...props }, ref) => (\n  <div ref={ref} className={cx(styles.empty, className)} {...props}>\n    {children}\n  </div>\n));\nDropdownMenuEmptyState.displayName = \"DropdownMenuEmptyState\";\n"],"names":["_jsx","DropdownMenuPrimitive.Label","DropdownMenuPrimitive.Separator","DropdownMenuPrimitive.Group"],"mappings":";;;;;;;AAYa,MAAA,iBAAiB,GAAG,UAAU,CAGzC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACjC,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,kBAAkB,EAAE,CAAC;AAC3D,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IAEjC,IAAI,YAAY,IAAI,SAAS,KAAK,CAAC,IAAI,WAAW,EAAE,MAAM;AAAE,QAAA,OAAO,IAAI,CAAC;IAExE,QACEA,qBAAC,CAAAC,MAA2B,IAC1B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,EAClC,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EAAE;AACH,iBAAiB,CAAC,WAAW,GAAGA,MAA2B,CAAC,WAAW,CAAC;AAE3D,MAAA,qBAAqB,GAAG,UAAU,CAG7C,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACjC,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,kBAAkB,EAAE,CAAC;AAC3D,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IAEjC,IAAI,YAAY,IAAI,SAAS,KAAK,CAAC,IAAI,WAAW,EAAE,MAAM;AAAE,QAAA,OAAO,IAAI,CAAC;IAExE,QACED,qBAAC,CAAAE,UAA+B,IAC9B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EACtC,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EAAE;AACH,qBAAqB,CAAC,WAAW,GAAGA,UAA+B,CAAC,WAAW,CAAC;AAEnE,MAAA,iBAAiB,GAAG,UAAU,CAGzC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC7BF,qBAAC,CAAAG,MAA2B,EAAA,EAC1B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAAA,GACtC,KAAK,EACT,CAAA,CACH,EAAE;AACH,iBAAiB,CAAC,WAAW,GAAGA,MAA2B,CAAC,WAAW,CAAC;AAE3D,MAAA,sBAAsB,GAAG,UAAU,CAK9C,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MACvCH,+BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,KAAM,KAAK,EAAA,QAAA,EAC7D,QAAQ,EACL,CAAA,CACP,EAAE;AACH,sBAAsB,CAAC,WAAW,GAAG,wBAAwB;;;;"}
+{"version":3,"file":"dropdown-menu-misc.js","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-misc.tsx"],"sourcesContent":["import {\n  ElementRef,\n  forwardRef,\n  Fragment,\n  HTMLAttributes,\n  ReactNode,\n} from \"react\";\nimport {\n  MenuGroup,\n  MenuGroupLabel,\n  MenuGroupLabelProps,\n  MenuGroupProps,\n  MenuSeparator,\n  MenuSeparatorProps,\n} from \"@ariakit/react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cx } from \"class-variance-authority\";\nimport { WithAsChild } from \"./types\";\nimport styles from \"./dropdown-menu.module.css\";\nimport { useDropdownContext } from \"./dropdown-menu-root\";\n\nexport const DropdownMenuGroup = forwardRef<\n  ElementRef<typeof MenuGroup>,\n  WithAsChild<MenuGroupProps>\n>(({ className, asChild, ...props }, ref) => {\n  const { shouldFilter } = useDropdownContext();\n\n  return (\n    <MenuGroup\n      ref={ref}\n      className={cx(styles.menugroup, className)}\n      render={shouldFilter ? <Fragment /> : asChild ? <Slot /> : undefined}\n      {...props}\n    />\n  );\n});\n\nexport const DropdownMenuLabel = forwardRef<\n  ElementRef<typeof MenuGroupLabel>,\n  WithAsChild<MenuGroupLabelProps>\n>(({ className, asChild, ...props }, ref) => {\n  const { shouldFilter } = useDropdownContext();\n\n  if (shouldFilter) {\n    return null;\n  }\n\n  return (\n    <MenuGroupLabel\n      ref={ref}\n      className={cx(styles.label, className)}\n      render={asChild ? <Slot /> : undefined}\n      {...props}\n    />\n  );\n});\n\nexport const DropdownMenuSeparator = forwardRef<\n  ElementRef<typeof MenuSeparator>,\n  WithAsChild<MenuSeparatorProps>\n>(({ className, asChild, ...props }, ref) => {\n  const { shouldFilter } = useDropdownContext();\n\n  if (shouldFilter) {\n    return null;\n  }\n\n  return (\n    <MenuSeparator\n      ref={ref}\n      className={cx(styles.separator, className)}\n      render={asChild ? <Slot /> : undefined}\n      {...props}\n    />\n  );\n});\n\nexport const DropdownMenuEmptyState = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement> & {\n    children: ReactNode;\n  }\n>(({ className, children, ...props }, ref) => (\n  <div ref={ref} className={cx(styles.empty, className)} {...props}>\n    {children}\n  </div>\n));\n"],"names":["_jsx","Slot"],"mappings":";;;;;;;;;;AAqBa,MAAA,iBAAiB,GAAG,UAAU,CAGzC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC1C,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAE9C,QACEA,sBAAC,SAAS,EAAA,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1C,MAAM,EAAE,YAAY,GAAGA,qBAAA,CAAC,QAAQ,EAAG,EAAA,CAAA,GAAG,OAAO,GAAGA,sBAACC,yCAAI,EAAA,EAAA,CAAG,GAAG,SAAS,EAChE,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EAAE;AAEU,MAAA,iBAAiB,GAAG,UAAU,CAGzC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC1C,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAE9C,IAAI,YAAY,EAAE;AAChB,QAAA,OAAO,IAAI,CAAC;KACb;AAED,IAAA,QACED,qBAAC,CAAA,cAAc,EACb,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,EACtC,MAAM,EAAE,OAAO,GAAGA,sBAACC,yCAAI,EAAA,EAAA,CAAG,GAAG,SAAS,EAAA,GAClC,KAAK,EAAA,CACT,EACF;AACJ,CAAC,EAAE;AAEU,MAAA,qBAAqB,GAAG,UAAU,CAG7C,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC1C,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAE9C,IAAI,YAAY,EAAE;AAChB,QAAA,OAAO,IAAI,CAAC;KACb;AAED,IAAA,QACED,qBAAC,CAAA,aAAa,EACZ,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1C,MAAM,EAAE,OAAO,GAAGA,sBAACC,yCAAI,EAAA,EAAA,CAAG,GAAG,SAAS,EAAA,GAClC,KAAK,EAAA,CACT,EACF;AACJ,CAAC,EAAE;AAEU,MAAA,sBAAsB,GAAG,UAAU,CAK9C,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MACvCD,+BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,KAAM,KAAK,EAAA,QAAA,EAC7D,QAAQ,EACL,CAAA,CACP;;;;"}