@basic-ui/material 1.0.0-alpha.51 → 1.0.0-alpha.54

package/build/esm/Chip/ChipBase.js

@@ -1,18 +1,17 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/extends";
-var _excluded = ["as", "__css", "variant", "color", "backgroundColor", "borderOpacity", "children", "disabled"];
 import { forwardRef } from 'react';
 import { variant } from 'styled-system';
 import { Box } from '../Box';
 import { useTheme } from '../theme';
 import { alpha, getDarkThemeBackgroundOverlay, getColorOverlay } from '../color';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 function getFilledCSS(theme, bg, color, disabled) {
-  return _extends(_extends({}, !disabled && bg !== 'surface' ? {
-    bg: bg
-  } : _extends({}, getColorOverlay(theme, 'surface', 'primary', 0.05))), {}, {
-    color: color,
+  return {
+    ...(!disabled && bg !== 'surface' ? {
+      bg
+    } : {
+      ...getColorOverlay(theme, 'surface', 'primary', 0.05)
+    }),
+    color,
     '&::before': {
       backgroundColor: 'currentColor',
       position: 'absolute',
@@ -29,47 +28,42 @@ function getFilledCSS(theme, bg, color, disabled) {
     },
     '& > *': {
       zIndex: 1
-    }
-  }, disabled && {
-    boxShadow: 0,
-    bg: alpha('on.surface', 0.32)
-  });
+    },
+    ...(disabled && {
+      boxShadow: 0,
+      bg: alpha('on.surface', 0.32)
+    })
+  };
 }
-
 function getOutlinedCSS(theme, bg, color, borderOpacity) {
-  return _extends(_extends({}, bg !== 'surface' ? {
-    bg: bg
-  } : getDarkThemeBackgroundOverlay(theme, 2)), {}, {
+  return {
+    ...(bg !== 'surface' ? {
+      bg
+    } : getDarkThemeBackgroundOverlay(theme, 2)),
     color: color,
     borderColor: alpha(color, borderOpacity),
     borderStyle: 'solid',
     borderWidth: "0.0625rem"
-  });
+  };
 }
