@raystack/apsara 1.0.0-rc.0 → 1.0.0-rc.1

package/dist/components/scroll-area/scroll-area-scrollbar.cjs

@@ -4,13 +4,12 @@
 var jsxRuntime = require('react/jsx-runtime');
 var scrollArea = require('@base-ui/react/scroll-area');
 var classVarianceAuthority = require('class-variance-authority');
-var React = require('react');
 var scrollArea_module = require('./scroll-area.module.css.cjs');
 
-const ScrollAreaScrollbar = React.forwardRef(({ className, orientation = 'vertical', type = 'hover', ...props }, ref) => {
-    return (jsxRuntime.jsx(scrollArea.ScrollArea.Scrollbar, { ref: ref, orientation: orientation, className: classVarianceAuthority.cx(scrollArea_module.default.scrollbar, scrollArea_module.default[`scrollbar-${type}`], className), ...props, children: jsxRuntime.jsx(scrollArea.ScrollArea.Thumb, { className: scrollArea_module.default.thumb }) }));
-});
-ScrollAreaScrollbar.displayName = 'ScrollAreaScrollbar';
+function ScrollAreaScrollbar({ className, orientation = 'vertical', type = 'hover', ...props }) {
+    return (jsxRuntime.jsx(scrollArea.ScrollArea.Scrollbar, { orientation: orientation, className: classVarianceAuthority.cx(scrollArea_module.default.scrollbar, scrollArea_module.default[`scrollbar-${type}`], className), ...props, children: jsxRuntime.jsx(scrollArea.ScrollArea.Thumb, { className: scrollArea_module.default.thumb }) }));
+}
+ScrollAreaScrollbar.displayName = 'ScrollArea.Scrollbar';
 
 exports.ScrollAreaScrollbar = ScrollAreaScrollbar;
 //# sourceMappingURL=scroll-area-scrollbar.cjs.map

