@raystack/apsara 0.56.5 → 1.0.0-rc.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@raystack/apsara",
-  "version": "0.56.5",
+  "version": "1.0.0-rc.0",
   "types": "dist/index.d.ts",
   "sideEffects": false,
   "engines": {
@@ -50,7 +50,7 @@
     "react-components",
     "ui",
     "design-system",
-    "radix",
+    "base-ui",
     "typescript",
     "raystack",
     "apsara",
@@ -90,10 +90,10 @@
     "semver": "^7.6.0",
     "typescript": "~5.4.3",
     "vitest": "^3.2.4",
-    "@raystack/tools-config": "0.56.5"
+    "@raystack/tools-config": "1.0.0-rc.0"
   },
   "dependencies": {
-    "@ariakit/react": "^0.4.16",
+    "@base-ui/react": "^1.2.0",
     "@radix-ui/react-icons": "^1.3.2",
     "@tanstack/match-sorter-utils": "^8.8.4",
     "@tanstack/react-table": "^8.9.2",
@@ -104,9 +104,7 @@
     "color": "^5.0.0",
     "dayjs": "^1.11.11",
     "prism-react-renderer": "^2.4.1",
-    "radix-ui": "^1.4.2",
-    "react-day-picker": "^9.6.7",
-    "sonner": "^2.0.6"
+    "react-day-picker": "^9.6.7"
   },
   "peerDependencies": {
     "@types/react": "^18 || ^19",

package/dist/components/dropdown-menu/__tests__/dropdown-menu.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=dropdown-menu.test.d.ts.map

package/dist/components/dropdown-menu/__tests__/dropdown-menu.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-menu.test.d.ts","sourceRoot":"","sources":["../../../../components/dropdown-menu/__tests__/dropdown-menu.test.tsx"],"names":[],"mappings":""}

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

@@ -1,12 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var classVarianceAuthority = require('class-variance-authority');
-var cell_module = require('./cell.module.css.cjs');
-var checkbox = require('../checkbox/checkbox.cjs');
-
-const Cell = React.forwardRef(({ className, children, leadingIcon, trailingIcon, type = "item", ...props }, ref) => (jsxRuntime.jsxs("div", { ref: ref, ...props, className: classVarianceAuthority.cx(cell_module.default.cell, cell_module.default.comboboxcell, className), children: [type == "select" && jsxRuntime.jsx(checkbox.Checkbox, {}), leadingIcon && jsxRuntime.jsx("span", { className: cell_module.default.leadingIcon, children: leadingIcon }), children, trailingIcon && (jsxRuntime.jsx("span", { className: cell_module.default.trailingIcon, children: trailingIcon }))] })));
-
-exports.Cell = Cell;
-//# sourceMappingURL=cell.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"cell.cjs","sources":["../../../components/dropdown-menu/cell.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes, ReactNode } from \"react\";\nimport { cx } from \"class-variance-authority\";\nimport styles from \"./cell.module.css\";\nimport { Checkbox } from \"../checkbox\";\n\nexport type CellBaseProps = {\n  leadingIcon?: ReactNode;\n  trailingIcon?: ReactNode;\n};\nexport type CellProps = HTMLAttributes<HTMLDivElement> &\n  CellBaseProps & {\n    type?: \"select\" | \"item\";\n  };\n\nexport const Cell = forwardRef<HTMLDivElement, CellProps>(\n  (\n    { className, children, leadingIcon, trailingIcon, type = \"item\", ...props },\n    ref,\n  ) => (\n    <div\n      ref={ref}\n      {...props}\n      className={cx(styles.cell, styles.comboboxcell, className)}>\n      {type == \"select\" && <Checkbox />}\n      {leadingIcon && <span className={styles.leadingIcon}>{leadingIcon}</span>}\n      {children}\n      {trailingIcon && (\n        <span className={styles.trailingIcon}>{trailingIcon}</span>\n      )}\n    </div>\n  ),\n);\n"],"names":["forwardRef","_jsxs","cx","styles","_jsx","Checkbox"],"mappings":";;;;;;;;AAca,MAAA,IAAI,GAAGA,gBAAU,CAC5B,CACE,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,GAAG,MAAM,EAAE,GAAG,KAAK,EAAE,EAC3E,GAAG,MAEHC,yBACE,GAAG,EAAE,GAAG,EACJ,GAAA,KAAK,EACT,SAAS,EAAEC,yBAAE,CAACC,mBAAM,CAAC,IAAI,EAAEA,mBAAM,CAAC,YAAY,EAAE,SAAS,CAAC,EACzD,QAAA,EAAA,CAAA,IAAI,IAAI,QAAQ,IAAIC,eAACC,iBAAQ,EAAA,EAAA,CAAG,EAChC,WAAW,IAAID,yBAAM,SAAS,EAAED,mBAAM,CAAC,WAAW,YAAG,WAAW,EAAA,CAAQ,EACxE,QAAQ,EACR,YAAY,KACXC,yBAAM,SAAS,EAAED,mBAAM,CAAC,YAAY,YAAG,YAAY,EAAA,CAAQ,CAC5D,CACG,EAAA,CAAA,CACP;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"cell.d.ts","sourceRoot":"","sources":["../../../components/dropdown-menu/cell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK9D,MAAM,MAAM,aAAa,GAAG;IAC1B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC;AACF,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,cAAc,CAAC,GACpD,aAAa,GAAG;IACd,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;CAC1B,CAAC;AAEJ,eAAO,MAAM,IAAI;;kDAiBhB,CAAC"}

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

@@ -1,10 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { cx } from 'class-variance-authority';
-import styles from './cell.module.css.js';
-import { Checkbox } from '../checkbox/checkbox.js';
-
-const Cell = forwardRef(({ className, children, leadingIcon, trailingIcon, type = "item", ...props }, ref) => (jsxs("div", { ref: ref, ...props, className: cx(styles.cell, styles.comboboxcell, className), children: [type == "select" && jsx(Checkbox, {}), leadingIcon && jsx("span", { className: styles.leadingIcon, children: leadingIcon }), children, trailingIcon && (jsx("span", { className: styles.trailingIcon, children: trailingIcon }))] })));
-
-export { Cell };
-//# sourceMappingURL=cell.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"cell.js","sources":["../../../components/dropdown-menu/cell.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes, ReactNode } from \"react\";\nimport { cx } from \"class-variance-authority\";\nimport styles from \"./cell.module.css\";\nimport { Checkbox } from \"../checkbox\";\n\nexport type CellBaseProps = {\n  leadingIcon?: ReactNode;\n  trailingIcon?: ReactNode;\n};\nexport type CellProps = HTMLAttributes<HTMLDivElement> &\n  CellBaseProps & {\n    type?: \"select\" | \"item\";\n  };\n\nexport const Cell = forwardRef<HTMLDivElement, CellProps>(\n  (\n    { className, children, leadingIcon, trailingIcon, type = \"item\", ...props },\n    ref,\n  ) => (\n    <div\n      ref={ref}\n      {...props}\n      className={cx(styles.cell, styles.comboboxcell, className)}>\n      {type == \"select\" && <Checkbox />}\n      {leadingIcon && <span className={styles.leadingIcon}>{leadingIcon}</span>}\n      {children}\n      {trailingIcon && (\n        <span className={styles.trailingIcon}>{trailingIcon}</span>\n      )}\n    </div>\n  ),\n);\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAca,MAAA,IAAI,GAAG,UAAU,CAC5B,CACE,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,GAAG,MAAM,EAAE,GAAG,KAAK,EAAE,EAC3E,GAAG,MAEHA,cACE,GAAG,EAAE,GAAG,EACJ,GAAA,KAAK,EACT,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,EACzD,QAAA,EAAA,CAAA,IAAI,IAAI,QAAQ,IAAIC,IAAC,QAAQ,EAAA,EAAA,CAAG,EAChC,WAAW,IAAIA,cAAM,SAAS,EAAE,MAAM,CAAC,WAAW,YAAG,WAAW,EAAA,CAAQ,EACxE,QAAQ,EACR,YAAY,KACXA,cAAM,SAAS,EAAE,MAAM,CAAC,YAAY,YAAG,YAAY,EAAA,CAAQ,CAC5D,CACG,EAAA,CAAA,CACP;;;;"}

package/dist/components/dropdown-menu/cell.module.css.js

@@ -1,4 +0,0 @@
-var styles = {"cell":"cell-module_cell__S6yRs","leadingIcon":"cell-module_leadingIcon__2uCcQ","trailingIcon":"cell-module_trailingIcon__NUfVO"};
-
-export { styles as default };
-//# sourceMappingURL=cell.module.css.js.map

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

@@ -1,36 +0,0 @@
-"use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('@ariakit/react');
-var classVarianceAuthority = require('class-variance-authority');
-var radixUi = require('radix-ui');
-var React = require('react');
-var dropdownMenuRoot = require('./dropdown-menu-root.cjs');
-var dropdownMenu_module = require('./dropdown-menu.module.css.cjs');
-
-const DropdownMenuContent = React.forwardRef(({ className, children, asChild, searchPlaceholder = 'Search...', ...props }, ref) => {
-    const menu = react.useMenuContext();
-    const { autocomplete } = dropdownMenuRoot.useDropdownContext();
-    const isSubMenu = !!menu?.parent;
-    const comboboxRef = React.useRef(null);
-    const visuallyHiddenRef = React.useRef(null);
-    const [isInsideRadixDialog, setIsInsideRadixDialog] = React.useState(false);
-    /*
-     * This is a workaround to fix focus lock issue when the dropdown menu is inside a Radix Dialog.
-     * TODO: Use Radix.Popover for the dropdown popover
-     */
-    React.useEffect(() => {
-        setIsInsideRadixDialog(!!visuallyHiddenRef.current?.closest("[role='dialog']"));
-    }, []);
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(radixUi.VisuallyHidden.Root, { ref: visuallyHiddenRef, "aria-hidden": 'true' }), jsxRuntime.jsx(react.Menu, { ref: ref, modal: !isInsideRadixDialog, portal: !isInsideRadixDialog, portalElement: typeof window === 'undefined' || isInsideRadixDialog
-                    ? null
-                    : window?.document?.body, unmountOnHide: true, gutter: isSubMenu ? 2 : 4, className: classVarianceAuthority.cx(dropdownMenu_module.default.content, autocomplete && dropdownMenu_module.default.comboboxContainer, className), render: asChild ? jsxRuntime.jsx(radixUi.Slot.Root, {}) : undefined, ...props, children: autocomplete ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.Combobox, { ref: comboboxRef, placeholder: searchPlaceholder, className: dropdownMenu_module.default.comboboxInput, autoSelect: true, onPointerEnter: e => {
-                                if (document &&
-                                    document.activeElement !== comboboxRef.current)
-                                    comboboxRef.current?.focus();
-                            } }), jsxRuntime.jsx(react.ComboboxList, { className: dropdownMenu_module.default.comboboxContent, children: children })] })) : (children) })] }));
-});
-
-exports.DropdownMenuContent = DropdownMenuContent;
-//# sourceMappingURL=dropdown-menu-content.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-menu-content.cjs","sources":["../../../components/dropdown-menu/dropdown-menu-content.tsx"],"sourcesContent":["'use client';\n\nimport { Menu, MenuProps, useMenuContext } from '@ariakit/react';\nimport { Combobox, ComboboxList } from '@ariakit/react';\nimport { cx } from 'class-variance-authority';\nimport { Slot, VisuallyHidden } from 'radix-ui';\nimport { ElementRef, forwardRef, useEffect, useRef, useState } from 'react';\nimport { useDropdownContext } from './dropdown-menu-root';\nimport styles from './dropdown-menu.module.css';\nimport { WithAsChild } from './types';\n\nexport interface MenuContentProps extends WithAsChild<MenuProps> {\n  searchPlaceholder?: string;\n}\n\nexport const DropdownMenuContent = forwardRef<\n  ElementRef<typeof Menu>,\n  MenuContentProps\n>(\n  (\n    { className, children, asChild, searchPlaceholder = 'Search...', ...props },\n    ref\n  ) => {\n    const menu = useMenuContext();\n    const { autocomplete } = useDropdownContext();\n    const isSubMenu = !!menu?.parent;\n    const comboboxRef = useRef<HTMLInputElement>(null);\n    const visuallyHiddenRef = useRef<HTMLDivElement>(null);\n    const [isInsideRadixDialog, setIsInsideRadixDialog] = useState(false);\n\n    /*\n     * This is a workaround to fix focus lock issue when the dropdown menu is inside a Radix Dialog.\n     * TODO: Use Radix.Popover for the dropdown popover\n     */\n    useEffect(() => {\n      setIsInsideRadixDialog(\n        !!visuallyHiddenRef.current?.closest(\"[role='dialog']\")\n      );\n    }, []);\n\n    return (\n      <>\n        <VisuallyHidden.Root ref={visuallyHiddenRef} aria-hidden='true' />\n        <Menu\n          ref={ref}\n          modal={!isInsideRadixDialog}\n          portal={!isInsideRadixDialog}\n          portalElement={\n            typeof window === 'undefined' || isInsideRadixDialog\n              ? null\n              : window?.document?.body\n          }\n          unmountOnHide\n          gutter={isSubMenu ? 2 : 4}\n          className={cx(\n            styles.content,\n            autocomplete && styles.comboboxContainer,\n            className\n          )}\n          render={asChild ? <Slot.Root /> : undefined}\n          {...props}\n        >\n          {autocomplete ? (\n            <>\n              <Combobox\n                ref={comboboxRef}\n                placeholder={searchPlaceholder}\n                className={styles.comboboxInput}\n                autoSelect\n                onPointerEnter={e => {\n                  if (\n                    document &&\n                    document.activeElement !== comboboxRef.current\n                  )\n                    comboboxRef.current?.focus();\n                }}\n              />\n              <ComboboxList className={styles.comboboxContent}>\n                {children}\n              </ComboboxList>\n            </>\n          ) : (\n            children\n          )}\n        </Menu>\n      </>\n    );\n  }\n);\n"],"names":[],"mappings":";;;;;;;;;;;AAea;AAQT;AACA;AACA;AACA;AACA;;AAGA;;;AAGG;;AAED;;AAKF;AASU;AACA;AAoBI;AAEE;AAEA;;AAalB;;"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-menu-content.d.ts","sourceRoot":"","sources":["../../../components/dropdown-menu/dropdown-menu-content.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,SAAS,EAAkB,MAAM,gBAAgB,CAAC;AAOjE,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,MAAM,WAAW,gBAAiB,SAAQ,WAAW,CAAC,SAAS,CAAC;IAC9D,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,mBAAmB,0HAyE/B,CAAC"}

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

