@raystack/apsara 0.56.7 → 1.0.0-rc.1

package/dist/components/scroll-area/scroll-area.module.css.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styles = {"root":"scroll-area-module_root__RgGsj","viewport":"scroll-area-module_viewport__PHf5m","scrollbar":"scroll-area-module_scrollbar__EYqTD","thumb":"scroll-area-module_thumb__qX5b2","corner":"scroll-area-module_corner__1oxav"};
+var styles = {"root":"scroll-area-module_root__RgGsj","viewport":"scroll-area-module_viewport__PHf5m","scrollbar":"scroll-area-module_scrollbar__EYqTD","thumb":"scroll-area-module_thumb__qX5b2","corner":"scroll-area-module_corner__1oxav","scrollbar-always":"scroll-area-module_scrollbar-always__RLxxC","scrollbar-hover":"scroll-area-module_scrollbar-hover__3HC6G","scrollbar-scroll":"scroll-area-module_scrollbar-scroll__rIaG4","scrollbar___always":"scroll-area-module_scrollbar-always__RLxxC","scrollbar___hover":"scroll-area-module_scrollbar-hover__3HC6G","scrollbar___scroll":"scroll-area-module_scrollbar-scroll__rIaG4"};
 
 exports.default = styles;
 //# sourceMappingURL=scroll-area.module.css.cjs.map

package/dist/components/scroll-area/scroll-area.module.css.js

@@ -1,4 +1,4 @@
-var styles = {"root":"scroll-area-module_root__RgGsj","viewport":"scroll-area-module_viewport__PHf5m","scrollbar":"scroll-area-module_scrollbar__EYqTD","thumb":"scroll-area-module_thumb__qX5b2","corner":"scroll-area-module_corner__1oxav"};
+var styles = {"root":"scroll-area-module_root__RgGsj","viewport":"scroll-area-module_viewport__PHf5m","scrollbar":"scroll-area-module_scrollbar__EYqTD","thumb":"scroll-area-module_thumb__qX5b2","corner":"scroll-area-module_corner__1oxav","scrollbar-always":"scroll-area-module_scrollbar-always__RLxxC","scrollbar-hover":"scroll-area-module_scrollbar-hover__3HC6G","scrollbar-scroll":"scroll-area-module_scrollbar-scroll__rIaG4","scrollbar___always":"scroll-area-module_scrollbar-always__RLxxC","scrollbar___hover":"scroll-area-module_scrollbar-hover__3HC6G","scrollbar___scroll":"scroll-area-module_scrollbar-scroll__rIaG4"};
 
 export { styles as default };
 //# sourceMappingURL=scroll-area.module.css.js.map

package/dist/components/search/search.cjs

@@ -5,18 +5,17 @@ var jsxRuntime = require('react/jsx-runtime');
 var reactIcons = require('@radix-ui/react-icons');
 var iconButton = require('../icon-button/icon-button.cjs');
 var inputField = require('../input-field/input-field.cjs');
-var React = require('react');
 var search_module = require('./search.module.css.cjs');
 
-const Search = React.forwardRef(({ className, disabled, placeholder = 'Search', size, showClearButton, onClear, value, onChange, width = '100%', variant = 'default', ...props }, ref) => {
+function Search({ className, disabled, placeholder = 'Search', size, showClearButton, onClear, value, onChange, width = '100%', variant = 'default', ...props }) {
     const trailingIconWithClear = showClearButton && value ? (jsxRuntime.jsx("div", { className: search_module.default.clearButtonWrapper, children: jsxRuntime.jsx(iconButton.IconButton, { size: size === 'small' ? 2 : 3, onClick: e => {
                 e.stopPropagation();
                 if (!disabled && onClear) {
                     onClear();
                 }
             }, disabled: disabled, "aria-label": 'Clear search', className: search_module.default.clearButton, children: jsxRuntime.jsx(reactIcons.CrossCircledIcon, {}) }) })) : undefined;
-    return (jsxRuntime.jsx("div", { className: search_module.default.container, role: 'search', style: { width }, children: jsxRuntime.jsx(inputField.InputField, { leadingIcon: jsxRuntime.jsx(reactIcons.MagnifyingGlassIcon, {}), trailingIcon: trailingIconWithClear, placeholder: placeholder, disabled: disabled, value: value, onChange: onChange, size: size, className: className, "aria-label": placeholder, variant: variant, ref: ref, ...props }) }));
-});
+    return (jsxRuntime.jsx("div", { className: search_module.default.container, role: 'search', style: { width }, children: jsxRuntime.jsx(inputField.InputField, { leadingIcon: jsxRuntime.jsx(reactIcons.MagnifyingGlassIcon, {}), trailingIcon: trailingIconWithClear, placeholder: placeholder, disabled: disabled, value: value, onChange: onChange, size: size, className: className, "aria-label": placeholder, variant: variant, ...props }) }));
+}
 Search.displayName = 'Search';
 
 exports.Search = Search;

package/dist/components/search/search.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"search.cjs","sources":["../../../components/search/search.tsx"],"sourcesContent":["'use client';\n\nimport { CrossCircledIcon, MagnifyingGlassIcon } from '@radix-ui/react-icons';\nimport { IconButton } from '../icon-button';\nimport { InputField } from '../input-field';\nimport { InputFieldProps } from '../input-field/input-field';\n\nimport { forwardRef } from 'react';\nimport styles from './search.module.css';\n\nexport interface SearchProps extends Omit<InputFieldProps, 'leadingIcon'> {\n  showClearButton?: boolean;\n  onClear?: () => void;\n  variant?: 'default' | 'borderless';\n}\n\nexport const Search = forwardRef<HTMLInputElement, SearchProps>(\n  (\n    {\n      className,\n      disabled,\n      placeholder = 'Search',\n      size,\n      showClearButton,\n      onClear,\n      value,\n      onChange,\n      width = '100%',\n      variant = 'default',\n      ...props\n    }: SearchProps,\n    ref\n  ) => {\n    const trailingIconWithClear =\n      showClearButton && value ? (\n        <div className={styles.clearButtonWrapper}>\n          <IconButton\n            size={size === 'small' ? 2 : 3}\n            onClick={e => {\n              e.stopPropagation();\n              if (!disabled && onClear) {\n                onClear();\n              }\n            }}\n            disabled={disabled}\n            aria-label='Clear search'\n            className={styles.clearButton}\n          >\n            <CrossCircledIcon />\n          </IconButton>\n        </div>\n      ) : undefined;\n\n    return (\n      <div className={styles.container} role='search' style={{ width }}>\n        <InputField\n          leadingIcon={<MagnifyingGlassIcon />}\n          trailingIcon={trailingIconWithClear}\n          placeholder={placeholder}\n          disabled={disabled}\n          value={value}\n          onChange={onChange}\n          size={size}\n          className={className}\n          aria-label={placeholder}\n          variant={variant}\n          ref={ref}\n          {...props}\n        />\n      </div>\n    );\n  }\n);\n\nSearch.displayName = 'Search';\n"],"names":[],"mappings":";;;;;;;;;;AAgBa;AAiBT;;AAOU;AACE;;;AAYZ;AAkBF;AAGF;;"}
+{"version":3,"file":"search.cjs","sources":["../../../components/search/search.tsx"],"sourcesContent":["'use client';\n\nimport { CrossCircledIcon, MagnifyingGlassIcon } from '@radix-ui/react-icons';\nimport { IconButton } from '../icon-button';\nimport { InputField } from '../input-field';\nimport { InputFieldProps } from '../input-field/input-field';\n\nimport styles from './search.module.css';\n\nexport interface SearchProps extends Omit<InputFieldProps, 'leadingIcon'> {\n  showClearButton?: boolean;\n  onClear?: () => void;\n  variant?: 'default' | 'borderless';\n}\n\nexport function Search({\n  className,\n  disabled,\n  placeholder = 'Search',\n  size,\n  showClearButton,\n  onClear,\n  value,\n  onChange,\n  width = '100%',\n  variant = 'default',\n  ...props\n}: SearchProps) {\n  const trailingIconWithClear =\n    showClearButton && value ? (\n      <div className={styles.clearButtonWrapper}>\n        <IconButton\n          size={size === 'small' ? 2 : 3}\n          onClick={e => {\n            e.stopPropagation();\n            if (!disabled && onClear) {\n              onClear();\n            }\n          }}\n          disabled={disabled}\n          aria-label='Clear search'\n          className={styles.clearButton}\n        >\n          <CrossCircledIcon />\n        </IconButton>\n      </div>\n    ) : undefined;\n\n  return (\n    <div className={styles.container} role='search' style={{ width }}>\n      <InputField\n        leadingIcon={<MagnifyingGlassIcon />}\n        trailingIcon={trailingIconWithClear}\n        placeholder={placeholder}\n        disabled={disabled}\n        value={value}\n        onChange={onChange}\n        size={size}\n        className={className}\n        aria-label={placeholder}\n        variant={variant}\n        {...props}\n      />\n    </div>\n  );\n}\n\nSearch.displayName = 'Search';\n"],"names":[],"mappings":";;;;;;;;;AAegB;AAad;;AAOU;AACE;;;AAYZ;AAiBF;AAEA;;"}