package/dist/components/scroll-area/scroll-area-scrollbar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area-scrollbar.cjs","sources":["../../../components/scroll-area/scroll-area-scrollbar.tsx"],"sourcesContent":["'use client';\n\nimport { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';\nimport { cx } from 'class-variance-authority';\nimport { forwardRef } from 'react';\nimport type { ScrollAreaType } from './scroll-area';\nimport styles from './scroll-area.module.css';\n\nexport interface ScrollAreaScrollbarProps\n  extends ScrollAreaPrimitive.Scrollbar.Props {\n  type?: ScrollAreaType;\n}\n\nexport const ScrollAreaScrollbar = forwardRef<\n  HTMLDivElement,\n  ScrollAreaScrollbarProps\n>(({ className, orientation = 'vertical', type = 'hover', ...props }, ref) => {\n  return (\n    <ScrollAreaPrimitive.Scrollbar\n      ref={ref}\n      orientation={orientation}\n      className={cx(styles.scrollbar, styles[`scrollbar-${type}`], className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Thumb className={styles.thumb} />\n    </ScrollAreaPrimitive.Scrollbar>\n  );\n});\n\nScrollAreaScrollbar.displayName = 'ScrollAreaScrollbar';\n"],"names":[],"mappings":";;;;;;;;;AAaa;;AAcb;AAEA;;"}
+{"version":3,"file":"scroll-area-scrollbar.cjs","sources":["../../../components/scroll-area/scroll-area-scrollbar.tsx"],"sourcesContent":["'use client';\n\nimport { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';\nimport { cx } from 'class-variance-authority';\nimport type { ScrollAreaType } from './scroll-area';\nimport styles from './scroll-area.module.css';\n\nexport interface ScrollAreaScrollbarProps\n  extends ScrollAreaPrimitive.Scrollbar.Props {\n  type?: ScrollAreaType;\n}\n\nexport function ScrollAreaScrollbar({\n  className,\n  orientation = 'vertical',\n  type = 'hover',\n  ...props\n}: ScrollAreaScrollbarProps) {\n  return (\n    <ScrollAreaPrimitive.Scrollbar\n      orientation={orientation}\n      className={cx(styles.scrollbar, styles[`scrollbar-${type}`], className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Thumb className={styles.thumb} />\n    </ScrollAreaPrimitive.Scrollbar>\n  );\n}\n\nScrollAreaScrollbar.displayName = 'ScrollArea.Scrollbar';\n"],"names":[],"mappings":";;;;;;;;;AAkBE;AASF;AAEA;;"}

package/dist/components/scroll-area/scroll-area-scrollbar.d.ts

@@ -3,5 +3,8 @@ import type { ScrollAreaType } from './scroll-area';
 export interface ScrollAreaScrollbarProps extends ScrollAreaPrimitive.Scrollbar.Props {
     type?: ScrollAreaType;
 }
-export declare const ScrollAreaScrollbar: import("react").ForwardRefExoticComponent<Omit<ScrollAreaScrollbarProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare function ScrollAreaScrollbar({ className, orientation, type, ...props }: ScrollAreaScrollbarProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ScrollAreaScrollbar {
+    var displayName: string;
+}
 //# sourceMappingURL=scroll-area-scrollbar.d.ts.map

package/dist/components/scroll-area/scroll-area-scrollbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area-scrollbar.d.ts","sourceRoot":"","sources":["../../../components/scroll-area/scroll-area-scrollbar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAG/E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAGpD,MAAM,WAAW,wBACf,SAAQ,mBAAmB,CAAC,SAAS,CAAC,KAAK;IAC3C,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB;AAED,eAAO,MAAM,mBAAmB,kIAc9B,CAAC"}
+{"version":3,"file":"scroll-area-scrollbar.d.ts","sourceRoot":"","sources":["../../../components/scroll-area/scroll-area-scrollbar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAE/E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAGpD,MAAM,WAAW,wBACf,SAAQ,mBAAmB,CAAC,SAAS,CAAC,KAAK;IAC3C,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,WAAwB,EACxB,IAAc,EACd,GAAG,KAAK,EACT,EAAE,wBAAwB,2CAU1B;yBAfe,mBAAmB"}

package/dist/components/scroll-area/scroll-area-scrollbar.js

@@ -2,13 +2,12 @@
 import { jsx } from 'react/jsx-runtime';
 import { ScrollArea } from '@base-ui/react/scroll-area';
 import { cx } from 'class-variance-authority';
-import { forwardRef } from 'react';
 import styles from './scroll-area.module.css.js';
 
-const ScrollAreaScrollbar = forwardRef(({ className, orientation = 'vertical', type = 'hover', ...props }, ref) => {
-    return (jsx(ScrollArea.Scrollbar, { ref: ref, orientation: orientation, className: cx(styles.scrollbar, styles[`scrollbar-${type}`], className), ...props, children: jsx(ScrollArea.Thumb, { className: styles.thumb }) }));
-});
-ScrollAreaScrollbar.displayName = 'ScrollAreaScrollbar';
+function ScrollAreaScrollbar({ className, orientation = 'vertical', type = 'hover', ...props }) {
+    return (jsx(ScrollArea.Scrollbar, { orientation: orientation, className: cx(styles.scrollbar, styles[`scrollbar-${type}`], className), ...props, children: jsx(ScrollArea.Thumb, { className: styles.thumb }) }));
+}
+ScrollAreaScrollbar.displayName = 'ScrollArea.Scrollbar';
 
 export { ScrollAreaScrollbar };
 //# sourceMappingURL=scroll-area-scrollbar.js.map

package/dist/components/scroll-area/scroll-area-scrollbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area-scrollbar.js","sources":["../../../components/scroll-area/scroll-area-scrollbar.tsx"],"sourcesContent":["'use client';\n\nimport { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';\nimport { cx } from 'class-variance-authority';\nimport { forwardRef } from 'react';\nimport type { ScrollAreaType } from './scroll-area';\nimport styles from './scroll-area.module.css';\n\nexport interface ScrollAreaScrollbarProps\n  extends ScrollAreaPrimitive.Scrollbar.Props {\n  type?: ScrollAreaType;\n}\n\nexport const ScrollAreaScrollbar = forwardRef<\n  HTMLDivElement,\n  ScrollAreaScrollbarProps\n>(({ className, orientation = 'vertical', type = 'hover', ...props }, ref) => {\n  return (\n    <ScrollAreaPrimitive.Scrollbar\n      ref={ref}\n      orientation={orientation}\n      className={cx(styles.scrollbar, styles[`scrollbar-${type}`], className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Thumb className={styles.thumb} />\n    </ScrollAreaPrimitive.Scrollbar>\n  );\n});\n\nScrollAreaScrollbar.displayName = 'ScrollAreaScrollbar';\n"],"names":[],"mappings":";;;;;;;AAaa;;AAcb;AAEA;;"}
+{"version":3,"file":"scroll-area-scrollbar.js","sources":["../../../components/scroll-area/scroll-area-scrollbar.tsx"],"sourcesContent":["'use client';\n\nimport { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';\nimport { cx } from 'class-variance-authority';\nimport type { ScrollAreaType } from './scroll-area';\nimport styles from './scroll-area.module.css';\n\nexport interface ScrollAreaScrollbarProps\n  extends ScrollAreaPrimitive.Scrollbar.Props {\n  type?: ScrollAreaType;\n}\n\nexport function ScrollAreaScrollbar({\n  className,\n  orientation = 'vertical',\n  type = 'hover',\n  ...props\n}: ScrollAreaScrollbarProps) {\n  return (\n    <ScrollAreaPrimitive.Scrollbar\n      orientation={orientation}\n      className={cx(styles.scrollbar, styles[`scrollbar-${type}`], className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Thumb className={styles.thumb} />\n    </ScrollAreaPrimitive.Scrollbar>\n  );\n}\n\nScrollAreaScrollbar.displayName = 'ScrollArea.Scrollbar';\n"],"names":[],"mappings":";;;;;;;AAkBE;AASF;AAEA;;"}

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

@@ -4,13 +4,12 @@
 var jsxRuntime = require('react/jsx-runtime');
 var scrollArea = require('@base-ui/react/scroll-area');
 var classVarianceAuthority = require('class-variance-authority');
-var React = require('react');
 var scrollArea_module = require('./scroll-area.module.css.cjs');
 var scrollAreaScrollbar = require('./scroll-area-scrollbar.cjs');
 
-const ScrollArea = React.forwardRef(({ className, type = 'hover', children, ...props }, ref) => {
-    return (jsxRuntime.jsxs(scrollArea.ScrollArea.Root, { ref: ref, className: classVarianceAuthority.cx(scrollArea_module.default.root, className), ...props, children: [jsxRuntime.jsx(scrollArea.ScrollArea.Viewport, { className: scrollArea_module.default.viewport, children: jsxRuntime.jsx(scrollArea.ScrollArea.Content, { children: children }) }), jsxRuntime.jsx(scrollAreaScrollbar.ScrollAreaScrollbar, { orientation: 'vertical', type: type }), jsxRuntime.jsx(scrollAreaScrollbar.ScrollAreaScrollbar, { orientation: 'horizontal', type: type }), jsxRuntime.jsx(scrollArea.ScrollArea.Corner, { className: scrollArea_module.default.corner })] }));
-});
+function ScrollArea({ className, type = 'hover', children, ...props }) {
+    return (jsxRuntime.jsxs(scrollArea.ScrollArea.Root, { className: classVarianceAuthority.cx(scrollArea_module.default.root, className), ...props, children: [jsxRuntime.jsx(scrollArea.ScrollArea.Viewport, { className: scrollArea_module.default.viewport, children: jsxRuntime.jsx(scrollArea.ScrollArea.Content, { children: children }) }), jsxRuntime.jsx(scrollAreaScrollbar.ScrollAreaScrollbar, { orientation: 'vertical', type: type }), jsxRuntime.jsx(scrollAreaScrollbar.ScrollAreaScrollbar, { orientation: 'horizontal', type: type }), jsxRuntime.jsx(scrollArea.ScrollArea.Corner, { className: scrollArea_module.default.corner })] }));
+}
 ScrollArea.displayName = 'ScrollArea';
 
 exports.ScrollArea = ScrollArea;

package/dist/components/scroll-area/scroll-area.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.cjs","sources":["../../../components/scroll-area/scroll-area.tsx"],"sourcesContent":["'use client';\n\nimport { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';\nimport { cx } from 'class-variance-authority';\nimport { forwardRef } from 'react';\nimport styles from './scroll-area.module.css';\nimport { ScrollAreaScrollbar } from './scroll-area-scrollbar';\n\nexport type ScrollAreaType = 'always' | 'hover' | 'scroll';\n\nexport interface ScrollAreaProps extends ScrollAreaPrimitive.Root.Props {\n  type?: ScrollAreaType;\n}\n\nexport const ScrollArea = forwardRef<HTMLDivElement, ScrollAreaProps>(\n  ({ className, type = 'hover', children, ...props }, ref) => {\n    return (\n      <ScrollAreaPrimitive.Root\n        ref={ref}\n        className={cx(styles.root, className)}\n        {...props}\n      >\n        <ScrollAreaPrimitive.Viewport className={styles.viewport}>\n          <ScrollAreaPrimitive.Content>{children}</ScrollAreaPrimitive.Content>\n        </ScrollAreaPrimitive.Viewport>\n        <ScrollAreaScrollbar orientation='vertical' type={type} />\n        <ScrollAreaScrollbar orientation='horizontal' type={type} />\n        <ScrollAreaPrimitive.Corner className={styles.corner} />\n      </ScrollAreaPrimitive.Root>\n    );\n  }\n);\n\nScrollArea.displayName = 'ScrollArea';\n"],"names":[],"mappings":";;;;;;;;;;;AAgBI;AAcF;AAGF;;"}
+{"version":3,"file":"scroll-area.cjs","sources":["../../../components/scroll-area/scroll-area.tsx"],"sourcesContent":["'use client';\n\nimport { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';\nimport { cx } from 'class-variance-authority';\nimport styles from './scroll-area.module.css';\nimport { ScrollAreaScrollbar } from './scroll-area-scrollbar';\n\nexport type ScrollAreaType = 'always' | 'hover' | 'scroll';\n\nexport interface ScrollAreaProps extends ScrollAreaPrimitive.Root.Props {\n  type?: ScrollAreaType;\n}\n\nexport function ScrollArea({\n  className,\n  type = 'hover',\n  children,\n  ...props\n}: ScrollAreaProps) {\n  return (\n    <ScrollAreaPrimitive.Root className={cx(styles.root, className)} {...props}>\n      <ScrollAreaPrimitive.Viewport className={styles.viewport}>\n        <ScrollAreaPrimitive.Content>{children}</ScrollAreaPrimitive.Content>\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollAreaScrollbar orientation='vertical' type={type} />\n      <ScrollAreaScrollbar orientation='horizontal' type={type} />\n      <ScrollAreaPrimitive.Corner className={styles.corner} />\n    </ScrollAreaPrimitive.Root>\n  );\n}\n\nScrollArea.displayName = 'ScrollArea';\n"],"names":[],"mappings":";;;;;;;;;AAagB;AAMd;AAUF;AAEA;;"}

package/dist/components/scroll-area/scroll-area.d.ts

@@ -3,5 +3,8 @@ export type ScrollAreaType = 'always' | 'hover' | 'scroll';
 export interface ScrollAreaProps extends ScrollAreaPrimitive.Root.Props {
     type?: ScrollAreaType;
 }
-export declare const ScrollArea: import("react").ForwardRefExoticComponent<Omit<ScrollAreaProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare function ScrollArea({ className, type, children, ...props }: ScrollAreaProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ScrollArea {
+    var displayName: string;
+}
 //# sourceMappingURL=scroll-area.d.ts.map

package/dist/components/scroll-area/scroll-area.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../components/scroll-area/scroll-area.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAM/E,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE3D,MAAM,WAAW,eAAgB,SAAQ,mBAAmB,CAAC,IAAI,CAAC,KAAK;IACrE,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB;AAED,eAAO,MAAM,UAAU,yHAiBtB,CAAC"}
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../components/scroll-area/scroll-area.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAK/E,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE3D,MAAM,WAAW,eAAgB,SAAQ,mBAAmB,CAAC,IAAI,CAAC,KAAK;IACrE,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,IAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,2CAWjB;yBAhBe,UAAU"}

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

@@ -2,13 +2,12 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { ScrollArea as ScrollArea$1 } from '@base-ui/react/scroll-area';
 import { cx } from 'class-variance-authority';
-import { forwardRef } from 'react';
 import styles from './scroll-area.module.css.js';
 import { ScrollAreaScrollbar } from './scroll-area-scrollbar.js';
 
-const ScrollArea = forwardRef(({ className, type = 'hover', children, ...props }, ref) => {
-    return (jsxs(ScrollArea$1.Root, { ref: ref, className: cx(styles.root, className), ...props, children: [jsx(ScrollArea$1.Viewport, { className: styles.viewport, children: jsx(ScrollArea$1.Content, { children: children }) }), jsx(ScrollAreaScrollbar, { orientation: 'vertical', type: type }), jsx(ScrollAreaScrollbar, { orientation: 'horizontal', type: type }), jsx(ScrollArea$1.Corner, { className: styles.corner })] }));
-});
+function ScrollArea({ className, type = 'hover', children, ...props }) {
+    return (jsxs(ScrollArea$1.Root, { className: cx(styles.root, className), ...props, children: [jsx(ScrollArea$1.Viewport, { className: styles.viewport, children: jsx(ScrollArea$1.Content, { children: children }) }), jsx(ScrollAreaScrollbar, { orientation: 'vertical', type: type }), jsx(ScrollAreaScrollbar, { orientation: 'horizontal', type: type }), jsx(ScrollArea$1.Corner, { className: styles.corner })] }));
+}
 ScrollArea.displayName = 'ScrollArea';
 
 export { ScrollArea };

package/dist/components/scroll-area/scroll-area.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.js","sources":["../../../components/scroll-area/scroll-area.tsx"],"sourcesContent":["'use client';\n\nimport { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';\nimport { cx } from 'class-variance-authority';\nimport { forwardRef } from 'react';\nimport styles from './scroll-area.module.css';\nimport { ScrollAreaScrollbar } from './scroll-area-scrollbar';\n\nexport type ScrollAreaType = 'always' | 'hover' | 'scroll';\n\nexport interface ScrollAreaProps extends ScrollAreaPrimitive.Root.Props {\n  type?: ScrollAreaType;\n}\n\nexport const ScrollArea = forwardRef<HTMLDivElement, ScrollAreaProps>(\n  ({ className, type = 'hover', children, ...props }, ref) => {\n    return (\n      <ScrollAreaPrimitive.Root\n        ref={ref}\n        className={cx(styles.root, className)}\n        {...props}\n      >\n        <ScrollAreaPrimitive.Viewport className={styles.viewport}>\n          <ScrollAreaPrimitive.Content>{children}</ScrollAreaPrimitive.Content>\n        </ScrollAreaPrimitive.Viewport>\n        <ScrollAreaScrollbar orientation='vertical' type={type} />\n        <ScrollAreaScrollbar orientation='horizontal' type={type} />\n        <ScrollAreaPrimitive.Corner className={styles.corner} />\n      </ScrollAreaPrimitive.Root>\n    );\n  }\n);\n\nScrollArea.displayName = 'ScrollArea';\n"],"names":[],"mappings":";;;;;;;;;AAgBI;AAcF;AAGF;;"}
+{"version":3,"file":"scroll-area.js","sources":["../../../components/scroll-area/scroll-area.tsx"],"sourcesContent":["'use client';\n\nimport { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';\nimport { cx } from 'class-variance-authority';\nimport styles from './scroll-area.module.css';\nimport { ScrollAreaScrollbar } from './scroll-area-scrollbar';\n\nexport type ScrollAreaType = 'always' | 'hover' | 'scroll';\n\nexport interface ScrollAreaProps extends ScrollAreaPrimitive.Root.Props {\n  type?: ScrollAreaType;\n}\n\nexport function ScrollArea({\n  className,\n  type = 'hover',\n  children,\n  ...props\n}: ScrollAreaProps) {\n  return (\n    <ScrollAreaPrimitive.Root className={cx(styles.root, className)} {...props}>\n      <ScrollAreaPrimitive.Viewport className={styles.viewport}>\n        <ScrollAreaPrimitive.Content>{children}</ScrollAreaPrimitive.Content>\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollAreaScrollbar orientation='vertical' type={type} />\n      <ScrollAreaScrollbar orientation='horizontal' type={type} />\n      <ScrollAreaPrimitive.Corner className={styles.corner} />\n    </ScrollAreaPrimitive.Root>\n  );\n}\n\nScrollArea.displayName = 'ScrollArea';\n"],"names":[],"mappings":";;;;;;;AAagB;AAMd;AAUF;AAEA;;"}

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

@@ -4,17 +4,16 @@
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('@base-ui/react');
 var classVarianceAuthority = require('class-variance-authority');
-var React = require('react');
 var select_module = require('./select.module.css.cjs');
 var selectRoot = require('./select-root.cjs');
 
-const SelectContent = React.forwardRef(({ className, children, searchPlaceholder = 'Search...', sideOffset = 4, ...props }, ref) => {
+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, { ref: ref, 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.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, { ref: ref, 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 }) }) }));
-});
+    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;

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 {\n  Combobox as ComboboxPrimitive,\n  Select as SelectPrimitive\n} from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport { forwardRef, ReactNode } from 'react';\nimport styles from './select.module.css';\nimport { useSelectContext } from './select-root';\n\nexport interface SelectContentProps {\n  className?: string;\n  children?: ReactNode;\n  searchPlaceholder?: string;\n  sideOffset?: number;\n  style?: React.CSSProperties;\n}\n\nexport const SelectContent = forwardRef<HTMLDivElement, SelectContentProps>(\n  (\n    {\n      className,\n      children,\n      searchPlaceholder = 'Search...',\n      sideOffset = 4,\n      ...props\n    },\n    ref\n  ) => {\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              ref={ref}\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          ref={ref}\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  }\n);\nSelectContent.displayName = 'Select.Content';\n"],"names":[],"mappings":";;;;;;;;;;AAmBa;;;;;AA0CT;AAkBF;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,10 +1,9 @@
-import { ReactNode } from 'react';
-export interface SelectContentProps {
-    className?: string;
-    children?: ReactNode;
+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;
-    sideOffset?: number;
-    style?: React.CSSProperties;
 }
-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":"AAOA,OAAO,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9C,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,aAAa,+GA6DzB,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

@@ -2,17 +2,16 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Combobox, Select } from '@base-ui/react';
 import { cx } from 'class-variance-authority';
-import { forwardRef } from 'react';
 import styles from './select.module.css.js';
 import { useSelectContext } from './select-root.js';
 
-const SelectContent = forwardRef(({ className, children, searchPlaceholder = 'Search...', sideOffset = 4, ...props }, ref) => {
+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, { ref: ref, 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(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, { ref: ref, className: cx(styles.content, className), "data-multiselectable": multiple ? true : undefined, ...props, children: jsx(Select.List, { className: styles.viewport, 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 };

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 {\n  Combobox as ComboboxPrimitive,\n  Select as SelectPrimitive\n} from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport { forwardRef, ReactNode } from 'react';\nimport styles from './select.module.css';\nimport { useSelectContext } from './select-root';\n\nexport interface SelectContentProps {\n  className?: string;\n  children?: ReactNode;\n  searchPlaceholder?: string;\n  sideOffset?: number;\n  style?: React.CSSProperties;\n}\n\nexport const SelectContent = forwardRef<HTMLDivElement, SelectContentProps>(\n  (\n    {\n      className,\n      children,\n      searchPlaceholder = 'Search...',\n      sideOffset = 4,\n      ...props\n    },\n    ref\n  ) => {\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              ref={ref}\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          ref={ref}\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  }\n);\nSelectContent.displayName = 'Select.Content';\n"],"names":[],"mappings":";;;;;;;;AAmBa;;;;;AA0CT;AAkBF;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

@@ -11,7 +11,7 @@ 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, hasItems, multiple } = selectRoot.useSelectContext();
     const isSelected = multiple
@@ -32,8 +32,8 @@ const SelectItem = React.forwardRef(({ className, children, value: providedValue
     const ItemPrimitive = autocomplete
         ? react.Combobox.Item
         : react.Select.Item;
-    return (jsxRuntime.jsx(ItemPrimitive, { ref: ref, 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] })) }));
-});
+    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;

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 {\n  Combobox as ComboboxPrimitive,\n  Select as SelectPrimitive\n} from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport { forwardRef, 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 {\n  className?: string;\n  children?: ReactNode;\n  value: string;\n  leadingIcon?: ReactNode;\n  disabled?: boolean;\n}\n\nexport const SelectItem = forwardRef<HTMLDivElement, SelectItemProps>(\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      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        ref={ref}\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  }\n);\nSelectItem.displayName = 'Select.Item';\n"],"names":[],"mappings":";;;;;;;;;;;;;AAsBa;AAYT;;;AAaE;AACA;;;AAIF;;;AAYE;;AAEA;AACF;;AAGE;;;;AAKA;AAEF;AAgBF;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,10 +1,10 @@
+import { Select as SelectPrimitive } from '@base-ui/react';
 import { ReactNode } from 'react';
-export interface SelectItemProps {
-    className?: string;
-    children?: ReactNode;
-    value: string;
+export interface SelectItemProps extends SelectPrimitive.Item.Props {
     leadingIcon?: ReactNode;
-    disabled?: boolean;
 }
-export declare const SelectItem: import("react").ForwardRefExoticComponent<SelectItemProps & import("react").RefAttributes<HTMLDivElement>>;
+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":"AAOA,OAAO,EAAc,SAAS,EAAmB,MAAM,OAAO,CAAC;AAO/D,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,4GAwEtB,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

@@ -2,14 +2,14 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Combobox, Select } from '@base-ui/react';
 import { cx } from 'class-variance-authority';
-import { forwardRef, useLayoutEffect } from 'react';
+import { useLayoutEffect } from 'react';
 import { Checkbox } from '../checkbox/checkbox.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, hasItems, multiple } = useSelectContext();
     const isSelected = multiple
@@ -30,8 +30,8 @@ const SelectItem = forwardRef(({ className, children, value: providedValue, lead
     const ItemPrimitive = autocomplete
         ? Combobox.Item
         : Select.Item;
-    return (jsx(ItemPrimitive, { ref: ref, 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] })) }));
-});
+    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 };

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 {\n  Combobox as ComboboxPrimitive,\n  Select as SelectPrimitive\n} from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport { forwardRef, 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 {\n  className?: string;\n  children?: ReactNode;\n  value: string;\n  leadingIcon?: ReactNode;\n  disabled?: boolean;\n}\n\nexport const SelectItem = forwardRef<HTMLDivElement, SelectItemProps>(\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      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        ref={ref}\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  }\n);\nSelectItem.displayName = 'Select.Item';\n"],"names":[],"mappings":";;;;;;;;;;;AAsBa;AAYT;;;AAaE;AACA;;;AAIF;;;AAYE;;AAEA;AACF;;AAGE;;;;AAKA;AAEF;AAgBF;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

