@raystack/apsara 0.45.1 → 0.46.0-rc.1

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;;;;"}

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

@@ -1,50 +1,52 @@
 'use strict';
 
 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 menuProvider = 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-provider.cjs');
 var comboboxProvider = 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/combobox/combobox-provider.cjs');
+var React = require('react');
 
-/*
-Root context to manage the Dropdown control
-@remarks Only for internal usage.
-*/
+/**
+ Root context to manage the Dropdown control
+ @remarks Only for internal usage.
+ */
 const DropdownContext = React.createContext(undefined);
 const useDropdownContext = () => {
     const context = React.useContext(DropdownContext);
-    if (!context) {
-        throw new Error("useDropdownContext must be used within a DropdownMenuProvider");
-    }
-    return context;
+    if (!context)
+        return {};
+    const shouldFilter = !!(context?.autocomplete &&
+        context?.autocompleteMode === "auto" &&
+        context?.searchValue?.length);
+    const shouldFilterParent = !!(context?.parent?.autocomplete &&
+        context?.parent?.autocompleteMode === "auto" &&
+        context?.parent?.searchValue?.length);
+    return {
+        ...context,
+        shouldFilter,
+        parent: context?.parent && {
+            ...context.parent,
+            shouldFilter: shouldFilterParent,
+        },
+    };
 };
