@algolia/satellite 1.0.0-beta.164 → 1.0.0-beta.166

package/cjs/styles/helpers/makePurgeCssExtractor.js

@@ -2,7 +2,7 @@
 
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 // @ts-check
 var prefixTailwindClassName = require("./prefixTailwindClassName");
 

package/cjs/styles/tailwind.config.js

@@ -2,8 +2,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // @ts-check
 
 var colors = require("./colors");
@@ -142,5 +142,5 @@ module.exports = {
       }
     }
   },
-  plugins: [require("./base.tailwind"), require("../utilities/utilities.tailwind"), require("../Typography/Typography.tailwind"), require("../FlexGrid/FlexGrid.tailwind"), require("../AutoComplete/AutoComplete.tailwind"), require("../Button/Button.tailwind"), require("../Card/Card.tailwind"), require("../Checkbox/Checkbox.tailwind"), require("../EmptyState/EmptyState.tailwind"), require("../Flag/Flag.tailwind"), require("../HelpUnderline/HelpUnderline.tailwind"), require("../Input/Input.tailwind"), require("../InstantSearch/InstantSearch.tailwind"), require("../KeyboardKey/KeyboardKey.tailwind"), require("../Medallion/Medallion.tailwind"), require("../Modal/Modal.tailwind"), require("../ProgressBar/ProgressBar.tailwind"), require("../ProgressSpinner/ProgressSpinner.tailwind"), require("../RadioGroup/RadioButton.tailwind"), require("../ScrollIndicator/ScrollIndicator.tailwind"), require("../Select/Select.tailwind"), require("../Separator/Separator.tailwind"), require("../Switch/Switch.tailwind"), require("../Tabs/Tabs.tailwind"), require("../Tables/DataTable/DataTable.tailwind"), require("../Tables/Table/Table.tailwind"), require("../Tag/Tag.tailwind"), require("../TextArea/TextArea.tailwind"), require("../Toggle/Toggle.tailwind"), require("../Tooltip/Tooltip.tailwind"), require("../UserContent/UserContent.tailwind"), require("../DatePicker/DatePicker.tailwind")]
+  plugins: [require("./base.tailwind"), require("../utilities/overlay.tailwind"), require("../utilities/utilities.tailwind"), require("../Typography/Typography.tailwind"), require("../FlexGrid/FlexGrid.tailwind"), require("../AutoComplete/AutoComplete.tailwind"), require("../Button/Button.tailwind"), require("../Card/Card.tailwind"), require("../Checkbox/Checkbox.tailwind"), require("../EmptyState/EmptyState.tailwind"), require("../Flag/Flag.tailwind"), require("../HelpUnderline/HelpUnderline.tailwind"), require("../Input/Input.tailwind"), require("../InstantSearch/InstantSearch.tailwind"), require("../KeyboardKey/KeyboardKey.tailwind"), require("../Medallion/Medallion.tailwind"), require("../Modal/Modal.tailwind"), require("../ProgressBar/ProgressBar.tailwind"), require("../ProgressSpinner/ProgressSpinner.tailwind"), require("../RadioGroup/RadioButton.tailwind"), require("../ScrollIndicator/ScrollIndicator.tailwind"), require("../Select/Select.tailwind"), require("../Separator/Separator.tailwind"), require("../Switch/Switch.tailwind"), require("../Tabs/Tabs.tailwind"), require("../Tables/DataTable/DataTable.tailwind"), require("../Tables/Table/Table.tailwind"), require("../Tag/Tag.tailwind"), require("../TextArea/TextArea.tailwind"), require("../Toggle/Toggle.tailwind"), require("../Tooltip/Tooltip.tailwind"), require("../UserContent/UserContent.tailwind"), require("../DatePicker/DatePicker.tailwind")]
 };

package/cjs/styles/zIndexes.d.ts

@@ -2,6 +2,7 @@ export const sidebar: number;
 export const fullPageLayout: number;
 export const modalOverlay: number;
 export const modal: number;