@@ -8,35 +8,35 @@ 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) => {
+function SelectGroup({ className, children, ...props }) {
     const { shouldFilter, autocomplete } = selectRoot.useSelectContext();
     if (shouldFilter)
         return jsxRuntime.jsx(React.Fragment, { children: children });
     const GroupPrimitive = autocomplete
         ? react.Combobox.Group
         : react.Select.Group;
-    return (jsxRuntime.jsx(GroupPrimitive, { ref: ref, className: classVarianceAuthority.cx(select_module.default.menugroup, className), ...props, children: children }));
-});
+    return (jsxRuntime.jsx(GroupPrimitive, { className: classVarianceAuthority.cx(select_module.default.menugroup, className), ...props, children: children }));
+}
 SelectGroup.displayName = 'Select.Group';
-const SelectLabel = React.forwardRef(({ className, ...props }, ref) => {
+function SelectLabel({ className, ...props }) {
     const { shouldFilter, autocomplete } = selectRoot.useSelectContext();
     if (shouldFilter)
         return null;
     const LabelPrimitive = autocomplete
         ? react.Combobox.GroupLabel
         : react.Select.GroupLabel;
-    return (jsxRuntime.jsx(LabelPrimitive, { ref: ref, className: classVarianceAuthority.cx(select_module.default.label, className), ...props }));
-});
+    return jsxRuntime.jsx(LabelPrimitive, { className: classVarianceAuthority.cx(select_module.default.label, className), ...props });
+}
 SelectLabel.displayName = 'Select.Label';