-
-export var ChipBase = /*#__PURE__*/forwardRef(function Chip(props, forwardedRef) {
-  var _props$as = props.as,
-      as = _props$as === void 0 ? 'div' : _props$as,
-      __css = props.__css,
-      _props$variant = props.variant,
-      variantProp = _props$variant === void 0 ? 'filled' : _props$variant,
-      _props$color = props.color,
-      colorProp = _props$color === void 0 ? 'on.surface' : _props$color,
-      _props$backgroundColo = props.backgroundColor,
-      backgroundColorProp = _props$backgroundColo === void 0 ? 'surface' : _props$backgroundColo,
-      _props$borderOpacity = props.borderOpacity,
-      borderOpacityProp = _props$borderOpacity === void 0 ? 0.24 : _props$borderOpacity,
-      children = props.children,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      otherProps = _objectWithoutProperties(props, _excluded);
-
-  var theme = useTheme();
-  return /*#__PURE__*/_jsx(Box, _extends(_extends({
+export const ChipBase = /*#__PURE__*/forwardRef(function Chip(props, forwardedRef) {
+  const {
+    as = 'div',
+    __css,
+    variant: variantProp = 'filled',
+    color: colorProp = 'on.surface',
+    backgroundColor: backgroundColorProp = 'surface',
+    borderOpacity: borderOpacityProp = 0.24,
+    children,
+    disabled = false,
+    ...otherProps
+  } = props;
+  const theme = useTheme();
+  return /*#__PURE__*/_jsx(Box, {
     as: as,
     "data-disabled": disabled ? '' : undefined,
     ref: forwardedRef,
-    __css: _extends(_extends(_extends({
+    __css: {
       boxSizing: 'border-box',
       position: 'relative',
       display: 'inline-flex',
@@ -88,21 +82,23 @@ export var ChipBase = /*#__PURE__*/forwardRef(function Chip(props, forwardedRef)
       minWidth: 'auto',
       '&::-moz-focus-inner': {
         border: 0
-      }
-    }, variant({
-      scale: 'chips.variants',
-      prop: 'variant',
-      variants: {
-        text: {}
-      }
-    })({
-      variant: variantProp,
-      theme: theme
-    })), variantProp === 'filled' ? getFilledCSS(theme, backgroundColorProp, colorProp, disabled) : getOutlinedCSS(theme, backgroundColorProp, colorProp, borderOpacityProp)), {}, {
-      opacity: disabled ? 0.38 : 1
-    }, __css)
-  }, otherProps), {}, {
+      },
+      ...variant({
+        scale: 'chips.variants',
+        prop: 'variant',
+        variants: {
+          text: {}
+        }
+      })({
+        variant: variantProp,
+        theme
+      }),
+      ...(variantProp === 'filled' ? getFilledCSS(theme, backgroundColorProp, colorProp, disabled) : getOutlinedCSS(theme, backgroundColorProp, colorProp, borderOpacityProp)),
+      opacity: disabled ? 0.38 : 1,
+      ...__css
+    },
+    ...otherProps,
     children: children
-  }));
+  });
 });
 //# sourceMappingURL=ChipBase.js.map

package/build/esm/Chip/ChipBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipBase.js","names":["forwardRef","variant","Box","useTheme","alpha","getDarkThemeBackgroundOverlay","getColorOverlay","getFilledCSS","theme","bg","color","disabled","backgroundColor","position","content","opacity","pointerEvents","top","right","bottom","left","width","height","boxSizing","zIndex","boxShadow","getOutlinedCSS","borderOpacity","borderColor","borderStyle","borderWidth","ChipBase","Chip","props","forwardedRef","as","__css","variantProp","colorProp","backgroundColorProp","borderOpacityProp","children","otherProps","undefined","display","alignItems","justifyContent","textAlign","lineHeight","textDecoration","fontSize","border","overflow","whiteSpace","cursor","WebkitTapHighlightColor","willChange","minWidth","scale","prop","variants","text"],"sources":["../../../src/Chip/ChipBase.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\r\nimport { forwardRef } from 'react';\r\nimport { variant } from 'styled-system';\r\nimport { rem } from 'polished';\r\n\r\nimport type { BoxProps } from '../Box';\r\nimport { Box } from '../Box';\r\nimport type { Theme } from '../theme';\r\nimport { useTheme } from '../theme';\r\nimport {\r\n  alpha,\r\n  getDarkThemeBackgroundOverlay,\r\n  getColorOverlay,\r\n} from '../color';\r\n\r\nexport type ChipBaseProps<\r\n  H = HTMLDivElement,\r\n  Attr = HTMLAttributes<H>\r\n> = BoxProps<H, Attr> & {\r\n  variant?: 'filled' | 'outlined';\r\n  backgroundColor?: string;\r\n  color?: string;\r\n  borderOpacity?: number;\r\n  disabled?: boolean;\r\n};\r\n\r\nfunction getFilledCSS(\r\n  theme: Theme,\r\n  bg: string,\r\n  color: string,\r\n  disabled: boolean\r\n) {\r\n  return {\r\n    ...(!disabled && bg !== 'surface'\r\n      ? { bg }\r\n      : {\r\n          ...getColorOverlay(theme, 'surface', 'primary', 0.05),\r\n        }),\r\n    color,\r\n    '&::before': {\r\n      backgroundColor: 'currentColor',\r\n      position: 'absolute',\r\n      content: '\"\"',\r\n      opacity: 0,\r\n      pointerEvents: 'none',\r\n      top: 0,\r\n      right: 0,\r\n      bottom: 0,\r\n      left: 0,\r\n      width: '100%',\r\n      height: '100%',\r\n      boxSizing: 'content-box',\r\n    },\r\n    '& > *': {\r\n      zIndex: 1,\r\n    },\r\n    ...(disabled && { boxShadow: 0, bg: alpha('on.surface', 0.32) }),\r\n  };\r\n}\r\n\r\nfunction getOutlinedCSS(\r\n  theme: Theme,\r\n  bg: string,\r\n  color: string,\r\n  borderOpacity: number\r\n) {\r\n  return {\r\n    ...(bg !== 'surface' ? { bg } : getDarkThemeBackgroundOverlay(theme, 2)),\r\n    color: color,\r\n    borderColor: alpha(color, borderOpacity),\r\n    borderStyle: 'solid',\r\n    borderWidth: rem(1),\r\n  };\r\n}\r\n\r\nexport const ChipBase = forwardRef<HTMLDivElement, ChipBaseProps>(function Chip(\r\n  props,\r\n  forwardedRef\r\n) {\r\n  const {\r\n    as = 'div',\r\n    __css,\r\n    variant: variantProp = 'filled',\r\n    color: colorProp = 'on.surface',\r\n    backgroundColor: backgroundColorProp = 'surface',\r\n    borderOpacity: borderOpacityProp = 0.24,\r\n    children,\r\n    disabled = false,\r\n    ...otherProps\r\n  } = props;\r\n  const theme = useTheme();\r\n\r\n  return (\r\n    <Box\r\n      as={as}\r\n      data-disabled={disabled ? '' : undefined}\r\n      ref={forwardedRef}\r\n      __css={{\r\n        boxSizing: 'border-box',\r\n        position: 'relative',\r\n        display: 'inline-flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        textAlign: 'center',\r\n        lineHeight: 'inherit',\r\n        textDecoration: 'none',\r\n        fontSize: 'inherit',\r\n        border: 0,\r\n        overflow: 'hidden',\r\n        whiteSpace: 'nowrap',\r\n        cursor: 'default',\r\n        WebkitTapHighlightColor: 'transparent',\r\n        willChange: 'transform,opacity',\r\n        minWidth: 'auto',\r\n        '&::-moz-focus-inner': {\r\n          border: 0,\r\n        },\r\n        ...variant({\r\n          scale: 'chips.variants',\r\n          prop: 'variant',\r\n          variants: {\r\n            text: {},\r\n          },\r\n        })({ variant: variantProp, theme }),\r\n        ...(variantProp === 'filled'\r\n          ? getFilledCSS(theme, backgroundColorProp, colorProp, disabled)\r\n          : getOutlinedCSS(\r\n              theme,\r\n              backgroundColorProp,\r\n              colorProp,\r\n              borderOpacityProp\r\n            )),\r\n        opacity: disabled ? 0.38 : 1,\r\n        ...__css,\r\n      }}\r\n      {...otherProps}\r\n    >\r\n      {children}\r\n    </Box>\r\n  );\r\n});\r\n"],"mappings":"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"}
+{"version":3,"file":"ChipBase.js","names":["forwardRef","variant","Box","useTheme","alpha","getDarkThemeBackgroundOverlay","getColorOverlay","jsx","_jsx","getFilledCSS","theme","bg","color","disabled","backgroundColor","position","content","opacity","pointerEvents","top","right","bottom","left","width","height","boxSizing","zIndex","boxShadow","getOutlinedCSS","borderOpacity","borderColor","borderStyle","borderWidth","ChipBase","Chip","props","forwardedRef","as","__css","variantProp","colorProp","backgroundColorProp","borderOpacityProp","children","otherProps","undefined","ref","display","alignItems","justifyContent","textAlign","lineHeight","textDecoration","fontSize","border","overflow","whiteSpace","cursor","WebkitTapHighlightColor","willChange","minWidth","scale","prop","variants","text"],"sources":["../../../src/Chip/ChipBase.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { variant } from 'styled-system';\nimport { rem } from 'polished';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport type { Theme } from '../theme';\nimport { useTheme } from '../theme';\nimport {\n  alpha,\n  getDarkThemeBackgroundOverlay,\n  getColorOverlay,\n} from '../color';\n\nexport type ChipBaseProps<\n  H = HTMLDivElement,\n  Attr extends HTMLAttributes<H> = HTMLAttributes<H>\n> = BoxProps<H, Attr> & {\n  variant?: 'filled' | 'outlined';\n  backgroundColor?: string;\n  color?: string;\n  borderOpacity?: number;\n  disabled?: boolean;\n};\n\nfunction getFilledCSS(\n  theme: Theme,\n  bg: string,\n  color: string,\n  disabled: boolean\n) {\n  return {\n    ...(!disabled && bg !== 'surface'\n      ? { bg }\n      : {\n          ...getColorOverlay(theme, 'surface', 'primary', 0.05),\n        }),\n    color,\n    '&::before': {\n      backgroundColor: 'currentColor',\n      position: 'absolute',\n      content: '\"\"',\n      opacity: 0,\n      pointerEvents: 'none',\n      top: 0,\n      right: 0,\n      bottom: 0,\n      left: 0,\n      width: '100%',\n      height: '100%',\n      boxSizing: 'content-box',\n    },\n    '& > *': {\n      zIndex: 1,\n    },\n    ...(disabled && { boxShadow: 0, bg: alpha('on.surface', 0.32) }),\n  };\n}\n\nfunction getOutlinedCSS(\n  theme: Theme,\n  bg: string,\n  color: string,\n  borderOpacity: number\n) {\n  return {\n    ...(bg !== 'surface' ? { bg } : getDarkThemeBackgroundOverlay(theme, 2)),\n    color: color,\n    borderColor: alpha(color, borderOpacity),\n    borderStyle: 'solid',\n    borderWidth: rem(1),\n  };\n}\n\nexport const ChipBase = forwardRef<HTMLDivElement, ChipBaseProps>(function Chip(\n  props,\n  forwardedRef\n) {\n  const {\n    as = 'div',\n    __css,\n    variant: variantProp = 'filled',\n    color: colorProp = 'on.surface',\n    backgroundColor: backgroundColorProp = 'surface',\n    borderOpacity: borderOpacityProp = 0.24,\n    children,\n    disabled = false,\n    ...otherProps\n  } = props;\n  const theme = useTheme();\n\n  return (\n    <Box\n      as={as}\n      data-disabled={disabled ? '' : undefined}\n      ref={forwardedRef}\n      __css={{\n        boxSizing: 'border-box',\n        position: 'relative',\n        display: 'inline-flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        textAlign: 'center',\n        lineHeight: 'inherit',\n        textDecoration: 'none',\n        fontSize: 'inherit',\n        border: 0,\n        overflow: 'hidden',\n        whiteSpace: 'nowrap',\n        cursor: 'default',\n        WebkitTapHighlightColor: 'transparent',\n        willChange: 'transform,opacity',\n        minWidth: 'auto',\n        '&::-moz-focus-inner': {\n          border: 0,\n        },\n        ...variant({\n          scale: 'chips.variants',\n          prop: 'variant',\n          variants: {\n            text: {},\n          },\n        })({ variant: variantProp, theme }),\n        ...(variantProp === 'filled'\n          ? getFilledCSS(theme, backgroundColorProp, colorProp, disabled)\n          : getOutlinedCSS(\n              theme,\n              backgroundColorProp,\n              colorProp,\n              borderOpacityProp\n            )),\n        opacity: disabled ? 0.38 : 1,\n        ...__css,\n      }}\n      {...otherProps}\n    >\n      {children}\n    </Box>\n  );\n});\n"],"mappings":"AACA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,OAAO,QAAQ,eAAe;AAIvC,SAASC,GAAG,QAAQ,QAAQ;AAE5B,SAASC,QAAQ,QAAQ,UAAU;AACnC,SACEC,KAAK,EACLC,6BAA6B,EAC7BC,eAAe,QACV,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAalB,SAASC,YAAYA,CACnBC,KAAY,EACZC,EAAU,EACVC,KAAa,EACbC,QAAiB,EACjB;EACA,OAAO;IACL,IAAI,CAACA,QAAQ,IAAIF,EAAE,KAAK,SAAS,GAC7B;MAAEA;IAAG,CAAC,GACN;MACE,GAAGL,eAAe,CAACI,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI;IACtD,CAAC,CAAC;IACNE,KAAK;IACL,WAAW,EAAE;MACXE,eAAe,EAAE,cAAc;MAC/BC,QAAQ,EAAE,UAAU;MACpBC,OAAO,EAAE,IAAI;MACbC,OAAO,EAAE,CAAC;MACVC,aAAa,EAAE,MAAM;MACrBC,GAAG,EAAE,CAAC;MACNC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACTC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdC,SAAS,EAAE;IACb,CAAC;IACD,OAAO,EAAE;MACPC,MAAM,EAAE;IACV,CAAC;IACD,IAAIb,QAAQ,IAAI;MAAEc,SAAS,EAAE,CAAC;MAAEhB,EAAE,EAAEP,KAAK,CAAC,YAAY,EAAE,IAAI;IAAE,CAAC;EACjE,CAAC;AACH;AAEA,SAASwB,cAAcA,CACrBlB,KAAY,EACZC,EAAU,EACVC,KAAa,EACbiB,aAAqB,EACrB;EACA,OAAO;IACL,IAAIlB,EAAE,KAAK,SAAS,GAAG;MAAEA;IAAG,CAAC,GAAGN,6BAA6B,CAACK,KAAK,EAAE,CAAC,CAAC,CAAC;IACxEE,KAAK,EAAEA,KAAK;IACZkB,WAAW,EAAE1B,KAAK,CAACQ,KAAK,EAAEiB,aAAa,CAAC;IACxCE,WAAW,EAAE,OAAO;IACpBC,WAAW;EACb,CAAC;AACH;AAEA,OAAO,MAAMC,QAAQ,gBAAGjC,UAAU,CAAgC,SAASkC,IAAIA,CAC7EC,KAAK,EACLC,YAAY,EACZ;EACA,MAAM;IACJC,EAAE,GAAG,KAAK;IACVC,KAAK;IACLrC,OAAO,EAAEsC,WAAW,GAAG,QAAQ;IAC/B3B,KAAK,EAAE4B,SAAS,GAAG,YAAY;IAC/B1B,eAAe,EAAE2B,mBAAmB,GAAG,SAAS;IAChDZ,aAAa,EAAEa,iBAAiB,GAAG,IAAI;IACvCC,QAAQ;IACR9B,QAAQ,GAAG,KAAK;IAChB,GAAG+B;EACL,CAAC,GAAGT,KAAK;EACT,MAAMzB,KAAK,GAAGP,QAAQ,CAAC,CAAC;EAExB,oBACEK,IAAA,CAACN,GAAG;IACFmC,EAAE,EAAEA,EAAG;IACP,iBAAexB,QAAQ,GAAG,EAAE,GAAGgC,SAAU;IACzCC,GAAG,EAAEV,YAAa;IAClBE,KAAK,EAAE;MACLb,SAAS,EAAE,YAAY;MACvBV,QAAQ,EAAE,UAAU;MACpBgC,OAAO,EAAE,aAAa;MACtBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAE,SAAS;MACrBC,cAAc,EAAE,MAAM;MACtBC,QAAQ,EAAE,SAAS;MACnBC,MAAM,EAAE,CAAC;MACTC,QAAQ,EAAE,QAAQ;MAClBC,UAAU,EAAE,QAAQ;MACpBC,MAAM,EAAE,SAAS;MACjBC,uBAAuB,EAAE,aAAa;MACtCC,UAAU,EAAE,mBAAmB;MAC/BC,QAAQ,EAAE,MAAM;MAChB,qBAAqB,EAAE;QACrBN,MAAM,EAAE;MACV,CAAC;MACD,GAAGrD,OAAO,CAAC;QACT4D,KAAK,EAAE,gBAAgB;QACvBC,IAAI,EAAE,SAAS;QACfC,QAAQ,EAAE;UACRC,IAAI,EAAE,CAAC;QACT;MACF,CAAC,CAAC,CAAC;QAAE/D,OAAO,EAAEsC,WAAW;QAAE7B;MAAM,CAAC,CAAC;MACnC,IAAI6B,WAAW,KAAK,QAAQ,GACxB9B,YAAY,CAACC,KAAK,EAAE+B,mBAAmB,EAAED,SAAS,EAAE3B,QAAQ,CAAC,GAC7De,cAAc,CACZlB,KAAK,EACL+B,mBAAmB,EACnBD,SAAS,EACTE,iBACF,CAAC,CAAC;MACNzB,OAAO,EAAEJ,QAAQ,GAAG,IAAI,GAAG,CAAC;MAC5B,GAAGyB;IACL,CAAE;IAAA,GACEM,UAAU;IAAAD,QAAA,EAEbA;EAAQ,CACN,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}

package/build/esm/Chip/ChoiceChip.d.ts

@@ -1,10 +1,10 @@
-import type { InputHTMLAttributes, ReactNode } from 'react';
-import type { ChipBaseProps } from './ChipBase';
-export declare type ChoiceChipProps = ChipBaseProps<HTMLInputElement, InputHTMLAttributes<HTMLInputElement>> & {
-    checked?: boolean;
-    disabled?: boolean;
-    type: 'checkbox' | 'radio';
-    leadingIcon?: ReactNode;
-    trailingIcon?: ReactNode;
-};
-export declare const ChoiceChip: import("react").ForwardRefExoticComponent<Pick<ChoiceChipProps, "translate" | "form" | "slot" | "style" | "title" | "pattern" | "hidden" | keyof import("../Box").BaseProps | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "multiple" | "list" | "alt" | "autoComplete" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "src" | "step" | "leadingIcon" | "crossOrigin" | "enterKeyHint" | "max" | "min" | "readOnly" | "required" | "trailingIcon" | "borderOpacity"> & import("react").RefAttributes<HTMLInputElement>>;
+import type { InputHTMLAttributes, ReactNode } from 'react';
+import type { ChipBaseProps } from './ChipBase';
+export type ChoiceChipProps = ChipBaseProps<HTMLInputElement, InputHTMLAttributes<HTMLInputElement>> & {
+    checked?: boolean;
+    disabled?: boolean;
+    type: 'checkbox' | 'radio';
+    leadingIcon?: ReactNode;
+    trailingIcon?: ReactNode;
+};
+export declare const ChoiceChip: import("react").ForwardRefExoticComponent<Omit<ChoiceChipProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/build/esm/Chip/ChoiceChip.js

@@ -1,42 +1,37 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["type", "color", "checked", "aria-checked", "defaultChecked", "value", "name", "defaultValue", "disabled", "onChange", "leadingIcon", "trailingIcon", "children", "__css"],
-    _excluded2 = ["type"];
 import { forwardRef } from 'react';
 import { RadioButton, CheckBox } from '@basic-ui/core';
 import { ChipBase } from './ChipBase';
 import { RippleBox } from '../Ripple';
 import { useTheme } from '../theme';
 import { Box } from '../Box';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var InnerInput = /*#__PURE__*/forwardRef(function InnerInput(props, forwardedRef) {
-  var type = props.type,
-      _props$color = props.color,
-      color = _props$color === void 0 ? 'primary' : _props$color,
-      checked = props.checked,
-      ariaChecked = props['aria-checked'],
-      defaultChecked = props.defaultChecked,
-      value = props.value,
-      name = props.name,
-      defaultValue = props.defaultValue,
-      disabled = props.disabled,
-      onChange = props.onChange,
-      leadingIcon = props.leadingIcon,
-      trailingIcon = props.trailingIcon,
-      children = props.children,
-      __css = props.__css,
-      otherProps = _objectWithoutProperties(props, _excluded);
-
-  var theme = useTheme();
-  return /*#__PURE__*/_jsx(ChipBase, _extends(_extends({
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const InnerInput = /*#__PURE__*/forwardRef(function InnerInput(props, forwardedRef) {
+  const {
+    type,
+    color = 'primary',
+    checked,
+    'aria-checked': ariaChecked,
+    defaultChecked,
+    value,
+    name,
+    defaultValue,
+    disabled,
+    onChange,
+    leadingIcon,
+    trailingIcon,
+    children,
+    __css,
+    ...otherProps
+  } = props;
+  const theme = useTheme();
+  return /*#__PURE__*/_jsx(ChipBase, {
     as: "label",
     disabled: disabled,
     backgroundColor: checked ? color + '-container' : 'surface',
     color: checked ? 'on.' + color + '-container' : 'on.surface',
     borderOpacity: checked ? 0 : 0.24,
-    __css: __css
-  }, otherProps), {}, {
+    __css: __css,
+    ...otherProps,
     children: /*#__PURE__*/_jsxs(Box, {
       as: "span",
       __css: {
@@ -82,18 +77,19 @@ var InnerInput = /*#__PURE__*/forwardRef(function InnerInput(props, forwardedRef
         }
       }), leadingIcon, children, trailingIcon]
     })
-  }));
+  });
 });
-export var ChoiceChip = /*#__PURE__*/forwardRef(function ChoiceChip(props, forwardedRef) {
-  var _props$type = props.type,
-      type = _props$type === void 0 ? 'checkbox' : _props$type,
-      otherProps = _objectWithoutProperties(props, _excluded2);
-
-  var Comp = type === 'radio' ? RadioButton : CheckBox;
-  return /*#__PURE__*/_jsx(Comp, _extends({
+export const ChoiceChip = /*#__PURE__*/forwardRef(function ChoiceChip(props, forwardedRef) {
+  const {
+    type = 'checkbox',
+    ...otherProps
+  } = props;
+  const Comp = type === 'radio' ? RadioButton : CheckBox;
+  return /*#__PURE__*/_jsx(Comp, {
     ref: forwardedRef,
     as: InnerInput,
-    type: type
-  }, otherProps));
+    type: type,
+    ...otherProps
+  });
 });
 //# sourceMappingURL=ChoiceChip.js.map

package/build/esm/Chip/ChoiceChip.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChoiceChip.js","names":["forwardRef","RadioButton","CheckBox","ChipBase","RippleBox","useTheme","Box","InnerInput","props","forwardedRef","type","color","checked","ariaChecked","defaultChecked","value","name","defaultValue","disabled","onChange","leadingIcon","trailingIcon","children","__css","otherProps","theme","width","height","border","display","alignItems","justifyContent","pl","pr","bg","top","left","appearance","outline","borderRadius","position","ChoiceChip","Comp"],"sources":["../../../src/Chip/ChoiceChip.tsx"],"sourcesContent":["import type { FC, InputHTMLAttributes, ReactNode } from 'react';\r\nimport { forwardRef } from 'react';\r\nimport { RadioButton, CheckBox } from '@basic-ui/core';\r\nimport { rem } from 'polished';\r\n\r\nimport type { ChipBaseProps } from './ChipBase';\r\nimport { ChipBase } from './ChipBase';\r\nimport type { RippleBoxProps } from '../Ripple';\r\nimport { RippleBox } from '../Ripple';\r\nimport { useTheme } from '../theme';\r\nimport { Box } from '../Box';\r\n\r\nexport type ChoiceChipProps = ChipBaseProps<\r\n  HTMLInputElement,\r\n  InputHTMLAttributes<HTMLInputElement>\r\n> & {\r\n  checked?: boolean;\r\n  disabled?: boolean;\r\n  type: 'checkbox' | 'radio';\r\n  leadingIcon?: ReactNode;\r\n  trailingIcon?: ReactNode;\r\n};\r\n\r\nconst InnerInput: FC<any> = forwardRef<HTMLInputElement, ChoiceChipProps>(\r\n  function InnerInput(props, forwardedRef) {\r\n    const {\r\n      type,\r\n      color = 'primary',\r\n      checked,\r\n      'aria-checked': ariaChecked,\r\n      defaultChecked,\r\n      value,\r\n      name,\r\n      defaultValue,\r\n      disabled,\r\n      onChange,\r\n      leadingIcon,\r\n      trailingIcon,\r\n      children,\r\n      __css,\r\n      ...otherProps\r\n    } = props;\r\n\r\n    const theme = useTheme();\r\n\r\n    return (\r\n      <ChipBase\r\n        as=\"label\"\r\n        disabled={disabled}\r\n        backgroundColor={checked ? color + '-container' : 'surface'}\r\n        color={checked ? 'on.' + color + '-container' : 'on.surface'}\r\n        borderOpacity={checked ? 0 : 0.24}\r\n        __css={__css}\r\n        {...otherProps}\r\n      >\r\n        <Box\r\n          as=\"span\"\r\n          __css={{\r\n            width: '100%',\r\n            height: '100%',\r\n            border: 'none',\r\n            display: 'inline-flex',\r\n            alignItems: 'center',\r\n            justifyContent: 'center',\r\n            pl: leadingIcon ? rem(8) : rem(12),\r\n            pr: trailingIcon ? rem(8) : rem(12),\r\n          }}\r\n        >\r\n          <RippleBox<\r\n            RippleBoxProps<\r\n              HTMLInputElement,\r\n              InputHTMLAttributes<HTMLInputElement>\r\n            >\r\n          >\r\n            as=\"input\"\r\n            type={type}\r\n            aria-checked={ariaChecked}\r\n            checked={checked}\r\n            onChange={onChange}\r\n            defaultChecked={defaultChecked}\r\n            value={value}\r\n            defaultValue={defaultValue}\r\n            theme={theme}\r\n            disabled={disabled}\r\n            rippleColor={color}\r\n            baseOpacity={0}\r\n            hoverOpacity={0.12}\r\n            focusOpacity={0.24}\r\n            name={name}\r\n            ref={forwardedRef}\r\n            __css={{\r\n              bg: 'transparent',\r\n              top: 0,\r\n              left: 0,\r\n              width: '100%',\r\n              height: '100%',\r\n              appearance: 'none',\r\n              ':focus': {\r\n                outline: 'none',\r\n              },\r\n              border: 'none',\r\n              borderRadius: 0,\r\n              position: 'absolute',\r\n            }}\r\n          />\r\n          {leadingIcon}\r\n          {children}\r\n          {trailingIcon}\r\n        </Box>\r\n      </ChipBase>\r\n    );\r\n  }\r\n);\r\n\r\nexport const ChoiceChip = forwardRef<HTMLInputElement, ChoiceChipProps>(\r\n  function ChoiceChip(props, forwardedRef) {\r\n    const { type = 'checkbox', ...otherProps } = props;\r\n\r\n    const Comp: FC<ChoiceChipProps> = (\r\n      type === 'radio' ? RadioButton : CheckBox\r\n    ) as any;\r\n\r\n    return (\r\n      <Comp ref={forwardedRef} as={InnerInput} type={type} {...otherProps} />\r\n    );\r\n  }\r\n);\r\n"],"mappings":"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"}
+{"version":3,"file":"ChoiceChip.js","names":["forwardRef","RadioButton","CheckBox","ChipBase","RippleBox","useTheme","Box","jsx","_jsx","jsxs","_jsxs","InnerInput","props","forwardedRef","type","color","checked","ariaChecked","defaultChecked","value","name","defaultValue","disabled","onChange","leadingIcon","trailingIcon","children","__css","otherProps","theme","as","backgroundColor","borderOpacity","width","height","border","display","alignItems","justifyContent","pl","pr","rippleColor","baseOpacity","hoverOpacity","focusOpacity","ref","bg","top","left","appearance","outline","borderRadius","position","ChoiceChip","Comp"],"sources":["../../../src/Chip/ChoiceChip.tsx"],"sourcesContent":["import type { FC, InputHTMLAttributes, ReactNode } from 'react';\nimport { forwardRef } from 'react';\nimport { RadioButton, CheckBox } from '@basic-ui/core';\nimport { rem } from 'polished';\n\nimport type { ChipBaseProps } from './ChipBase';\nimport { ChipBase } from './ChipBase';\nimport type { RippleBoxProps } from '../Ripple';\nimport { RippleBox } from '../Ripple';\nimport { useTheme } from '../theme';\nimport { Box } from '../Box';\n\nexport type ChoiceChipProps = ChipBaseProps<\n  HTMLInputElement,\n  InputHTMLAttributes<HTMLInputElement>\n> & {\n  checked?: boolean;\n  disabled?: boolean;\n  type: 'checkbox' | 'radio';\n  leadingIcon?: ReactNode;\n  trailingIcon?: ReactNode;\n};\n\nconst InnerInput: FC<any> = forwardRef<HTMLInputElement, ChoiceChipProps>(\n  function InnerInput(props, forwardedRef) {\n    const {\n      type,\n      color = 'primary',\n      checked,\n      'aria-checked': ariaChecked,\n      defaultChecked,\n      value,\n      name,\n      defaultValue,\n      disabled,\n      onChange,\n      leadingIcon,\n      trailingIcon,\n      children,\n      __css,\n      ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    return (\n      <ChipBase\n        as=\"label\"\n        disabled={disabled}\n        backgroundColor={checked ? color + '-container' : 'surface'}\n        color={checked ? 'on.' + color + '-container' : 'on.surface'}\n        borderOpacity={checked ? 0 : 0.24}\n        __css={__css}\n        {...otherProps}\n      >\n        <Box\n          as=\"span\"\n          __css={{\n            width: '100%',\n            height: '100%',\n            border: 'none',\n            display: 'inline-flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            pl: leadingIcon ? rem(8) : rem(12),\n            pr: trailingIcon ? rem(8) : rem(12),\n          }}\n        >\n          <RippleBox<\n            RippleBoxProps<\n              HTMLInputElement,\n              InputHTMLAttributes<HTMLInputElement>\n            >\n          >\n            as=\"input\"\n            type={type}\n            aria-checked={ariaChecked}\n            checked={checked}\n            onChange={onChange}\n            defaultChecked={defaultChecked}\n            value={value}\n            defaultValue={defaultValue}\n            theme={theme}\n            disabled={disabled}\n            rippleColor={color}\n            baseOpacity={0}\n            hoverOpacity={0.12}\n            focusOpacity={0.24}\n            name={name}\n            ref={forwardedRef}\n            __css={{\n              bg: 'transparent',\n              top: 0,\n              left: 0,\n              width: '100%',\n              height: '100%',\n              appearance: 'none',\n              ':focus': {\n                outline: 'none',\n              },\n              border: 'none',\n              borderRadius: 0,\n              position: 'absolute',\n            }}\n          />\n          {leadingIcon}\n          {children}\n          {trailingIcon}\n        </Box>\n      </ChipBase>\n    );\n  }\n);\n\nexport const ChoiceChip = forwardRef<HTMLInputElement, ChoiceChipProps>(\n  function ChoiceChip(props, forwardedRef) {\n    const { type = 'checkbox', ...otherProps } = props;\n\n    const Comp: FC<ChoiceChipProps> = (\n      type === 'radio' ? RadioButton : CheckBox\n    ) as any;\n\n    return (\n      <Comp ref={forwardedRef} as={InnerInput} type={type} {...otherProps} />\n    );\n  }\n);\n"],"mappings":"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","ignoreList":[]}

package/build/esm/Chip/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Chip';
-export * from './ChoiceChip';
+export * from './Chip';
+export * from './ChoiceChip';

package/build/esm/Chip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/Chip/index.ts"],"sourcesContent":["export * from './Chip';\r\nexport * from './ChoiceChip';\r\n"],"mappings":"AAAA,cAAc,QAAd;AACA,cAAc,cAAd"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/Chip/index.ts"],"sourcesContent":["export * from './Chip';\nexport * from './ChoiceChip';\n"],"mappings":"AAAA,cAAc,QAAQ;AACtB,cAAc,cAAc","ignoreList":[]}

package/build/esm/Combobox/Combobox.d.ts

@@ -1,23 +1,23 @@
-import type { HTMLAttributes, RefAttributes } from 'react';
-import type { ComboboxProps as ComboboxPropsCore, ComboboxInputProps as ComboboxInputPropsCore, ComboboxLabelProps as ComboboxLabelPropsCore, ComboboxListProps as ComboboxListPropsCore, ComboboxOptionProps as ComboboxOptionPropsCore, ComboboxPopoverProps as ComboboxPopoverPropsCore, ComboboxButtonProps as ComboboxButtonPropsCore } from '@basic-ui/core';
-import type { BoxProps } from '../Box';
-import type { TextFieldProps } from '../TextField';
-import type { ListProps } from '../List';
-import type { ListItemProps } from '../ListItem';
-import type { TextProps } from '../Text';
-import type { ButtonProps } from '../Button';
-export { useComboBoxContext } from '@basic-ui/core';
-export declare type ComboboxProps = Omit<BoxProps<HTMLDivElement, HTMLAttributes<HTMLDivElement>>, 'onSelect'> & ComboboxPropsCore;
-export declare const Combobox: import("react").ForwardRefExoticComponent<Pick<ComboboxProps, "translate" | "slot" | "style" | "title" | "hidden" | keyof import("../Box").BaseProps | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "innerAs" | "openOnFocus" | "selectOnBlur"> & RefAttributes<HTMLDivElement>>;
-export declare type ComboboxInputProps = Omit<ComboboxInputPropsCore & TextFieldProps, 'ref'> & RefAttributes<HTMLInputElement>;
-export declare const ComboboxInput: import("react").ForwardRefExoticComponent<Pick<ComboboxInputProps, "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "verticalAlign" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "label" | "sx" | "__css" | "variant" | "tx" | "theme" | "borderX" | "borderY" | "gridGap" | "gridColumnGap" | "gridRowGap" | "key" | "error" | "leadingIcon" | "multiline" | "hasLabel" | "trailingIcon" | "containerProps" | "helperText" | "hideCharacterCounter" | keyof ComboboxInputPropsCore> & RefAttributes<HTMLInputElement>>;
-export declare type ComboboxListProps = Omit<ComboboxListPropsCore & ListProps, 'ref'> & RefAttributes<HTMLUListElement>;
-export declare const ComboboxList: import("react").ForwardRefExoticComponent<Pick<ComboboxListProps, "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "slot" | "style" | "title" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "size" | "borderX" | "borderY" | "gridGap" | "gridColumnGap" | "gridRowGap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "elevation" | "key" | "outlined" | "backgroundOverlay" | "darkThemeBackgroundOverlay" | "innerAs" | "persistSelection"> & RefAttributes<HTMLUListElement>>;
-export declare type ComboboxPopoverProps = ComboboxPopoverPropsCore & ListProps;
-export declare const ComboboxPopover: import("react").ForwardRefExoticComponent<Pick<ComboboxPopoverProps, "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "slot" | "style" | "title" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "size" | "borderX" | "borderY" | "gridGap" | "gridColumnGap" | "gridRowGap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "elevation" | "key" | "outlined" | "backgroundOverlay" | "darkThemeBackgroundOverlay" | "innerAs"> & RefAttributes<HTMLDivElement>>;
-export declare type ComboboxOptionProps = Omit<ComboboxOptionPropsCore & ListItemProps, 'ref'> & RefAttributes<HTMLLIElement>;
-export declare const ComboboxOption: import("react").ForwardRefExoticComponent<Pick<ComboboxOptionProps, "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "slot" | "style" | "title" | "text" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "size" | "borderX" | "borderY" | "gridGap" | "gridColumnGap" | "gridRowGap" | "disabled" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "rippleColor" | "selected" | "innerAs"> & RefAttributes<HTMLLIElement>>;
-export declare type ComboboxLabelProps = Omit<ComboboxLabelPropsCore & TextProps, 'ref'> & RefAttributes<HTMLLabelElement>;
-export declare const ComboboxLabel: import("react").ForwardRefExoticComponent<Pick<ComboboxLabelProps, "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "form" | "slot" | "style" | "title" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "size" | "borderX" | "borderY" | "gridGap" | "gridColumnGap" | "gridRowGap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "htmlFor" | "innerAs"> & RefAttributes<HTMLLabelElement>>;
-export declare type ComboboxButtonProps = ComboboxButtonPropsCore & ButtonProps;
-export declare const ComboboxButton: import("react").ForwardRefExoticComponent<Pick<ComboboxButtonProps, "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "form" | "slot" | "style" | "title" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "size" | "borderX" | "borderY" | "gridGap" | "gridColumnGap" | "gridRowGap" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "elevation" | "isGroupedButton" | "key" | "innerAs"> & RefAttributes<HTMLButtonElement>>;
+import type { HTMLAttributes, RefAttributes } from 'react';
+import type { ComboboxProps as ComboboxPropsCore, ComboboxInputProps as ComboboxInputPropsCore, ComboboxLabelProps as ComboboxLabelPropsCore, ComboboxListProps as ComboboxListPropsCore, ComboboxOptionProps as ComboboxOptionPropsCore, ComboboxPopoverProps as ComboboxPopoverPropsCore, ComboboxButtonProps as ComboboxButtonPropsCore } from '@basic-ui/core';
+import type { BoxProps } from '../Box';
+import type { TextFieldProps } from '../TextField';
+import type { ListProps } from '../List';
+import type { ListItemProps } from '../ListItem';
+import type { TextProps } from '../Text';
+import type { ButtonProps } from '../Button';
+export { useComboBoxContext } from '@basic-ui/core';
+export type ComboboxProps = Omit<BoxProps<HTMLDivElement, HTMLAttributes<HTMLDivElement>>, 'onSelect'> & ComboboxPropsCore;
+export declare const Combobox: import("react").ForwardRefExoticComponent<Omit<ComboboxProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export type ComboboxInputProps = Omit<ComboboxInputPropsCore & TextFieldProps, 'ref'> & RefAttributes<HTMLInputElement>;
+export declare const ComboboxInput: import("react").ForwardRefExoticComponent<Omit<ComboboxInputProps, "ref"> & RefAttributes<HTMLInputElement>>;
+export type ComboboxListProps = Omit<ComboboxListPropsCore & ListProps, 'ref'> & RefAttributes<HTMLUListElement>;
+export declare const ComboboxList: import("react").ForwardRefExoticComponent<Omit<ComboboxListProps, "ref"> & RefAttributes<HTMLUListElement>>;
+export type ComboboxPopoverProps = ComboboxPopoverPropsCore & ListProps;
+export declare const ComboboxPopover: import("react").ForwardRefExoticComponent<Omit<ComboboxPopoverProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export type ComboboxOptionProps = Omit<ComboboxOptionPropsCore & ListItemProps, 'ref'> & RefAttributes<HTMLLIElement>;
+export declare const ComboboxOption: import("react").ForwardRefExoticComponent<Omit<ComboboxOptionProps, "ref"> & RefAttributes<HTMLLIElement>>;
+export type ComboboxLabelProps = Omit<ComboboxLabelPropsCore & TextProps, 'ref'> & RefAttributes<HTMLLabelElement>;
+export declare const ComboboxLabel: import("react").ForwardRefExoticComponent<Omit<ComboboxLabelProps, "ref"> & RefAttributes<HTMLLabelElement>>;
+export type ComboboxButtonProps = ComboboxButtonPropsCore & ButtonProps;
+export declare const ComboboxButton: import("react").ForwardRefExoticComponent<Omit<ComboboxButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;