-/*
-Context to determine the level of Menu
-@remarks Only for internal usage.
-*/
-const MenuLevelContext = React.createContext(1);
-const useMenuLevel = () => React.useContext(MenuLevelContext);
-function DropdownMenuRoot({ children, autocomplete = false, defaultOpen = false, open, onOpenChange, ...props }) {
-    const [searchValue, setSearchValue] = React.useState("");
-    const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
-    const computedOpen = open ?? internalOpen;
-    const setOpen = (value) => {
-        if (typeof onOpenChange === "function")
-            onOpenChange(value);
-        else
-            setInternalOpen(value);
+const DropdownMenuRoot = ({ autocomplete, autocompleteMode = "auto", searchValue: providedSearchValue, onSearch, focusLoop = true, defaultSearchValue = "", ...props }) => {
+    const [internalSearchValue, setInternalSearchValue] = React.useState(defaultSearchValue);
+    const dropdownContext = useDropdownContext();
+    const searchValue = providedSearchValue ?? internalSearchValue;
+    const setValue = (value) => {
+        setInternalSearchValue(value);
+        onSearch?.(value);
     };
-    return (jsxRuntime.jsxRuntimeExports.jsx(DropdownContext.Provider, { value: { autocomplete, searchValue }, children: jsxRuntime.jsxRuntimeExports.jsx(index.Root, { ...props, open: computedOpen, onOpenChange: setOpen, children: jsxRuntime.jsxRuntimeExports.jsx(MenuLevelContext.Provider, { value: 1, children: autocomplete ? (jsxRuntime.jsxRuntimeExports.jsx(comboboxProvider.ComboboxProvider, { open: computedOpen, setOpen: setOpen, resetValueOnHide: true, includesBaseElement: false, setValue: setSearchValue, children: children })) : (children) }) }) }));
-}
-const DropdownMenuSubMenu = React.forwardRef(({ children, ...props }, ref) => {
-    const menuLevel = useMenuLevel();
-    return (jsxRuntime.jsxRuntimeExports.jsx(index.Sub, { ...props, children: jsxRuntime.jsxRuntimeExports.jsx(MenuLevelContext.Provider, { value: menuLevel + 1, children: children }) }));
-});
-DropdownMenuSubMenu.displayName = index.Sub.displayName;
+    const element = jsxRuntime.jsxRuntimeExports.jsx(menuProvider.MenuProvider, { focusLoop: focusLoop, ...props });
+    return (jsxRuntime.jsxRuntimeExports.jsx(DropdownContext.Provider, { value: {
+            autocomplete,
+            parent: dropdownContext,
+            autocompleteMode,
+            searchValue,
+        }, children: autocomplete ? (jsxRuntime.jsxRuntimeExports.jsx(comboboxProvider.ComboboxProvider, { resetValueOnHide: true, focusLoop: focusLoop, includesBaseElement: false, value: searchValue, setValue: setValue, children: element })) : (element) }));
+};
 
 exports.DropdownContext = DropdownContext;
 exports.DropdownMenuRoot = DropdownMenuRoot;
-exports.DropdownMenuSubMenu = DropdownMenuSubMenu;
-exports.MenuLevelContext = MenuLevelContext;
 exports.useDropdownContext = useDropdownContext;
-exports.useMenuLevel = useMenuLevel;
 //# sourceMappingURL=dropdown-menu-root.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-root.cjs","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-root.tsx"],"sourcesContent":["import {\n  ComponentProps,\n  createContext,\n  forwardRef,\n  useContext,\n  useState,\n} from \"react\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { ComboboxProvider } from \"@ariakit/react\";\n\ninterface DropdownContextValue {\n  autocomplete?: boolean;\n  searchValue?: string;\n}\n/*\nRoot context to manage the Dropdown control\n@remarks Only for internal usage.\n*/\nexport const DropdownContext = createContext<DropdownContextValue | undefined>(\n  undefined,\n);\n\nexport const useDropdownContext = () => {\n  const context = useContext(DropdownContext);\n  if (!context) {\n    throw new Error(\n      \"useDropdownContext must be used within a DropdownMenuProvider\",\n    );\n  }\n  return context;\n};\n\n/*\nContext to determine the level of Menu\n@remarks Only for internal usage.\n*/\nexport const MenuLevelContext = createContext(1);\n\nexport const useMenuLevel = () => useContext(MenuLevelContext);\n\ntype DropdownMenuProps = ComponentProps<typeof DropdownMenuPrimitive.Root> & {\n  autocomplete?: boolean;\n};\n\nexport function DropdownMenuRoot({\n  children,\n  autocomplete = false,\n  defaultOpen = false,\n  open,\n  onOpenChange,\n  ...props\n}: DropdownMenuProps) {\n  const [searchValue, setSearchValue] = useState(\"\");\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n\n  const computedOpen = open ?? internalOpen;\n\n  const setOpen = (value: boolean) => {\n    if (typeof onOpenChange === \"function\") onOpenChange(value);\n    else setInternalOpen(value);\n  };\n\n  return (\n    <DropdownContext.Provider value={{ autocomplete, searchValue }}>\n      <DropdownMenuPrimitive.Root\n        {...props}\n        open={computedOpen}\n        onOpenChange={setOpen}>\n        <MenuLevelContext.Provider value={1}>\n          {autocomplete ? (\n            <ComboboxProvider\n              open={computedOpen}\n              setOpen={setOpen}\n              resetValueOnHide\n              includesBaseElement={false}\n              setValue={setSearchValue}>\n              {children}\n            </ComboboxProvider>\n          ) : (\n            children\n          )}\n        </MenuLevelContext.Provider>\n      </DropdownMenuPrimitive.Root>\n    </DropdownContext.Provider>\n  );\n}\n\nexport const DropdownMenuSubMenu = forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Sub>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Sub>\n>(({ children, ...props }, ref) => {\n  const menuLevel = useMenuLevel();\n  return (\n    <DropdownMenuPrimitive.Sub {...props}>\n      <MenuLevelContext.Provider value={menuLevel + 1}>\n        {children}\n      </MenuLevelContext.Provider>\n    </DropdownMenuPrimitive.Sub>\n  );\n});\nDropdownMenuSubMenu.displayName = DropdownMenuPrimitive.Sub.displayName;\n"],"names":["createContext","useContext","useState","_jsx","DropdownMenuPrimitive.Root","ComboboxProvider","forwardRef","DropdownMenuPrimitive.Sub"],"mappings":";;;;;;;AAcA;;;AAGE;MACW,eAAe,GAAGA,mBAAa,CAC1C,SAAS,EACT;AAEK,MAAM,kBAAkB,GAAG,MAAK;AACrC,IAAA,MAAM,OAAO,GAAGC,gBAAU,CAAC,eAAe,CAAC,CAAC;IAC5C,IAAI,CAAC,OAAO,EAAE;AACZ,QAAA,MAAM,IAAI,KAAK,CACb,+DAA+D,CAChE,CAAC;KACH;AACD,IAAA,OAAO,OAAO,CAAC;AACjB,EAAE;AAEF;;;AAGE;MACW,gBAAgB,GAAGD,mBAAa,CAAC,CAAC,EAAE;AAEpC,MAAA,YAAY,GAAG,MAAMC,gBAAU,CAAC,gBAAgB,EAAE;AAMzD,SAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,WAAW,GAAG,KAAK,EACnB,IAAI,EACJ,YAAY,EACZ,GAAG,KAAK,EACU,EAAA;IAClB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAGC,cAAQ,CAAC,EAAE,CAAC,CAAC;IACnD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAGA,cAAQ,CAAC,WAAW,CAAC,CAAC;AAE9D,IAAA,MAAM,YAAY,GAAG,IAAI,IAAI,YAAY,CAAC;AAE1C,IAAA,MAAM,OAAO,GAAG,CAAC,KAAc,KAAI;QACjC,IAAI,OAAO,YAAY,KAAK,UAAU;YAAE,YAAY,CAAC,KAAK,CAAC,CAAC;;YACvD,eAAe,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAC,CAAC;AAEF,IAAA,QACEC,gCAAC,CAAA,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,WAAW,EAAE,EAC5D,QAAA,EAAAA,gCAAA,CAACC,UAA0B,EACrB,EAAA,GAAA,KAAK,EACT,IAAI,EAAE,YAAY,EAClB,YAAY,EAAE,OAAO,EACrB,QAAA,EAAAD,gCAAA,CAAC,gBAAgB,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,CAAC,EAAA,QAAA,EAChC,YAAY,IACXA,gCAAC,CAAAE,iCAAgB,IACf,IAAI,EAAE,YAAY,EAClB,OAAO,EAAE,OAAO,EAChB,gBAAgB,QAChB,mBAAmB,EAAE,KAAK,EAC1B,QAAQ,EAAE,cAAc,EACvB,QAAA,EAAA,QAAQ,GACQ,KAEnB,QAAQ,CACT,GACyB,EACD,CAAA,EAAA,CACJ,EAC3B;AACJ,CAAC;AAEY,MAAA,mBAAmB,GAAGC,gBAAU,CAG3C,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAChC,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,QACEH,iCAACI,SAAyB,EAAK,EAAA,GAAA,KAAK,EAClC,QAAA,EAAAJ,gCAAA,CAAC,gBAAgB,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,SAAS,GAAG,CAAC,YAC5C,QAAQ,EAAA,CACiB,EACF,CAAA,EAC5B;AACJ,CAAC,EAAE;AACH,mBAAmB,CAAC,WAAW,GAAGI,SAAyB,CAAC,WAAW;;;;;;;;;"}
+{"version":3,"file":"dropdown-menu-root.cjs","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-root.tsx"],"sourcesContent":["import {\n  ComboboxProvider,\n  MenuProvider,\n  MenuProviderProps,\n} from \"@ariakit/react\";\nimport { createContext, useContext, useState } from \"react\";\n\ninterface CommonProps {\n  autocomplete?: boolean;\n  autocompleteMode?: \"auto\" | \"manual\";\n  searchValue?: string;\n}\n\ninterface DropdownContextValue extends CommonProps {\n  parent?: CommonProps;\n}\n\ninterface UseDropdownContext extends DropdownContextValue {\n  shouldFilter?: boolean;\n  parent?: CommonProps & {\n    shouldFilter?: boolean;\n  };\n}\n\n/**\n Root context to manage the Dropdown control\n @remarks Only for internal usage.\n */\n\nexport const DropdownContext = createContext<DropdownContextValue | undefined>(\n  undefined,\n);\n\nexport const useDropdownContext = (): UseDropdownContext => {\n  const context = useContext(DropdownContext);\n  if (!context) return {};\n\n  const shouldFilter = !!(\n    context?.autocomplete &&\n    context?.autocompleteMode === \"auto\" &&\n    context?.searchValue?.length\n  );\n\n  const shouldFilterParent = !!(\n    context?.parent?.autocomplete &&\n    context?.parent?.autocompleteMode === \"auto\" &&\n    context?.parent?.searchValue?.length\n  );\n\n  return {\n    ...context,\n    shouldFilter,\n    parent: context?.parent && {\n      ...context.parent,\n      shouldFilter: shouldFilterParent,\n    },\n  };\n};\n\nexport interface NormalDropdownMenuRootProps extends MenuProviderProps {\n  autocomplete?: false;\n  autocompleteMode?: never;\n  searchValue?: never;\n  onSearch?: never;\n  defaultSearchValue?: never;\n}\n\nexport interface AutocompleteDropdownMenuRootProps\n  extends MenuProviderProps,\n    CommonProps {\n  autocomplete: true;\n  onSearch?: (value: string) => void;\n  defaultSearchValue?: string;\n}\n\nexport type DropdownMenuRootProps =\n  | NormalDropdownMenuRootProps\n  | AutocompleteDropdownMenuRootProps;\n\nexport const DropdownMenuRoot = ({\n  autocomplete,\n  autocompleteMode = \"auto\",\n  searchValue: providedSearchValue,\n  onSearch,\n  focusLoop = true,\n  defaultSearchValue = \"\",\n  ...props\n}: DropdownMenuRootProps) => {\n  const [internalSearchValue, setInternalSearchValue] =\n    useState(defaultSearchValue);\n  const dropdownContext = useDropdownContext();\n\n  const searchValue = providedSearchValue ?? internalSearchValue;\n\n  const setValue = (value: string) => {\n    setInternalSearchValue(value);\n    onSearch?.(value);\n  };\n\n  const element = <MenuProvider focusLoop={focusLoop} {...props} />;\n\n  return (\n    <DropdownContext.Provider\n      value={{\n        autocomplete,\n        parent: dropdownContext,\n        autocompleteMode,\n        searchValue,\n      }}>\n      {autocomplete ? (\n        <ComboboxProvider\n          resetValueOnHide\n          focusLoop={focusLoop}\n          includesBaseElement={false}\n          value={searchValue}\n          setValue={setValue}>\n          {element}\n        </ComboboxProvider>\n      ) : (\n        element\n      )}\n    </DropdownContext.Provider>\n  );\n};\n"],"names":["createContext","useContext","useState","_jsx","MenuProvider","ComboboxProvider"],"mappings":";;;;;;;AAwBA;;;AAGG;MAEU,eAAe,GAAGA,mBAAa,CAC1C,SAAS,EACT;AAEK,MAAM,kBAAkB,GAAG,MAAyB;AACzD,IAAA,MAAM,OAAO,GAAGC,gBAAU,CAAC,eAAe,CAAC,CAAC;AAC5C,IAAA,IAAI,CAAC,OAAO;AAAE,QAAA,OAAO,EAAE,CAAC;AAExB,IAAA,MAAM,YAAY,GAAG,CAAC,EACpB,OAAO,EAAE,YAAY;QACrB,OAAO,EAAE,gBAAgB,KAAK,MAAM;AACpC,QAAA,OAAO,EAAE,WAAW,EAAE,MAAM,CAC7B,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,EAC1B,OAAO,EAAE,MAAM,EAAE,YAAY;AAC7B,QAAA,OAAO,EAAE,MAAM,EAAE,gBAAgB,KAAK,MAAM;AAC5C,QAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,CACrC,CAAC;IAEF,OAAO;AACL,QAAA,GAAG,OAAO;QACV,YAAY;AACZ,QAAA,MAAM,EAAE,OAAO,EAAE,MAAM,IAAI;YACzB,GAAG,OAAO,CAAC,MAAM;AACjB,YAAA,YAAY,EAAE,kBAAkB;AACjC,SAAA;KACF,CAAC;AACJ,EAAE;AAsBK,MAAM,gBAAgB,GAAG,CAAC,EAC/B,YAAY,EACZ,gBAAgB,GAAG,MAAM,EACzB,WAAW,EAAE,mBAAmB,EAChC,QAAQ,EACR,SAAS,GAAG,IAAI,EAChB,kBAAkB,GAAG,EAAE,EACvB,GAAG,KAAK,EACc,KAAI;IAC1B,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GACjDC,cAAQ,CAAC,kBAAkB,CAAC,CAAC;AAC/B,IAAA,MAAM,eAAe,GAAG,kBAAkB,EAAE,CAAC;AAE7C,IAAA,MAAM,WAAW,GAAG,mBAAmB,IAAI,mBAAmB,CAAC;AAE/D,IAAA,MAAM,QAAQ,GAAG,CAAC,KAAa,KAAI;QACjC,sBAAsB,CAAC,KAAK,CAAC,CAAC;AAC9B,QAAA,QAAQ,GAAG,KAAK,CAAC,CAAC;AACpB,KAAC,CAAC;IAEF,MAAM,OAAO,GAAGC,gCAAA,CAACC,yBAAY,EAAA,EAAC,SAAS,EAAE,SAAS,EAAA,GAAM,KAAK,EAAA,CAAI,CAAC;AAElE,IAAA,QACED,gCAAC,CAAA,eAAe,CAAC,QAAQ,EAAA,EACvB,KAAK,EAAE;YACL,YAAY;AACZ,YAAA,MAAM,EAAE,eAAe;YACvB,gBAAgB;YAChB,WAAW;AACZ,SAAA,EAAA,QAAA,EACA,YAAY,IACXA,iCAACE,iCAAgB,EAAA,EACf,gBAAgB,EAAA,IAAA,EAChB,SAAS,EAAE,SAAS,EACpB,mBAAmB,EAAE,KAAK,EAC1B,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,QAAQ,YACjB,OAAO,EAAA,CACS,KAEnB,OAAO,CACR,EAAA,CACwB,EAC3B;AACJ;;;;;;"}

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