-const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => {
+function SelectSeparator({ className, ...props }) {
     const { shouldFilter, autocomplete } = selectRoot.useSelectContext();
     if (shouldFilter)
         return null;
     const SeparatorPrimitive = autocomplete
         ? react.Combobox.Separator
         : react.Select.Separator;
-    return (jsxRuntime.jsx(SeparatorPrimitive, { ref: ref, className: classVarianceAuthority.cx(select_module.default.separator, className), ...props }));
-});
+    return (jsxRuntime.jsx(SeparatorPrimitive, { className: classVarianceAuthority.cx(select_module.default.separator, className), ...props }));
+}
 SelectSeparator.displayName = 'Select.Separator';
 
 exports.SelectGroup = SelectGroup;

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 {\n  Combobox as ComboboxPrimitive,\n  Select as SelectPrimitive\n} from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport { Fragment, forwardRef, ReactNode } from 'react';\nimport styles from './select.module.css';\nimport { useSelectContext } from './select-root';\n\nexport interface SelectGroupProps {\n  className?: string;\n  children?: ReactNode;\n}\n\nexport const SelectGroup = forwardRef<HTMLDivElement, SelectGroupProps>(\n  ({ className, children, ...props }, ref) => {\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\n        ref={ref}\n        className={cx(styles.menugroup, className)}\n        {...props}\n      >\n        {children}\n      </GroupPrimitive>\n    );\n  }\n);\nSelectGroup.displayName = 'Select.Group';\n\nexport interface SelectLabelProps {\n  className?: string;\n  children?: ReactNode;\n}\n\nexport const SelectLabel = forwardRef<HTMLDivElement, SelectLabelProps>(\n  ({ className, ...props }, ref) => {\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 (\n      <LabelPrimitive\n        ref={ref}\n        className={cx(styles.label, className)}\n        {...props}\n      />\n    );\n  }\n);\nSelectLabel.displayName = 'Select.Label';\n\nexport interface SelectSeparatorProps {\n  className?: string;\n}\n\nexport const SelectSeparator = forwardRef<HTMLDivElement, SelectSeparatorProps>(\n  ({ className, ...props }, ref) => {\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        ref={ref}\n        className={cx(styles.separator, className)}\n        {...props}\n      />\n    );\n  }\n);\nSelectSeparator.displayName = 'Select.Separator';\n"],"names":[],"mappings":";;;;;;;;;;AAgBa;;AAIT;AAAkB;;;AAIhB;;AAWJ;AAEF;AAOa;;AAIT;AAAkB;;;AAIhB;;AASJ;AAEF;AAMa;;AAIT;AAAkB;;;AAIhB;;AASJ;AAEF;;;;"}
+{"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;;;;"}