+export const popover: number;
 export const dropdown: number;
 export const notification: number;
 export const tooltip: number;

package/cjs/styles/zIndexes.js

@@ -7,8 +7,9 @@ var zIndexes = {
   fullPageLayout: 250,
   modalOverlay: 300,
   modal: 400,
-  dropdown: 450,
-  notification: 500,
-  tooltip: 550
+  popover: 450,
+  dropdown: 500,
+  notification: 550,
+  tooltip: 600
 };
 module.exports = zIndexes;

package/cjs/types.d.ts

@@ -1,7 +1,6 @@
-import type { ComponentType } from "react";
-import type { IconProps as FeatherIconProps } from "react-feather";
-export declare type IconProps = FeatherIconProps;
-export declare type IconComponentType = ComponentType<IconProps>;
+import type { ComponentClass, SVGAttributes, VoidFunctionComponent } from "react";
+export declare type IconProps = SVGAttributes<SVGElement>;
+export declare type IconComponentType = VoidFunctionComponent<IconProps> | ComponentClass<IconProps>;
 export declare type ColorVariant = "accent" | "grey" | "green" | "blue" | "orange" | "red";
 /**
  * Ensures at least one type is required

package/cjs/utilities/overlay.tailwind.d.ts

@@ -0,0 +1,5 @@
+declare const _exports: {
+    handler: import("tailwindcss/types/config").PluginCreator;
+    config?: Partial<import("tailwindcss/types/config").Config> | undefined;
+};
+export = _exports;

package/cjs/utilities/overlay.tailwind.js

@@ -0,0 +1,107 @@
+"use strict";
+
+// @ts-check
+var plugin = require("tailwindcss/plugin");
+module.exports = plugin(function (_ref) {
+  var addUtilities = _ref.addUtilities,
+    theme = _ref.theme;
+  /** @type {string} */
+  var lightBackground = theme("colors.white");
+  /** @type {string} */
+  var darkBackground = theme("colors.grey.900");
+  addUtilities({
+    // Since Radix relies on a SVG for the arrow, we use the stroke property
+    // with a dash array/offset to create a border around the arrow.
+    ".arrow-light": {
+      fill: lightBackground,
+      stroke: theme("colors.shadow.5"),
+      strokeWidth: "3px",
+      strokeDasharray: "36",
+      strokeDashoffset: "-30"
+    },
+    ".arrow-dark": {
+      fill: darkBackground
+    }
+  });
+  var animationDuration = "100ms";
+  var animationEasing = "cubic-bezier(.17,.61,.4,.95)";
+  addUtilities({
+    /* eslint-disable @algolia/satellite/prefer-stl-helper */
+    "@keyframes stl-slide-slide-down-and-fade": {
+      from: {
+        opacity: "0",
+        transform: "translateY(-2px)"
+      },
+      to: {
+        opacity: "1",
+        transform: "translateY(0)"
+      }
+    },
+    "@keyframes stl-slide-slide-left-and-fade": {
+      from: {
+        opacity: "0",
+        transform: "translateX(2px)"
+      },
+      to: {
+        opacity: "1",
+        transform: "translateX(0)"
+      }
+    },
+    "@keyframes stl-slide-slide-up-and-fade": {
+      from: {
+        opacity: "0",
+        transform: "translateY(2px)"
+      },
+      to: {
+        opacity: "1",
+        transform: "translateY(0)"
+      }
+    },
+    "@keyframes stl-slide-slide-right-and-fade": {
+      from: {
+        opacity: "0",
+        transform: "translateX(-2px)"
+      },
+      to: {
+        opacity: "1",
+        transform: "translateX(0)"
+      }
+    },
+    "@keyframes stl-slide-fade-out": {
+      from: {
+        opacity: "1"
+      },
+      to: {
+        opacity: "0"
+      }
+    },
+    ".animate-slide": {
+      // Even if the user has enabled reduced motion,
+      // we still need to keep this animation to handle the hide delay.
+      '&[data-state="closed"]': {
+        animation: "stl-slide-fade-out 0ms linear var(--slide-hide-delay, 0ms)"
+      },
+      "@media (prefers-reduced-motion: no-preference)": {
+        willChange: "transform, opacity",
+        '&[data-state="open"], &[data-state="delayed-open"]': {
+          '&[data-side="top"]': {
+            animation: "stl-slide-slide-down-and-fade ".concat(animationDuration, " ").concat(animationEasing)
+          },
+          '&[data-side="right"]': {
+            animation: "stl-slide-slide-left-and-fade ".concat(animationDuration, " ").concat(animationEasing)
+          },
+          '&[data-side="left"]': {
+            animation: "stl-slide-slide-right-and-fade ".concat(animationDuration, " ").concat(animationEasing)
+          },
+          '&[data-side="bottom"]': {
+            animation: "stl-slide-slide-up-and-fade ".concat(animationDuration, " ").concat(animationEasing)
+          }
+        },
+        '&[data-state="closed"]': {
+          animation: "stl-slide-fade-out ".concat(animationDuration, " ").concat(animationEasing, " var(--slide-hide-delay, 0ms)")
+        }
+      }
+    }
+    /* eslint-enable @algolia/satellite/prefer-stl-helper */
+  });
+});

