@raystack/apsara 0.45.1 → 0.46.0-rc.1

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

@@ -1,43 +1,48 @@
 import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
-import { createContext, forwardRef, useContext, useState } from 'react';
-import { Sub as Sub2, Root as Root2 } 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 { MenuProvider } 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-provider.js';
 import { ComboboxProvider } 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-provider.js';
+import { createContext, useContext, useState } from '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 = createContext(undefined);
 const useDropdownContext = () => {
     const context = 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 = createContext(1);
-const useMenuLevel = () => useContext(MenuLevelContext);
-function DropdownMenuRoot({ children, autocomplete = false, defaultOpen = false, open, onOpenChange, ...props }) {
-    const [searchValue, setSearchValue] = useState("");
-    const [internalOpen, setInternalOpen] = 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] = useState(defaultSearchValue);
+    const dropdownContext = useDropdownContext();
+    const searchValue = providedSearchValue ?? internalSearchValue;
+    const setValue = (value) => {
+        setInternalSearchValue(value);
+        onSearch?.(value);
     };
-    return (jsxRuntimeExports.jsx(DropdownContext.Provider, { value: { autocomplete, searchValue }, children: jsxRuntimeExports.jsx(Root2, { ...props, open: computedOpen, onOpenChange: setOpen, children: jsxRuntimeExports.jsx(MenuLevelContext.Provider, { value: 1, children: autocomplete ? (jsxRuntimeExports.jsx(ComboboxProvider, { open: computedOpen, setOpen: setOpen, resetValueOnHide: true, includesBaseElement: false, setValue: setSearchValue, children: children })) : (children) }) }) }));
-}
-const DropdownMenuSubMenu = forwardRef(({ children, ...props }, ref) => {
-    const menuLevel = useMenuLevel();
-    return (jsxRuntimeExports.jsx(Sub2, { ...props, children: jsxRuntimeExports.jsx(MenuLevelContext.Provider, { value: menuLevel + 1, children: children }) }));
-});
-DropdownMenuSubMenu.displayName = Sub2.displayName;
+    const element = jsxRuntimeExports.jsx(MenuProvider, { focusLoop: focusLoop, ...props });
+    return (jsxRuntimeExports.jsx(DropdownContext.Provider, { value: {
+            autocomplete,
+            parent: dropdownContext,
+            autocompleteMode,
+            searchValue,
+        }, children: autocomplete ? (jsxRuntimeExports.jsx(ComboboxProvider, { resetValueOnHide: true, focusLoop: focusLoop, includesBaseElement: false, value: searchValue, setValue: setValue, children: element })) : (element) }));
+};
 
-export { DropdownContext, DropdownMenuRoot, DropdownMenuSubMenu, MenuLevelContext, useDropdownContext, useMenuLevel };
+export { DropdownContext, DropdownMenuRoot, useDropdownContext };
 //# sourceMappingURL=dropdown-menu-root.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-root.js","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":["_jsx","DropdownMenuPrimitive.Root","DropdownMenuPrimitive.Sub"],"mappings":";;;;;AAcA;;;AAGE;MACW,eAAe,GAAG,aAAa,CAC1C,SAAS,EACT;AAEK,MAAM,kBAAkB,GAAG,MAAK;AACrC,IAAA,MAAM,OAAO,GAAG,UAAU,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,GAAG,aAAa,CAAC,CAAC,EAAE;AAEpC,MAAA,YAAY,GAAG,MAAM,UAAU,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,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,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,QACEA,qBAAC,CAAA,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,WAAW,EAAE,EAC5D,QAAA,EAAAA,qBAAA,CAACC,KAA0B,EACrB,EAAA,GAAA,KAAK,EACT,IAAI,EAAE,YAAY,EAClB,YAAY,EAAE,OAAO,EACrB,QAAA,EAAAD,qBAAA,CAAC,gBAAgB,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,CAAC,EAAA,QAAA,EAChC,YAAY,IACXA,qBAAC,CAAA,gBAAgB,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,GAAG,UAAU,CAG3C,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAChC,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,QACEA,sBAACE,IAAyB,EAAK,EAAA,GAAA,KAAK,EAClC,QAAA,EAAAF,qBAAA,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,GAAGE,IAAyB,CAAC,WAAW;;;;"}