@@ -1,34 +0,0 @@
-"use client";
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { useMenuContext, Menu, Combobox, ComboboxList } from '@ariakit/react';
-import { cx } from 'class-variance-authority';
-import { VisuallyHidden, Slot } from 'radix-ui';
-import { forwardRef, useRef, useState, useEffect } from 'react';
-import { useDropdownContext } from './dropdown-menu-root.js';
-import styles from './dropdown-menu.module.css.js';
-
-const DropdownMenuContent = forwardRef(({ className, children, asChild, searchPlaceholder = 'Search...', ...props }, ref) => {
-    const menu = useMenuContext();
-    const { autocomplete } = useDropdownContext();
-    const isSubMenu = !!menu?.parent;
-    const comboboxRef = useRef(null);
-    const visuallyHiddenRef = useRef(null);
-    const [isInsideRadixDialog, setIsInsideRadixDialog] = useState(false);
-    /*
-     * This is a workaround to fix focus lock issue when the dropdown menu is inside a Radix Dialog.
-     * TODO: Use Radix.Popover for the dropdown popover
-     */
-    useEffect(() => {
-        setIsInsideRadixDialog(!!visuallyHiddenRef.current?.closest("[role='dialog']"));
-    }, []);
-    return (jsxs(Fragment, { children: [jsx(VisuallyHidden.Root, { ref: visuallyHiddenRef, "aria-hidden": 'true' }), jsx(Menu, { ref: ref, modal: !isInsideRadixDialog, portal: !isInsideRadixDialog, portalElement: typeof window === 'undefined' || isInsideRadixDialog
-                    ? null
-                    : window?.document?.body, unmountOnHide: true, gutter: isSubMenu ? 2 : 4, className: cx(styles.content, autocomplete && styles.comboboxContainer, className), render: asChild ? jsx(Slot.Root, {}) : undefined, ...props, children: autocomplete ? (jsxs(Fragment, { children: [jsx(Combobox, { ref: comboboxRef, placeholder: searchPlaceholder, className: styles.comboboxInput, autoSelect: true, onPointerEnter: e => {
-                                if (document &&
-                                    document.activeElement !== comboboxRef.current)
-                                    comboboxRef.current?.focus();
-                            } }), jsx(ComboboxList, { className: styles.comboboxContent, children: children })] })) : (children) })] }));
-});
-
-export { DropdownMenuContent };
-//# sourceMappingURL=dropdown-menu-content.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-menu-content.js","sources":["../../../components/dropdown-menu/dropdown-menu-content.tsx"],"sourcesContent":["'use client';\n\nimport { Menu, MenuProps, useMenuContext } from '@ariakit/react';\nimport { Combobox, ComboboxList } from '@ariakit/react';\nimport { cx } from 'class-variance-authority';\nimport { Slot, VisuallyHidden } from 'radix-ui';\nimport { ElementRef, forwardRef, useEffect, useRef, useState } from 'react';\nimport { useDropdownContext } from './dropdown-menu-root';\nimport styles from './dropdown-menu.module.css';\nimport { WithAsChild } from './types';\n\nexport interface MenuContentProps extends WithAsChild<MenuProps> {\n  searchPlaceholder?: string;\n}\n\nexport const DropdownMenuContent = forwardRef<\n  ElementRef<typeof Menu>,\n  MenuContentProps\n>(\n  (\n    { className, children, asChild, searchPlaceholder = 'Search...', ...props },\n    ref\n  ) => {\n    const menu = useMenuContext();\n    const { autocomplete } = useDropdownContext();\n    const isSubMenu = !!menu?.parent;\n    const comboboxRef = useRef<HTMLInputElement>(null);\n    const visuallyHiddenRef = useRef<HTMLDivElement>(null);\n    const [isInsideRadixDialog, setIsInsideRadixDialog] = useState(false);\n\n    /*\n     * This is a workaround to fix focus lock issue when the dropdown menu is inside a Radix Dialog.\n     * TODO: Use Radix.Popover for the dropdown popover\n     */\n    useEffect(() => {\n      setIsInsideRadixDialog(\n        !!visuallyHiddenRef.current?.closest(\"[role='dialog']\")\n      );\n    }, []);\n\n    return (\n      <>\n        <VisuallyHidden.Root ref={visuallyHiddenRef} aria-hidden='true' />\n        <Menu\n          ref={ref}\n          modal={!isInsideRadixDialog}\n          portal={!isInsideRadixDialog}\n          portalElement={\n            typeof window === 'undefined' || isInsideRadixDialog\n              ? null\n              : window?.document?.body\n          }\n          unmountOnHide\n          gutter={isSubMenu ? 2 : 4}\n          className={cx(\n            styles.content,\n            autocomplete && styles.comboboxContainer,\n            className\n          )}\n          render={asChild ? <Slot.Root /> : undefined}\n          {...props}\n        >\n          {autocomplete ? (\n            <>\n              <Combobox\n                ref={comboboxRef}\n                placeholder={searchPlaceholder}\n                className={styles.comboboxInput}\n                autoSelect\n                onPointerEnter={e => {\n                  if (\n                    document &&\n                    document.activeElement !== comboboxRef.current\n                  )\n                    comboboxRef.current?.focus();\n                }}\n              />\n              <ComboboxList className={styles.comboboxContent}>\n                {children}\n              </ComboboxList>\n            </>\n          ) : (\n            children\n          )}\n        </Menu>\n      </>\n    );\n  }\n);\n"],"names":[],"mappings":";;;;;;;;;AAea;AAQT;AACA;AACA;AACA;AACA;;AAGA;;;AAGG;;AAED;;AAKF;AASU;AACA;AAoBI;AAEE;AAEA;;AAalB;;"}

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

