@pautena/react-design-system 0.20.2 → 1.0.0

package/dist/node_modules/@mui/material/esm/Autocomplete/Autocomplete.mjs

@@ -0,0 +1,1132 @@
+import * as to from "react";
+import o from "../../../../../_virtual/index.mjs";
+import { clsx as k } from "../../../../clsx/dist/clsx.mjs";
+import D from "../Input/inputClasses.mjs";
+import f from "../InputBase/inputBaseClasses.mjs";
+import no from "../OutlinedInput/outlinedInputClasses.mjs";
+import h from "../FilledInput/filledInputClasses.mjs";
+import te from "../internal/svg-icons/Close.mjs";
+import ne from "../internal/svg-icons/ArrowDropDown.mjs";
+import x from "../utils/memoTheme.mjs";
+import t, { getAutocompleteUtilityClass as pe } from "./autocompleteClasses.mjs";
+import E from "../utils/useSlot.mjs";
+import { j as a } from "../../../../../_virtual/jsx-runtime.mjs";
+import { useDefaultProps as ae } from "../DefaultPropsProvider/DefaultPropsProvider.mjs";
+import re from "../useAutocomplete/useAutocomplete.mjs";
+import { createFilterOptions as $t } from "../useAutocomplete/useAutocomplete.mjs";
+import u from "../styles/styled.mjs";
+import lo from "../Paper/Paper.mjs";
+import io from "../Popper/Popper.mjs";
+import le from "../Chip/Chip.mjs";
+import so from "../../../utils/esm/capitalize/capitalize.mjs";
+import ie from "../../../utils/esm/composeClasses/composeClasses.mjs";
+import uo from "../IconButton/IconButton.mjs";
+import se from "../ListSubheader/ListSubheader.mjs";
+import po from "../../../utils/esm/chainPropTypes/chainPropTypes.mjs";
+import ue from "../../../utils/esm/integerPropType/integerPropType.mjs";
+var ao, ro;
+const ce = (e) => {
+  const {
+    classes: p,
+    disablePortal: c,
+    expanded: i,
+    focused: O,
+    fullWidth: y,
+    hasClearIcon: $,
+    hasPopupIcon: C,
+    inputFocused: w,
+    popupOpen: j,
+    size: R
+  } = e, F = {
+    root: ["root", i && "expanded", O && "focused", y && "fullWidth", $ && "hasClearIcon", C && "hasPopupIcon"],
+    inputRoot: ["inputRoot"],
+    input: ["input", w && "inputFocused"],
+    tag: ["tag", `tagSize${so(R)}`],
+    endAdornment: ["endAdornment"],
+    clearIndicator: ["clearIndicator"],
+    popupIndicator: ["popupIndicator", j && "popupIndicatorOpen"],
+    popper: ["popper", c && "popperDisablePortal"],
+    paper: ["paper"],
+    listbox: ["listbox"],
+    loading: ["loading"],
+    noOptions: ["noOptions"],
+    option: ["option"],
+    groupLabel: ["groupLabel"],
+    groupUl: ["groupUl"]
+  };
+  return ie(F, pe, p);
+}, de = u("div", {
+  name: "MuiAutocomplete",
+  slot: "Root",
+  overridesResolver: (e, p) => {
+    const {
+      ownerState: c
+    } = e, {
+      fullWidth: i,
+      hasClearIcon: O,
+      hasPopupIcon: y,
+      inputFocused: $,
+      size: C
+    } = c;
+    return [{
+      [`& .${t.tag}`]: p.tag
+    }, {
+      [`& .${t.tag}`]: p[`tagSize${so(C)}`]
+    }, {
+      [`& .${t.inputRoot}`]: p.inputRoot
+    }, {
+      [`& .${t.input}`]: p.input
+    }, {
+      [`& .${t.input}`]: $ && p.inputFocused
+    }, p.root, i && p.fullWidth, y && p.hasPopupIcon, O && p.hasClearIcon];
+  }
+})({
+  [`&.${t.focused} .${t.clearIndicator}`]: {
+    visibility: "visible"
+  },
+  /* Avoid double tap issue on iOS */
+  "@media (pointer: fine)": {
+    [`&:hover .${t.clearIndicator}`]: {
+      visibility: "visible"
+    }
+  },
+  [`& .${t.tag}`]: {
+    margin: 3,
+    maxWidth: "calc(100% - 6px)"
+  },
+  [`& .${t.inputRoot}`]: {
+    [`.${t.hasPopupIcon}&, .${t.hasClearIcon}&`]: {
+      paddingRight: 30
+    },
+    [`.${t.hasPopupIcon}.${t.hasClearIcon}&`]: {
+      paddingRight: 56
+    },
+    [`& .${t.input}`]: {
+      width: 0,
+      minWidth: 30
+    }
+  },
+  [`& .${D.root}`]: {
+    paddingBottom: 1,
+    "& .MuiInput-input": {
+      padding: "4px 4px 4px 0px"
+    }
+  },
+  [`& .${D.root}.${f.sizeSmall}`]: {
+    [`& .${D.input}`]: {
+      padding: "2px 4px 3px 0"
+    }
+  },
+  [`& .${no.root}`]: {
+    padding: 9,
+    [`.${t.hasPopupIcon}&, .${t.hasClearIcon}&`]: {
+      paddingRight: 39
+    },
+    [`.${t.hasPopupIcon}.${t.hasClearIcon}&`]: {
+      paddingRight: 65
+    },
+    [`& .${t.input}`]: {
+      padding: "7.5px 4px 7.5px 5px"
+    },
+    [`& .${t.endAdornment}`]: {
+      right: 9
+    }
+  },
+  [`& .${no.root}.${f.sizeSmall}`]: {
+    // Don't specify paddingRight, as it overrides the default value set when there is only
+    // one of the popup or clear icon as the specificity is equal so the latter one wins
+    paddingTop: 6,
+    paddingBottom: 6,
+    paddingLeft: 6,
+    [`& .${t.input}`]: {
+      padding: "2.5px 4px 2.5px 8px"
+    }
+  },
+  [`& .${h.root}`]: {
+    paddingTop: 19,
+    paddingLeft: 8,
+    [`.${t.hasPopupIcon}&, .${t.hasClearIcon}&`]: {
+      paddingRight: 39
+    },
+    [`.${t.hasPopupIcon}.${t.hasClearIcon}&`]: {
+      paddingRight: 65
+    },
+    [`& .${h.input}`]: {
+      padding: "7px 4px"
+    },
+    [`& .${t.endAdornment}`]: {
+      right: 9
+    }
+  },
+  [`& .${h.root}.${f.sizeSmall}`]: {
+    paddingBottom: 1,
+    [`& .${h.input}`]: {
+      padding: "2.5px 4px"
+    }
+  },
+  [`& .${f.hiddenLabel}`]: {
+    paddingTop: 8
+  },
+  [`& .${h.root}.${f.hiddenLabel}`]: {
+    paddingTop: 0,
+    paddingBottom: 0,
+    [`& .${t.input}`]: {
+      paddingTop: 16,
+      paddingBottom: 17
+    }
+  },
+  [`& .${h.root}.${f.hiddenLabel}.${f.sizeSmall}`]: {
+    [`& .${t.input}`]: {
+      paddingTop: 8,
+      paddingBottom: 9
+    }
+  },
+  [`& .${t.input}`]: {
+    flexGrow: 1,
+    textOverflow: "ellipsis",
+    opacity: 0
+  },
+  variants: [{
+    props: {
+      fullWidth: !0
+    },
+    style: {
+      width: "100%"
+    }
+  }, {
+    props: {
+      size: "small"
+    },
+    style: {
+      [`& .${t.tag}`]: {
+        margin: 2,
+        maxWidth: "calc(100% - 4px)"
+      }
+    }
+  }, {
+    props: {
+      inputFocused: !0
+    },
+    style: {
+      [`& .${t.input}`]: {
+        opacity: 1
+      }
+    }
+  }, {
+    props: {
+      multiple: !0
+    },
+    style: {
+      [`& .${t.inputRoot}`]: {
+        flexWrap: "wrap"
+      }
+    }
+  }]
+}), me = u("div", {
+  name: "MuiAutocomplete",
+  slot: "EndAdornment"
+})({
+  // We use a position absolute to support wrapping tags.
+  position: "absolute",
+  right: 0,
+  top: "50%",
+  transform: "translate(0, -50%)"
+}), fe = u(uo, {
+  name: "MuiAutocomplete",
+  slot: "ClearIndicator"
+})({
+  marginRight: -2,
+  padding: 4,
+  visibility: "hidden"
+}), ge = u(uo, {
+  name: "MuiAutocomplete",
+  slot: "PopupIndicator",
+  overridesResolver: (e, p) => {
+    const {
+      ownerState: c
+    } = e;
+    return [p.popupIndicator, c.popupOpen && p.popupIndicatorOpen];
+  }
+})({
+  padding: 2,
+  marginRight: -2,
+  variants: [{
+    props: {
+      popupOpen: !0
+    },
+    style: {
+      transform: "rotate(180deg)"
+    }
+  }]
+}), be = u(io, {
+  name: "MuiAutocomplete",
+  slot: "Popper",
+  overridesResolver: (e, p) => {
+    const {
+      ownerState: c
+    } = e;
+    return [{
+      [`& .${t.option}`]: p.option
+    }, p.popper, c.disablePortal && p.popperDisablePortal];
+  }
+})(x(({
+  theme: e
+}) => ({
+  zIndex: (e.vars || e).zIndex.modal,
+  variants: [{
+    props: {
+      disablePortal: !0
+    },
+    style: {
+      position: "absolute"
+    }
+  }]
+}))), he = u(lo, {
+  name: "MuiAutocomplete",
+  slot: "Paper"
+})(x(({
+  theme: e
+}) => ({
+  ...e.typography.body1,
+  overflow: "auto"
+}))), xe = u("div", {
+  name: "MuiAutocomplete",
+  slot: "Loading"
+})(x(({
+  theme: e
+}) => ({
+  color: (e.vars || e).palette.text.secondary,
+  padding: "14px 16px"
+}))), Pe = u("div", {
+  name: "MuiAutocomplete",
+  slot: "NoOptions"
+})(x(({
+  theme: e
+}) => ({
+  color: (e.vars || e).palette.text.secondary,
+  padding: "14px 16px"
+}))), Ie = u("ul", {
+  name: "MuiAutocomplete",
+  slot: "Listbox"
+})(x(({
+  theme: e
+}) => ({
+  listStyle: "none",
+  margin: 0,
+  padding: "8px 0",
+  maxHeight: "40vh",
+  overflow: "auto",
+  position: "relative",
+  [`& .${t.option}`]: {
+    minHeight: 48,
+    display: "flex",
+    overflow: "hidden",
+    justifyContent: "flex-start",
+    alignItems: "center",
+    cursor: "pointer",
+    paddingTop: 6,
+    boxSizing: "border-box",
+    outline: "0",
+    WebkitTapHighlightColor: "transparent",
+    paddingBottom: 6,
+    paddingLeft: 16,
+    paddingRight: 16,
+    [e.breakpoints.up("sm")]: {
+      minHeight: "auto"
+    },
+    [`&.${t.focused}`]: {
+      backgroundColor: (e.vars || e).palette.action.hover,
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: "transparent"
+      }
+    },
+    '&[aria-disabled="true"]': {
+      opacity: (e.vars || e).palette.action.disabledOpacity,
+      pointerEvents: "none"
+    },
+    [`&.${t.focusVisible}`]: {
+      backgroundColor: (e.vars || e).palette.action.focus
+    },
+    '&[aria-selected="true"]': {
+      backgroundColor: e.alpha((e.vars || e).palette.primary.main, (e.vars || e).palette.action.selectedOpacity),
+      [`&.${t.focused}`]: {
+        backgroundColor: e.alpha((e.vars || e).palette.primary.main, `${(e.vars || e).palette.action.selectedOpacity} + ${(e.vars || e).palette.action.hoverOpacity}`),
+        // Reset on touch devices, it doesn't add specificity
+        "@media (hover: none)": {
+          backgroundColor: (e.vars || e).palette.action.selected
+        }
+      },
+      [`&.${t.focusVisible}`]: {
+        backgroundColor: e.alpha((e.vars || e).palette.primary.main, `${(e.vars || e).palette.action.selectedOpacity} + ${(e.vars || e).palette.action.focusOpacity}`)
+      }
+    }
+  }
+}))), Oe = u(se, {
+  name: "MuiAutocomplete",
+  slot: "GroupLabel"
+})(x(({
+  theme: e
+}) => ({
+  backgroundColor: (e.vars || e).palette.background.paper,
+  top: -8
+}))), ye = u("ul", {
+  name: "MuiAutocomplete",
+  slot: "GroupUl"
+})({
+  padding: 0,
+  [`& .${t.option}`]: {
+    paddingLeft: 24
+  }
+}), $e = /* @__PURE__ */ to.forwardRef(function(p, c) {
+  const i = ae({
+    props: p,
+    name: "MuiAutocomplete"
+  }), {
+    autoComplete: O = !1,
+    autoHighlight: y = !1,
+    autoSelect: $ = !1,
+    blurOnSelect: C = !1,
+    ChipProps: w,
+    className: j,
+    clearIcon: R = ao || (ao = /* @__PURE__ */ a.jsx(te, {
+      fontSize: "small"
+    })),
+    clearOnBlur: F = !i.freeSolo,
+    clearOnEscape: Ce = !1,
+    clearText: B = "Clear",
+    closeText: G = "Close",
+    componentsProps: co,
+    defaultValue: ve = i.multiple ? [] : null,
+    disableClearable: mo = !1,
+    disableCloseOnSelect: Te = !1,
+    disabled: P = !1,
+    disabledItemsFocusable: Ae = !1,
+    disableListWrap: Le = !1,
+    disablePortal: H = !1,
+    filterOptions: Se,
+    filterSelectedOptions: we = !1,
+    forcePopupIcon: U = "auto",
+    freeSolo: K = !1,
+    fullWidth: fo = !1,
+    getLimitTagsText: go = (n) => `+${n}`,
+    getOptionDisabled: je,
+    getOptionKey: Re,
+    getOptionLabel: bo,
+    isOptionEqualToValue: Ne,
+    groupBy: ho,
+    handleHomeEndKeys: ze = !i.freeSolo,
+    id: Me,
+    includeInputInList: Ve = !1,
+    inputValue: We,
+    limitTags: N = -1,
+    ListboxComponent: xo,
+    ListboxProps: Po,
+    loading: q = !1,
+    loadingText: Io = "Loading…",
+    multiple: Oo = !1,
+    noOptionsText: yo = "No options",
+    onChange: ke,
+    onClose: De,
+    onHighlightChange: Ee,
+    onInputChange: Fe,
+    onOpen: Be,
+    open: Ge,
+    openOnFocus: He = !1,
+    openText: _ = "Open",
+    options: Ue,
+    PaperComponent: $o,
+    PopperComponent: Co,
+    popupIcon: vo = ro || (ro = /* @__PURE__ */ a.jsx(ne, {})),
+    readOnly: J = !1,
+    renderGroup: To,
+    renderInput: Ao,
+    renderOption: Lo,
+    renderTags: Q,
+    renderValue: v,
+    selectOnFocus: Ke = !i.freeSolo,
+    size: z = "medium",
+    slots: So = {},
+    slotProps: wo = {},
+    value: qe,
+    ...jo
+  } = i, {
+    getRootProps: Ro,
+    getInputProps: X,
+    getInputLabelProps: No,
+    getPopupIndicatorProps: zo,
+    getClearProps: Mo,
+    getItemProps: Vo,
+    getListboxProps: Wo,
+    getOptionProps: ko,
+    value: g,
+    dirty: Do,
+    expanded: Eo,
+    id: Fo,
+    popupOpen: T,
+    focused: Y,
+    focusedItem: Bo,
+    anchorEl: A,
+    setAnchorEl: Go,
+    inputValue: Ho,
+    groupedOptions: L
+  } = re({
+    ...i,
+    componentName: "Autocomplete"
+  }), M = !mo && !P && Do && !J, V = (!K || U === !0) && U !== !1, {
+    onMouseDown: Uo
+  } = X(), {
+    ref: Ko,
+    ...qo
+  } = Wo(), W = bo || ((n) => n.label ?? n), r = {
+    ...i,
+    disablePortal: H,
+    expanded: Eo,
+    focused: Y,
+    fullWidth: fo,
+    getOptionLabel: W,
+    hasClearIcon: M,
+    hasPopupIcon: V,
+    inputFocused: Bo === -1,
+    popupOpen: T,
+    size: z
+  }, l = ce(r), b = {
+    slots: {
+      paper: $o,
+      popper: Co,
+      ...So
+    },
+    slotProps: {
+      chip: w,
+      listbox: Po,
+      ...co,
+      ...wo
+    }
+  }, [_o, Jo] = E("listbox", {
+    elementType: Ie,
+    externalForwardedProps: b,
+    ownerState: r,
+    className: l.listbox,
+    additionalProps: qo,
+    ref: Ko
+  }), [Qo, Xo] = E("paper", {
+    elementType: lo,
+    externalForwardedProps: b,
+    ownerState: r,
+    className: l.paper
+  }), [Yo, Zo] = E("popper", {
+    elementType: io,
+    externalForwardedProps: b,
+    ownerState: r,
+    className: l.popper,
+    additionalProps: {
+      disablePortal: H,
+      style: {
+        width: A ? A.clientWidth : null
+      },
+      role: "presentation",
+      anchorEl: A,
+      open: T
+    }
+  });
+  let s;
+  const S = (n) => ({
+    className: l.tag,
+    disabled: P,
+    ...Vo(n)
+  });
+  if (Oo ? g.length > 0 && (Q ? s = Q(g, S, r) : v ? s = v(g, S, r) : s = g.map((n, d) => {
+    const {
+      key: m,
+      ...I
+    } = S({
+      index: d
+    });
+    return /* @__PURE__ */ a.jsx(le, {
+      label: W(n),
+      size: z,
+      ...I,
+      ...b.slotProps.chip
+    }, m);
+  })) : v && g != null && (s = v(g, S, r)), N > -1 && Array.isArray(s)) {
+    const n = s.length - N;
+    !Y && n > 0 && (s = s.splice(0, N), s.push(/* @__PURE__ */ a.jsx("span", {
+      className: l.tag,
+      children: go(n)
+    }, s.length)));
+  }
+  const oe = To || ((n) => /* @__PURE__ */ a.jsxs("li", {
+    children: [/* @__PURE__ */ a.jsx(Oe, {
+      className: l.groupLabel,
+      ownerState: r,
+      component: "div",
+      children: n.group
+    }), /* @__PURE__ */ a.jsx(ye, {
+      className: l.groupUl,
+      ownerState: r,
+      children: n.children
+    })]
+  }, n.key)), ee = Lo || ((n, d) => {
+    const {
+      key: m,
+      ...I
+    } = n;
+    return /* @__PURE__ */ a.jsx("li", {
+      ...I,
+      children: W(d)
+    }, m);
+  }), Z = (n, d) => {
+    const m = ko({
+      option: n,
+      index: d
+    });
+    return ee({
+      ...m,
+      className: l.option
+    }, n, {
+      selected: m["aria-selected"],
+      index: d,
+      inputValue: Ho
+    }, r);
+  }, oo = b.slotProps.clearIndicator, eo = b.slotProps.popupIndicator;
+  return /* @__PURE__ */ a.jsxs(to.Fragment, {
+    children: [/* @__PURE__ */ a.jsx(de, {
+      ref: c,
+      className: k(l.root, j),
+      ownerState: r,
+      ...Ro(jo),
+      children: Ao({
+        id: Fo,
+        disabled: P,
+        fullWidth: i.fullWidth ?? !0,
+        size: z === "small" ? "small" : void 0,
+        InputLabelProps: No(),
+        InputProps: {
+          ref: Go,
+          className: l.inputRoot,
+          startAdornment: s,
+          onMouseDown: (n) => {
+            n.target === n.currentTarget && Uo(n);
+          },
+          ...(M || V) && {
+            endAdornment: /* @__PURE__ */ a.jsxs(me, {
+              className: l.endAdornment,
+              ownerState: r,
+              children: [M ? /* @__PURE__ */ a.jsx(fe, {
+                ...Mo(),
+                "aria-label": B,
+                title: B,
+                ownerState: r,
+                ...oo,
+                className: k(l.clearIndicator, oo?.className),
+                children: R
+              }) : null, V ? /* @__PURE__ */ a.jsx(ge, {
+                ...zo(),
+                disabled: P,
+                "aria-label": T ? G : _,
+                title: T ? G : _,
+                ownerState: r,
+                ...eo,
+                className: k(l.popupIndicator, eo?.className),
+                children: vo
+              }) : null]
+            })
+          }
+        },
+        inputProps: {
+          className: l.input,
+          disabled: P,
+          readOnly: J,
+          ...X()
+        }
+      })
+    }), A ? /* @__PURE__ */ a.jsx(be, {
+      as: Yo,
+      ...Zo,
+      children: /* @__PURE__ */ a.jsxs(he, {
+        as: Qo,
+        ...Xo,
+        children: [q && L.length === 0 ? /* @__PURE__ */ a.jsx(xe, {
+          className: l.loading,
+          ownerState: r,
+          children: Io
+        }) : null, L.length === 0 && !K && !q ? /* @__PURE__ */ a.jsx(Pe, {
+          className: l.noOptions,
+          ownerState: r,
+          role: "presentation",
+          onMouseDown: (n) => {
+            n.preventDefault();
+          },
+          children: yo
+        }) : null, L.length > 0 ? /* @__PURE__ */ a.jsx(_o, {
+          as: xo,
+          ...Jo,
+          children: L.map((n, d) => ho ? oe({
+            key: n.key,
+            group: n.group,
+            children: n.options.map((m, I) => Z(m, n.index + I))
+          }) : Z(n, d))
+        }) : null]
+      })
+    }) : null]
+  });
+});
+process.env.NODE_ENV !== "production" && ($e.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * If `true`, the portion of the selected suggestion that the user hasn't typed,
+   * known as the completion string, appears inline after the input cursor in the textbox.
+   * The inline completion string is visually highlighted and has a selected state.
+   * @default false
+   */
+  autoComplete: o.bool,
+  /**
+   * If `true`, the first option is automatically highlighted.
+   * @default false
+   */
+  autoHighlight: o.bool,
+  /**
+   * If `true`, the selected option becomes the value of the input
+   * when the Autocomplete loses focus unless the user chooses
+   * a different option or changes the character string in the input.
+   *
+   * When using the `freeSolo` mode, the typed value will be the input value
+   * if the Autocomplete loses focus without highlighting an option.
+   * @default false
+   */
+  autoSelect: o.bool,
+  /**
+   * Control if the input should be blurred when an option is selected:
+   *
+   * - `false` the input is not blurred.
+   * - `true` the input is always blurred.
+   * - `touch` the input is blurred after a touch event.
+   * - `mouse` the input is blurred after a mouse event.
+   * @default false
+   */
+  blurOnSelect: o.oneOfType([o.oneOf(["mouse", "touch"]), o.bool]),
+  /**
+   * Props applied to the [`Chip`](https://mui.com/material-ui/api/chip/) element.
+   * @deprecated Use `slotProps.chip` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  ChipProps: o.object,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The icon to display in place of the default clear icon.
+   * @default <ClearIcon fontSize="small" />
+   */
+  clearIcon: o.node,
+  /**
+   * If `true`, the input's text is cleared on blur if no value is selected.
+   *
+   * Set it to `true` if you want to help the user enter a new value.
+   * Set it to `false` if you want to help the user resume their search.
+   * @default !props.freeSolo
+   */
+  clearOnBlur: o.bool,
+  /**
+   * If `true`, clear all values when the user presses escape and the popup is closed.
+   * @default false
+   */
+  clearOnEscape: o.bool,
+  /**
+   * Override the default text for the *clear* icon button.
+   *
+   * For localization purposes, you can use the provided [translations](https://mui.com/material-ui/guides/localization/).
+   * @default 'Clear'
+   */
+  clearText: o.string,
+  /**
+   * Override the default text for the *close popup* icon button.
+   *
+   * For localization purposes, you can use the provided [translations](https://mui.com/material-ui/guides/localization/).
+   * @default 'Close'
+   */
+  closeText: o.string,
+  /**
+   * The props used for each slot inside.
+   * @deprecated Use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  componentsProps: o.shape({
+    clearIndicator: o.object,
+    paper: o.object,
+    popper: o.object,
+    popupIndicator: o.object
+  }),
+  /**
+   * The default value. Use when the component is not controlled.
+   * @default props.multiple ? [] : null
+   */
+  defaultValue: po(o.any, (e) => e.multiple && e.defaultValue !== void 0 && !Array.isArray(e.defaultValue) ? new Error(["MUI: The Autocomplete expects the `defaultValue` prop to be an array when `multiple={true}` or undefined.", `However, ${e.defaultValue} was provided.`].join(`
+`)) : null),
+  /**
+   * If `true`, the input can't be cleared.
+   * @default false
+   */
+  disableClearable: o.bool,
+  /**
+   * If `true`, the popup won't close when a value is selected.
+   * @default false
+   */
+  disableCloseOnSelect: o.bool,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: o.bool,
+  /**
+   * If `true`, will allow focus on disabled items.
+   * @default false
+   */
+  disabledItemsFocusable: o.bool,
+  /**
+   * If `true`, the list box in the popup will not wrap focus.
+   * @default false
+   */
+  disableListWrap: o.bool,
+  /**
+   * If `true`, the `Popper` content will be under the DOM hierarchy of the parent component.
+   * @default false
+   */
+  disablePortal: o.bool,
+  /**
+   * A function that determines the filtered options to be rendered on search.
+   *
+   * @default createFilterOptions()
+   * @param {Value[]} options The options to render.
+   * @param {object} state The state of the component.
+   * @returns {Value[]}
+   */
+  filterOptions: o.func,
+  /**
+   * If `true`, hide the selected options from the list box.
+   * @default false
+   */
+  filterSelectedOptions: o.bool,
+  /**
+   * Force the visibility display of the popup icon.
+   * @default 'auto'
+   */
+  forcePopupIcon: o.oneOfType([o.oneOf(["auto"]), o.bool]),
+  /**
+   * If `true`, the Autocomplete is free solo, meaning that the user input is not bound to provided options.
+   * @default false
+   */
+  freeSolo: o.bool,
+  /**
+   * If `true`, the input will take up the full width of its container.
+   * @default false
+   */
+  fullWidth: o.bool,
+  /**
+   * The label to display when the tags are truncated (`limitTags`).
+   *
+   * @param {number} more The number of truncated tags.
+   * @returns {ReactNode}
+   * @default (more) => `+${more}`
+   */
+  getLimitTagsText: o.func,
+  /**
+   * Used to determine the disabled state for a given option.
+   *
+   * @param {Value} option The option to test.
+   * @template Value The option shape. Will be the same shape as an item of the options.
+   * @returns {boolean}
+   */
+  getOptionDisabled: o.func,
+  /**
+   * Used to determine the key for a given option.
+   * This can be useful when the labels of options are not unique (since labels are used as keys by default).
+   *
+   * @param {Value} option The option to get the key for.
+   * @returns {string | number}
+   */
+  getOptionKey: o.func,
+  /**
+   * Used to determine the string value for a given option.
+   * It's used to fill the input (and the list box options if `renderOption` is not provided).
+   *
+   * If used in free solo mode, it must accept both the type of the options and a string.
+   *
+   * @param {Value} option
+   * @returns {string}
+   * @default (option) => option.label ?? option
+   */
+  getOptionLabel: o.func,
+  /**
+   * If provided, the options will be grouped under the returned string.
+   * The groupBy value is also used as the text for group headings when `renderGroup` is not provided.
+   *
+   * @param {Value} option The Autocomplete option.
+   * @returns {string}
+   */
+  groupBy: o.func,
+  /**
+   * If `true`, the component handles the "Home" and "End" keys when the popup is open.
+   * It should move focus to the first option and last option, respectively.
+   * @default !props.freeSolo
+   */
+  handleHomeEndKeys: o.bool,
+  /**
+   * This prop is used to help implement the accessibility logic.
+   * If you don't provide an id it will fall back to a randomly generated one.
+   */
+  id: o.string,
+  /**
+   * If `true`, the highlight can move to the input.
+   * @default false
+   */
+  includeInputInList: o.bool,
+  /**
+   * The input value.
+   */
+  inputValue: o.string,
+  /**
+   * Used to determine if the option represents the given value.
+   * Uses strict equality by default.
+   * ⚠️ Both arguments need to be handled, an option can only match with one value.
+   *
+   * @param {Value} option The option to test.
+   * @param {Value} value The value to test against.
+   * @returns {boolean}
+   */
+  isOptionEqualToValue: o.func,
+  /**
+   * The maximum number of tags that will be visible when not focused.
+   * Set `-1` to disable the limit.
+   * @default -1
+   */
+  limitTags: ue,
+  /**
+   * The component used to render the listbox.
+   * @default 'ul'
+   * @deprecated Use `slotProps.listbox.component` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  ListboxComponent: o.elementType,
+  /**
+   * Props applied to the Listbox element.
+   * @deprecated Use `slotProps.listbox` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  ListboxProps: o.object,
+  /**
+   * If `true`, the component is in a loading state.
+   * This shows the `loadingText` in place of suggestions (only if there are no suggestions to show, for example `options` are empty).
+   * @default false
+   */
+  loading: o.bool,
+  /**
+   * Text to display when in a loading state.
+   *
+   * For localization purposes, you can use the provided [translations](https://mui.com/material-ui/guides/localization/).
+   * @default 'Loading…'
+   */
+  loadingText: o.node,
+  /**
+   * If `true`, `value` must be an array and the menu will support multiple selections.
+   * @default false
+   */
+  multiple: o.bool,
+  /**
+   * Text to display when there are no options.
+   *
+   * For localization purposes, you can use the provided [translations](https://mui.com/material-ui/guides/localization/).
+   * @default 'No options'
+   */
+  noOptionsText: o.node,
+  /**
+   * Callback fired when the value changes.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback.
+   * @param {Value|Value[]} value The new value of the component.
+   * @param {string} reason One of "createOption", "selectOption", "removeOption", "blur" or "clear".
+   * @param {string} [details]
+   */
+  onChange: o.func,
+  /**
+   * Callback fired when the popup requests to be closed.
+   * Use in controlled mode (see open).
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback.
+   * @param {string} reason Can be: `"toggleInput"`, `"escape"`, `"selectOption"`, `"removeOption"`, `"blur"`.
+   */
+  onClose: o.func,
+  /**
+   * Callback fired when the highlight option changes.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback.
+   * @param {Value} option The highlighted option.
+   * @param {string} reason Can be: `"keyboard"`, `"mouse"`, `"touch"`.
+   */
+  onHighlightChange: o.func,
+  /**
+   * Callback fired when the input value changes.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback.
+   * @param {string} value The new value of the text input.
+   * @param {string} reason Can be: `"input"` (user input), `"reset"` (programmatic change), `"clear"`, `"blur"`, `"selectOption"`, `"removeOption"`
+   */
+  onInputChange: o.func,
+  /**
+   * @ignore
+   */
+  onKeyDown: o.func,
+  /**
+   * Callback fired when the popup requests to be opened.
+   * Use in controlled mode (see open).
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback.
+   */
+  onOpen: o.func,
+  /**
+   * If `true`, the component is shown.
+   */
+  open: o.bool,
+  /**
+   * If `true`, the popup will open on input focus.
+   * @default false
+   */
+  openOnFocus: o.bool,
+  /**
+   * Override the default text for the *open popup* icon button.
+   *
+   * For localization purposes, you can use the provided [translations](https://mui.com/material-ui/guides/localization/).
+   * @default 'Open'
+   */
+  openText: o.string,
+  /**
+   * A list of options that will be shown in the Autocomplete.
+   */
+  options: o.array.isRequired,
+  /**
+   * The component used to render the body of the popup.
+   * @default Paper
+   * @deprecated Use `slots.paper` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  PaperComponent: o.elementType,
+  /**
+   * The component used to position the popup.
+   * @default Popper
+   * @deprecated Use `slots.popper` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  PopperComponent: o.elementType,
+  /**
+   * The icon to display in place of the default popup icon.
+   * @default <ArrowDropDownIcon />
+   */
+  popupIcon: o.node,
+  /**
+   * If `true`, the component becomes readonly. It is also supported for multiple tags where the tag cannot be deleted.
+   * @default false
+   */
+  readOnly: o.bool,
+  /**
+   * Render the group.
+   *
+   * @param {AutocompleteRenderGroupParams} params The group to render.
+   * @returns {ReactNode}
+   */
+  renderGroup: o.func,
+  /**
+   * Render the input.
+   *
+   * **Note:** The `renderInput` prop must return a `TextField` component or a compatible custom component
+   * that correctly forwards `InputProps.ref` and spreads `inputProps`. This ensures proper integration
+   * with the Autocomplete's internal logic (e.g., focus management and keyboard navigation).
+   *
+   * Avoid using components like `DatePicker` or `Select` directly, as they may not forward the required props,
+   * leading to runtime errors or unexpected behavior.
+   *
+   * @param {object} params
+   * @returns {ReactNode}
+   */
+  renderInput: o.func.isRequired,
+  /**
+   * Render the option, use `getOptionLabel` by default.
+   *
+   * @param {object} props The props to apply on the li element.
+   * @param {Value} option The option to render.
+   * @param {object} state The state of each option.
+   * @param {object} ownerState The state of the Autocomplete component.
+   * @returns {ReactNode}
+   */
+  renderOption: o.func,
+  /**
+   * Render the selected value when doing multiple selections.
+   *
+   * @deprecated Use `renderValue` prop instead
+   *
+   * @param {Value[]} value The `value` provided to the component.
+   * @param {function} getTagProps A tag props getter.
+   * @param {object} ownerState The state of the Autocomplete component.
+   * @returns {ReactNode}
+   */
+  renderTags: o.func,
+  /**
+   * Renders the selected value(s) as rich content in the input for both single and multiple selections.
+   *
+   * @param {AutocompleteRenderValue<Value, Multiple, FreeSolo>} value The `value` provided to the component.
+   * @param {function} getItemProps The value item props.
+   * @param {object} ownerState The state of the Autocomplete component.
+   * @returns {ReactNode}
+   */
+  renderValue: o.func,
+  /**
+   * If `true`, the input's text is selected on focus.
+   * It helps the user clear the selected value.
+   * @default !props.freeSolo
+   */
+  selectOnFocus: o.bool,
+  /**
+   * The size of the component.
+   * @default 'medium'
+   */
+  size: o.oneOfType([o.oneOf(["small", "medium"]), o.string]),
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: o.shape({
+    chip: o.oneOfType([o.func, o.object]),
+    clearIndicator: o.oneOfType([o.func, o.object]),
+    listbox: o.oneOfType([o.func, o.object]),
+    paper: o.oneOfType([o.func, o.object]),
+    popper: o.oneOfType([o.func, o.object]),
+    popupIndicator: o.oneOfType([o.func, o.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: o.shape({
+    listbox: o.elementType,
+    paper: o.elementType,
+    popper: o.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
+  /**
+   * The value of the autocomplete.
+   *
+   * The value must have reference equality with the option in order to be selected.
+   * You can customize the equality behavior with the `isOptionEqualToValue` prop.
+   */
+  value: po(o.any, (e) => e.multiple && e.value !== void 0 && !Array.isArray(e.value) ? new Error(["MUI: The Autocomplete expects the `value` prop to be an array when `multiple={true}` or undefined.", `However, ${e.value} was provided.`].join(`
+`)) : null)
+});
+export {
+  $t as createFilterOptions,
+  $e as default
+};
+//# sourceMappingURL=Autocomplete.mjs.map