package/cjs/utilities/utilities.tailwind.d.ts

@@ -1,5 +1,5 @@
 declare const _exports: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: Partial<import("tailwindcss").Config> | undefined;
+    config?: Partial<import("tailwindcss/types/config").Config> | undefined;
 };
 export = _exports;

package/cjs/utils/clamp.d.ts

@@ -0,0 +1 @@
+export declare function clamp(val: number, min: number, max: number): number;

package/cjs/utils/clamp.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.clamp = clamp;
+function clamp(val, min, max) {
+  return Math.min(max, Math.max(min, val));
+}

package/cjs/utils/genericChangeHandler.js

@@ -23,5 +23,4 @@ function genericChangeHandler(ctx, updater) {
     return memo[key];
   };
 }
-var _default = genericChangeHandler;
-exports["default"] = _default;
+var _default = exports["default"] = genericChangeHandler;

package/cjs/utils/hashCode.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.hashCode = exports["default"] = void 0;
 // https://stackoverflow.com/questions/7616461/generate-a-hash-from-string-in-javascript?rq=1
-var hashCode = function hashCode(value) {
+var hashCode = exports.hashCode = function hashCode(value) {
   var hash = 0;
   if (value.length === 0) {
     return hash;
@@ -18,6 +18,4 @@ var hashCode = function hashCode(value) {
 
   return hash;
 };
-exports.hashCode = hashCode;
-var _default = hashCode;
-exports["default"] = _default;
+var _default = exports["default"] = hashCode;

package/cjs/utils/isCssPropertySupported.d.ts

@@ -1,2 +1,2 @@
-declare const isCssPropertySupported: <P extends number | typeof Symbol.iterator | "filter" | "fill" | "animationName" | "all" | "offset" | "height" | "width" | "left" | "top" | "item" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignmentBaseline" | "animation" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationPlayState" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "baselineShift" | "blockSize" | "border" | "borderBlock" | "borderBlockColor" | "borderBlockEnd" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStart" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottom" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInline" | "borderInlineColor" | "borderInlineEnd" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStart" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeft" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRadius" | "borderRight" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTop" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "borderWidth" | "bottom" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "clear" | "clip" | "clipPath" | "clipRule" | "color" | "colorInterpolation" | "colorInterpolationFilters" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "columns" | "contain" | "content" | "counterIncrement" | "counterReset" | "counterSet" | "cssFloat" | "cssText" | "cursor" | "direction" | "display" | "dominantBaseline" | "emptyCells" | "fillOpacity" | "fillRule" | "flex" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "floodColor" | "floodOpacity" | "font" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontOpticalSizing" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "fontWeight" | "gap" | "grid" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hyphens" | "imageOrientation" | "imageRendering" | "inlineSize" | "inset" | "insetBlock" | "insetBlockEnd" | "insetBlockStart" | "insetInline" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lightingColor" | "lineBreak" | "lineHeight" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marker" | "markerEnd" | "markerMid" | "markerStart" | "mask" | "maskType" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetRotate" | "opacity" | "order" | "orphans" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowAnchor" | "overflowWrap" | "overflowX" | "overflowY" | "overscrollBehavior" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "placeContent" | "placeItems" | "placeSelf" | "pointerEvents" | "position" | "quotes" | "resize" | "right" | "rotate" | "rowGap" | "rubyPosition" | "scale" | "scrollBehavior" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInline" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInline" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "scrollbarGutter" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textAnchor" | "textCombineUpright" | "textDecoration" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasis" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transition" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "visibility" | "webkitAlignContent" | "webkitAlignItems" | "webkitAlignSelf" | "webkitAnimation" | "webkitAnimationDelay" | "webkitAnimationDirection" | "webkitAnimationDuration" | "webkitAnimationFillMode" | "webkitAnimationIterationCount" | "webkitAnimationName" | "webkitAnimationPlayState" | "webkitAnimationTimingFunction" | "webkitAppearance" | "webkitBackfaceVisibility" | "webkitBackgroundClip" | "webkitBackgroundOrigin" | "webkitBackgroundSize" | "webkitBorderBottomLeftRadius" | "webkitBorderBottomRightRadius" | "webkitBorderRadius" | "webkitBorderTopLeftRadius" | "webkitBorderTopRightRadius" | "webkitBoxAlign" | "webkitBoxFlex" | "webkitBoxOrdinalGroup" | "webkitBoxOrient" | "webkitBoxPack" | "webkitBoxShadow" | "webkitBoxSizing" | "webkitFilter" | "webkitFlex" | "webkitFlexBasis" | "webkitFlexDirection" | "webkitFlexFlow" | "webkitFlexGrow" | "webkitFlexShrink" | "webkitFlexWrap" | "webkitJustifyContent" | "webkitLineClamp" | "webkitMask" | "webkitMaskBoxImage" | "webkitMaskBoxImageOutset" | "webkitMaskBoxImageRepeat" | "webkitMaskBoxImageSlice" | "webkitMaskBoxImageSource" | "webkitMaskBoxImageWidth" | "webkitMaskClip" | "webkitMaskComposite" | "webkitMaskImage" | "webkitMaskOrigin" | "webkitMaskPosition" | "webkitMaskRepeat" | "webkitMaskSize" | "webkitOrder" | "webkitPerspective" | "webkitPerspectiveOrigin" | "webkitTextFillColor" | "webkitTextStroke" | "webkitTextStrokeColor" | "webkitTextStrokeWidth" | "webkitTransform" | "webkitTransformOrigin" | "webkitTransformStyle" | "webkitTransition" | "webkitTransitionDelay" | "webkitTransitionDuration" | "webkitTransitionProperty" | "webkitTransitionTimingFunction" | "webkitUserSelect" | "whiteSpace" | "widows" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex" | "getPropertyPriority" | "getPropertyValue" | "removeProperty" | "setProperty">(prop: P, value: CSSStyleDeclaration[P]) => boolean;
+declare const isCssPropertySupported: <P extends number | typeof Symbol.iterator | "filter" | "fill" | "font" | "clipPath" | "marker" | "mask" | "translate" | "color" | "grid" | "all" | "top" | "left" | "right" | "bottom" | "height" | "width" | "content" | "alignmentBaseline" | "baselineShift" | "clip" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "cursor" | "direction" | "display" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "imageRendering" | "letterSpacing" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "offset" | "opacity" | "order" | "overflow" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "textDecoration" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "wordSpacing" | "writingMode" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "animation" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "border" | "borderBlock" | "borderBlockColor" | "borderBlockEnd" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStart" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottom" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInline" | "borderInlineColor" | "borderInlineEnd" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStart" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeft" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRadius" | "borderRight" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTop" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "borderWidth" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "clear" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "columns" | "contain" | "counterIncrement" | "counterReset" | "counterSet" | "cssFloat" | "cssText" | "emptyCells" | "flex" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "fontFeatureSettings" | "fontKerning" | "fontOpticalSizing" | "fontSynthesis" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "gap" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hyphens" | "imageOrientation" | "inlineSize" | "inset" | "insetBlock" | "insetBlockEnd" | "insetBlockStart" | "insetInline" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "lineBreak" | "lineHeight" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maskType" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetRotate" | "orphans" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowWrap" | "overflowX" | "overflowY" | "overscrollBehavior" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "perspective" | "perspectiveOrigin" | "placeContent" | "placeItems" | "placeSelf" | "position" | "quotes" | "resize" | "rowGap" | "rubyPosition" | "scrollBehavior" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInline" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInline" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "scrollbarGutter" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasis" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textOrientation" | "textOverflow" | "textShadow" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "touchAction" | "transformBox" | "transformOrigin" | "transformStyle" | "transition" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "userSelect" | "verticalAlign" | "webkitAlignContent" | "webkitAlignItems" | "webkitAlignSelf" | "webkitAnimation" | "webkitAnimationDelay" | "webkitAnimationDirection" | "webkitAnimationDuration" | "webkitAnimationFillMode" | "webkitAnimationIterationCount" | "webkitAnimationName" | "webkitAnimationPlayState" | "webkitAnimationTimingFunction" | "webkitAppearance" | "webkitBackfaceVisibility" | "webkitBackgroundClip" | "webkitBackgroundOrigin" | "webkitBackgroundSize" | "webkitBorderBottomLeftRadius" | "webkitBorderBottomRightRadius" | "webkitBorderRadius" | "webkitBorderTopLeftRadius" | "webkitBorderTopRightRadius" | "webkitBoxAlign" | "webkitBoxFlex" | "webkitBoxOrdinalGroup" | "webkitBoxOrient" | "webkitBoxPack" | "webkitBoxShadow" | "webkitBoxSizing" | "webkitFilter" | "webkitFlex" | "webkitFlexBasis" | "webkitFlexDirection" | "webkitFlexFlow" | "webkitFlexGrow" | "webkitFlexShrink" | "webkitFlexWrap" | "webkitJustifyContent" | "webkitLineClamp" | "webkitMask" | "webkitMaskBoxImage" | "webkitMaskBoxImageOutset" | "webkitMaskBoxImageRepeat" | "webkitMaskBoxImageSlice" | "webkitMaskBoxImageSource" | "webkitMaskBoxImageWidth" | "webkitMaskClip" | "webkitMaskComposite" | "webkitMaskImage" | "webkitMaskOrigin" | "webkitMaskPosition" | "webkitMaskRepeat" | "webkitMaskSize" | "webkitOrder" | "webkitPerspective" | "webkitPerspectiveOrigin" | "webkitTextFillColor" | "webkitTextStroke" | "webkitTextStrokeColor" | "webkitTextStrokeWidth" | "webkitTransform" | "webkitTransformOrigin" | "webkitTransformStyle" | "webkitTransition" | "webkitTransitionDelay" | "webkitTransitionDuration" | "webkitTransitionProperty" | "webkitTransitionTimingFunction" | "webkitUserSelect" | "whiteSpace" | "widows" | "willChange" | "wordBreak" | "wordWrap" | "zIndex" | "getPropertyPriority" | "getPropertyValue" | "item" | "removeProperty" | "setProperty">(prop: P, value: CSSStyleDeclaration[P]) => boolean;
 export default isCssPropertySupported;

package/cjs/utils/isCssPropertySupported.js

@@ -12,5 +12,4 @@ var isCssPropertySupported = function isCssPropertySupported(prop, value) {
   div.style[prop] = value;
   return div.style[prop] === value;
 };
-var _default = isCssPropertySupported;
-exports["default"] = _default;
+var _default = exports["default"] = isCssPropertySupported;

package/cjs/utils/isNil.js

@@ -21,9 +21,7 @@ exports.isNil = exports["default"] = void 0;
  * isNil(NaN);
  * // => false
  */
-var isNil = function isNil(value) {
+var isNil = exports.isNil = function isNil(value) {
   return value == null;
 };
-exports.isNil = isNil;
-var _default = isNil;
-exports["default"] = _default;
+var _default = exports["default"] = isNil;

package/cjs/utils/isReactText.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isReactText = void 0;
-var isReactText = function isReactText(children) {
+var isReactText = exports.isReactText = function isReactText(children) {
   return typeof children === "string" || typeof children === "number";
-};
-exports.isReactText = isReactText;
+};

package/cjs/utils/isRenderedChild.js

@@ -12,5 +12,4 @@ exports["default"] = void 0;
 var isRenderedChild = function isRenderedChild(child) {
   return child !== null && typeof child !== "boolean" && typeof child !== "undefined";
 };
-var _default = isRenderedChild;
-exports["default"] = _default;
+var _default = exports["default"] = isRenderedChild;

package/cjs/utils/matchLocation.js

@@ -9,5 +9,4 @@ var _parseUrl = _interopRequireDefault(require("./parseUrl"));
 var matchLocation = function matchLocation(href, location) {
   return (location.pathname || "").startsWith((0, _parseUrl["default"])(href).pathname);
 };
-var _default = matchLocation;
-exports["default"] = _default;
+var _default = exports["default"] = matchLocation;

package/cjs/utils/onlyText.js

@@ -36,5 +36,4 @@ var onlyText = function onlyText(children) {
     return text.concat(newText);
   }, "");
 };
-var _default = onlyText;
-exports["default"] = _default;
+var _default = exports["default"] = onlyText;

package/cjs/utils/parseUrl.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.parseURL = exports["default"] = void 0;
-var parseURL = function parseURL(url) {
+var parseURL = exports.parseURL = function parseURL(url) {
   var parser = document.createElement("a");
   // Let the browser do the work
   parser.href = url;
@@ -18,6 +18,4 @@ var parseURL = function parseURL(url) {
     hash: parser.hash
   };
 };
-exports.parseURL = parseURL;
-var _default = parseURL;
-exports["default"] = _default;
+var _default = exports["default"] = parseURL;

package/cjs/utils/pluralize.js

@@ -20,5 +20,4 @@ function pluralize(count, word, options) {
   }
   return "".concat(formattedNumber, " ").concat(plural || "".concat(word, "s"));
 }
-var _default = pluralize;
-exports["default"] = _default;
+var _default = exports["default"] = pluralize;

package/cjs/utils/prefersReducedMotion.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Checks if the user has `prefers-reduced-motion` enabled
+ *
+ * @returns {boolean}
+ */
+export declare const prefersReducedMotion: boolean;

package/cjs/utils/prefersReducedMotion.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.prefersReducedMotion = void 0;
+var _window$matchMedia, _window;
+/**
+ * Checks if the user has `prefers-reduced-motion` enabled
+ *
+ * @returns {boolean}
+ */
+var prefersReducedMotion = exports.prefersReducedMotion = typeof window !== "undefined" && ((_window$matchMedia = (_window = window).matchMedia) === null || _window$matchMedia === void 0 ? void 0 : _window$matchMedia.call(_window, "(prefers-reduced-motion: reduce)").matches) === true;

package/cjs/utils/range.js

@@ -11,5 +11,4 @@ function range(start, end) {
     return start + idx;
   });
 }