+{"version":3,"file":"dropdown-menu-root.js","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":["_jsx"],"mappings":";;;;;AAwBA;;;AAGG;MAEU,eAAe,GAAG,aAAa,CAC1C,SAAS,EACT;AAEK,MAAM,kBAAkB,GAAG,MAAyB;AACzD,IAAA,MAAM,OAAO,GAAG,UAAU,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,GACjD,QAAQ,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,GAAGA,qBAAA,CAAC,YAAY,EAAA,EAAC,SAAS,EAAE,SAAS,EAAA,GAAM,KAAK,EAAA,CAAI,CAAC;AAElE,IAAA,QACEA,qBAAC,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,sBAAC,gBAAgB,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-trigger.cjs

@@ -2,30 +2,28 @@
 
 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 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 dropdownMenuRoot = require('./dropdown-menu-root.cjs');
+var menuButton = 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-button.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 dropdownMenuItem = require('./dropdown-menu-item.cjs');
 var triangleRight = require('../../icons/assets/triangle-right.svg.cjs');
-var cell = require('./cell.cjs');
+var dropdownMenuRoot = require('./dropdown-menu-root.cjs');
 var utils = require('./utils.cjs');
 
-const DropdownMenuTrigger = index.Trigger;
-const DropdownMenuSubMenuTrigger = React.forwardRef(({ children, value, trailingIcon = jsxRuntime.jsxRuntimeExports.jsx(triangleRight.ReactComponent, {}), ...props }, ref) => {
-    const { autocomplete, searchValue } = dropdownMenuRoot.useDropdownContext();
-    const menuLevel = dropdownMenuRoot.useMenuLevel();
-    const item = (jsxRuntime.jsxRuntimeExports.jsx(index.SubTrigger, { ref: ref, ...props, asChild: true, children: jsxRuntime.jsxRuntimeExports.jsx(cell.Cell, { trailingIcon: trailingIcon, isComboboxCell: autocomplete, children: children }) }));
-    if ((autocomplete && menuLevel >= 3) || (!autocomplete && menuLevel >= 2))
-        return item;
-    const computedValue = utils.getValue(value, children);
-    if (autocomplete && !utils.getMatch(computedValue, searchValue))
+const DropdownMenuTrigger = React.forwardRef(({ children, asChild, ...props }, ref) => {
+    return (jsxRuntime.jsxRuntimeExports.jsx(menuButton.MenuButton, { ref: ref, render: asChild ? jsxRuntime.jsxRuntimeExports.jsx(index.Slot, {}) : undefined, ...props, children: children }));
+});
+/**
+ * `TriggerItem` is a helper component that renders a `Trigger` as a `MenuItem`.
+ */
+const DropdownMenuTriggerItem = React.forwardRef(({ children, value, trailingIcon = jsxRuntime.jsxRuntimeExports.jsx(triangleRight.ReactComponent, {}), ...props }, ref) => {
+    const { parent } = dropdownMenuRoot.useDropdownContext();
+    if (parent?.shouldFilter &&
+        !utils.getMatch(value, children, parent?.searchValue)) {
         return null;
-    if (autocomplete)
-        return jsxRuntime.jsxRuntimeExports.jsx(JMHAJKUZ.ComboboxItem, { value: value, render: item });
-    return item;
+    }
+    return (jsxRuntime.jsxRuntimeExports.jsx(menuButton.MenuButton, { ref: ref, render: jsxRuntime.jsxRuntimeExports.jsx(dropdownMenuItem.DropdownMenuItem, { value: value, trailingIcon: trailingIcon, ...props, forceRender: parent?.autocomplete ? "combobox" : "auto" }), children: children }));
 });
-DropdownMenuSubMenuTrigger.displayName =
-    index.SubTrigger.displayName;
 
-exports.DropdownMenuSubMenuTrigger = DropdownMenuSubMenuTrigger;
 exports.DropdownMenuTrigger = DropdownMenuTrigger;
+exports.DropdownMenuTriggerItem = DropdownMenuTriggerItem;
 //# sourceMappingURL=dropdown-menu-trigger.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-trigger.cjs","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-trigger.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, ElementRef, forwardRef } from \"react\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { ComboboxItem } from \"@ariakit/react\";\nimport { useDropdownContext, useMenuLevel } from \"./dropdown-menu-root\";\nimport { TriangleRightIcon } from \"~/v1/icons\";\nimport { Cell, CellBaseProps } from \"./cell\";\nimport { getMatch, getValue } from \"./utils\";\n\nexport const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\n\nexport const DropdownMenuSubMenuTrigger = forwardRef<\n  ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> &\n    Omit<CellBaseProps, \"type\"> & {\n      value?: string;\n    }\n>(\n  (\n    { children, value, trailingIcon = <TriangleRightIcon />, ...props },\n    ref,\n  ) => {\n    const { autocomplete, searchValue } = useDropdownContext();\n    const menuLevel = useMenuLevel();\n\n    const item = (\n      <DropdownMenuPrimitive.SubTrigger ref={ref} {...props} asChild>\n        <Cell trailingIcon={trailingIcon} isComboboxCell={autocomplete}>\n          {children}\n        </Cell>\n      </DropdownMenuPrimitive.SubTrigger>\n    );\n    if ((autocomplete && menuLevel >= 3) || (!autocomplete && menuLevel >= 2))\n      return item;\n\n    const computedValue = getValue(value, children);\n\n    if (autocomplete && !getMatch(computedValue, searchValue)) return null;\n    if (autocomplete) return <ComboboxItem value={value} render={item} />;\n    return item;\n  },\n);\nDropdownMenuSubMenuTrigger.displayName =\n  DropdownMenuPrimitive.SubTrigger.displayName;\n"],"names":["DropdownMenuPrimitive.Trigger","forwardRef","_jsx","TriangleRightIcon","useDropdownContext","useMenuLevel","DropdownMenuPrimitive.SubTrigger","Cell","getValue","getMatch","ComboboxItem"],"mappings":";;;;;;;;;;;AAQa,MAAA,mBAAmB,GAAGA,cAA8B;AAEpD,MAAA,0BAA0B,GAAGC,gBAAU,CAOlD,CACE,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,GAAGC,gCAAA,CAACC,4BAAiB,EAAA,EAAA,CAAG,EAAE,GAAG,KAAK,EAAE,EACnE,GAAG,KACD;IACF,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,GAAGC,mCAAkB,EAAE,CAAC;AAC3D,IAAA,MAAM,SAAS,GAAGC,6BAAY,EAAE,CAAC;AAEjC,IAAA,MAAM,IAAI,IACRH,gCAAA,CAACI,gBAAgC,EAAA,EAAC,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAE,OAAO,EAC5D,IAAA,EAAA,QAAA,EAAAJ,gCAAA,CAACK,SAAI,EAAA,EAAC,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,YAAY,EAC3D,QAAA,EAAA,QAAQ,EACJ,CAAA,EAAA,CAC0B,CACpC,CAAC;AACF,IAAA,IAAI,CAAC,YAAY,IAAI,SAAS,IAAI,CAAC,MAAM,CAAC,YAAY,IAAI,SAAS,IAAI,CAAC,CAAC;AACvE,QAAA,OAAO,IAAI,CAAC;IAEd,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;AACvE,IAAA,IAAI,YAAY;QAAE,OAAOP,gCAAA,CAACQ,qBAAY,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAA,CAAI,CAAC;AACtE,IAAA,OAAO,IAAI,CAAC;AACd,CAAC,EACD;AACF,0BAA0B,CAAC,WAAW;AACpC,IAAAJ,gBAAgC,CAAC,WAAW;;;;;"}
+{"version":3,"file":"dropdown-menu-trigger.cjs","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-trigger.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { MenuButton, MenuButtonProps } from \"@ariakit/react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { DropdownMenuItem, DropdownMenuItemProps } from \"./dropdown-menu-item\";\nimport { WithAsChild } from \"./types\";\nimport { TriangleRightIcon } from \"@raystack/apsara/icons\";\nimport { useDropdownContext } from \"./dropdown-menu-root\";\nimport { getMatch } from \"./utils\";\n\nexport interface DropdownMenuTriggerProps\n  extends WithAsChild<MenuButtonProps> {}\n\nexport const DropdownMenuTrigger = forwardRef<\n  HTMLButtonElement,\n  DropdownMenuTriggerProps\n>(({ children, asChild, ...props }, ref) => {\n  return (\n    <MenuButton ref={ref} render={asChild ? <Slot /> : undefined} {...props}>\n      {children}\n    </MenuButton>\n  );\n});\n\nexport interface DropdownMenuTriggerItemProps extends DropdownMenuItemProps {}\n\n/**\n * `TriggerItem` is a helper component that renders a `Trigger` as a `MenuItem`.\n */\nexport const DropdownMenuTriggerItem = forwardRef<\n  HTMLButtonElement,\n  DropdownMenuTriggerItemProps\n>(\n  (\n    { children, value, trailingIcon = <TriangleRightIcon />, ...props },\n    ref,\n  ) => {\n    const { parent } = useDropdownContext();\n\n    if (\n      parent?.shouldFilter &&\n      !getMatch(value, children, parent?.searchValue)\n    ) {\n      return null;\n    }\n\n    return (\n      <MenuButton\n        ref={ref}\n        render={\n          <DropdownMenuItem\n            value={value}\n            trailingIcon={trailingIcon}\n            {...props}\n            forceRender={parent?.autocomplete ? \"combobox\" : \"auto\"}\n          />\n        }>\n        {children}\n      </MenuButton>\n    );\n  },\n);\n"],"names":["forwardRef","_jsx","MenuButton","Slot","TriangleRightIcon","useDropdownContext","getMatch","DropdownMenuItem"],"mappings":";;;;;;;;;;;AAYa,MAAA,mBAAmB,GAAGA,gBAAU,CAG3C,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACzC,QACEC,gCAAC,CAAAC,qBAAU,EAAC,EAAA,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,GAAGD,gCAAA,CAACE,UAAI,EAAA,EAAA,CAAG,GAAG,SAAS,EAAM,GAAA,KAAK,EACpE,QAAA,EAAA,QAAQ,EACE,CAAA,EACb;AACJ,CAAC,EAAE;AAIH;;AAEG;AACU,MAAA,uBAAuB,GAAGH,gBAAU,CAI/C,CACE,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,GAAGC,gCAAA,CAACG,4BAAiB,EAAA,EAAA,CAAG,EAAE,GAAG,KAAK,EAAE,EACnE,GAAG,KACD;AACF,IAAA,MAAM,EAAE,MAAM,EAAE,GAAGC,mCAAkB,EAAE,CAAC;IAExC,IACE,MAAM,EAAE,YAAY;QACpB,CAACC,cAAQ,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,CAAC,EAC/C;AACA,QAAA,OAAO,IAAI,CAAC;KACb;AAED,IAAA,QACEL,gCAAC,CAAAC,qBAAU,IACT,GAAG,EAAE,GAAG,EACR,MAAM,EACJD,gCAAA,CAACM,iCAAgB,EACf,EAAA,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EACtB,GAAA,KAAK,EACT,WAAW,EAAE,MAAM,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,EAAA,CACvD,YAEH,QAAQ,EAAA,CACE,EACb;AACJ,CAAC;;;;;"}

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

@@ -1,7 +1,13 @@
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { CellBaseProps } from "./cell";
-export declare const DropdownMenuTrigger: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const DropdownMenuSubMenuTrigger: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & Omit<CellBaseProps, "type"> & {
-    value?: string | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;
+import { MenuButtonProps } from "@ariakit/react";
+import { DropdownMenuItemProps } from "./dropdown-menu-item";
+import { WithAsChild } from "./types";
+export interface DropdownMenuTriggerProps extends WithAsChild<MenuButtonProps> {
+}
+export declare const DropdownMenuTrigger: import("react").ForwardRefExoticComponent<Omit<DropdownMenuTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export interface DropdownMenuTriggerItemProps extends DropdownMenuItemProps {
+}
+/**
+ * `TriggerItem` is a helper component that renders a `Trigger` as a `MenuItem`.
+ */
+export declare const DropdownMenuTriggerItem: import("react").ForwardRefExoticComponent<Omit<DropdownMenuTriggerItemProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=dropdown-menu-trigger.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-trigger.d.ts","sourceRoot":"","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-trigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AAIvE,OAAO,EAAQ,aAAa,EAAE,MAAM,QAAQ,CAAC;AAG7C,eAAO,MAAM,mBAAmB,8IAAgC,CAAC;AAEjE,eAAO,MAAM,0BAA0B;;kDA8BtC,CAAC"}
+{"version":3,"file":"dropdown-menu-trigger.d.ts","sourceRoot":"","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-trigger.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAE7D,OAAO,EAAoB,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAKtC,MAAM,WAAW,wBACf,SAAQ,WAAW,CAAC,eAAe,CAAC;CAAG;AAEzC,eAAO,MAAM,mBAAmB,qIAS9B,CAAC;AAEH,MAAM,WAAW,4BAA6B,SAAQ,qBAAqB;CAAG;AAE9E;;GAEG;AACH,eAAO,MAAM,uBAAuB,yIAgCnC,CAAC"}

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

@@ -1,28 +1,26 @@
 import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
 import { forwardRef } from 'react';
-import { SubTrigger as SubTrigger2, Trigger } 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 { 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 { useDropdownContext, useMenuLevel } from './dropdown-menu-root.js';
+import { MenuButton } 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-button.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 { DropdownMenuItem } from './dropdown-menu-item.js';
 import { ReactComponent as SvgTriangleRight } from '../../icons/assets/triangle-right.svg.js';
-import { Cell } from './cell.js';
-import { getMatch, getValue } from './utils.js';
+import { useDropdownContext } from './dropdown-menu-root.js';
+import { getMatch } from './utils.js';
 
-const DropdownMenuTrigger = Trigger;
-const DropdownMenuSubMenuTrigger = forwardRef(({ children, value, trailingIcon = jsxRuntimeExports.jsx(SvgTriangleRight, {}), ...props }, ref) => {
-    const { autocomplete, searchValue } = useDropdownContext();
-    const menuLevel = useMenuLevel();
-    const item = (jsxRuntimeExports.jsx(SubTrigger2, { ref: ref, ...props, asChild: true, children: jsxRuntimeExports.jsx(Cell, { trailingIcon: trailingIcon, isComboboxCell: autocomplete, children: children }) }));
-    if ((autocomplete && menuLevel >= 3) || (!autocomplete && menuLevel >= 2))
-        return item;
-    const computedValue = getValue(value, children);
-    if (autocomplete && !getMatch(computedValue, searchValue))
+const DropdownMenuTrigger = forwardRef(({ children, asChild, ...props }, ref) => {
+    return (jsxRuntimeExports.jsx(MenuButton, { ref: ref, render: asChild ? jsxRuntimeExports.jsx($5e63c961fc1ce211$export$8c6ed5c666ac1360, {}) : undefined, ...props, children: children }));
+});
+/**
+ * `TriggerItem` is a helper component that renders a `Trigger` as a `MenuItem`.
+ */
+const DropdownMenuTriggerItem = forwardRef(({ children, value, trailingIcon = jsxRuntimeExports.jsx(SvgTriangleRight, {}), ...props }, ref) => {
+    const { parent } = useDropdownContext();
+    if (parent?.shouldFilter &&
+        !getMatch(value, children, parent?.searchValue)) {
         return null;
-    if (autocomplete)
-        return jsxRuntimeExports.jsx(ComboboxItem, { value: value, render: item });
-    return item;
+    }
+    return (jsxRuntimeExports.jsx(MenuButton, { ref: ref, render: jsxRuntimeExports.jsx(DropdownMenuItem, { value: value, trailingIcon: trailingIcon, ...props, forceRender: parent?.autocomplete ? "combobox" : "auto" }), children: children }));
 });
-DropdownMenuSubMenuTrigger.displayName =
-    SubTrigger2.displayName;
 
-export { DropdownMenuSubMenuTrigger, DropdownMenuTrigger };
+export { DropdownMenuTrigger, DropdownMenuTriggerItem };
 //# sourceMappingURL=dropdown-menu-trigger.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-trigger.js","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-trigger.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, ElementRef, forwardRef } from \"react\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { ComboboxItem } from \"@ariakit/react\";\nimport { useDropdownContext, useMenuLevel } from \"./dropdown-menu-root\";\nimport { TriangleRightIcon } from \"~/v1/icons\";\nimport { Cell, CellBaseProps } from \"./cell\";\nimport { getMatch, getValue } from \"./utils\";\n\nexport const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\n\nexport const DropdownMenuSubMenuTrigger = forwardRef<\n  ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> &\n    Omit<CellBaseProps, \"type\"> & {\n      value?: string;\n    }\n>(\n  (\n    { children, value, trailingIcon = <TriangleRightIcon />, ...props },\n    ref,\n  ) => {\n    const { autocomplete, searchValue } = useDropdownContext();\n    const menuLevel = useMenuLevel();\n\n    const item = (\n      <DropdownMenuPrimitive.SubTrigger ref={ref} {...props} asChild>\n        <Cell trailingIcon={trailingIcon} isComboboxCell={autocomplete}>\n          {children}\n        </Cell>\n      </DropdownMenuPrimitive.SubTrigger>\n    );\n    if ((autocomplete && menuLevel >= 3) || (!autocomplete && menuLevel >= 2))\n      return item;\n\n    const computedValue = getValue(value, children);\n\n    if (autocomplete && !getMatch(computedValue, searchValue)) return null;\n    if (autocomplete) return <ComboboxItem value={value} render={item} />;\n    return item;\n  },\n);\nDropdownMenuSubMenuTrigger.displayName =\n  DropdownMenuPrimitive.SubTrigger.displayName;\n"],"names":["DropdownMenuPrimitive.Trigger","_jsx","TriangleRightIcon","DropdownMenuPrimitive.SubTrigger"],"mappings":";;;;;;;;;AAQa,MAAA,mBAAmB,GAAGA,QAA8B;AAEpD,MAAA,0BAA0B,GAAG,UAAU,CAOlD,CACE,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,GAAGC,qBAAA,CAACC,gBAAiB,EAAA,EAAA,CAAG,EAAE,GAAG,KAAK,EAAE,EACnE,GAAG,KACD;IACF,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,kBAAkB,EAAE,CAAC;AAC3D,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;AAEjC,IAAA,MAAM,IAAI,IACRD,qBAAA,CAACE,WAAgC,EAAA,EAAC,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAE,OAAO,EAC5D,IAAA,EAAA,QAAA,EAAAF,qBAAA,CAAC,IAAI,EAAA,EAAC,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,YAAY,EAC3D,QAAA,EAAA,QAAQ,EACJ,CAAA,EAAA,CAC0B,CACpC,CAAC;AACF,IAAA,IAAI,CAAC,YAAY,IAAI,SAAS,IAAI,CAAC,MAAM,CAAC,YAAY,IAAI,SAAS,IAAI,CAAC,CAAC;AACvE,QAAA,OAAO,IAAI,CAAC;IAEd,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;AACvE,IAAA,IAAI,YAAY;QAAE,OAAOA,qBAAA,CAAC,YAAY,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAA,CAAI,CAAC;AACtE,IAAA,OAAO,IAAI,CAAC;AACd,CAAC,EACD;AACF,0BAA0B,CAAC,WAAW;AACpC,IAAAE,WAAgC,CAAC,WAAW;;;;"}
+{"version":3,"file":"dropdown-menu-trigger.js","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-trigger.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { MenuButton, MenuButtonProps } from \"@ariakit/react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { DropdownMenuItem, DropdownMenuItemProps } from \"./dropdown-menu-item\";\nimport { WithAsChild } from \"./types\";\nimport { TriangleRightIcon } from \"@raystack/apsara/icons\";\nimport { useDropdownContext } from \"./dropdown-menu-root\";\nimport { getMatch } from \"./utils\";\n\nexport interface DropdownMenuTriggerProps\n  extends WithAsChild<MenuButtonProps> {}\n\nexport const DropdownMenuTrigger = forwardRef<\n  HTMLButtonElement,\n  DropdownMenuTriggerProps\n>(({ children, asChild, ...props }, ref) => {\n  return (\n    <MenuButton ref={ref} render={asChild ? <Slot /> : undefined} {...props}>\n      {children}\n    </MenuButton>\n  );\n});\n\nexport interface DropdownMenuTriggerItemProps extends DropdownMenuItemProps {}\n\n/**\n * `TriggerItem` is a helper component that renders a `Trigger` as a `MenuItem`.\n */\nexport const DropdownMenuTriggerItem = forwardRef<\n  HTMLButtonElement,\n  DropdownMenuTriggerItemProps\n>(\n  (\n    { children, value, trailingIcon = <TriangleRightIcon />, ...props },\n    ref,\n  ) => {\n    const { parent } = useDropdownContext();\n\n    if (\n      parent?.shouldFilter &&\n      !getMatch(value, children, parent?.searchValue)\n    ) {\n      return null;\n    }\n\n    return (\n      <MenuButton\n        ref={ref}\n        render={\n          <DropdownMenuItem\n            value={value}\n            trailingIcon={trailingIcon}\n            {...props}\n            forceRender={parent?.autocomplete ? \"combobox\" : \"auto\"}\n          />\n        }>\n        {children}\n      </MenuButton>\n    );\n  },\n);\n"],"names":["_jsx","Slot","TriangleRightIcon"],"mappings":";;;;;;;;;AAYa,MAAA,mBAAmB,GAAG,UAAU,CAG3C,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACzC,QACEA,qBAAC,CAAA,UAAU,EAAC,EAAA,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,GAAGA,qBAAA,CAACC,yCAAI,EAAA,EAAA,CAAG,GAAG,SAAS,EAAM,GAAA,KAAK,EACpE,QAAA,EAAA,QAAQ,EACE,CAAA,EACb;AACJ,CAAC,EAAE;AAIH;;AAEG;AACU,MAAA,uBAAuB,GAAG,UAAU,CAI/C,CACE,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,GAAGD,qBAAA,CAACE,gBAAiB,EAAA,EAAA,CAAG,EAAE,GAAG,KAAK,EAAE,EACnE,GAAG,KACD;AACF,IAAA,MAAM,EAAE,MAAM,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAExC,IACE,MAAM,EAAE,YAAY;QACpB,CAAC,QAAQ,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,CAAC,EAC/C;AACA,QAAA,OAAO,IAAI,CAAC;KACb;AAED,IAAA,QACEF,qBAAC,CAAA,UAAU,IACT,GAAG,EAAE,GAAG,EACR,MAAM,EACJA,qBAAA,CAAC,gBAAgB,EACf,EAAA,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EACtB,GAAA,KAAK,EACT,WAAW,EAAE,MAAM,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,EAAA,CACvD,YAEH,QAAQ,EAAA,CACE,EACb;AACJ,CAAC;;;;"}

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

@@ -2,23 +2,22 @@
 
 var dropdownMenuRoot = require('./dropdown-menu-root.cjs');
 var dropdownMenuContent = require('./dropdown-menu-content.cjs');
-var dropdownMenuTrigger = require('./dropdown-menu-trigger.cjs');
 var dropdownMenuItem = require('./dropdown-menu-item.cjs');
+var dropdownMenuTrigger = require('./dropdown-menu-trigger.cjs');
 var dropdownMenuMisc = require('./dropdown-menu-misc.cjs');
 
 const DropdownMenu = Object.assign(dropdownMenuRoot.DropdownMenuRoot, {
     Trigger: dropdownMenuTrigger.DropdownMenuTrigger,
+    /**
+     * `TriggerItem` is a helper component that renders a `Trigger` as a `MenuItem`.
+     */
+    TriggerItem: dropdownMenuTrigger.DropdownMenuTriggerItem,
     Content: dropdownMenuContent.DropdownMenuContent,
     Item: dropdownMenuItem.DropdownMenuItem,
     Group: dropdownMenuMisc.DropdownMenuGroup,
     Label: dropdownMenuMisc.DropdownMenuLabel,
     Separator: dropdownMenuMisc.DropdownMenuSeparator,
     EmptyState: dropdownMenuMisc.DropdownMenuEmptyState,
-    SubMenu: dropdownMenuRoot.DropdownMenuSubMenu,
-    SubMenuContent: dropdownMenuContent.DropdownMenuSubMenuContent,
-    SubMenuTrigger: dropdownMenuTrigger.DropdownMenuSubMenuTrigger,
-    RadioItem: dropdownMenuItem.DropdownMenuRadioItem,
-    RadioGroup: dropdownMenuItem.DropdownMenuRadioGroup,
 });
 
 exports.DropdownMenu = DropdownMenu;

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.cjs","sources":["../../../../v1/components/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["import { DropdownMenuRoot, DropdownMenuSubMenu } from \"./dropdown-menu-root\";\nimport {\n  DropdownMenuContent,\n  DropdownMenuSubMenuContent,\n} from \"./dropdown-menu-content\";\nimport {\n  DropdownMenuSubMenuTrigger,\n  DropdownMenuTrigger,\n} from \"./dropdown-menu-trigger\";\nimport {\n  DropdownMenuItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n} from \"./dropdown-menu-item\";\nimport {\n  DropdownMenuEmptyState,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n} from \"./dropdown-menu-misc\";\n\nexport const DropdownMenu = Object.assign(DropdownMenuRoot, {\n  Trigger: DropdownMenuTrigger,\n  Content: DropdownMenuContent,\n  Item: DropdownMenuItem,\n  Group: DropdownMenuGroup,\n  Label: DropdownMenuLabel,\n  Separator: DropdownMenuSeparator,\n  EmptyState: DropdownMenuEmptyState,\n  SubMenu: DropdownMenuSubMenu,\n  SubMenuContent: DropdownMenuSubMenuContent,\n  SubMenuTrigger: DropdownMenuSubMenuTrigger,\n  RadioItem: DropdownMenuRadioItem,\n  RadioGroup: DropdownMenuRadioGroup,\n});\n"],"names":["DropdownMenuRoot","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuItem","DropdownMenuGroup","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuEmptyState","DropdownMenuSubMenu","DropdownMenuSubMenuContent","DropdownMenuSubMenuTrigger","DropdownMenuRadioItem","DropdownMenuRadioGroup"],"mappings":";;;;;;;;MAqBa,YAAY,GAAG,MAAM,CAAC,MAAM,CAACA,iCAAgB,EAAE;AAC1D,IAAA,OAAO,EAAEC,uCAAmB;AAC5B,IAAA,OAAO,EAAEC,uCAAmB;AAC5B,IAAA,IAAI,EAAEC,iCAAgB;AACtB,IAAA,KAAK,EAAEC,kCAAiB;AACxB,IAAA,KAAK,EAAEC,kCAAiB;AACxB,IAAA,SAAS,EAAEC,sCAAqB;AAChC,IAAA,UAAU,EAAEC,uCAAsB;AAClC,IAAA,OAAO,EAAEC,oCAAmB;AAC5B,IAAA,cAAc,EAAEC,8CAA0B;AAC1C,IAAA,cAAc,EAAEC,8CAA0B;AAC1C,IAAA,SAAS,EAAEC,sCAAqB;AAChC,IAAA,UAAU,EAAEC,uCAAsB;AACnC,CAAA;;;;"}
+{"version":3,"file":"dropdown-menu.cjs","sources":["../../../../v1/components/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["import { DropdownMenuRoot } from \"./dropdown-menu-root\";\nimport { DropdownMenuContent } from \"./dropdown-menu-content\";\nimport { DropdownMenuItem } from \"./dropdown-menu-item\";\nimport {\n  DropdownMenuTrigger,\n  DropdownMenuTriggerItem,\n} from \"./dropdown-menu-trigger\";\nimport {\n  DropdownMenuEmptyState,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n} from \"./dropdown-menu-misc\";\n\nexport const DropdownMenu = Object.assign(DropdownMenuRoot, {\n  Trigger: DropdownMenuTrigger,\n  /**\n   * `TriggerItem` is a helper component that renders a `Trigger` as a `MenuItem`.\n   */\n  TriggerItem: DropdownMenuTriggerItem,\n  Content: DropdownMenuContent,\n  Item: DropdownMenuItem,\n  Group: DropdownMenuGroup,\n  Label: DropdownMenuLabel,\n  Separator: DropdownMenuSeparator,\n  EmptyState: DropdownMenuEmptyState,\n});\n"],"names":["DropdownMenuRoot","DropdownMenuTrigger","DropdownMenuTriggerItem","DropdownMenuContent","DropdownMenuItem","DropdownMenuGroup","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuEmptyState"],"mappings":";;;;;;;;MAca,YAAY,GAAG,MAAM,CAAC,MAAM,CAACA,iCAAgB,EAAE;AAC1D,IAAA,OAAO,EAAEC,uCAAmB;AAC5B;;AAEG;AACH,IAAA,WAAW,EAAEC,2CAAuB;AACpC,IAAA,OAAO,EAAEC,uCAAmB;AAC5B,IAAA,IAAI,EAAEC,iCAAgB;AACtB,IAAA,KAAK,EAAEC,kCAAiB;AACxB,IAAA,KAAK,EAAEC,kCAAiB;AACxB,IAAA,SAAS,EAAEC,sCAAqB;AAChC,IAAA,UAAU,EAAEC,uCAAsB;AACnC,CAAA;;;;"}

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

@@ -1,22 +1,16 @@
-import { DropdownMenuRoot } from "./dropdown-menu-root";
-export declare const DropdownMenu: typeof DropdownMenuRoot & {
-    Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-    Content: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Item: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & Omit<import("./cell").CellBaseProps, "type"> & {
-        value?: string | undefined;
-    } & import("react").RefAttributes<HTMLDivElement>>;
-    Group: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Label: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Separator: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenu: (({ autocomplete, autocompleteMode, searchValue: providedSearchValue, onSearch, focusLoop, defaultSearchValue, ...props }: import("./dropdown-menu-root").DropdownMenuRootProps) => import("react/jsx-runtime").JSX.Element) & {
+    Trigger: import("react").ForwardRefExoticComponent<Omit<import("./dropdown-menu-trigger").DropdownMenuTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    /**
+     * `TriggerItem` is a helper component that renders a `Trigger` as a `MenuItem`.
+     */
+    TriggerItem: import("react").ForwardRefExoticComponent<Omit<import("./dropdown-menu-trigger").DropdownMenuTriggerItemProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<import("./dropdown-menu-content").MenuContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<Omit<import("./dropdown-menu-item").DropdownMenuItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Group: import("react").ForwardRefExoticComponent<Omit<import("./types").WithAsChild<import("@ariakit/react").MenuGroupProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Label: import("react").ForwardRefExoticComponent<Omit<import("./types").WithAsChild<import("@ariakit/react").MenuGroupLabelProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Separator: import("react").ForwardRefExoticComponent<Omit<import("./types").WithAsChild<import("@ariakit/react").MenuSeparatorProps>, "ref"> & import("react").RefAttributes<HTMLHRElement>>;
     EmptyState: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
         children: import("react").ReactNode;
     } & import("react").RefAttributes<HTMLDivElement>>;
-    SubMenu: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuSubProps & import("react").RefAttributes<never>>;
-    SubMenuContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    SubMenuTrigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuSubTriggerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & Omit<import("./cell").CellBaseProps, "type"> & {
-        value?: string | undefined;
-    } & import("react").RefAttributes<HTMLDivElement>>;
-    RadioItem: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & Omit<import("./cell").CellBaseProps, "type"> & import("react").RefAttributes<HTMLDivElement>>;
-    RadioGroup: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
 };
 //# sourceMappingURL=dropdown-menu.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../../v1/components/dropdown-menu/dropdown-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAuB,MAAM,sBAAsB,CAAC;AAqB7E,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;CAavB,CAAC"}
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../../v1/components/dropdown-menu/dropdown-menu.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,YAAY;;IAEvB;;OAEG;;;;;;;;;;CAQH,CAAC"}

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

@@ -1,22 +1,21 @@
-import { DropdownMenuRoot, DropdownMenuSubMenu } from './dropdown-menu-root.js';
-import { DropdownMenuContent, DropdownMenuSubMenuContent } from './dropdown-menu-content.js';
-import { DropdownMenuTrigger, DropdownMenuSubMenuTrigger } from './dropdown-menu-trigger.js';
-import { DropdownMenuItem, DropdownMenuRadioItem, DropdownMenuRadioGroup } from './dropdown-menu-item.js';
+import { DropdownMenuRoot } from './dropdown-menu-root.js';
+import { DropdownMenuContent } from './dropdown-menu-content.js';
+import { DropdownMenuItem } from './dropdown-menu-item.js';
+import { DropdownMenuTrigger, DropdownMenuTriggerItem } from './dropdown-menu-trigger.js';
 import { DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuEmptyState } from './dropdown-menu-misc.js';
 
 const DropdownMenu = Object.assign(DropdownMenuRoot, {
     Trigger: DropdownMenuTrigger,
+    /**
+     * `TriggerItem` is a helper component that renders a `Trigger` as a `MenuItem`.
+     */
+    TriggerItem: DropdownMenuTriggerItem,
     Content: DropdownMenuContent,
     Item: DropdownMenuItem,
     Group: DropdownMenuGroup,
     Label: DropdownMenuLabel,
     Separator: DropdownMenuSeparator,
     EmptyState: DropdownMenuEmptyState,
-    SubMenu: DropdownMenuSubMenu,
-    SubMenuContent: DropdownMenuSubMenuContent,
-    SubMenuTrigger: DropdownMenuSubMenuTrigger,
-    RadioItem: DropdownMenuRadioItem,
-    RadioGroup: DropdownMenuRadioGroup,
 });
 
 export { DropdownMenu };

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.js","sources":["../../../../v1/components/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["import { DropdownMenuRoot, DropdownMenuSubMenu } from \"./dropdown-menu-root\";\nimport {\n  DropdownMenuContent,\n  DropdownMenuSubMenuContent,\n} from \"./dropdown-menu-content\";\nimport {\n  DropdownMenuSubMenuTrigger,\n  DropdownMenuTrigger,\n} from \"./dropdown-menu-trigger\";\nimport {\n  DropdownMenuItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n} from \"./dropdown-menu-item\";\nimport {\n  DropdownMenuEmptyState,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n} from \"./dropdown-menu-misc\";\n\nexport const DropdownMenu = Object.assign(DropdownMenuRoot, {\n  Trigger: DropdownMenuTrigger,\n  Content: DropdownMenuContent,\n  Item: DropdownMenuItem,\n  Group: DropdownMenuGroup,\n  Label: DropdownMenuLabel,\n  Separator: DropdownMenuSeparator,\n  EmptyState: DropdownMenuEmptyState,\n  SubMenu: DropdownMenuSubMenu,\n  SubMenuContent: DropdownMenuSubMenuContent,\n  SubMenuTrigger: DropdownMenuSubMenuTrigger,\n  RadioItem: DropdownMenuRadioItem,\n  RadioGroup: DropdownMenuRadioGroup,\n});\n"],"names":[],"mappings":";;;;;;MAqBa,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,gBAAgB,EAAE;AAC1D,IAAA,OAAO,EAAE,mBAAmB;AAC5B,IAAA,OAAO,EAAE,mBAAmB;AAC5B,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,KAAK,EAAE,iBAAiB;AACxB,IAAA,KAAK,EAAE,iBAAiB;AACxB,IAAA,SAAS,EAAE,qBAAqB;AAChC,IAAA,UAAU,EAAE,sBAAsB;AAClC,IAAA,OAAO,EAAE,mBAAmB;AAC5B,IAAA,cAAc,EAAE,0BAA0B;AAC1C,IAAA,cAAc,EAAE,0BAA0B;AAC1C,IAAA,SAAS,EAAE,qBAAqB;AAChC,IAAA,UAAU,EAAE,sBAAsB;AACnC,CAAA;;;;"}
+{"version":3,"file":"dropdown-menu.js","sources":["../../../../v1/components/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["import { DropdownMenuRoot } from \"./dropdown-menu-root\";\nimport { DropdownMenuContent } from \"./dropdown-menu-content\";\nimport { DropdownMenuItem } from \"./dropdown-menu-item\";\nimport {\n  DropdownMenuTrigger,\n  DropdownMenuTriggerItem,\n} from \"./dropdown-menu-trigger\";\nimport {\n  DropdownMenuEmptyState,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n} from \"./dropdown-menu-misc\";\n\nexport const DropdownMenu = Object.assign(DropdownMenuRoot, {\n  Trigger: DropdownMenuTrigger,\n  /**\n   * `TriggerItem` is a helper component that renders a `Trigger` as a `MenuItem`.\n   */\n  TriggerItem: DropdownMenuTriggerItem,\n  Content: DropdownMenuContent,\n  Item: DropdownMenuItem,\n  Group: DropdownMenuGroup,\n  Label: DropdownMenuLabel,\n  Separator: DropdownMenuSeparator,\n  EmptyState: DropdownMenuEmptyState,\n});\n"],"names":[],"mappings":";;;;;;MAca,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,gBAAgB,EAAE;AAC1D,IAAA,OAAO,EAAE,mBAAmB;AAC5B;;AAEG;AACH,IAAA,WAAW,EAAE,uBAAuB;AACpC,IAAA,OAAO,EAAE,mBAAmB;AAC5B,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,KAAK,EAAE,iBAAiB;AACxB,IAAA,KAAK,EAAE,iBAAiB;AACxB,IAAA,SAAS,EAAE,qBAAqB;AAChC,IAAA,UAAU,EAAE,sBAAsB;AACnC,CAAA;;;;"}

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

@@ -0,0 +1,4 @@
+export type WithAsChild<T> = Omit<T, "render"> & {
+    asChild?: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../v1/components/dropdown-menu/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,QAAQ,CAAC,GAAG;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}

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

@@ -1,12 +1,21 @@
 'use strict';
 
-const getMatch = (value, search) => {
+const getMatch = (value, children, search) => {
     if (!search?.length)
         return true;
-    return value.toLowerCase().includes(search.toLowerCase());
+    const childrenValue = getChildrenValue(children)?.toLowerCase();
+    return (value?.toLowerCase().includes(search.toLowerCase()) ||
+        childrenValue?.includes(search.toLowerCase()));
+};
+const getChildrenValue = (children) => {
+    if (typeof children === "string")
+        return children;
+    if (typeof children === "object" && children !== null) {
+        return children.toString();
+    }
+    return null;
 };
-const getValue = (value, children) => String(value ?? typeof children === "string" ? children : "") ?? "";
 
+exports.getChildrenValue = getChildrenValue;
 exports.getMatch = getMatch;
-exports.getValue = getValue;
 //# sourceMappingURL=utils.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","sources":["../../../../v1/components/dropdown-menu/utils.ts"],"sourcesContent":["import { ReactNode } from \"react\";\n\nexport const getMatch = (value: string, search?: string) => {\n  if (!search?.length) return true;\n  return value.toLowerCase().includes(search.toLowerCase());\n};\n\nexport const getValue = (value?: string, children?: ReactNode) =>\n  String(value ?? typeof children === \"string\" ? children : \"\") ?? \"\";\n"],"names":[],"mappings":";;MAEa,QAAQ,GAAG,CAAC,KAAa,EAAE,MAAe,KAAI;IACzD,IAAI,CAAC,MAAM,EAAE,MAAM;AAAE,QAAA,OAAO,IAAI,CAAC;AACjC,IAAA,OAAO,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CAAC;AAC5D,EAAE;AAEK,MAAM,QAAQ,GAAG,CAAC,KAAc,EAAE,QAAoB,KAC3D,MAAM,CAAC,KAAK,IAAI,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,EAAE,CAAC,IAAI;;;;;"}
+{"version":3,"file":"utils.cjs","sources":["../../../../v1/components/dropdown-menu/utils.ts"],"sourcesContent":["import { ReactNode } from \"react\";\n\nexport const getMatch = (\n  value?: string,\n  children?: ReactNode,\n  search?: string,\n) => {\n  if (!search?.length) return true;\n  const childrenValue = getChildrenValue(children)?.toLowerCase();\n\n  return (\n    value?.toLowerCase().includes(search.toLowerCase()) ||\n    childrenValue?.includes(search.toLowerCase())\n  );\n};\n\nexport const getChildrenValue = (children?: ReactNode) => {\n  if (typeof children === \"string\") return children;\n  if (typeof children === \"object\" && children !== null) {\n    return children.toString();\n  }\n  return null;\n};\n"],"names":[],"mappings":";;AAEa,MAAA,QAAQ,GAAG,CACtB,KAAc,EACd,QAAoB,EACpB,MAAe,KACb;IACF,IAAI,CAAC,MAAM,EAAE,MAAM;AAAE,QAAA,OAAO,IAAI,CAAC;IACjC,MAAM,aAAa,GAAG,gBAAgB,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;AAEhE,IAAA,QACE,KAAK,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;QACnD,aAAa,EAAE,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,EAC7C;AACJ,EAAE;AAEW,MAAA,gBAAgB,GAAG,CAAC,QAAoB,KAAI;IACvD,IAAI,OAAO,QAAQ,KAAK,QAAQ;AAAE,QAAA,OAAO,QAAQ,CAAC;IAClD,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,QAAQ,KAAK,IAAI,EAAE;AACrD,QAAA,OAAO,QAAQ,CAAC,QAAQ,EAAE,CAAC;KAC5B;AACD,IAAA,OAAO,IAAI,CAAC;AACd;;;;;"}

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

@@ -1,4 +1,4 @@
 import { ReactNode } from "react";
-export declare const getMatch: (value: string, search?: string) => boolean;
-export declare const getValue: (value?: string, children?: ReactNode) => string;
+export declare const getMatch: (value?: string, children?: ReactNode, search?: string) => boolean | undefined;
+export declare const getChildrenValue: (children?: ReactNode) => string | null;
 //# sourceMappingURL=utils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../v1/components/dropdown-menu/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,eAAO,MAAM,QAAQ,UAAW,MAAM,WAAW,MAAM,YAGtD,CAAC;AAEF,eAAO,MAAM,QAAQ,WAAY,MAAM,aAAa,SAAS,WACQ,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../v1/components/dropdown-menu/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,eAAO,MAAM,QAAQ,WACX,MAAM,aACH,SAAS,WACX,MAAM,wBAShB,CAAC;AAEF,eAAO,MAAM,gBAAgB,cAAe,SAAS,kBAMpD,CAAC"}

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

@@ -1,9 +1,18 @@
-const getMatch = (value, search) => {
+const getMatch = (value, children, search) => {
     if (!search?.length)
         return true;
-    return value.toLowerCase().includes(search.toLowerCase());
+    const childrenValue = getChildrenValue(children)?.toLowerCase();
+    return (value?.toLowerCase().includes(search.toLowerCase()) ||
+        childrenValue?.includes(search.toLowerCase()));
+};
+const getChildrenValue = (children) => {
+    if (typeof children === "string")
+        return children;
+    if (typeof children === "object" && children !== null) {
+        return children.toString();
+    }
+    return null;
 };
-const getValue = (value, children) => String(value ?? typeof children === "string" ? children : "") ?? "";
 
-export { getMatch, getValue };
+export { getChildrenValue, getMatch };
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../v1/components/dropdown-menu/utils.ts"],"sourcesContent":["import { ReactNode } from \"react\";\n\nexport const getMatch = (value: string, search?: string) => {\n  if (!search?.length) return true;\n  return value.toLowerCase().includes(search.toLowerCase());\n};\n\nexport const getValue = (value?: string, children?: ReactNode) =>\n  String(value ?? typeof children === \"string\" ? children : \"\") ?? \"\";\n"],"names":[],"mappings":"MAEa,QAAQ,GAAG,CAAC,KAAa,EAAE,MAAe,KAAI;IACzD,IAAI,CAAC,MAAM,EAAE,MAAM;AAAE,QAAA,OAAO,IAAI,CAAC;AACjC,IAAA,OAAO,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CAAC;AAC5D,EAAE;AAEK,MAAM,QAAQ,GAAG,CAAC,KAAc,EAAE,QAAoB,KAC3D,MAAM,CAAC,KAAK,IAAI,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,EAAE,CAAC,IAAI;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../../v1/components/dropdown-menu/utils.ts"],"sourcesContent":["import { ReactNode } from \"react\";\n\nexport const getMatch = (\n  value?: string,\n  children?: ReactNode,\n  search?: string,\n) => {\n  if (!search?.length) return true;\n  const childrenValue = getChildrenValue(children)?.toLowerCase();\n\n  return (\n    value?.toLowerCase().includes(search.toLowerCase()) ||\n    childrenValue?.includes(search.toLowerCase())\n  );\n};\n\nexport const getChildrenValue = (children?: ReactNode) => {\n  if (typeof children === \"string\") return children;\n  if (typeof children === \"object\" && children !== null) {\n    return children.toString();\n  }\n  return null;\n};\n"],"names":[],"mappings":"AAEa,MAAA,QAAQ,GAAG,CACtB,KAAc,EACd,QAAoB,EACpB,MAAe,KACb;IACF,IAAI,CAAC,MAAM,EAAE,MAAM;AAAE,QAAA,OAAO,IAAI,CAAC;IACjC,MAAM,aAAa,GAAG,gBAAgB,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;AAEhE,IAAA,QACE,KAAK,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;QACnD,aAAa,EAAE,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,EAC7C;AACJ,EAAE;AAEW,MAAA,gBAAgB,GAAG,CAAC,QAAoB,KAAI;IACvD,IAAI,OAAO,QAAQ,KAAK,QAAQ;AAAE,QAAA,OAAO,QAAQ,CAAC;IAClD,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,QAAQ,KAAK,IAAI,EAAE;AACrD,QAAA,OAAO,QAAQ,CAAC,QAAQ,EAAE,CAAC;KAC5B;AACD,IAAA,OAAO,IAAI,CAAC;AACd;;;;"}

package/dist/v1/components/filter-chip/filter-chip.cjs

@@ -8,8 +8,6 @@ var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/nod
 var flex = require('../flex/flex.cjs');
 var select = require('../select/select.cjs');
 require('../tooltip/tooltip.cjs');
-require('../skeleton/skeleton.cjs');
-require('../icon-button/icon-button.cjs');
 var datePicker = require('../calendar/date-picker.cjs');
 require('../../node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/dayjs.min.cjs');
 require('../popover/popover.cjs');
@@ -63,7 +61,7 @@ const FilterChip = ({ label, value, onRemove, className, ref, columnType = filte
             case filters.FilterType.select:
                 return (jsxRuntime.jsxRuntimeExports.jsxs(select.Select, { value: filterValue.toString(), onValueChange: setFilterValue, children: [jsxRuntime.jsxRuntimeExports.jsx(select.Select.Trigger, { variant: "text", className: index.cx(filterChip_module.default.selectValue, filterChip_module.default.selectColumn), children: jsxRuntime.jsxRuntimeExports.jsx(select.Select.Value, { placeholder: "Select value" }) }), jsxRuntime.jsxRuntimeExports.jsx(select.Select.Content, { "data-variant": "filter", children: options.map(opt => (jsxRuntime.jsxRuntimeExports.jsx(select.Select.Item, { value: opt.value.toString(), children: opt.label }, opt.value.toString()))) })] }));
             case filters.FilterType.date:
-                return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: filterChip_module.default.dateFieldWrapper, children: jsxRuntime.jsxRuntimeExports.jsx(datePicker.DatePicker, { value: filterValue, onSelect: date => setFilterValue(date), showCalendarIcon: false, inputFieldProps: { className: filterChip_module.default.dateField } }) }));
+                return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: filterChip_module.default.dateFieldWrapper, children: jsxRuntime.jsxRuntimeExports.jsx(datePicker.DatePicker, { value: filterValue, onSelect: date => setFilterValue(date), showCalendarIcon: false, textFieldProps: { className: filterChip_module.default.dateField } }) }));
             default:
                 return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: filterChip_module.default.textFieldWrapper, children: jsxRuntime.jsxRuntimeExports.jsx(textfield.TextField, { className: filterChip_module.default.textField, value: filterValue, onChange: e => setFilterValue(e.target.value) }) }));
         }