@@ -1,45 +0,0 @@
-"use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('@ariakit/react');
-var radixUi = require('radix-ui');
-var React = require('react');
-var cell = require('./cell.cjs');
-var dropdownMenuRoot = require('./dropdown-menu-root.cjs');
-var utils = require('./utils.cjs');
-
-const DropdownMenuItem = React.forwardRef(({ children, asChild, forceRender, value, ...props }, ref) => {
-    const { autocomplete, searchValue, shouldFilter } = dropdownMenuRoot.useDropdownContext();
-    const menu = react.useMenuContext();
-    const defaultProps = {
-        ref,
-        focusOnHover: true,
-        blurOnHoverEnd: false,
-        render: asChild ? jsxRuntime.jsx(radixUi.Slot.Root, {}) : jsxRuntime.jsx(cell.Cell, {}),
-        ...props
-    };
-    // In auto mode, hide items that don't match the search value
-    if (!forceRender && shouldFilter && !utils.getMatch(value, children, searchValue)) {
-        return null;
-    }
-    if (forceRender === 'combobox' || autocomplete) {
-        const comboboxProps = defaultProps;
-        return (jsxRuntime.jsx(react.ComboboxItem, { ...comboboxProps, value: value, setValueOnClick: false, selectValueOnClick: false, hideOnClick: event => {
-                // Make sure that clicking on a combobox item that opens a nested
-                // menu/dialog does not close the menu.
-                const expandable = event.currentTarget.hasAttribute('aria-expanded');
-                if (expandable)
-                    return false;
-                // By default, clicking on a ComboboxItem only closes its own popover.
-                // However, since we're in a menu context, we also close all parent
-                // menus.
-                menu?.hideAll();
-                return true;
-            }, children: children }));
-    }
-    return jsxRuntime.jsx(react.MenuItem, { ...defaultProps, children: children });
-});
-
-exports.DropdownMenuItem = DropdownMenuItem;
-//# sourceMappingURL=dropdown-menu-item.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-menu-item.cjs","sources":["../../../components/dropdown-menu/dropdown-menu-item.tsx"],"sourcesContent":["'use client';\n\nimport { MenuItem, MenuItemProps, useMenuContext } from '@ariakit/react';\nimport { ComboboxItem, ComboboxItemProps } from '@ariakit/react';\nimport { Slot } from 'radix-ui';\nimport { forwardRef } from 'react';\nimport { Cell, CellBaseProps } from './cell';\nimport { useDropdownContext } from './dropdown-menu-root';\nimport { WithAsChild } from './types';\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.Root /> : <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      >\n        {children}\n      </ComboboxItem>\n    );\n  }\n\n  return <MenuItem {...defaultProps}>{children}</MenuItem>;\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;AAuBE;AAEA;;AAEE;AACA;AACA;AACA;;;AAIF;AACE;;AAGF;;;;;;AAYQ;AAAgB;;;;;AAKhB;AACF;;AAON;AACF;;"}

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