-var _default = range;
-exports["default"] = _default;
+var _default = exports["default"] = range;

package/cjs/utils/toSentenceCase.js

@@ -7,11 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.toSentenceCase = exports["default"] = void 0;
 var _capitalize = _interopRequireDefault(require("lodash/capitalize"));
 /** Converts PascalCase and camelCase to Sentence case */
-var toSentenceCase = function toSentenceCase(str) {
+var toSentenceCase = exports.toSentenceCase = function toSentenceCase(str) {
   var firstChar = str.charAt(0);
   var remainingChars = str.slice(1).replace(/\s/g, "").replace(/([A-Z]+)/g, "$1").replace(/([A-Z][a-z])/g, " $1").trim();
   return (0, _capitalize["default"])("".concat(firstChar).concat(remainingChars));
 };
-exports.toSentenceCase = toSentenceCase;
-var _default = toSentenceCase;
-exports["default"] = _default;
+var _default = exports["default"] = toSentenceCase;

package/cjs/utils/uniqBy.js

@@ -17,5 +17,4 @@ function uniqBy(arr, identity) {
     return true;
   });
 }
-var _default = uniqBy;
-exports["default"] = _default;
+var _default = exports["default"] = uniqBy;

package/cjs/utils/uniqueId.js

@@ -11,5 +11,4 @@ function uniqueId() {
   counters[prefix] = counters[prefix] === undefined ? 0 : counters[prefix] + 1;
   return prefix + counters[prefix];
 }