package/dist/components/search/search.d.ts

@@ -4,5 +4,8 @@ export interface SearchProps extends Omit<InputFieldProps, 'leadingIcon'> {
     onClear?: () => void;
     variant?: 'default' | 'borderless';
 }
-export declare const Search: import("react").ForwardRefExoticComponent<SearchProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare function Search({ className, disabled, placeholder, size, showClearButton, onClear, value, onChange, width, variant, ...props }: SearchProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Search {
+    var displayName: string;
+}
 //# sourceMappingURL=search.d.ts.map

package/dist/components/search/search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../components/search/search.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAK7D,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,eAAe,EAAE,aAAa,CAAC;IACvE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC;CACpC;AAED,eAAO,MAAM,MAAM,0GAwDlB,CAAC"}
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../components/search/search.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAI7D,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,eAAe,EAAE,aAAa,CAAC;IACvE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC;CACpC;AAED,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,WAAsB,EACtB,IAAI,EACJ,eAAe,EACf,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAc,EACd,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,WAAW,2CAsCb;yBAlDe,MAAM"}

package/dist/components/search/search.js

@@ -3,18 +3,17 @@ import { jsx } from 'react/jsx-runtime';
 import { CrossCircledIcon, MagnifyingGlassIcon } from '@radix-ui/react-icons';
 import { IconButton } from '../icon-button/icon-button.js';
 import { InputField } from '../input-field/input-field.js';
-import { forwardRef } from 'react';
 import styles from './search.module.css.js';
 
-const Search = forwardRef(({ className, disabled, placeholder = 'Search', size, showClearButton, onClear, value, onChange, width = '100%', variant = 'default', ...props }, ref) => {
+function Search({ className, disabled, placeholder = 'Search', size, showClearButton, onClear, value, onChange, width = '100%', variant = 'default', ...props }) {
     const trailingIconWithClear = showClearButton && value ? (jsx("div", { className: styles.clearButtonWrapper, children: jsx(IconButton, { size: size === 'small' ? 2 : 3, onClick: e => {
                 e.stopPropagation();
                 if (!disabled && onClear) {
                     onClear();
                 }
             }, disabled: disabled, "aria-label": 'Clear search', className: styles.clearButton, children: jsx(CrossCircledIcon, {}) }) })) : undefined;
-    return (jsx("div", { className: styles.container, role: 'search', style: { width }, children: jsx(InputField, { leadingIcon: jsx(MagnifyingGlassIcon, {}), trailingIcon: trailingIconWithClear, placeholder: placeholder, disabled: disabled, value: value, onChange: onChange, size: size, className: className, "aria-label": placeholder, variant: variant, ref: ref, ...props }) }));
-});
+    return (jsx("div", { className: styles.container, role: 'search', style: { width }, children: jsx(InputField, { leadingIcon: jsx(MagnifyingGlassIcon, {}), trailingIcon: trailingIconWithClear, placeholder: placeholder, disabled: disabled, value: value, onChange: onChange, size: size, className: className, "aria-label": placeholder, variant: variant, ...props }) }));
+}
 Search.displayName = 'Search';
 
 export { Search };

package/dist/components/search/search.js.map

@@ -1 +1 @@
-{"version":3,"file":"search.js","sources":["../../../components/search/search.tsx"],"sourcesContent":["'use client';\n\nimport { CrossCircledIcon, MagnifyingGlassIcon } from '@radix-ui/react-icons';\nimport { IconButton } from '../icon-button';\nimport { InputField } from '../input-field';\nimport { InputFieldProps } from '../input-field/input-field';\n\nimport { forwardRef } from 'react';\nimport styles from './search.module.css';\n\nexport interface SearchProps extends Omit<InputFieldProps, 'leadingIcon'> {\n  showClearButton?: boolean;\n  onClear?: () => void;\n  variant?: 'default' | 'borderless';\n}\n\nexport const Search = forwardRef<HTMLInputElement, SearchProps>(\n  (\n    {\n      className,\n      disabled,\n      placeholder = 'Search',\n      size,\n      showClearButton,\n      onClear,\n      value,\n      onChange,\n      width = '100%',\n      variant = 'default',\n      ...props\n    }: SearchProps,\n    ref\n  ) => {\n    const trailingIconWithClear =\n      showClearButton && value ? (\n        <div className={styles.clearButtonWrapper}>\n          <IconButton\n            size={size === 'small' ? 2 : 3}\n            onClick={e => {\n              e.stopPropagation();\n              if (!disabled && onClear) {\n                onClear();\n              }\n            }}\n            disabled={disabled}\n            aria-label='Clear search'\n            className={styles.clearButton}\n          >\n            <CrossCircledIcon />\n          </IconButton>\n        </div>\n      ) : undefined;\n\n    return (\n      <div className={styles.container} role='search' style={{ width }}>\n        <InputField\n          leadingIcon={<MagnifyingGlassIcon />}\n          trailingIcon={trailingIconWithClear}\n          placeholder={placeholder}\n          disabled={disabled}\n          value={value}\n          onChange={onChange}\n          size={size}\n          className={className}\n          aria-label={placeholder}\n          variant={variant}\n          ref={ref}\n          {...props}\n        />\n      </div>\n    );\n  }\n);\n\nSearch.displayName = 'Search';\n"],"names":[],"mappings":";;;;;;;;AAgBa;AAiBT;;AAOU;AACE;;;AAYZ;AAkBF;AAGF;;"}
+{"version":3,"file":"search.js","sources":["../../../components/search/search.tsx"],"sourcesContent":["'use client';\n\nimport { CrossCircledIcon, MagnifyingGlassIcon } from '@radix-ui/react-icons';\nimport { IconButton } from '../icon-button';\nimport { InputField } from '../input-field';\nimport { InputFieldProps } from '../input-field/input-field';\n\nimport styles from './search.module.css';\n\nexport interface SearchProps extends Omit<InputFieldProps, 'leadingIcon'> {\n  showClearButton?: boolean;\n  onClear?: () => void;\n  variant?: 'default' | 'borderless';\n}\n\nexport function Search({\n  className,\n  disabled,\n  placeholder = 'Search',\n  size,\n  showClearButton,\n  onClear,\n  value,\n  onChange,\n  width = '100%',\n  variant = 'default',\n  ...props\n}: SearchProps) {\n  const trailingIconWithClear =\n    showClearButton && value ? (\n      <div className={styles.clearButtonWrapper}>\n        <IconButton\n          size={size === 'small' ? 2 : 3}\n          onClick={e => {\n            e.stopPropagation();\n            if (!disabled && onClear) {\n              onClear();\n            }\n          }}\n          disabled={disabled}\n          aria-label='Clear search'\n          className={styles.clearButton}\n        >\n          <CrossCircledIcon />\n        </IconButton>\n      </div>\n    ) : undefined;\n\n  return (\n    <div className={styles.container} role='search' style={{ width }}>\n      <InputField\n        leadingIcon={<MagnifyingGlassIcon />}\n        trailingIcon={trailingIconWithClear}\n        placeholder={placeholder}\n        disabled={disabled}\n        value={value}\n        onChange={onChange}\n        size={size}\n        className={className}\n        aria-label={placeholder}\n        variant={variant}\n        {...props}\n      />\n    </div>\n  );\n}\n\nSearch.displayName = 'Search';\n"],"names":[],"mappings":";;;;;;;AAegB;AAad;;AAOU;AACE;;;AAYZ;AAiBF;AAEA;;"}

package/dist/components/select/select-content.cjs

@@ -2,29 +2,19 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var react = require('@ariakit/react');
+var react = require('@base-ui/react');
 var classVarianceAuthority = require('class-variance-authority');
-var radixUi = require('radix-ui');
-var React = require('react');
-var selectRoot = require('./select-root.cjs');
 var select_module = require('./select.module.css.cjs');
+var selectRoot = require('./select-root.cjs');
 
-const SelectContent = React.forwardRef(({ className, children, position = 'popper', searchPlaceholder = 'Search...', sideOffset = 4, asChild, onEscapeKeyDown: providedOnEscapeKeyDown, onPointerDownOutside: providedOnPointerDownOutside, ...props }, ref) => {
-    const { autocomplete, multiple, updateSelectionInProgress } = selectRoot.useSelectContext();
-    const onPointerDownOutside = React.useCallback(event => {
-        updateSelectionInProgress(false);
-        providedOnPointerDownOutside?.(event);
-    }, [updateSelectionInProgress, providedOnPointerDownOutside]);
-    const onEscapeKeyDown = React.useCallback(event => {
-        updateSelectionInProgress(false);
-        providedOnEscapeKeyDown?.(event);
-    }, [updateSelectionInProgress, providedOnEscapeKeyDown]);
-    return (jsxRuntime.jsx(radixUi.Select.Portal, { children: jsxRuntime.jsx(radixUi.Select.Content, { ref: ref, position: position, sideOffset: sideOffset, className: classVarianceAuthority.cx(select_module.default.content, className), onEscapeKeyDown: multiple ? onEscapeKeyDown : providedOnEscapeKeyDown, onPointerDownOutside: multiple ? onPointerDownOutside : providedOnPointerDownOutside, role: autocomplete ? 'dialog' : 'listbox', "aria-multiselectable": !autocomplete && multiple ? true : undefined, "data-multiselectable": multiple ? true : undefined, ...props, children: jsxRuntime.jsx(radixUi.Select.Viewport, { className: classVarianceAuthority.cx(select_module.default.viewport, autocomplete && select_module.default.comboboxViewport), asChild: !autocomplete ? asChild : undefined, children: autocomplete ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.Combobox, { autoSelect: true, placeholder: searchPlaceholder, className: select_module.default.comboboxInput, onBlurCapture: event => {
-                                event.preventDefault();
-                                event.stopPropagation();
-                            } }), jsxRuntime.jsx(react.ComboboxList, { className: select_module.default.comboboxContent, "aria-multiselectable": multiple ? true : undefined, render: asChild ? jsxRuntime.jsx(radixUi.Slot.Root, {}) : undefined, children: children })] })) : (children) }) }) }));
-});
-SelectContent.displayName = radixUi.Select.Content.displayName;
+function SelectContent({ className, children, searchPlaceholder = 'Search...', sideOffset = 4, ...props }) {
+    const { autocomplete, multiple } = selectRoot.useSelectContext();
+    if (autocomplete) {
+        return (jsxRuntime.jsx(react.Combobox.Portal, { children: jsxRuntime.jsx(react.Combobox.Positioner, { sideOffset: sideOffset, className: select_module.default.positioner, children: jsxRuntime.jsxs(react.Combobox.Popup, { className: classVarianceAuthority.cx(select_module.default.content, className), "data-multiselectable": multiple ? true : undefined, ...props, children: [jsxRuntime.jsx(react.Combobox.Input, { placeholder: searchPlaceholder, className: select_module.default.comboboxInput }), jsxRuntime.jsx(react.Combobox.List, { className: select_module.default.comboboxContent, "aria-multiselectable": multiple ? true : undefined, children: children })] }) }) }));
+    }
+    return (jsxRuntime.jsx(react.Select.Positioner, { sideOffset: sideOffset, className: select_module.default.positioner, alignItemWithTrigger: false, children: jsxRuntime.jsx(react.Select.Popup, { className: classVarianceAuthority.cx(select_module.default.content, className), "data-multiselectable": multiple ? true : undefined, ...props, children: jsxRuntime.jsx(react.Select.List, { className: select_module.default.viewport, children: children }) }) }));
+}
+SelectContent.displayName = 'Select.Content';
 
 exports.SelectContent = SelectContent;
 //# sourceMappingURL=select-content.cjs.map