@@ -1,9 +0,0 @@
-import { MenuItemProps } from '@ariakit/react';
-import { CellBaseProps } from './cell';
-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/components/dropdown-menu/dropdown-menu-item.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-menu-item.d.ts","sourceRoot":"","sources":["../../../components/dropdown-menu/dropdown-menu-item.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,aAAa,EAAkB,MAAM,gBAAgB,CAAC;AAIzE,OAAO,EAAQ,aAAa,EAAE,MAAM,QAAQ,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,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,+HA8C3B,CAAC"}

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

@@ -1,43 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { useMenuContext, ComboboxItem, MenuItem } from '@ariakit/react';
-import { Slot } from 'radix-ui';
-import { forwardRef } from 'react';
-import { Cell } from './cell.js';
-import { useDropdownContext } from './dropdown-menu-root.js';
-import { getMatch } from './utils.js';
-
-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 ? jsx(Slot.Root, {}) : 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 (forceRender === 'combobox' || autocomplete) {
-        const comboboxProps = defaultProps;
-        return (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 jsx(MenuItem, { ...defaultProps, children: children });
-});
-
-export { DropdownMenuItem };
-//# sourceMappingURL=dropdown-menu-item.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-menu-item.js","sources":["../../../components/dropdown-menu/dropdown-menu-item.tsx"],"sourcesContent":["'use client';\n\nimport { MenuItem, MenuItemProps, useMenuContext } from '@ariakit/react';\nimport { ComboboxItem, ComboboxItemProps } from '@ariakit/react';\nimport { Slot } from 'radix-ui';\nimport { forwardRef } from 'react';\nimport { Cell, CellBaseProps } from './cell';\nimport { useDropdownContext } from './dropdown-menu-root';\nimport { WithAsChild } from './types';\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.Root /> : <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      >\n        {children}\n      </ComboboxItem>\n    );\n  }\n\n  return <MenuItem {...defaultProps}>{children}</MenuItem>;\n});\n"],"names":[],"mappings":";;;;;;;;;;;AAuBE;AAEA;;AAEE;AACA;AACA;AACA;;;AAIF;AACE;;AAGF;;;;;;AAYQ;AAAgB;;;;;AAKhB;AACF;;AAON;AACF;;"}

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