-var _default = uniqueId;
-exports["default"] = _default;
+var _default = exports["default"] = uniqueId;

package/cjs/utils/useForwardedRef.js

@@ -21,5 +21,4 @@ function useForwardedRef(externalRef) {
   }, [externalRef]);
   return [refCallback, ref];
 }
-var _default = useForwardedRef;
-exports["default"] = _default;
+var _default = exports["default"] = useForwardedRef;

package/cjs/utils/useLinkProps.js

@@ -8,7 +8,7 @@ exports.useLinkProps = exports["default"] = void 0;
 var _react = require("react");
 var _SatelliteContext = require("../Satellite/SatelliteContext");
 var _parseUrl = _interopRequireDefault(require("./parseUrl"));
-var useLinkProps = function useLinkProps(props) {
+var useLinkProps = exports.useLinkProps = function useLinkProps(props) {
   var _props$target, _props$rel;
   var _useSatelliteContext = (0, _SatelliteContext.useSatelliteContext)(),
     router = _useSatelliteContext.router;
@@ -50,6 +50,4 @@ var useLinkProps = function useLinkProps(props) {
     tabIndex: props.tabIndex
   };
 };
-exports.useLinkProps = useLinkProps;
-var _default = useLinkProps;
-exports["default"] = _default;
+var _default = exports["default"] = useLinkProps;

package/cjs/utils/useTriggerInputChange.js

@@ -24,5 +24,4 @@ var useTriggerInputChange = function useTriggerInputChange(inputRef) {
   }, [inputRef]);
   return triggerInputChange;
 };
