@pautena/react-design-system 1.0.0 → 1.0.1

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

@@ -1,1132 +0,0 @@
-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