@@ -1,36 +0,0 @@
-"use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('@ariakit/react');
-var classVarianceAuthority = require('class-variance-authority');
-var radixUi = require('radix-ui');
-var React = require('react');
-var dropdownMenuRoot = require('./dropdown-menu-root.cjs');
-var dropdownMenu_module = require('./dropdown-menu.module.css.cjs');
-
-const DropdownMenuGroup = React.forwardRef(({ className, asChild, ...props }, ref) => {
-    const { shouldFilter } = dropdownMenuRoot.useDropdownContext();
-    return (jsxRuntime.jsx(react.MenuGroup, { ref: ref, className: classVarianceAuthority.cx(dropdownMenu_module.default.menugroup, className), render: shouldFilter ? jsxRuntime.jsx(React.Fragment, {}) : asChild ? jsxRuntime.jsx(radixUi.Slot.Root, {}) : undefined, ...props }));
-});
-const DropdownMenuLabel = React.forwardRef(({ className, asChild, ...props }, ref) => {
-    const { shouldFilter } = dropdownMenuRoot.useDropdownContext();
-    if (shouldFilter) {
-        return null;
-    }
-    return (jsxRuntime.jsx(react.MenuGroupLabel, { ref: ref, className: classVarianceAuthority.cx(dropdownMenu_module.default.label, className), render: asChild ? jsxRuntime.jsx(radixUi.Slot.Root, {}) : undefined, ...props }));
-});
-const DropdownMenuSeparator = React.forwardRef(({ className, asChild, ...props }, ref) => {
-    const { shouldFilter } = dropdownMenuRoot.useDropdownContext();
-    if (shouldFilter) {
-        return null;
-    }
-    return (jsxRuntime.jsx(react.MenuSeparator, { ref: ref, className: classVarianceAuthority.cx(dropdownMenu_module.default.separator, className), render: asChild ? jsxRuntime.jsx(radixUi.Slot.Root, {}) : jsxRuntime.jsx("div", {}), ...props }));
-});
-const DropdownMenuEmptyState = React.forwardRef(({ className, children, ...props }, ref) => (jsxRuntime.jsx("div", { ref: ref, className: classVarianceAuthority.cx(dropdownMenu_module.default.empty, className), ...props, children: children })));
-
-exports.DropdownMenuEmptyState = DropdownMenuEmptyState;
-exports.DropdownMenuGroup = DropdownMenuGroup;
-exports.DropdownMenuLabel = DropdownMenuLabel;
-exports.DropdownMenuSeparator = DropdownMenuSeparator;
-//# sourceMappingURL=dropdown-menu-misc.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-menu-misc.cjs","sources":["../../../components/dropdown-menu/dropdown-menu-misc.tsx"],"sourcesContent":["'use client';\n\nimport {\n  MenuGroup,\n  MenuGroupLabel,\n  MenuGroupLabelProps,\n  MenuGroupProps,\n  MenuSeparator,\n  MenuSeparatorProps\n} from '@ariakit/react';\nimport { cx } from 'class-variance-authority';\nimport { Slot } from 'radix-ui';\nimport {\n  ElementRef,\n  Fragment,\n  HTMLAttributes,\n  ReactNode,\n  forwardRef\n} from 'react';\nimport { useDropdownContext } from './dropdown-menu-root';\nimport styles from './dropdown-menu.module.css';\nimport { WithAsChild } from './types';\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.Root /> : 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.Root /> : 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.Root /> : <div />}\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":[],"mappings":";;;;;;;;;;;AAuBa;AAIX;;AAUF;AAEa;AAIX;;AAGE;;AAGF;AAQF;AAEa;AAIX;;AAGE;;AAGF;AAQF;AAEa;;;;;"}

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