-var _default = useTriggerInputChange;
-exports["default"] = _default;
+var _default = exports["default"] = useTriggerInputChange;

package/esm/AnnouncementBadge/AnnouncementBadge.d.ts

@@ -5,14 +5,14 @@ export declare type AnnouncementBadgeLocale = {
     [key in AnnouncementBadgeTexts]?: string;
 };
 export interface AnnouncementBadgeProps extends HTMLAttributes<HTMLSpanElement> {
-    /** @default "default" */
+    /** @default default */
     size?: AnnouncementBadgeSizes;
     /**
      * Define which text to display in the `AnnouncementBadge`
-     * @default "new"
+     * @default new
      */
     text?: AnnouncementBadgeTexts;
-    /** @default "accent" */
+    /** @default accent */
     variant?: "accent" | "red";
     locale?: AnnouncementBadgeLocale;
     children?: never;

package/esm/AnnouncementBadge/AnnouncementBadge.js

@@ -3,8 +3,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _excluded = ["size", "text", "variant", "className", "locale"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import cx from "clsx";
 import { forwardRef } from "react";
 import { useLocale } from "../Satellite";

package/esm/AutoComplete/AutoComplete.d.ts

@@ -1,17 +1,5 @@
-import type { A11yStatusMessageOptions, ControllerStateAndHelpers } from "downshift";
-import { Component } from "react";
-import type { ChangeEvent, FocusEvent, KeyboardEvent, MouseEvent } from "react";
-import type { FieldState } from "../Field/FieldStateContext";
-import type { AutoCompleteLocale, AutoCompleteProps, Option, OptionItemProps } from "./types";
-interface State {
-    inputFocused: boolean;
-    inputValue: string;
-    inputWidth?: number;
-    showAllResults: boolean;
-}
-declare type DefaultOptionProps = OptionItemProps & {
-    optionItemPrefix?: AutoCompleteLocale["optionItemPrefix"];
-};
+/// <reference types="react" />
+import type { AutoCompleteProps, Option } from "./types";
 /**
  * Autocomplete is a search-as-you-type function that matches what a person types, usually the beginning of a word, or a prefix, with a word list. Not to be confused with auto-suggestion that predicts the end of a query.
  *
@@ -28,39 +16,5 @@ declare type DefaultOptionProps = OptionItemProps & {
  * - Provide matching results quickly
  * - Style different data
  */
-export declare class AutoComplete<T extends Option = Option> extends Component<AutoCompleteProps<T>, State> {
-    static contextType: import("react").Context<import("../Satellite").SatelliteContextType>;
-    static defaultProps: {
-        clearable: boolean;
-        creatable: boolean;
-        multiple: boolean;
-        maxResults: number;
-        createFromInputValue: <T_1 extends Option = Option>(options: T_1[] | undefined, inputValue: string) => Option[];
-        options: never[];
-        separatorKeys: never[];
-        optionItemComponent: ({ optionItemPrefix, ...props }: DefaultOptionProps) => JSX.Element;
-        noWrap: boolean;
-    };
-    state: State;
-    inputContainerRef: HTMLDivElement | null;
-    inputRef: HTMLInputElement | null;
-    menuWrapperRef: HTMLDivElement | null;
-    componentDidUpdate(prevProps: AutoCompleteProps<T>): void;
-    handleClearClick: () => void;
-    handleFakeInputClick: () => void | null;
-    handleInputBlur: (state: ControllerStateAndHelpers<T | Option>) => (evt: FocusEvent<HTMLInputElement>) => void;
-    handleInputChange: (evt: ChangeEvent<HTMLInputElement>) => void;
-    handleInputContainerRefUpdate: (el: HTMLDivElement | null) => void;
-    updateInputWidth: () => void;
-    handleKeyDown: (state: ControllerStateAndHelpers<T | Option>) => (evt: KeyboardEvent<any>) => void;
-    handleChange: (option: T) => void;
-    handleShowAllResults: (evt: MouseEvent<HTMLButtonElement>) => void;
-    removeValue: (removedOption: T) => void;
-    getA11yStatusMessage: (options: A11yStatusMessageOptions<Option>) => any;
-    renderInput: (autocompleteHelpers: ControllerStateAndHelpers<T | Option>, fieldState: FieldState) => JSX.Element;
-    renderMenu: (results: T[], autocompleteHelpers: ControllerStateAndHelpers<T | Option>) => JSX.Element;
-    renderSelect: (autocompleteHelpers: ControllerStateAndHelpers<T | Option>, fieldState: FieldState) => JSX.Element;
-    private get locale();
-    render(): JSX.Element;
-}
+export declare const AutoComplete: <O extends Option = Option>({ locale: localeProp, id, name, placeholder, autoFocus, inputValue: inputValueProp, onTextChange, onFocus, onBlur, disabled, clearable, renderValueTemplate, noWrap, separatorKeys, multiple, value, selectOnBlur, onChange, options, optionItemComponent, creatable, createFromInputValue, emptyState, maxResults: maxItems, menuFooter, menuSize, variant, icon: Icon, endItem, className, menuClassName, valuesClassName, internalsRef, }: AutoCompleteProps<O>) => JSX.Element;
 export default AutoComplete;