package/dist/components/select/select-content.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"select-content.cjs","sources":["../../../components/select/select-content.tsx"],"sourcesContent":["'use client';\n\nimport { Combobox, ComboboxList } from '@ariakit/react';\nimport { cx } from 'class-variance-authority';\nimport { Select as SelectPrimitive, Slot } from 'radix-ui';\nimport { ElementRef, forwardRef, useCallback } from 'react';\nimport { useSelectContext } from './select-root';\nimport styles from './select.module.css';\n\nexport interface SelectContentProps extends SelectPrimitive.SelectContentProps {\n  searchPlaceholder?: string;\n}\n\nexport const SelectContent = forwardRef<\n  ElementRef<typeof SelectPrimitive.Content>,\n  SelectContentProps\n>(\n  (\n    {\n      className,\n      children,\n      position = 'popper',\n      searchPlaceholder = 'Search...',\n      sideOffset = 4,\n      asChild,\n      onEscapeKeyDown: providedOnEscapeKeyDown,\n      onPointerDownOutside: providedOnPointerDownOutside,\n      ...props\n    },\n    ref\n  ) => {\n    const { autocomplete, multiple, updateSelectionInProgress } =\n      useSelectContext();\n\n    const onPointerDownOutside = useCallback<\n      NonNullable<SelectContentProps['onPointerDownOutside']>\n    >(\n      event => {\n        updateSelectionInProgress(false);\n        providedOnPointerDownOutside?.(event);\n      },\n      [updateSelectionInProgress, providedOnPointerDownOutside]\n    );\n\n    const onEscapeKeyDown = useCallback<\n      NonNullable<SelectContentProps['onEscapeKeyDown']>\n    >(\n      event => {\n        updateSelectionInProgress(false);\n        providedOnEscapeKeyDown?.(event);\n      },\n      [updateSelectionInProgress, providedOnEscapeKeyDown]\n    );\n\n    return (\n      <SelectPrimitive.Portal>\n        <SelectPrimitive.Content\n          ref={ref}\n          position={position}\n          sideOffset={sideOffset}\n          className={cx(styles.content, className)}\n          onEscapeKeyDown={multiple ? onEscapeKeyDown : providedOnEscapeKeyDown}\n          onPointerDownOutside={\n            multiple ? onPointerDownOutside : providedOnPointerDownOutside\n          }\n          role={autocomplete ? 'dialog' : 'listbox'}\n          aria-multiselectable={!autocomplete && multiple ? true : undefined}\n          data-multiselectable={multiple ? true : undefined}\n          {...props}\n        >\n          <SelectPrimitive.Viewport\n            className={cx(\n              styles.viewport,\n              autocomplete && styles.comboboxViewport\n            )}\n            asChild={!autocomplete ? asChild : undefined}\n          >\n            {autocomplete ? (\n              <>\n                <Combobox\n                  autoSelect\n                  placeholder={searchPlaceholder}\n                  className={styles.comboboxInput}\n                  onBlurCapture={event => {\n                    event.preventDefault();\n                    event.stopPropagation();\n                  }}\n                />\n                <ComboboxList\n                  className={styles.comboboxContent}\n                  aria-multiselectable={multiple ? true : undefined}\n                  render={asChild ? <Slot.Root /> : undefined}\n                >\n                  {children}\n                </ComboboxList>\n              </>\n            ) : (\n              children\n            )}\n          </SelectPrimitive.Viewport>\n        </SelectPrimitive.Content>\n      </SelectPrimitive.Portal>\n    );\n  }\n);\nSelectContent.displayName = SelectPrimitive.Content.displayName;\n"],"names":[],"mappings":";;;;;;;;;;;AAaa;;AAqBT;;AAKI;AACF;AAIF;;AAKI;AACF;AAIF;;;;AAiDF;AAEF;;"}
+{"version":3,"file":"select-content.cjs","sources":["../../../components/select/select-content.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Combobox as ComboboxPrimitive,\n  Select as SelectPrimitive\n} from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport styles from './select.module.css';\nimport { useSelectContext } from './select-root';\n\nexport interface SelectContentProps\n  extends Omit<\n      SelectPrimitive.Positioner.Props,\n      'render' | 'className' | 'style' | 'ref'\n    >,\n    SelectPrimitive.Popup.Props {\n  searchPlaceholder?: string;\n}\n\nexport function SelectContent({\n  className,\n  children,\n  searchPlaceholder = 'Search...',\n  sideOffset = 4,\n  ...props\n}: SelectContentProps) {\n  const { autocomplete, multiple } = useSelectContext();\n\n  if (autocomplete) {\n    return (\n      <ComboboxPrimitive.Portal>\n        <ComboboxPrimitive.Positioner\n          sideOffset={sideOffset}\n          className={styles.positioner}\n        >\n          <ComboboxPrimitive.Popup\n            className={cx(styles.content, className)}\n            data-multiselectable={multiple ? true : undefined}\n            {...props}\n          >\n            <ComboboxPrimitive.Input\n              placeholder={searchPlaceholder}\n              className={styles.comboboxInput}\n            />\n            <ComboboxPrimitive.List\n              className={styles.comboboxContent}\n              aria-multiselectable={multiple ? true : undefined}\n            >\n              {children}\n            </ComboboxPrimitive.List>\n          </ComboboxPrimitive.Popup>\n        </ComboboxPrimitive.Positioner>\n      </ComboboxPrimitive.Portal>\n    );\n  }\n\n  return (\n    <SelectPrimitive.Positioner\n      sideOffset={sideOffset}\n      className={styles.positioner}\n      alignItemWithTrigger={false}\n    >\n      <SelectPrimitive.Popup\n        className={cx(styles.content, className)}\n        data-multiselectable={multiple ? true : undefined}\n        {...props}\n      >\n        <SelectPrimitive.List className={styles.viewport}>\n          {children}\n        </SelectPrimitive.List>\n      </SelectPrimitive.Popup>\n    </SelectPrimitive.Positioner>\n  );\n}\nSelectContent.displayName = 'Select.Content';\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAwDE;AAiBF;AACA;;"}

package/dist/components/select/select-content.d.ts

@@ -1,6 +1,9 @@
-import { Select as SelectPrimitive } from 'radix-ui';
-export interface SelectContentProps extends SelectPrimitive.SelectContentProps {
+import { Select as SelectPrimitive } from '@base-ui/react';
+export interface SelectContentProps extends Omit<SelectPrimitive.Positioner.Props, 'render' | 'className' | 'style' | 'ref'>, SelectPrimitive.Popup.Props {
     searchPlaceholder?: string;
 }
-export declare const SelectContent: import("react").ForwardRefExoticComponent<SelectContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare function SelectContent({ className, children, searchPlaceholder, sideOffset, ...props }: SelectContentProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace SelectContent {
+    var displayName: string;
+}
 //# sourceMappingURL=select-content.d.ts.map

package/dist/components/select/select-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-content.d.ts","sourceRoot":"","sources":["../../../components/select/select-content.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAQ,MAAM,UAAU,CAAC;AAK3D,MAAM,WAAW,kBAAmB,SAAQ,eAAe,CAAC,kBAAkB;IAC5E,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,aAAa,+GA2FzB,CAAC"}
+{"version":3,"file":"select-content.d.ts","sourceRoot":"","sources":["../../../components/select/select-content.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,MAAM,IAAI,eAAe,EAC1B,MAAM,gBAAgB,CAAC;AAKxB,MAAM,WAAW,kBACf,SAAQ,IAAI,CACR,eAAe,CAAC,UAAU,CAAC,KAAK,EAChC,QAAQ,GAAG,WAAW,GAAG,OAAO,GAAG,KAAK,CACzC,EACD,eAAe,CAAC,KAAK,CAAC,KAAK;IAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,iBAA+B,EAC/B,UAAc,EACd,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAgDpB;yBAtDe,aAAa"}

package/dist/components/select/select-content.js

@@ -1,28 +1,18 @@
 "use client";
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Combobox, ComboboxList } from '@ariakit/react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Combobox, Select } from '@base-ui/react';
 import { cx } from 'class-variance-authority';
-import { Select, Slot } from 'radix-ui';
-import { forwardRef, useCallback } from 'react';
-import { useSelectContext } from './select-root.js';
 import styles from './select.module.css.js';
+import { useSelectContext } from './select-root.js';
 
-const SelectContent = forwardRef(({ className, children, position = 'popper', searchPlaceholder = 'Search...', sideOffset = 4, asChild, onEscapeKeyDown: providedOnEscapeKeyDown, onPointerDownOutside: providedOnPointerDownOutside, ...props }, ref) => {
-    const { autocomplete, multiple, updateSelectionInProgress } = useSelectContext();
-    const onPointerDownOutside = useCallback(event => {
-        updateSelectionInProgress(false);
-        providedOnPointerDownOutside?.(event);
-    }, [updateSelectionInProgress, providedOnPointerDownOutside]);
-    const onEscapeKeyDown = useCallback(event => {
-        updateSelectionInProgress(false);
-        providedOnEscapeKeyDown?.(event);
-    }, [updateSelectionInProgress, providedOnEscapeKeyDown]);
-    return (jsx(Select.Portal, { children: jsx(Select.Content, { ref: ref, position: position, sideOffset: sideOffset, className: cx(styles.content, className), onEscapeKeyDown: multiple ? onEscapeKeyDown : providedOnEscapeKeyDown, onPointerDownOutside: multiple ? onPointerDownOutside : providedOnPointerDownOutside, role: autocomplete ? 'dialog' : 'listbox', "aria-multiselectable": !autocomplete && multiple ? true : undefined, "data-multiselectable": multiple ? true : undefined, ...props, children: jsx(Select.Viewport, { className: cx(styles.viewport, autocomplete && styles.comboboxViewport), asChild: !autocomplete ? asChild : undefined, children: autocomplete ? (jsxs(Fragment, { children: [jsx(Combobox, { autoSelect: true, placeholder: searchPlaceholder, className: styles.comboboxInput, onBlurCapture: event => {
-                                event.preventDefault();
-                                event.stopPropagation();
-                            } }), jsx(ComboboxList, { className: styles.comboboxContent, "aria-multiselectable": multiple ? true : undefined, render: asChild ? jsx(Slot.Root, {}) : undefined, children: children })] })) : (children) }) }) }));
-});
-SelectContent.displayName = Select.Content.displayName;
+function SelectContent({ className, children, searchPlaceholder = 'Search...', sideOffset = 4, ...props }) {
+    const { autocomplete, multiple } = useSelectContext();
+    if (autocomplete) {
+        return (jsx(Combobox.Portal, { children: jsx(Combobox.Positioner, { sideOffset: sideOffset, className: styles.positioner, children: jsxs(Combobox.Popup, { className: cx(styles.content, className), "data-multiselectable": multiple ? true : undefined, ...props, children: [jsx(Combobox.Input, { placeholder: searchPlaceholder, className: styles.comboboxInput }), jsx(Combobox.List, { className: styles.comboboxContent, "aria-multiselectable": multiple ? true : undefined, children: children })] }) }) }));
+    }
+    return (jsx(Select.Positioner, { sideOffset: sideOffset, className: styles.positioner, alignItemWithTrigger: false, children: jsx(Select.Popup, { className: cx(styles.content, className), "data-multiselectable": multiple ? true : undefined, ...props, children: jsx(Select.List, { className: styles.viewport, children: children }) }) }));
+}
+SelectContent.displayName = 'Select.Content';
 
 export { SelectContent };
 //# sourceMappingURL=select-content.js.map

package/dist/components/select/select-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-content.js","sources":["../../../components/select/select-content.tsx"],"sourcesContent":["'use client';\n\nimport { Combobox, ComboboxList } from '@ariakit/react';\nimport { cx } from 'class-variance-authority';\nimport { Select as SelectPrimitive, Slot } from 'radix-ui';\nimport { ElementRef, forwardRef, useCallback } from 'react';\nimport { useSelectContext } from './select-root';\nimport styles from './select.module.css';\n\nexport interface SelectContentProps extends SelectPrimitive.SelectContentProps {\n  searchPlaceholder?: string;\n}\n\nexport const SelectContent = forwardRef<\n  ElementRef<typeof SelectPrimitive.Content>,\n  SelectContentProps\n>(\n  (\n    {\n      className,\n      children,\n      position = 'popper',\n      searchPlaceholder = 'Search...',\n      sideOffset = 4,\n      asChild,\n      onEscapeKeyDown: providedOnEscapeKeyDown,\n      onPointerDownOutside: providedOnPointerDownOutside,\n      ...props\n    },\n    ref\n  ) => {\n    const { autocomplete, multiple, updateSelectionInProgress } =\n      useSelectContext();\n\n    const onPointerDownOutside = useCallback<\n      NonNullable<SelectContentProps['onPointerDownOutside']>\n    >(\n      event => {\n        updateSelectionInProgress(false);\n        providedOnPointerDownOutside?.(event);\n      },\n      [updateSelectionInProgress, providedOnPointerDownOutside]\n    );\n\n    const onEscapeKeyDown = useCallback<\n      NonNullable<SelectContentProps['onEscapeKeyDown']>\n    >(\n      event => {\n        updateSelectionInProgress(false);\n        providedOnEscapeKeyDown?.(event);\n      },\n      [updateSelectionInProgress, providedOnEscapeKeyDown]\n    );\n\n    return (\n      <SelectPrimitive.Portal>\n        <SelectPrimitive.Content\n          ref={ref}\n          position={position}\n          sideOffset={sideOffset}\n          className={cx(styles.content, className)}\n          onEscapeKeyDown={multiple ? onEscapeKeyDown : providedOnEscapeKeyDown}\n          onPointerDownOutside={\n            multiple ? onPointerDownOutside : providedOnPointerDownOutside\n          }\n          role={autocomplete ? 'dialog' : 'listbox'}\n          aria-multiselectable={!autocomplete && multiple ? true : undefined}\n          data-multiselectable={multiple ? true : undefined}\n          {...props}\n        >\n          <SelectPrimitive.Viewport\n            className={cx(\n              styles.viewport,\n              autocomplete && styles.comboboxViewport\n            )}\n            asChild={!autocomplete ? asChild : undefined}\n          >\n            {autocomplete ? (\n              <>\n                <Combobox\n                  autoSelect\n                  placeholder={searchPlaceholder}\n                  className={styles.comboboxInput}\n                  onBlurCapture={event => {\n                    event.preventDefault();\n                    event.stopPropagation();\n                  }}\n                />\n                <ComboboxList\n                  className={styles.comboboxContent}\n                  aria-multiselectable={multiple ? true : undefined}\n                  render={asChild ? <Slot.Root /> : undefined}\n                >\n                  {children}\n                </ComboboxList>\n              </>\n            ) : (\n              children\n            )}\n          </SelectPrimitive.Viewport>\n        </SelectPrimitive.Content>\n      </SelectPrimitive.Portal>\n    );\n  }\n);\nSelectContent.displayName = SelectPrimitive.Content.displayName;\n"],"names":[],"mappings":";;;;;;;;;AAaa;;AAqBT;;AAKI;AACF;AAIF;;AAKI;AACF;AAIF;;;;AAiDF;AAEF;;"}
+{"version":3,"file":"select-content.js","sources":["../../../components/select/select-content.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Combobox as ComboboxPrimitive,\n  Select as SelectPrimitive\n} from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport styles from './select.module.css';\nimport { useSelectContext } from './select-root';\n\nexport interface SelectContentProps\n  extends Omit<\n      SelectPrimitive.Positioner.Props,\n      'render' | 'className' | 'style' | 'ref'\n    >,\n    SelectPrimitive.Popup.Props {\n  searchPlaceholder?: string;\n}\n\nexport function SelectContent({\n  className,\n  children,\n  searchPlaceholder = 'Search...',\n  sideOffset = 4,\n  ...props\n}: SelectContentProps) {\n  const { autocomplete, multiple } = useSelectContext();\n\n  if (autocomplete) {\n    return (\n      <ComboboxPrimitive.Portal>\n        <ComboboxPrimitive.Positioner\n          sideOffset={sideOffset}\n          className={styles.positioner}\n        >\n          <ComboboxPrimitive.Popup\n            className={cx(styles.content, className)}\n            data-multiselectable={multiple ? true : undefined}\n            {...props}\n          >\n            <ComboboxPrimitive.Input\n              placeholder={searchPlaceholder}\n              className={styles.comboboxInput}\n            />\n            <ComboboxPrimitive.List\n              className={styles.comboboxContent}\n              aria-multiselectable={multiple ? true : undefined}\n            >\n              {children}\n            </ComboboxPrimitive.List>\n          </ComboboxPrimitive.Popup>\n        </ComboboxPrimitive.Positioner>\n      </ComboboxPrimitive.Portal>\n    );\n  }\n\n  return (\n    <SelectPrimitive.Positioner\n      sideOffset={sideOffset}\n      className={styles.positioner}\n      alignItemWithTrigger={false}\n    >\n      <SelectPrimitive.Popup\n        className={cx(styles.content, className)}\n        data-multiselectable={multiple ? true : undefined}\n        {...props}\n      >\n        <SelectPrimitive.List className={styles.viewport}>\n          {children}\n        </SelectPrimitive.List>\n      </SelectPrimitive.Popup>\n    </SelectPrimitive.Positioner>\n  );\n}\nSelectContent.displayName = 'Select.Content';\n"],"names":[],"mappings":";;;;;;;;;;;;AAwDE;AAiBF;AACA;;"}

package/dist/components/select/select-item.cjs

@@ -2,24 +2,23 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var react = require('@ariakit/react');
+var react = require('@base-ui/react');
 var classVarianceAuthority = require('class-variance-authority');
-var radixUi = require('radix-ui');
 var React = require('react');
 var checkbox = require('../checkbox/checkbox.cjs');
-var utils = require('../dropdown-menu/utils.cjs');
+var utils = require('../menu/utils.cjs');
 var text = require('../text/text.cjs');
 var select_module = require('./select.module.css.cjs');
 var selectRoot = require('./select-root.cjs');
 
-const SelectItem = React.forwardRef(({ className, children, value: providedValue, leadingIcon, disabled, ...props }, ref) => {
+function SelectItem({ className, children, value: providedValue, leadingIcon, disabled, ...props }) {
     const value = String(providedValue);
-    const { registerItem, unregisterItem, autocomplete, searchValue, value: selectValue, shouldFilter, multiple } = selectRoot.useSelectContext();
+    const { registerItem, unregisterItem, autocomplete, searchValue, value: selectValue, shouldFilter, hasItems, multiple } = selectRoot.useSelectContext();
     const isSelected = multiple
         ? selectValue?.includes(value)
         : value === selectValue;
     const isMatched = utils.getMatch(value, children, searchValue);
-    const isHidden = shouldFilter && isSelected && !isMatched;
+    const isHidden = shouldFilter && !hasItems && isSelected && !isMatched;
     const element = typeof children === 'string' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [leadingIcon && jsxRuntime.jsx("div", { className: select_module.default.itemIcon, children: leadingIcon }), jsxRuntime.jsx(text.Text, { children: children })] })) : (children);
     React.useLayoutEffect(() => {
         registerItem({ leadingIcon, children, value });
@@ -27,15 +26,15 @@ const SelectItem = React.forwardRef(({ className, children, value: providedValue
             unregisterItem(value);
         };
     }, [value, children, registerItem, unregisterItem, leadingIcon]);
-    if (shouldFilter && !isMatched && !isSelected) {
-        // Not selected and doesn't match search, so don't render at all
+    if (shouldFilter && !hasItems && !isMatched && !isSelected) {
         return null;
     }
-    return (jsxRuntime.jsx(radixUi.Select.Item, { ref: ref, value: value, className: classVarianceAuthority.cx(select_module.default.menuitem, className, isHidden && select_module.default.hidden), "data-hidden": isHidden, disabled: disabled || isHidden, asChild: autocomplete, "aria-selected": isSelected, "data-checked": isSelected, ...props, children: autocomplete ? (jsxRuntime.jsxs(react.ComboboxItem, { clickOnEnter: false, clickOnSpace: false, onBlurCapture: event => {
-                event.preventDefault();
-            }, children: [multiple && jsxRuntime.jsx(checkbox.Checkbox, { checked: isSelected }), element] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [multiple && jsxRuntime.jsx(checkbox.Checkbox, { checked: isSelected }), element] })) }));
-});
-SelectItem.displayName = radixUi.Select.Item.displayName;
+    const ItemPrimitive = autocomplete
+        ? react.Combobox.Item
+        : react.Select.Item;
+    return (jsxRuntime.jsx(ItemPrimitive, { value: value, className: classVarianceAuthority.cx(select_module.default.menuitem, className, isHidden && select_module.default.hidden), "data-hidden": isHidden || undefined, disabled: disabled || isHidden, ...props, render: (renderProps, state) => (jsxRuntime.jsxs("div", { ...renderProps, children: [multiple && jsxRuntime.jsx(checkbox.Checkbox, { checked: state.selected }), element] })) }));
+}
+SelectItem.displayName = 'Select.Item';
 
 exports.SelectItem = SelectItem;
 //# sourceMappingURL=select-item.cjs.map

package/dist/components/select/select-item.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"select-item.cjs","sources":["../../../components/select/select-item.tsx"],"sourcesContent":["'use client';\n\nimport { ComboboxItem } from '@ariakit/react';\nimport { cx } from 'class-variance-authority';\nimport { Select as SelectPrimitive } from 'radix-ui';\nimport { ElementRef, forwardRef, useLayoutEffect } from 'react';\nimport { Checkbox } from '../checkbox';\nimport { getMatch } from '../dropdown-menu/utils';\nimport { Text } from '../text';\nimport styles from './select.module.css';\nimport { useSelectContext } from './select-root';\n\nexport const SelectItem = forwardRef<\n  ElementRef<typeof SelectPrimitive.Item>,\n  Omit<SelectPrimitive.SelectItemProps, 'asChild'> & {\n    leadingIcon?: React.ReactNode;\n  }\n>(\n  (\n    {\n      className,\n      children,\n      value: providedValue,\n      leadingIcon,\n      disabled,\n      ...props\n    },\n    ref\n  ) => {\n    const value = String(providedValue);\n    const {\n      registerItem,\n      unregisterItem,\n      autocomplete,\n      searchValue,\n      value: selectValue,\n      shouldFilter,\n      multiple\n    } = useSelectContext();\n\n    const isSelected = multiple\n      ? selectValue?.includes(value)\n      : value === selectValue;\n    const isMatched = getMatch(value, children, searchValue);\n    const isHidden = shouldFilter && isSelected && !isMatched;\n\n    const element =\n      typeof children === 'string' ? (\n        <>\n          {leadingIcon && <div className={styles.itemIcon}>{leadingIcon}</div>}\n          <Text>{children}</Text>\n        </>\n      ) : (\n        children\n      );\n\n    useLayoutEffect(() => {\n      registerItem({ leadingIcon, children, value });\n      return () => {\n        unregisterItem(value);\n      };\n    }, [value, children, registerItem, unregisterItem, leadingIcon]);\n\n    if (shouldFilter && !isMatched && !isSelected) {\n      // Not selected and doesn't match search, so don't render at all\n      return null;\n    }\n\n    return (\n      <SelectPrimitive.Item\n        ref={ref}\n        value={value}\n        className={cx(styles.menuitem, className, isHidden && styles.hidden)}\n        data-hidden={isHidden}\n        disabled={disabled || isHidden}\n        asChild={autocomplete}\n        aria-selected={isSelected}\n        data-checked={isSelected}\n        {...props}\n      >\n        {autocomplete ? (\n          <ComboboxItem\n            clickOnEnter={false}\n            clickOnSpace={false}\n            onBlurCapture={event => {\n              event.preventDefault();\n            }}\n          >\n            {multiple && <Checkbox checked={isSelected} />}\n            {element}\n          </ComboboxItem>\n        ) : (\n          <>\n            {multiple && <Checkbox checked={isSelected} />}\n            {element}\n          </>\n        )}\n      </SelectPrimitive.Item>\n    );\n  }\n);\nSelectItem.displayName = SelectPrimitive.Item.displayName;\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAYa;AAiBT;;;AAYE;AACA;;;AAIF;;;AAYE;;AAEA;AACF;;;AAIE;;AAGF;;AAkBQ;AAaV;AAEF;;"}
+{"version":3,"file":"select-item.cjs","sources":["../../../components/select/select-item.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Combobox as ComboboxPrimitive,\n  Select as SelectPrimitive\n} from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport { ReactNode, useLayoutEffect } from 'react';\nimport { Checkbox } from '../checkbox';\nimport { getMatch } from '../menu/utils';\nimport { Text } from '../text';\nimport styles from './select.module.css';\nimport { useSelectContext } from './select-root';\n\nexport interface SelectItemProps extends SelectPrimitive.Item.Props {\n  leadingIcon?: ReactNode;\n}\n\nexport function SelectItem({\n  className,\n  children,\n  value: providedValue,\n  leadingIcon,\n  disabled,\n  ...props\n}: SelectItemProps) {\n  const value = String(providedValue);\n  const {\n    registerItem,\n    unregisterItem,\n    autocomplete,\n    searchValue,\n    value: selectValue,\n    shouldFilter,\n    hasItems,\n    multiple\n  } = useSelectContext();\n\n  const isSelected = multiple\n    ? selectValue?.includes(value)\n    : value === selectValue;\n  const isMatched = getMatch(value, children, searchValue);\n  const isHidden = shouldFilter && !hasItems && isSelected && !isMatched;\n\n  const element =\n    typeof children === 'string' ? (\n      <>\n        {leadingIcon && <div className={styles.itemIcon}>{leadingIcon}</div>}\n        <Text>{children}</Text>\n      </>\n    ) : (\n      children\n    );\n\n  useLayoutEffect(() => {\n    registerItem({ leadingIcon, children, value });\n    return () => {\n      unregisterItem(value);\n    };\n  }, [value, children, registerItem, unregisterItem, leadingIcon]);\n\n  if (shouldFilter && !hasItems && !isMatched && !isSelected) {\n    return null;\n  }\n\n  const ItemPrimitive = autocomplete\n    ? ComboboxPrimitive.Item\n    : SelectPrimitive.Item;\n\n  return (\n    <ItemPrimitive\n      value={value}\n      className={cx(styles.menuitem, className, isHidden && styles.hidden)}\n      data-hidden={isHidden || undefined}\n      disabled={disabled || isHidden}\n      {...props}\n      render={(renderProps, state) => (\n        <div {...renderProps}>\n          {multiple && <Checkbox checked={state.selected} />}\n          {element}\n        </div>\n      )}\n    />\n  );\n}\nSelectItem.displayName = 'Select.Item';\n"],"names":[],"mappings":";;;;;;;;;;;;;;AA0BE;;;AAaE;AACA;;;AAIF;;;AAYE;;AAEA;AACF;;AAGE;;;;AAKA;AAEF;AAeF;AACA;;"}

package/dist/components/select/select-item.d.ts

@@ -1,5 +1,10 @@
-import { Select as SelectPrimitive } from 'radix-ui';
-export declare const SelectItem: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps, "asChild"> & {
-    leadingIcon?: React.ReactNode;
-} & import("react").RefAttributes<HTMLDivElement>>;
+import { Select as SelectPrimitive } from '@base-ui/react';
+import { ReactNode } from 'react';
+export interface SelectItemProps extends SelectPrimitive.Item.Props {
+    leadingIcon?: ReactNode;
+}
+export declare function SelectItem({ className, children, value: providedValue, leadingIcon, disabled, ...props }: SelectItemProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace SelectItem {
+    var displayName: string;
+}
 //# sourceMappingURL=select-item.d.ts.map

package/dist/components/select/select-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-item.d.ts","sourceRoot":"","sources":["../../../components/select/select-item.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AAQrD,eAAO,MAAM,UAAU;kBAGL,MAAM,SAAS;kDAqFhC,CAAC"}
+{"version":3,"file":"select-item.d.ts","sourceRoot":"","sources":["../../../components/select/select-item.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,MAAM,IAAI,eAAe,EAC1B,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,SAAS,EAAmB,MAAM,OAAO,CAAC;AAOnD,MAAM,WAAW,eAAgB,SAAQ,eAAe,CAAC,IAAI,CAAC,KAAK;IACjE,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,KAAK,EAAE,aAAa,EACpB,WAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,kDA2DjB;yBAlEe,UAAU"}

package/dist/components/select/select-item.js

@@ -1,23 +1,22 @@
 "use client";
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { ComboboxItem } from '@ariakit/react';
+import { Combobox, Select } from '@base-ui/react';
 import { cx } from 'class-variance-authority';
-import { Select } from 'radix-ui';
-import { forwardRef, useLayoutEffect } from 'react';
+import { useLayoutEffect } from 'react';
 import { Checkbox } from '../checkbox/checkbox.js';
-import { getMatch } from '../dropdown-menu/utils.js';
+import { getMatch } from '../menu/utils.js';
 import { Text } from '../text/text.js';
 import styles from './select.module.css.js';
 import { useSelectContext } from './select-root.js';
 
-const SelectItem = forwardRef(({ className, children, value: providedValue, leadingIcon, disabled, ...props }, ref) => {
+function SelectItem({ className, children, value: providedValue, leadingIcon, disabled, ...props }) {
     const value = String(providedValue);
-    const { registerItem, unregisterItem, autocomplete, searchValue, value: selectValue, shouldFilter, multiple } = useSelectContext();
+    const { registerItem, unregisterItem, autocomplete, searchValue, value: selectValue, shouldFilter, hasItems, multiple } = useSelectContext();
     const isSelected = multiple
         ? selectValue?.includes(value)
         : value === selectValue;
     const isMatched = getMatch(value, children, searchValue);
-    const isHidden = shouldFilter && isSelected && !isMatched;
+    const isHidden = shouldFilter && !hasItems && isSelected && !isMatched;
     const element = typeof children === 'string' ? (jsxs(Fragment, { children: [leadingIcon && jsx("div", { className: styles.itemIcon, children: leadingIcon }), jsx(Text, { children: children })] })) : (children);
     useLayoutEffect(() => {
         registerItem({ leadingIcon, children, value });
@@ -25,15 +24,15 @@ const SelectItem = forwardRef(({ className, children, value: providedValue, lead
             unregisterItem(value);
         };
     }, [value, children, registerItem, unregisterItem, leadingIcon]);
-    if (shouldFilter && !isMatched && !isSelected) {
-        // Not selected and doesn't match search, so don't render at all
+    if (shouldFilter && !hasItems && !isMatched && !isSelected) {
         return null;
     }
-    return (jsx(Select.Item, { ref: ref, value: value, className: cx(styles.menuitem, className, isHidden && styles.hidden), "data-hidden": isHidden, disabled: disabled || isHidden, asChild: autocomplete, "aria-selected": isSelected, "data-checked": isSelected, ...props, children: autocomplete ? (jsxs(ComboboxItem, { clickOnEnter: false, clickOnSpace: false, onBlurCapture: event => {
-                event.preventDefault();
-            }, children: [multiple && jsx(Checkbox, { checked: isSelected }), element] })) : (jsxs(Fragment, { children: [multiple && jsx(Checkbox, { checked: isSelected }), element] })) }));
-});
-SelectItem.displayName = Select.Item.displayName;
+    const ItemPrimitive = autocomplete
+        ? Combobox.Item
+        : Select.Item;
+    return (jsx(ItemPrimitive, { value: value, className: cx(styles.menuitem, className, isHidden && styles.hidden), "data-hidden": isHidden || undefined, disabled: disabled || isHidden, ...props, render: (renderProps, state) => (jsxs("div", { ...renderProps, children: [multiple && jsx(Checkbox, { checked: state.selected }), element] })) }));
+}
+SelectItem.displayName = 'Select.Item';
 
 export { SelectItem };
 //# sourceMappingURL=select-item.js.map

package/dist/components/select/select-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-item.js","sources":["../../../components/select/select-item.tsx"],"sourcesContent":["'use client';\n\nimport { ComboboxItem } from '@ariakit/react';\nimport { cx } from 'class-variance-authority';\nimport { Select as SelectPrimitive } from 'radix-ui';\nimport { ElementRef, forwardRef, useLayoutEffect } from 'react';\nimport { Checkbox } from '../checkbox';\nimport { getMatch } from '../dropdown-menu/utils';\nimport { Text } from '../text';\nimport styles from './select.module.css';\nimport { useSelectContext } from './select-root';\n\nexport const SelectItem = forwardRef<\n  ElementRef<typeof SelectPrimitive.Item>,\n  Omit<SelectPrimitive.SelectItemProps, 'asChild'> & {\n    leadingIcon?: React.ReactNode;\n  }\n>(\n  (\n    {\n      className,\n      children,\n      value: providedValue,\n      leadingIcon,\n      disabled,\n      ...props\n    },\n    ref\n  ) => {\n    const value = String(providedValue);\n    const {\n      registerItem,\n      unregisterItem,\n      autocomplete,\n      searchValue,\n      value: selectValue,\n      shouldFilter,\n      multiple\n    } = useSelectContext();\n\n    const isSelected = multiple\n      ? selectValue?.includes(value)\n      : value === selectValue;\n    const isMatched = getMatch(value, children, searchValue);\n    const isHidden = shouldFilter && isSelected && !isMatched;\n\n    const element =\n      typeof children === 'string' ? (\n        <>\n          {leadingIcon && <div className={styles.itemIcon}>{leadingIcon}</div>}\n          <Text>{children}</Text>\n        </>\n      ) : (\n        children\n      );\n\n    useLayoutEffect(() => {\n      registerItem({ leadingIcon, children, value });\n      return () => {\n        unregisterItem(value);\n      };\n    }, [value, children, registerItem, unregisterItem, leadingIcon]);\n\n    if (shouldFilter && !isMatched && !isSelected) {\n      // Not selected and doesn't match search, so don't render at all\n      return null;\n    }\n\n    return (\n      <SelectPrimitive.Item\n        ref={ref}\n        value={value}\n        className={cx(styles.menuitem, className, isHidden && styles.hidden)}\n        data-hidden={isHidden}\n        disabled={disabled || isHidden}\n        asChild={autocomplete}\n        aria-selected={isSelected}\n        data-checked={isSelected}\n        {...props}\n      >\n        {autocomplete ? (\n          <ComboboxItem\n            clickOnEnter={false}\n            clickOnSpace={false}\n            onBlurCapture={event => {\n              event.preventDefault();\n            }}\n          >\n            {multiple && <Checkbox checked={isSelected} />}\n            {element}\n          </ComboboxItem>\n        ) : (\n          <>\n            {multiple && <Checkbox checked={isSelected} />}\n            {element}\n          </>\n        )}\n      </SelectPrimitive.Item>\n    );\n  }\n);\nSelectItem.displayName = SelectPrimitive.Item.displayName;\n"],"names":[],"mappings":";;;;;;;;;;;;AAYa;AAiBT;;;AAYE;AACA;;;AAIF;;;AAYE;;AAEA;AACF;;;AAIE;;AAGF;;AAkBQ;AAaV;AAEF;;"}
+{"version":3,"file":"select-item.js","sources":["../../../components/select/select-item.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Combobox as ComboboxPrimitive,\n  Select as SelectPrimitive\n} from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport { ReactNode, useLayoutEffect } from 'react';\nimport { Checkbox } from '../checkbox';\nimport { getMatch } from '../menu/utils';\nimport { Text } from '../text';\nimport styles from './select.module.css';\nimport { useSelectContext } from './select-root';\n\nexport interface SelectItemProps extends SelectPrimitive.Item.Props {\n  leadingIcon?: ReactNode;\n}\n\nexport function SelectItem({\n  className,\n  children,\n  value: providedValue,\n  leadingIcon,\n  disabled,\n  ...props\n}: SelectItemProps) {\n  const value = String(providedValue);\n  const {\n    registerItem,\n    unregisterItem,\n    autocomplete,\n    searchValue,\n    value: selectValue,\n    shouldFilter,\n    hasItems,\n    multiple\n  } = useSelectContext();\n\n  const isSelected = multiple\n    ? selectValue?.includes(value)\n    : value === selectValue;\n  const isMatched = getMatch(value, children, searchValue);\n  const isHidden = shouldFilter && !hasItems && isSelected && !isMatched;\n\n  const element =\n    typeof children === 'string' ? (\n      <>\n        {leadingIcon && <div className={styles.itemIcon}>{leadingIcon}</div>}\n        <Text>{children}</Text>\n      </>\n    ) : (\n      children\n    );\n\n  useLayoutEffect(() => {\n    registerItem({ leadingIcon, children, value });\n    return () => {\n      unregisterItem(value);\n    };\n  }, [value, children, registerItem, unregisterItem, leadingIcon]);\n\n  if (shouldFilter && !hasItems && !isMatched && !isSelected) {\n    return null;\n  }\n\n  const ItemPrimitive = autocomplete\n    ? ComboboxPrimitive.Item\n    : SelectPrimitive.Item;\n\n  return (\n    <ItemPrimitive\n      value={value}\n      className={cx(styles.menuitem, className, isHidden && styles.hidden)}\n      data-hidden={isHidden || undefined}\n      disabled={disabled || isHidden}\n      {...props}\n      render={(renderProps, state) => (\n        <div {...renderProps}>\n          {multiple && <Checkbox checked={state.selected} />}\n          {element}\n        </div>\n      )}\n    />\n  );\n}\nSelectItem.displayName = 'Select.Item';\n"],"names":[],"mappings":";;;;;;;;;;;;AA0BE;;;AAaE;AACA;;;AAIF;;;AAYE;;AAEA;AACF;;AAGE;;;;AAKA;AAEF;AAeF;AACA;;"}

package/dist/components/select/select-misc.cjs

@@ -2,33 +2,42 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var react = require('@base-ui/react');
 var classVarianceAuthority = require('class-variance-authority');
-var radixUi = require('radix-ui');
 var React = require('react');
 var select_module = require('./select.module.css.cjs');
 var selectRoot = require('./select-root.cjs');
 
-const SelectGroup = React.forwardRef(({ className, children, ...props }, ref) => {
-    const { shouldFilter } = selectRoot.useSelectContext();
+function SelectGroup({ className, children, ...props }) {
+    const { shouldFilter, autocomplete } = selectRoot.useSelectContext();
     if (shouldFilter)
         return jsxRuntime.jsx(React.Fragment, { children: children });
-    return (jsxRuntime.jsx(radixUi.Select.Group, { ref: ref, className: classVarianceAuthority.cx(select_module.default.menugroup, className), ...props, children: children }));
-});
-SelectGroup.displayName = radixUi.Select.Group.displayName;
-const SelectLabel = React.forwardRef(({ className, ...props }, ref) => {
-    const { shouldFilter } = selectRoot.useSelectContext();
+    const GroupPrimitive = autocomplete
+        ? react.Combobox.Group
+        : react.Select.Group;
+    return (jsxRuntime.jsx(GroupPrimitive, { className: classVarianceAuthority.cx(select_module.default.menugroup, className), ...props, children: children }));
+}
+SelectGroup.displayName = 'Select.Group';
+function SelectLabel({ className, ...props }) {
+    const { shouldFilter, autocomplete } = selectRoot.useSelectContext();
     if (shouldFilter)
         return null;
-    return (jsxRuntime.jsx(radixUi.Select.Label, { ref: ref, className: classVarianceAuthority.cx(select_module.default.label, className), ...props }));
-});
-SelectLabel.displayName = radixUi.Select.Label.displayName;
-const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => {
-    const { shouldFilter } = selectRoot.useSelectContext();
+    const LabelPrimitive = autocomplete
+        ? react.Combobox.GroupLabel
+        : react.Select.GroupLabel;
+    return jsxRuntime.jsx(LabelPrimitive, { className: classVarianceAuthority.cx(select_module.default.label, className), ...props });
+}
+SelectLabel.displayName = 'Select.Label';
+function SelectSeparator({ className, ...props }) {
+    const { shouldFilter, autocomplete } = selectRoot.useSelectContext();
     if (shouldFilter)
         return null;
-    return (jsxRuntime.jsx(radixUi.Select.Separator, { ref: ref, className: classVarianceAuthority.cx(select_module.default.separator, className), ...props }));
-});
-SelectSeparator.displayName = radixUi.Select.Separator.displayName;
+    const SeparatorPrimitive = autocomplete
+        ? react.Combobox.Separator
+        : react.Select.Separator;
+    return (jsxRuntime.jsx(SeparatorPrimitive, { className: classVarianceAuthority.cx(select_module.default.separator, className), ...props }));
+}
+SelectSeparator.displayName = 'Select.Separator';
 
 exports.SelectGroup = SelectGroup;
 exports.SelectLabel = SelectLabel;

package/dist/components/select/select-misc.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"select-misc.cjs","sources":["../../../components/select/select-misc.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { Select as SelectPrimitive } from 'radix-ui';\nimport { ElementRef, Fragment, forwardRef } from 'react';\nimport styles from './select.module.css';\nimport { useSelectContext } from './select-root';\n\nexport const SelectGroup = forwardRef<\n  ElementRef<typeof SelectPrimitive.Group>,\n  SelectPrimitive.SelectGroupProps\n>(({ className, children, ...props }, ref) => {\n  const { shouldFilter } = useSelectContext();\n\n  if (shouldFilter) return <Fragment>{children}</Fragment>;\n\n  return (\n    <SelectPrimitive.Group\n      ref={ref}\n      className={cx(styles.menugroup, className)}\n      {...props}\n    >\n      {children}\n    </SelectPrimitive.Group>\n  );\n});\nSelectGroup.displayName = SelectPrimitive.Group.displayName;\n\nexport const SelectLabel = forwardRef<\n  ElementRef<typeof SelectPrimitive.Label>,\n  SelectPrimitive.SelectLabelProps\n>(({ className, ...props }, ref) => {\n  const { shouldFilter } = useSelectContext();\n\n  if (shouldFilter) return null;\n\n  return (\n    <SelectPrimitive.Label\n      ref={ref}\n      className={cx(styles.label, className)}\n      {...props}\n    />\n  );\n});\nSelectLabel.displayName = SelectPrimitive.Label.displayName;\n\nexport const SelectSeparator = forwardRef<\n  ElementRef<typeof SelectPrimitive.Separator>,\n  SelectPrimitive.SelectSeparatorProps\n>(({ className, ...props }, ref) => {\n  const { shouldFilter } = useSelectContext();\n\n  if (shouldFilter) return null;\n  return (\n    <SelectPrimitive.Separator\n      ref={ref}\n      className={cx(styles.separator, className)}\n      {...props}\n    />\n  );\n});\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName;\n"],"names":[],"mappings":";;;;;;;;;;AAQa;AAIX;AAEA;AAAkB;;AAWpB;AACA;AAEa;AAIX;AAEA;AAAkB;;AASpB;AACA;AAEa;AAIX;AAEA;AAAkB;;AAQpB;AACA;;;;"}
+{"version":3,"file":"select-misc.cjs","sources":["../../../components/select/select-misc.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Combobox as ComboboxPrimitive,\n  Select as SelectPrimitive\n} from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport { Fragment, ReactNode } from 'react';\nimport styles from './select.module.css';\nimport { useSelectContext } from './select-root';\n\nexport interface SelectGroupProps extends SelectPrimitive.Group.Props {}\n\nexport function SelectGroup({\n  className,\n  children,\n  ...props\n}: SelectGroupProps) {\n  const { shouldFilter, autocomplete } = useSelectContext();\n\n  if (shouldFilter) return <Fragment>{children}</Fragment>;\n\n  const GroupPrimitive = autocomplete\n    ? ComboboxPrimitive.Group\n    : SelectPrimitive.Group;\n\n  return (\n    <GroupPrimitive className={cx(styles.menugroup, className)} {...props}>\n      {children}\n    </GroupPrimitive>\n  );\n}\nSelectGroup.displayName = 'Select.Group';\n\nexport interface SelectLabelProps extends SelectPrimitive.GroupLabel.Props {}\n\nexport function SelectLabel({ className, ...props }: SelectLabelProps) {\n  const { shouldFilter, autocomplete } = useSelectContext();\n\n  if (shouldFilter) return null;\n\n  const LabelPrimitive = autocomplete\n    ? ComboboxPrimitive.GroupLabel\n    : SelectPrimitive.GroupLabel;\n\n  return <LabelPrimitive className={cx(styles.label, className)} {...props} />;\n}\nSelectLabel.displayName = 'Select.Label';\n\nexport interface SelectSeparatorProps extends SelectPrimitive.Separator.Props {}\n\nexport function SelectSeparator({ className, ...props }: SelectSeparatorProps) {\n  const { shouldFilter, autocomplete } = useSelectContext();\n\n  if (shouldFilter) return null;\n\n  const SeparatorPrimitive = autocomplete\n    ? ComboboxPrimitive.Separator\n    : SelectPrimitive.Separator;\n\n  return (\n    <SeparatorPrimitive\n      className={cx(styles.separator, className)}\n      {...props}\n    />\n  );\n}\nSelectSeparator.displayName = 'Select.Separator';\n"],"names":[],"mappings":";;;;;;;;;;AAaM;;AAOJ;AAAkB;;;AAIhB;;AAOJ;AACA;AAIM;;AAGJ;AAAkB;;;AAIhB;AAEF;AACF;AACA;AAIM;;AAGJ;AAAkB;;;AAIhB;AAEF;AAMF;AACA;;;;"}

package/dist/components/select/select-misc.d.ts

@@ -1,5 +1,20 @@
-import { Select as SelectPrimitive } from 'radix-ui';
-export declare const SelectGroup: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const SelectLabel: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectLabelProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const SelectSeparator: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
+import { Select as SelectPrimitive } from '@base-ui/react';
+export interface SelectGroupProps extends SelectPrimitive.Group.Props {
+}
+export declare function SelectGroup({ className, children, ...props }: SelectGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace SelectGroup {
+    var displayName: string;
+}
+export interface SelectLabelProps extends SelectPrimitive.GroupLabel.Props {
+}
+export declare function SelectLabel({ className, ...props }: SelectLabelProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace SelectLabel {
+    var displayName: string;
+}
+export interface SelectSeparatorProps extends SelectPrimitive.Separator.Props {
+}
+export declare function SelectSeparator({ className, ...props }: SelectSeparatorProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace SelectSeparator {
+    var displayName: string;
+}
 //# sourceMappingURL=select-misc.d.ts.map

package/dist/components/select/select-misc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-misc.d.ts","sourceRoot":"","sources":["../../../components/select/select-misc.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AAKrD,eAAO,MAAM,WAAW,6HAiBtB,CAAC;AAGH,eAAO,MAAM,WAAW,6HAetB,CAAC;AAGH,eAAO,MAAM,eAAe,iIAc1B,CAAC"}
+{"version":3,"file":"select-misc.d.ts","sourceRoot":"","sources":["../../../components/select/select-misc.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,MAAM,IAAI,eAAe,EAC1B,MAAM,gBAAgB,CAAC;AAMxB,MAAM,WAAW,gBAAiB,SAAQ,eAAe,CAAC,KAAK,CAAC,KAAK;CAAG;AAExE,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAclB;yBAlBe,WAAW;;;AAqB3B,MAAM,WAAW,gBAAiB,SAAQ,eAAe,CAAC,UAAU,CAAC,KAAK;CAAG;AAE7E,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,kDAUpE;yBAVe,WAAW;;;AAa3B,MAAM,WAAW,oBAAqB,SAAQ,eAAe,CAAC,SAAS,CAAC,KAAK;CAAG;AAEhF,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,kDAe5E;yBAfe,eAAe"}