@@ -1,10 +0,0 @@
-import { MenuGroupLabelProps, MenuGroupProps, MenuSeparatorProps } from '@ariakit/react';
-import { HTMLAttributes, ReactNode } from '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>>;
-//# sourceMappingURL=dropdown-menu-misc.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-menu-misc.d.ts","sourceRoot":"","sources":["../../../components/dropdown-menu/dropdown-menu-misc.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,mBAAmB,EACnB,cAAc,EAEd,kBAAkB,EACnB,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EAGL,cAAc,EACd,SAAS,EAEV,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,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/components/dropdown-menu/dropdown-menu-misc.js

@@ -1,31 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { MenuGroup, MenuGroupLabel, MenuSeparator } from '@ariakit/react';
-import { cx } from 'class-variance-authority';
-import { Slot } from 'radix-ui';
-import { forwardRef, Fragment } from 'react';
-import { useDropdownContext } from './dropdown-menu-root.js';
-import styles from './dropdown-menu.module.css.js';
-
-const DropdownMenuGroup = forwardRef(({ className, asChild, ...props }, ref) => {
-    const { shouldFilter } = useDropdownContext();
-    return (jsx(MenuGroup, { ref: ref, className: cx(styles.menugroup, className), render: shouldFilter ? jsx(Fragment, {}) : asChild ? jsx(Slot.Root, {}) : undefined, ...props }));
-});
-const DropdownMenuLabel = forwardRef(({ className, asChild, ...props }, ref) => {
-    const { shouldFilter } = useDropdownContext();
-    if (shouldFilter) {
-        return null;
-    }
-    return (jsx(MenuGroupLabel, { ref: ref, className: cx(styles.label, className), render: asChild ? jsx(Slot.Root, {}) : undefined, ...props }));
-});
-const DropdownMenuSeparator = forwardRef(({ className, asChild, ...props }, ref) => {
-    const { shouldFilter } = useDropdownContext();
-    if (shouldFilter) {
-        return null;
-    }
-    return (jsx(MenuSeparator, { ref: ref, className: cx(styles.separator, className), render: asChild ? jsx(Slot.Root, {}) : jsx("div", {}), ...props }));
-});
-const DropdownMenuEmptyState = forwardRef(({ className, children, ...props }, ref) => (jsx("div", { ref: ref, className: cx(styles.empty, className), ...props, children: children })));
-
-export { DropdownMenuEmptyState, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator };
-//# sourceMappingURL=dropdown-menu-misc.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-menu-misc.js","sources":["../../../components/dropdown-menu/dropdown-menu-misc.tsx"],"sourcesContent":["'use client';\n\nimport {\n  MenuGroup,\n  MenuGroupLabel,\n  MenuGroupLabelProps,\n  MenuGroupProps,\n  MenuSeparator,\n  MenuSeparatorProps\n} from '@ariakit/react';\nimport { cx } from 'class-variance-authority';\nimport { Slot } from 'radix-ui';\nimport {\n  ElementRef,\n  Fragment,\n  HTMLAttributes,\n  ReactNode,\n  forwardRef\n} from 'react';\nimport { useDropdownContext } from './dropdown-menu-root';\nimport styles from './dropdown-menu.module.css';\nimport { WithAsChild } from './types';\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.Root /> : 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.Root /> : 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.Root /> : <div />}\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":[],"mappings":";;;;;;;;;AAuBa;AAIX;;AAUF;AAEa;AAIX;;AAGE;;AAGF;AAQF;AAEa;AAIX;;AAGE;;AAGF;AAQF;AAEa;;"}

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