@@ -1,17 +1,37 @@
-import { ComponentProps } from "react";
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-interface DropdownContextValue {
+import { MenuProviderProps } from "@ariakit/react";
+interface CommonProps {
     autocomplete?: boolean;
+    autocompleteMode?: "auto" | "manual";
     searchValue?: string;
 }
+interface DropdownContextValue extends CommonProps {
+    parent?: CommonProps;
+}
+interface UseDropdownContext extends DropdownContextValue {
+    shouldFilter?: boolean;
+    parent?: CommonProps & {
+        shouldFilter?: boolean;
+    };
+}
+/**
+ Root context to manage the Dropdown control
+ @remarks Only for internal usage.
+ */
 export declare const DropdownContext: import("react").Context<DropdownContextValue | undefined>;
-export declare const useDropdownContext: () => DropdownContextValue;
-export declare const MenuLevelContext: import("react").Context<number>;
-export declare const useMenuLevel: () => number;
-type DropdownMenuProps = ComponentProps<typeof DropdownMenuPrimitive.Root> & {
-    autocomplete?: boolean;
-};
-export declare function DropdownMenuRoot({ children, autocomplete, defaultOpen, open, onOpenChange, ...props }: DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
-export declare const DropdownMenuSubMenu: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuSubProps & import("react").RefAttributes<never>>;
+export declare const useDropdownContext: () => UseDropdownContext;
+export interface NormalDropdownMenuRootProps extends MenuProviderProps {
+    autocomplete?: false;
+    autocompleteMode?: never;
+    searchValue?: never;
+    onSearch?: never;
+    defaultSearchValue?: never;
+}
+export interface AutocompleteDropdownMenuRootProps extends MenuProviderProps, CommonProps {
+    autocomplete: true;
+    onSearch?: (value: string) => void;
+    defaultSearchValue?: string;
+}
+export type DropdownMenuRootProps = NormalDropdownMenuRootProps | AutocompleteDropdownMenuRootProps;
+export declare const DropdownMenuRoot: ({ autocomplete, autocompleteMode, searchValue: providedSearchValue, onSearch, focusLoop, defaultSearchValue, ...props }: DropdownMenuRootProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=dropdown-menu-root.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-root.d.ts","sourceRoot":"","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-root.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EAKf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AAGvE,UAAU,oBAAoB;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAKD,eAAO,MAAM,eAAe,2DAE3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,4BAQ9B,CAAC;AAMF,eAAO,MAAM,gBAAgB,iCAAmB,CAAC;AAEjD,eAAO,MAAM,YAAY,cAAqC,CAAC;AAE/D,KAAK,iBAAiB,GAAG,cAAc,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC,GAAG;IAC3E,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,YAAoB,EACpB,WAAmB,EACnB,IAAI,EACJ,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAkCnB;AAED,eAAO,MAAM,mBAAmB,8HAY9B,CAAC"}
+{"version":3,"file":"dropdown-menu-root.d.ts","sourceRoot":"","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-root.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,iBAAiB,EAClB,MAAM,gBAAgB,CAAC;AAGxB,UAAU,WAAW;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,oBAAqB,SAAQ,WAAW;IAChD,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,UAAU,kBAAmB,SAAQ,oBAAoB;IACvD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,WAAW,GAAG;QACrB,YAAY,CAAC,EAAE,OAAO,CAAC;KACxB,CAAC;CACH;AAED;;;GAGG;AAEH,eAAO,MAAM,eAAe,2DAE3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,QAAO,kBAwBrC,CAAC;AAEF,MAAM,WAAW,2BAA4B,SAAQ,iBAAiB;IACpE,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,kBAAkB,CAAC,EAAE,KAAK,CAAC;CAC5B;AAED,MAAM,WAAW,iCACf,SAAQ,iBAAiB,EACvB,WAAW;IACb,YAAY,EAAE,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,MAAM,qBAAqB,GAC7B,2BAA2B,GAC3B,iCAAiC,CAAC;AAEtC,eAAO,MAAM,gBAAgB,4HAQ1B,qBAAqB,4CAoCvB,CAAC"}