@@ -1,52 +0,0 @@
-"use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('@ariakit/react');
-var React = require('react');
-
-/**
- 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)
-        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
-        }
-    };
-};
-const DropdownMenuRoot = ({ autocomplete, autocompleteMode = 'auto', searchValue: providedSearchValue, onSearch, focusLoop = true, defaultSearchValue = '', onOpenChange, ...props }) => {
-    const [internalSearchValue, setInternalSearchValue] = React.useState(defaultSearchValue);
-    const dropdownContext = useDropdownContext();
-    const searchValue = providedSearchValue ?? internalSearchValue;
-    const setValue = React.useCallback((value) => {
-        setInternalSearchValue(value);
-        onSearch?.(value);
-    }, [onSearch]);
-    const element = (jsxRuntime.jsx(react.MenuProvider, { focusLoop: focusLoop, setOpen: onOpenChange, ...props }));
-    return (jsxRuntime.jsx(DropdownContext.Provider, { value: {
-            autocomplete,
-            parent: dropdownContext,
-            autocompleteMode,
-            searchValue
-        }, children: autocomplete ? (jsxRuntime.jsx(react.ComboboxProvider, { resetValueOnHide: true, focusLoop: focusLoop, includesBaseElement: false, value: searchValue, setOpen: onOpenChange, setValue: setValue, children: element })) : (element) }));
-};
-
-exports.DropdownContext = DropdownContext;
-exports.DropdownMenuRoot = DropdownMenuRoot;
-exports.useDropdownContext = useDropdownContext;
-//# sourceMappingURL=dropdown-menu-root.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-menu-root.cjs","sources":["../../../components/dropdown-menu/dropdown-menu-root.tsx"],"sourcesContent":["'use client';\n\nimport {\n  ComboboxProvider,\n  MenuProvider,\n  MenuProviderProps\n} from '@ariakit/react';\nimport { createContext, useCallback, 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 BaseMenuProviderProps\n  extends Omit<MenuProviderProps, 'setOpen'> {\n  onOpenChange?: MenuProviderProps['setOpen'];\n}\n\nexport interface NormalDropdownMenuRootProps extends BaseMenuProviderProps {\n  autocomplete?: false;\n  autocompleteMode?: never;\n  searchValue?: never;\n  onSearch?: never;\n  defaultSearchValue?: never;\n}\n\nexport interface AutocompleteDropdownMenuRootProps\n  extends BaseMenuProviderProps,\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  onOpenChange,\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 = useCallback(\n    (value: string) => {\n      setInternalSearchValue(value);\n      onSearch?.(value);\n    },\n    [onSearch]\n  );\n\n  const element = (\n    <MenuProvider focusLoop={focusLoop} setOpen={onOpenChange} {...props} />\n  );\n\n  return (\n    <DropdownContext.Provider\n      value={{\n        autocomplete,\n        parent: dropdownContext,\n        autocompleteMode,\n        searchValue\n      }}\n    >\n      {autocomplete ? (\n        <ComboboxProvider\n          resetValueOnHide\n          focusLoop={focusLoop}\n          includesBaseElement={false}\n          value={searchValue}\n          setOpen={onOpenChange}\n          setValue={setValue}\n        >\n          {element}\n        </ComboboxProvider>\n      ) : (\n        element\n      )}\n    </DropdownContext.Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AA0BA;;;AAGG;;AAMI;AACL;AACA;AAAc;AAEd;;AAGE;;AAKA;AACA;;AAIA;;AAEA;;AAEE;AACD;;AAEL;AA2BO;;AAYL;AAEA;AAEA;;AAGI;AACF;AAIF;AAIA;;AAIM;;;AAGD;AAkBP;;;;"}

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

@@ -1,40 +0,0 @@
-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: () => UseDropdownContext;
-export interface BaseMenuProviderProps extends Omit<MenuProviderProps, 'setOpen'> {
-    onOpenChange?: MenuProviderProps['setOpen'];
-}
-export interface NormalDropdownMenuRootProps extends BaseMenuProviderProps {
-    autocomplete?: false;
-    autocompleteMode?: never;
-    searchValue?: never;
-    onSearch?: never;
-    defaultSearchValue?: never;
-}
-export interface AutocompleteDropdownMenuRootProps extends BaseMenuProviderProps, 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, onOpenChange, ...props }: DropdownMenuRootProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=dropdown-menu-root.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-menu-root.d.ts","sourceRoot":"","sources":["../../../components/dropdown-menu/dropdown-menu-root.tsx"],"names":[],"mappings":"AAEA,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,qBACf,SAAQ,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC;IAC1C,YAAY,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;CAC7C;AAED,MAAM,WAAW,2BAA4B,SAAQ,qBAAqB;IACxE,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,qBAAqB,EAC3B,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,0IAS1B,qBAAqB,4CA4CvB,CAAC"}

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

@@ -1,48 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { MenuProvider, ComboboxProvider } from '@ariakit/react';
-import { createContext, useContext, useState, useCallback } from 'react';
-
-/**
- Root context to manage the Dropdown control
- @remarks Only for internal usage.
- */
-const DropdownContext = createContext(undefined);
-const useDropdownContext = () => {
-    const context = useContext(DropdownContext);
-    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
-        }
-    };
-};
-const DropdownMenuRoot = ({ autocomplete, autocompleteMode = 'auto', searchValue: providedSearchValue, onSearch, focusLoop = true, defaultSearchValue = '', onOpenChange, ...props }) => {
-    const [internalSearchValue, setInternalSearchValue] = useState(defaultSearchValue);
-    const dropdownContext = useDropdownContext();
-    const searchValue = providedSearchValue ?? internalSearchValue;
-    const setValue = useCallback((value) => {
-        setInternalSearchValue(value);
-        onSearch?.(value);
-    }, [onSearch]);
-    const element = (jsx(MenuProvider, { focusLoop: focusLoop, setOpen: onOpenChange, ...props }));
-    return (jsx(DropdownContext.Provider, { value: {
-            autocomplete,
-            parent: dropdownContext,
-            autocompleteMode,
-            searchValue
-        }, children: autocomplete ? (jsx(ComboboxProvider, { resetValueOnHide: true, focusLoop: focusLoop, includesBaseElement: false, value: searchValue, setOpen: onOpenChange, setValue: setValue, children: element })) : (element) }));
-};
-
-export { DropdownContext, DropdownMenuRoot, useDropdownContext };
-//# sourceMappingURL=dropdown-menu-root.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-menu-root.js","sources":["../../../components/dropdown-menu/dropdown-menu-root.tsx"],"sourcesContent":["'use client';\n\nimport {\n  ComboboxProvider,\n  MenuProvider,\n  MenuProviderProps\n} from '@ariakit/react';\nimport { createContext, useCallback, 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 BaseMenuProviderProps\n  extends Omit<MenuProviderProps, 'setOpen'> {\n  onOpenChange?: MenuProviderProps['setOpen'];\n}\n\nexport interface NormalDropdownMenuRootProps extends BaseMenuProviderProps {\n  autocomplete?: false;\n  autocompleteMode?: never;\n  searchValue?: never;\n  onSearch?: never;\n  defaultSearchValue?: never;\n}\n\nexport interface AutocompleteDropdownMenuRootProps\n  extends BaseMenuProviderProps,\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  onOpenChange,\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 = useCallback(\n    (value: string) => {\n      setInternalSearchValue(value);\n      onSearch?.(value);\n    },\n    [onSearch]\n  );\n\n  const element = (\n    <MenuProvider focusLoop={focusLoop} setOpen={onOpenChange} {...props} />\n  );\n\n  return (\n    <DropdownContext.Provider\n      value={{\n        autocomplete,\n        parent: dropdownContext,\n        autocompleteMode,\n        searchValue\n      }}\n    >\n      {autocomplete ? (\n        <ComboboxProvider\n          resetValueOnHide\n          focusLoop={focusLoop}\n          includesBaseElement={false}\n          value={searchValue}\n          setOpen={onOpenChange}\n          setValue={setValue}\n        >\n          {element}\n        </ComboboxProvider>\n      ) : (\n        element\n      )}\n    </DropdownContext.Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;AA0BA;;;AAGG;;AAMI;AACL;AACA;AAAc;AAEd;;AAGE;;AAKA;AACA;;AAIA;;AAEA;;AAEE;AACD;;AAEL;AA2BO;;AAYL;AAEA;AAEA;;AAGI;AACF;AAIF;AAIA;;AAIM;;;AAGD;AAkBP;;"}