@weng-lab/ui-components 2.0.0 → 2.0.1

package/dist/ui-components.es298.js

@@ -1,509 +1,5 @@
-import * as i from "react";
-import { r as De } from "./ui-components.es271.js";
-import t from "./ui-components.es81.js";
-import { clsx as Re } from "./ui-components.es80.js";
-import $e from "./ui-components.es71.js";
-import { StyledSelectSelect as Fe, StyledSelectIcon as Ve } from "./ui-components.es300.js";
-import { isFilled as Ae } from "./ui-components.es195.js";
-import ke from "./ui-components.es104.js";
-import E, { getSelectUtilityClasses as We } from "./ui-components.es301.js";
-import { j as v } from "./ui-components.es12.js";
-import ae from "./ui-components.es168.js";
-import Te from "./ui-components.es170.js";
-import Ue from "./ui-components.es172.js";
-import Be from "./ui-components.es153.js";
-import Ke from "./ui-components.es123.js";
-import U from "./ui-components.es40.js";
-import ue from "./ui-components.es110.js";
-import qe from "./ui-components.es86.js";
-import Le from "./ui-components.es131.js";
-var ie;
-const _e = U(Fe, {
-  name: "MuiSelect",
-  slot: "Select",
-  overridesResolver: (a, r) => {
-    const {
-      ownerState: s
-    } = a;
-    return [
-      // Win specificity over the input base
-      {
-        [`&.${E.select}`]: r.select
-      },
-      {
-        [`&.${E.select}`]: r[s.variant]
-      },
-      {
-        [`&.${E.error}`]: r.error
-      },
-      {
-        [`&.${E.multiple}`]: r.multiple
-      }
-    ];
-  }
-})({
-  // Win specificity over the input base
-  [`&.${E.select}`]: {
-    height: "auto",
-    // Resets for multiple select with chips
-    minHeight: "1.4375em",
-    // Required for select\text-field height consistency
-    textOverflow: "ellipsis",
-    whiteSpace: "nowrap",
-    overflow: "hidden"
-  }
-}), ze = U(Ve, {
-  name: "MuiSelect",
-  slot: "Icon",
-  overridesResolver: (a, r) => {
-    const {
-      ownerState: s
-    } = a;
-    return [r.icon, s.variant && r[`icon${ue(s.variant)}`], s.open && r.iconOpen];
-  }
-})({}), He = U("input", {
-  shouldForwardProp: (a) => ke(a) && a !== "classes",
-  name: "MuiSelect",
-  slot: "NativeInput"
-})({
-  bottom: 0,
-  left: 0,
-  position: "absolute",
-  opacity: 0,
-  pointerEvents: "none",
-  width: "100%",
-  boxSizing: "border-box"
-});
-function se(a, r) {
-  return typeof r == "object" && r !== null ? a === r : String(a) === String(r);
-}
-function Ye(a) {
-  return a == null || typeof a == "string" && !a.trim();
-}
-const Ge = (a) => {
-  const {
-    classes: r,
-    variant: s,
-    disabled: w,
-    multiple: D,
-    open: y,
-    error: d
-  } = a, R = {
-    select: ["select", s, w && "disabled", D && "multiple", d && "error"],
-    icon: ["icon", `icon${ue(s)}`, y && "iconOpen", w && "disabled"],
-    nativeInput: ["nativeInput"]
-  };
-  return qe(R, We, r);
-}, Je = /* @__PURE__ */ i.forwardRef(function(r, s) {
-  const {
-    "aria-describedby": w,
-    "aria-label": D,
-    autoFocus: y,
-    autoWidth: d,
-    children: R,
-    className: ce,
-    defaultOpen: B,
-    defaultValue: pe,
-    disabled: I,
-    displayEmpty: de,
-    error: $ = !1,
-    IconComponent: fe,
-    inputRef: me,
-    labelId: h,
-    MenuProps: f = {},
-    multiple: c,
-    name: u,
-    onBlur: K,
-    onChange: x,
-    onClose: q,
-    onFocus: be,
-    onOpen: L,
-    open: _,
-    readOnly: z,
-    renderValue: H,
-    required: Y,
-    SelectDisplayProps: F = {},
-    tabIndex: G,
-    // catching `type` from Input which makes no sense for SelectInput
-    type: Qe,
-    value: ve,
-    variant: ye = "standard",
-    ...J
-  } = r, [o, Q] = ae({
-    controlled: ve,
-    default: pe,
-    name: "Select"
-  }), [X, he] = ae({
-    controlled: _,
-    default: B,
-    name: "Select"
-  }), Z = i.useRef(null), p = i.useRef(null), [S, Se] = i.useState(null), {
-    current: V
-  } = i.useRef(_ != null), [ge, ee] = i.useState(), Ee = Te(s, me), we = i.useCallback((e) => {
-    p.current = e, e && Se(e);
-  }, []), C = S?.parentNode;
-  i.useImperativeHandle(Ee, () => ({
-    focus: () => {
-      p.current.focus();
-    },
-    node: Z.current,
-    value: o
-  }), [o]), i.useEffect(() => {
-    B && X && S && !V && (ee(d ? null : C.clientWidth), p.current.focus());
-  }, [S, d]), i.useEffect(() => {
-    y && p.current.focus();
-  }, [y]), i.useEffect(() => {
-    if (!h)
-      return;
-    const e = Ue(p.current).getElementById(h);
-    if (e) {
-      const n = () => {
-        getSelection().isCollapsed && p.current.focus();
-      };
-      return e.addEventListener("click", n), () => {
-        e.removeEventListener("click", n);
-      };
-    }
-  }, [h]);
-  const O = (e, n) => {
-    e ? L && L(n) : q && q(n), V || (ee(d ? null : C.clientWidth), he(e));
-  }, Ie = (e) => {
-    e.button === 0 && (e.preventDefault(), p.current.focus(), O(!0, e));
-  }, xe = (e) => {
-    O(!1, e);
-  }, P = i.Children.toArray(R), Ce = (e) => {
-    const n = P.find((l) => l.props.value === e.target.value);
-    n !== void 0 && (Q(n.props.value), x && x(e, n));
-  }, Oe = (e) => (n) => {
-    let l;
-    if (n.currentTarget.hasAttribute("tabindex")) {
-      if (c) {
-        l = Array.isArray(o) ? o.slice() : [];
-        const b = o.indexOf(e.props.value);
-        b === -1 ? l.push(e.props.value) : l.splice(b, 1);
-      } else
-        l = e.props.value;
-      if (e.props.onClick && e.props.onClick(n), o !== l && (Q(l), x)) {
-        const b = n.nativeEvent || n, le = new b.constructor(b.type, b);
-        Object.defineProperty(le, "target", {
-          writable: !0,
-          value: {
-            value: l,
-            name: u
-          }
-        }), x(le, e);
-      }
-      c || O(!1, n);
-    }
-  }, Pe = (e) => {
-    z || [
-      " ",
-      "ArrowUp",
-      "ArrowDown",
-      // The native select doesn't respond to enter on macOS, but it's recommended by
-      // https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/
-      "Enter"
-    ].includes(e.key) && (e.preventDefault(), O(!0, e));
-  }, g = S !== null && X, Me = (e) => {
-    !g && K && (Object.defineProperty(e, "target", {
-      writable: !0,
-      value: {
-        value: o,
-        name: u
-      }
-    }), K(e));
-  };
-  delete J["aria-invalid"];
-  let m, te;
-  const M = [];
-  let N = !1, A = !1;
-  (Ae({
-    value: o
-  }) || de) && (H ? m = H(o) : N = !0);
-  const Ne = P.map((e) => {
-    if (!/* @__PURE__ */ i.isValidElement(e))
-      return null;
-    process.env.NODE_ENV !== "production" && De.isFragment(e) && console.error(["MUI: The Select component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
-`));
-    let n;
-    if (c) {
-      if (!Array.isArray(o))
-        throw new Error(process.env.NODE_ENV !== "production" ? "MUI: The `value` prop must be an array when using the `Select` component with `multiple`." : Be(2));
-      n = o.some((l) => se(l, e.props.value)), n && N && M.push(e.props.children);
-    } else
-      n = se(o, e.props.value), n && N && (te = e.props.children);
-    return n && (A = !0), /* @__PURE__ */ i.cloneElement(e, {
-      "aria-selected": n ? "true" : "false",
-      onClick: Oe(e),
-      onKeyUp: (l) => {
-        l.key === " " && l.preventDefault(), e.props.onKeyUp && e.props.onKeyUp(l);
-      },
-      role: "option",
-      selected: n,
-      value: void 0,
-      // The value is most likely not a valid HTML attribute.
-      "data-value": e.props.value
-      // Instead, we provide it as a data attribute.
-    });
-  });
-  process.env.NODE_ENV !== "production" && i.useEffect(() => {
-    if (!A && !c && o !== "") {
-      const e = P.map((n) => n.props.value);
-      console.warn([`MUI: You have provided an out-of-range value \`${o}\` for the select ${u ? `(name="${u}") ` : ""}component.`, "Consider providing a value that matches one of the available options or ''.", `The available values are ${e.filter((n) => n != null).map((n) => `\`${n}\``).join(", ") || '""'}.`].join(`
-`));
-    }
-  }, [A, P, c, u, o]), N && (c ? M.length === 0 ? m = null : m = M.reduce((e, n, l) => (e.push(n), l < M.length - 1 && e.push(", "), e), []) : m = te);
-  let ne = ge;
-  !d && V && S && (ne = C.clientWidth);
-  let k;
-  typeof G < "u" ? k = G : k = I ? null : 0;
-  const oe = F.id || (u ? `mui-component-select-${u}` : void 0), j = {
-    ...r,
-    variant: ye,
-    value: o,
-    open: g,
-    error: $
-  }, W = Ge(j), T = {
-    ...f.PaperProps,
-    ...f.slotProps?.paper
-  }, je = {
-    ...f.MenuListProps,
-    ...f.slotProps?.list
-  }, re = Ke();
-  return /* @__PURE__ */ v.jsxs(i.Fragment, {
-    children: [/* @__PURE__ */ v.jsx(_e, {
-      as: "div",
-      ref: we,
-      tabIndex: k,
-      role: "combobox",
-      "aria-controls": g ? re : void 0,
-      "aria-disabled": I ? "true" : void 0,
-      "aria-expanded": g ? "true" : "false",
-      "aria-haspopup": "listbox",
-      "aria-label": D,
-      "aria-labelledby": [h, oe].filter(Boolean).join(" ") || void 0,
-      "aria-describedby": w,
-      "aria-required": Y ? "true" : void 0,
-      "aria-invalid": $ ? "true" : void 0,
-      onKeyDown: Pe,
-      onMouseDown: I || z ? null : Ie,
-      onBlur: Me,
-      onFocus: be,
-      ...F,
-      ownerState: j,
-      className: Re(F.className, W.select, ce),
-      id: oe,
-      children: Ye(m) ? (
-        // notranslate needed while Google Translate will not fix zero-width space issue
-        ie || (ie = /* @__PURE__ */ v.jsx("span", {
-          className: "notranslate",
-          "aria-hidden": !0,
-          children: "​"
-        }))
-      ) : m
-    }), /* @__PURE__ */ v.jsx(He, {
-      "aria-invalid": $,
-      value: Array.isArray(o) ? o.join(",") : o,
-      name: u,
-      ref: Z,
-      "aria-hidden": !0,
-      onChange: Ce,
-      tabIndex: -1,
-      disabled: I,
-      className: W.nativeInput,
-      autoFocus: y,
-      required: Y,
-      ...J,
-      ownerState: j
-    }), /* @__PURE__ */ v.jsx(ze, {
-      as: fe,
-      className: W.icon,
-      ownerState: j
-    }), /* @__PURE__ */ v.jsx($e, {
-      id: `menu-${u || ""}`,
-      anchorEl: C,
-      open: g,
-      onClose: xe,
-      anchorOrigin: {
-        vertical: "bottom",
-        horizontal: "center"
-      },
-      transformOrigin: {
-        vertical: "top",
-        horizontal: "center"
-      },
-      ...f,
-      slotProps: {
-        ...f.slotProps,
-        list: {
-          "aria-labelledby": h,
-          role: "listbox",
-          "aria-multiselectable": c ? "true" : void 0,
-          disableListWrap: !0,
-          id: re,
-          ...je
-        },
-        paper: {
-          ...T,
-          style: {
-            minWidth: ne,
-            ...T != null ? T.style : null
-          }
-        }
-      },
-      children: Ne
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" && (Je.propTypes = {
-  /**
-   * @ignore
-   */
-  "aria-describedby": t.string,
-  /**
-   * @ignore
-   */
-  "aria-label": t.string,
-  /**
-   * @ignore
-   */
-  autoFocus: t.bool,
-  /**
-   * If `true`, the width of the popover will automatically be set according to the items inside the
-   * menu, otherwise it will be at least the width of the select input.
-   */
-  autoWidth: t.bool,
-  /**
-   * The option elements to populate the select with.
-   * Can be some `<MenuItem>` elements.
-   */
-  children: t.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: t.object,
-  /**
-   * The CSS class name of the select element.
-   */
-  className: t.string,
-  /**
-   * If `true`, the component is toggled on mount. Use when the component open state is not controlled.
-   * You can only use it when the `native` prop is `false` (default).
-   */
-  defaultOpen: t.bool,
-  /**
-   * The default value. Use when the component is not controlled.
-   */
-  defaultValue: t.any,
-  /**
-   * If `true`, the select is disabled.
-   */
-  disabled: t.bool,
-  /**
-   * If `true`, the selected item is displayed even if its value is empty.
-   */
-  displayEmpty: t.bool,
-  /**
-   * If `true`, the `select input` will indicate an error.
-   */
-  error: t.bool,
-  /**
-   * The icon that displays the arrow.
-   */
-  IconComponent: t.elementType.isRequired,
-  /**
-   * Imperative handle implementing `{ value: T, node: HTMLElement, focus(): void }`
-   * Equivalent to `ref`
-   */
-  inputRef: Le,
-  /**
-   * The ID of an element that acts as an additional label. The Select will
-   * be labelled by the additional label and the selected value.
-   */
-  labelId: t.string,
-  /**
-   * Props applied to the [`Menu`](/material-ui/api/menu/) element.
-   */
-  MenuProps: t.object,
-  /**
-   * If `true`, `value` must be an array and the menu will support multiple selections.
-   */
-  multiple: t.bool,
-  /**
-   * Name attribute of the `select` or hidden `input` element.
-   */
-  name: t.string,
-  /**
-   * @ignore
-   */
-  onBlur: t.func,
-  /**
-   * Callback fired when a menu item is selected.
-   *
-   * @param {object} event The event source of the callback.
-   * You can pull out the new value by accessing `event.target.value` (any).
-   * @param {object} [child] The react element that was selected.
-   */
-  onChange: t.func,
-  /**
-   * Callback fired when the component requests to be closed.
-   * Use in controlled mode (see open).
-   *
-   * @param {object} event The event source of the callback.
-   */
-  onClose: t.func,
-  /**
-   * @ignore
-   */
-  onFocus: t.func,
-  /**
-   * Callback fired when the component requests to be opened.
-   * Use in controlled mode (see open).
-   *
-   * @param {object} event The event source of the callback.
-   */
-  onOpen: t.func,
-  /**
-   * If `true`, the component is shown.
-   */
-  open: t.bool,
-  /**
-   * @ignore
-   */
-  readOnly: t.bool,
-  /**
-   * Render the selected value.
-   *
-   * @param {any} value The `value` provided to the component.
-   * @returns {ReactNode}
-   */
-  renderValue: t.func,
-  /**
-   * If `true`, the component is required.
-   */
-  required: t.bool,
-  /**
-   * Props applied to the clickable div element.
-   */
-  SelectDisplayProps: t.object,
-  /**
-   * @ignore
-   */
-  tabIndex: t.oneOfType([t.number, t.string]),
-  /**
-   * @ignore
-   */
-  type: t.any,
-  /**
-   * The input value.
-   */
-  value: t.any,
-  /**
-   * The variant to use.
-   */
-  variant: t.oneOf(["standard", "outlined", "filled"])
-});
+var e = {};
 export {
-  Je as default
+  e as __exports
 };
 //# sourceMappingURL=ui-components.es298.js.map

package/dist/ui-components.es298.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es298.js","sources":["../../../node_modules/.pnpm/@mui+material@7.2.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__@emotion+s_56c3cb211b767c0a0b4c5f346237ccd0/node_modules/@mui/material/esm/Select/SelectInput.js"],"sourcesContent":["'use client';\n\nimport _formatErrorMessage from \"@mui/utils/formatMuiErrorMessage\";\nvar _span;\nimport * as React from 'react';\nimport { isFragment } from 'react-is';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport useId from '@mui/utils/useId';\nimport refType from '@mui/utils/refType';\nimport ownerDocument from \"../utils/ownerDocument.js\";\nimport capitalize from \"../utils/capitalize.js\";\nimport Menu from \"../Menu/Menu.js\";\nimport { StyledSelectSelect, StyledSelectIcon } from \"../NativeSelect/NativeSelectInput.js\";\nimport { isFilled } from \"../InputBase/utils.js\";\nimport { styled } from \"../zero-styled/index.js\";\nimport slotShouldForwardProp from \"../styles/slotShouldForwardProp.js\";\nimport useForkRef from \"../utils/useForkRef.js\";\nimport useControlled from \"../utils/useControlled.js\";\nimport selectClasses, { getSelectUtilityClasses } from \"./selectClasses.js\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst SelectSelect = styled(StyledSelectSelect, {\n  name: 'MuiSelect',\n  slot: 'Select',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [\n    // Win specificity over the input base\n    {\n      [`&.${selectClasses.select}`]: styles.select\n    }, {\n      [`&.${selectClasses.select}`]: styles[ownerState.variant]\n    }, {\n      [`&.${selectClasses.error}`]: styles.error\n    }, {\n      [`&.${selectClasses.multiple}`]: styles.multiple\n    }];\n  }\n})({\n  // Win specificity over the input base\n  [`&.${selectClasses.select}`]: {\n    height: 'auto',\n    // Resets for multiple select with chips\n    minHeight: '1.4375em',\n    // Required for select\\text-field height consistency\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    overflow: 'hidden'\n  }\n});\nconst SelectIcon = styled(StyledSelectIcon, {\n  name: 'MuiSelect',\n  slot: 'Icon',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.icon, ownerState.variant && styles[`icon${capitalize(ownerState.variant)}`], ownerState.open && styles.iconOpen];\n  }\n})({});\nconst SelectNativeInput = styled('input', {\n  shouldForwardProp: prop => slotShouldForwardProp(prop) && prop !== 'classes',\n  name: 'MuiSelect',\n  slot: 'NativeInput'\n})({\n  bottom: 0,\n  left: 0,\n  position: 'absolute',\n  opacity: 0,\n  pointerEvents: 'none',\n  width: '100%',\n  boxSizing: 'border-box'\n});\nfunction areEqualValues(a, b) {\n  if (typeof b === 'object' && b !== null) {\n    return a === b;\n  }\n\n  // The value could be a number, the DOM will stringify it anyway.\n  return String(a) === String(b);\n}\nfunction isEmpty(display) {\n  return display == null || typeof display === 'string' && !display.trim();\n}\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    variant,\n    disabled,\n    multiple,\n    open,\n    error\n  } = ownerState;\n  const slots = {\n    select: ['select', variant, disabled && 'disabled', multiple && 'multiple', error && 'error'],\n    icon: ['icon', `icon${capitalize(variant)}`, open && 'iconOpen', disabled && 'disabled'],\n    nativeInput: ['nativeInput']\n  };\n  return composeClasses(slots, getSelectUtilityClasses, classes);\n};\n\n/**\n * @ignore - internal component.\n */\nconst SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, ref) {\n  const {\n    'aria-describedby': ariaDescribedby,\n    'aria-label': ariaLabel,\n    autoFocus,\n    autoWidth,\n    children,\n    className,\n    defaultOpen,\n    defaultValue,\n    disabled,\n    displayEmpty,\n    error = false,\n    IconComponent,\n    inputRef: inputRefProp,\n    labelId,\n    MenuProps = {},\n    multiple,\n    name,\n    onBlur,\n    onChange,\n    onClose,\n    onFocus,\n    onOpen,\n    open: openProp,\n    readOnly,\n    renderValue,\n    required,\n    SelectDisplayProps = {},\n    tabIndex: tabIndexProp,\n    // catching `type` from Input which makes no sense for SelectInput\n    type,\n    value: valueProp,\n    variant = 'standard',\n    ...other\n  } = props;\n  const [value, setValueState] = useControlled({\n    controlled: valueProp,\n    default: defaultValue,\n    name: 'Select'\n  });\n  const [openState, setOpenState] = useControlled({\n    controlled: openProp,\n    default: defaultOpen,\n    name: 'Select'\n  });\n  const inputRef = React.useRef(null);\n  const displayRef = React.useRef(null);\n  const [displayNode, setDisplayNode] = React.useState(null);\n  const {\n    current: isOpenControlled\n  } = React.useRef(openProp != null);\n  const [menuMinWidthState, setMenuMinWidthState] = React.useState();\n  const handleRef = useForkRef(ref, inputRefProp);\n  const handleDisplayRef = React.useCallback(node => {\n    displayRef.current = node;\n    if (node) {\n      setDisplayNode(node);\n    }\n  }, []);\n  const anchorElement = displayNode?.parentNode;\n  React.useImperativeHandle(handleRef, () => ({\n    focus: () => {\n      displayRef.current.focus();\n    },\n    node: inputRef.current,\n    value\n  }), [value]);\n\n  // Resize menu on `defaultOpen` automatic toggle.\n  React.useEffect(() => {\n    if (defaultOpen && openState && displayNode && !isOpenControlled) {\n      setMenuMinWidthState(autoWidth ? null : anchorElement.clientWidth);\n      displayRef.current.focus();\n    }\n    // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [displayNode, autoWidth]);\n  // `isOpenControlled` is ignored because the component should never switch between controlled and uncontrolled modes.\n  // `defaultOpen` and `openState` are ignored to avoid unnecessary callbacks.\n  React.useEffect(() => {\n    if (autoFocus) {\n      displayRef.current.focus();\n    }\n  }, [autoFocus]);\n  React.useEffect(() => {\n    if (!labelId) {\n      return undefined;\n    }\n    const label = ownerDocument(displayRef.current).getElementById(labelId);\n    if (label) {\n      const handler = () => {\n        if (getSelection().isCollapsed) {\n          displayRef.current.focus();\n        }\n      };\n      label.addEventListener('click', handler);\n      return () => {\n        label.removeEventListener('click', handler);\n      };\n    }\n    return undefined;\n  }, [labelId]);\n  const update = (open, event) => {\n    if (open) {\n      if (onOpen) {\n        onOpen(event);\n      }\n    } else if (onClose) {\n      onClose(event);\n    }\n    if (!isOpenControlled) {\n      setMenuMinWidthState(autoWidth ? null : anchorElement.clientWidth);\n      setOpenState(open);\n    }\n  };\n  const handleMouseDown = event => {\n    // Ignore everything but left-click\n    if (event.button !== 0) {\n      return;\n    }\n    // Hijack the default focus behavior.\n    event.preventDefault();\n    displayRef.current.focus();\n    update(true, event);\n  };\n  const handleClose = event => {\n    update(false, event);\n  };\n  const childrenArray = React.Children.toArray(children);\n\n  // Support autofill.\n  const handleChange = event => {\n    const child = childrenArray.find(childItem => childItem.props.value === event.target.value);\n    if (child === undefined) {\n      return;\n    }\n    setValueState(child.props.value);\n    if (onChange) {\n      onChange(event, child);\n    }\n  };\n  const handleItemClick = child => event => {\n    let newValue;\n\n    // We use the tabindex attribute to signal the available options.\n    if (!event.currentTarget.hasAttribute('tabindex')) {\n      return;\n    }\n    if (multiple) {\n      newValue = Array.isArray(value) ? value.slice() : [];\n      const itemIndex = value.indexOf(child.props.value);\n      if (itemIndex === -1) {\n        newValue.push(child.props.value);\n      } else {\n        newValue.splice(itemIndex, 1);\n      }\n    } else {\n      newValue = child.props.value;\n    }\n    if (child.props.onClick) {\n      child.props.onClick(event);\n    }\n    if (value !== newValue) {\n      setValueState(newValue);\n      if (onChange) {\n        // Redefine target to allow name and value to be read.\n        // This allows seamless integration with the most popular form libraries.\n        // https://github.com/mui/material-ui/issues/13485#issuecomment-676048492\n        // Clone the event to not override `target` of the original event.\n        const nativeEvent = event.nativeEvent || event;\n        const clonedEvent = new nativeEvent.constructor(nativeEvent.type, nativeEvent);\n        Object.defineProperty(clonedEvent, 'target', {\n          writable: true,\n          value: {\n            value: newValue,\n            name\n          }\n        });\n        onChange(clonedEvent, child);\n      }\n    }\n    if (!multiple) {\n      update(false, event);\n    }\n  };\n  const handleKeyDown = event => {\n    if (!readOnly) {\n      const validKeys = [' ', 'ArrowUp', 'ArrowDown',\n      // The native select doesn't respond to enter on macOS, but it's recommended by\n      // https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/\n      'Enter'];\n      if (validKeys.includes(event.key)) {\n        event.preventDefault();\n        update(true, event);\n      }\n    }\n  };\n  const open = displayNode !== null && openState;\n  const handleBlur = event => {\n    // if open event.stopImmediatePropagation\n    if (!open && onBlur) {\n      // Preact support, target is read only property on a native event.\n      Object.defineProperty(event, 'target', {\n        writable: true,\n        value: {\n          value,\n          name\n        }\n      });\n      onBlur(event);\n    }\n  };\n  delete other['aria-invalid'];\n  let display;\n  let displaySingle;\n  const displayMultiple = [];\n  let computeDisplay = false;\n  let foundMatch = false;\n\n  // No need to display any value if the field is empty.\n  if (isFilled({\n    value\n  }) || displayEmpty) {\n    if (renderValue) {\n      display = renderValue(value);\n    } else {\n      computeDisplay = true;\n    }\n  }\n  const items = childrenArray.map(child => {\n    if (! /*#__PURE__*/React.isValidElement(child)) {\n      return null;\n    }\n    if (process.env.NODE_ENV !== 'production') {\n      if (isFragment(child)) {\n        console.error([\"MUI: The Select component doesn't accept a Fragment as a child.\", 'Consider providing an array instead.'].join('\\n'));\n      }\n    }\n    let selected;\n    if (multiple) {\n      if (!Array.isArray(value)) {\n        throw new Error(process.env.NODE_ENV !== \"production\" ? 'MUI: The `value` prop must be an array ' + 'when using the `Select` component with `multiple`.' : _formatErrorMessage(2));\n      }\n      selected = value.some(v => areEqualValues(v, child.props.value));\n      if (selected && computeDisplay) {\n        displayMultiple.push(child.props.children);\n      }\n    } else {\n      selected = areEqualValues(value, child.props.value);\n      if (selected && computeDisplay) {\n        displaySingle = child.props.children;\n      }\n    }\n    if (selected) {\n      foundMatch = true;\n    }\n    return /*#__PURE__*/React.cloneElement(child, {\n      'aria-selected': selected ? 'true' : 'false',\n      onClick: handleItemClick(child),\n      onKeyUp: event => {\n        if (event.key === ' ') {\n          // otherwise our MenuItems dispatches a click event\n          // it's not behavior of the native <option> and causes\n          // the select to close immediately since we open on space keydown\n          event.preventDefault();\n        }\n        if (child.props.onKeyUp) {\n          child.props.onKeyUp(event);\n        }\n      },\n      role: 'option',\n      selected,\n      value: undefined,\n      // The value is most likely not a valid HTML attribute.\n      'data-value': child.props.value // Instead, we provide it as a data attribute.\n    });\n  });\n  if (process.env.NODE_ENV !== 'production') {\n    // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      if (!foundMatch && !multiple && value !== '') {\n        const values = childrenArray.map(child => child.props.value);\n        console.warn([`MUI: You have provided an out-of-range value \\`${value}\\` for the select ${name ? `(name=\"${name}\") ` : ''}component.`, \"Consider providing a value that matches one of the available options or ''.\", `The available values are ${values.filter(x => x != null).map(x => `\\`${x}\\``).join(', ') || '\"\"'}.`].join('\\n'));\n      }\n    }, [foundMatch, childrenArray, multiple, name, value]);\n  }\n  if (computeDisplay) {\n    if (multiple) {\n      if (displayMultiple.length === 0) {\n        display = null;\n      } else {\n        display = displayMultiple.reduce((output, child, index) => {\n          output.push(child);\n          if (index < displayMultiple.length - 1) {\n            output.push(', ');\n          }\n          return output;\n        }, []);\n      }\n    } else {\n      display = displaySingle;\n    }\n  }\n\n  // Avoid performing a layout computation in the render method.\n  let menuMinWidth = menuMinWidthState;\n  if (!autoWidth && isOpenControlled && displayNode) {\n    menuMinWidth = anchorElement.clientWidth;\n  }\n  let tabIndex;\n  if (typeof tabIndexProp !== 'undefined') {\n    tabIndex = tabIndexProp;\n  } else {\n    tabIndex = disabled ? null : 0;\n  }\n  const buttonId = SelectDisplayProps.id || (name ? `mui-component-select-${name}` : undefined);\n  const ownerState = {\n    ...props,\n    variant,\n    value,\n    open,\n    error\n  };\n  const classes = useUtilityClasses(ownerState);\n  const paperProps = {\n    ...MenuProps.PaperProps,\n    ...MenuProps.slotProps?.paper\n  };\n  const listProps = {\n    ...MenuProps.MenuListProps,\n    ...MenuProps.slotProps?.list\n  };\n  const listboxId = useId();\n  return /*#__PURE__*/_jsxs(React.Fragment, {\n    children: [/*#__PURE__*/_jsx(SelectSelect, {\n      as: \"div\",\n      ref: handleDisplayRef,\n      tabIndex: tabIndex,\n      role: \"combobox\",\n      \"aria-controls\": open ? listboxId : undefined,\n      \"aria-disabled\": disabled ? 'true' : undefined,\n      \"aria-expanded\": open ? 'true' : 'false',\n      \"aria-haspopup\": \"listbox\",\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": [labelId, buttonId].filter(Boolean).join(' ') || undefined,\n      \"aria-describedby\": ariaDescribedby,\n      \"aria-required\": required ? 'true' : undefined,\n      \"aria-invalid\": error ? 'true' : undefined,\n      onKeyDown: handleKeyDown,\n      onMouseDown: disabled || readOnly ? null : handleMouseDown,\n      onBlur: handleBlur,\n      onFocus: onFocus,\n      ...SelectDisplayProps,\n      ownerState: ownerState,\n      className: clsx(SelectDisplayProps.className, classes.select, className)\n      // The id is required for proper a11y\n      ,\n      id: buttonId,\n      children: isEmpty(display) ? // notranslate needed while Google Translate will not fix zero-width space issue\n      _span || (_span = /*#__PURE__*/_jsx(\"span\", {\n        className: \"notranslate\",\n        \"aria-hidden\": true,\n        children: \"\\u200B\"\n      })) : display\n    }), /*#__PURE__*/_jsx(SelectNativeInput, {\n      \"aria-invalid\": error,\n      value: Array.isArray(value) ? value.join(',') : value,\n      name: name,\n      ref: inputRef,\n      \"aria-hidden\": true,\n      onChange: handleChange,\n      tabIndex: -1,\n      disabled: disabled,\n      className: classes.nativeInput,\n      autoFocus: autoFocus,\n      required: required,\n      ...other,\n      ownerState: ownerState\n    }), /*#__PURE__*/_jsx(SelectIcon, {\n      as: IconComponent,\n      className: classes.icon,\n      ownerState: ownerState\n    }), /*#__PURE__*/_jsx(Menu, {\n      id: `menu-${name || ''}`,\n      anchorEl: anchorElement,\n      open: open,\n      onClose: handleClose,\n      anchorOrigin: {\n        vertical: 'bottom',\n        horizontal: 'center'\n      },\n      transformOrigin: {\n        vertical: 'top',\n        horizontal: 'center'\n      },\n      ...MenuProps,\n      slotProps: {\n        ...MenuProps.slotProps,\n        list: {\n          'aria-labelledby': labelId,\n          role: 'listbox',\n          'aria-multiselectable': multiple ? 'true' : undefined,\n          disableListWrap: true,\n          id: listboxId,\n          ...listProps\n        },\n        paper: {\n          ...paperProps,\n          style: {\n            minWidth: menuMinWidth,\n            ...(paperProps != null ? paperProps.style : null)\n          }\n        }\n      },\n      children: items\n    })]\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? SelectInput.propTypes = {\n  /**\n   * @ignore\n   */\n  'aria-describedby': PropTypes.string,\n  /**\n   * @ignore\n   */\n  'aria-label': PropTypes.string,\n  /**\n   * @ignore\n   */\n  autoFocus: PropTypes.bool,\n  /**\n   * If `true`, the width of the popover will automatically be set according to the items inside the\n   * menu, otherwise it will be at least the width of the select input.\n   */\n  autoWidth: PropTypes.bool,\n  /**\n   * The option elements to populate the select with.\n   * Can be some `<MenuItem>` elements.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * The CSS class name of the select element.\n   */\n  className: PropTypes.string,\n  /**\n   * If `true`, the component is toggled on mount. Use when the component open state is not controlled.\n   * You can only use it when the `native` prop is `false` (default).\n   */\n  defaultOpen: PropTypes.bool,\n  /**\n   * The default value. Use when the component is not controlled.\n   */\n  defaultValue: PropTypes.any,\n  /**\n   * If `true`, the select is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, the selected item is displayed even if its value is empty.\n   */\n  displayEmpty: PropTypes.bool,\n  /**\n   * If `true`, the `select input` will indicate an error.\n   */\n  error: PropTypes.bool,\n  /**\n   * The icon that displays the arrow.\n   */\n  IconComponent: PropTypes.elementType.isRequired,\n  /**\n   * Imperative handle implementing `{ value: T, node: HTMLElement, focus(): void }`\n   * Equivalent to `ref`\n   */\n  inputRef: refType,\n  /**\n   * The ID of an element that acts as an additional label. The Select will\n   * be labelled by the additional label and the selected value.\n   */\n  labelId: PropTypes.string,\n  /**\n   * Props applied to the [`Menu`](/material-ui/api/menu/) element.\n   */\n  MenuProps: PropTypes.object,\n  /**\n   * If `true`, `value` must be an array and the menu will support multiple selections.\n   */\n  multiple: PropTypes.bool,\n  /**\n   * Name attribute of the `select` or hidden `input` element.\n   */\n  name: PropTypes.string,\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n  /**\n   * Callback fired when a menu item is selected.\n   *\n   * @param {object} event The event source of the callback.\n   * You can pull out the new value by accessing `event.target.value` (any).\n   * @param {object} [child] The react element that was selected.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Callback fired when the component requests to be closed.\n   * Use in controlled mode (see open).\n   *\n   * @param {object} event The event source of the callback.\n   */\n  onClose: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onFocus: PropTypes.func,\n  /**\n   * Callback fired when the component requests to be opened.\n   * Use in controlled mode (see open).\n   *\n   * @param {object} event The event source of the callback.\n   */\n  onOpen: PropTypes.func,\n  /**\n   * If `true`, the component is shown.\n   */\n  open: PropTypes.bool,\n  /**\n   * @ignore\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Render the selected value.\n   *\n   * @param {any} value The `value` provided to the component.\n   * @returns {ReactNode}\n   */\n  renderValue: PropTypes.func,\n  /**\n   * If `true`, the component is required.\n   */\n  required: PropTypes.bool,\n  /**\n   * Props applied to the clickable div element.\n   */\n  SelectDisplayProps: PropTypes.object,\n  /**\n   * @ignore\n   */\n  tabIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * @ignore\n   */\n  type: PropTypes.any,\n  /**\n   * The input value.\n   */\n  value: PropTypes.any,\n  /**\n   * The variant to use.\n   */\n  variant: PropTypes.oneOf(['standard', 'outlined', 'filled'])\n} : void 0;\nexport default SelectInput;"],"names":["_span","SelectSelect","styled","StyledSelectSelect","props","styles","ownerState","selectClasses","SelectIcon","StyledSelectIcon","capitalize","SelectNativeInput","prop","slotShouldForwardProp","areEqualValues","b","isEmpty","display","useUtilityClasses","classes","variant","disabled","multiple","open","error","slots","composeClasses","getSelectUtilityClasses","SelectInput","React","ref","ariaDescribedby","ariaLabel","autoFocus","autoWidth","children","className","defaultOpen","defaultValue","displayEmpty","IconComponent","inputRefProp","labelId","MenuProps","name","onBlur","onChange","onClose","onFocus","onOpen","openProp","readOnly","renderValue","required","SelectDisplayProps","tabIndexProp","type","valueProp","other","value","setValueState","useControlled","openState","setOpenState","inputRef","displayRef","displayNode","setDisplayNode","isOpenControlled","menuMinWidthState","setMenuMinWidthState","handleRef","useForkRef","handleDisplayRef","node","anchorElement","label","ownerDocument","handler","update","event","handleMouseDown","handleClose","childrenArray","handleChange","child","childItem","handleItemClick","newValue","itemIndex","nativeEvent","clonedEvent","handleKeyDown","handleBlur","displaySingle","displayMultiple","computeDisplay","foundMatch","isFilled","items","isFragment","selected","_formatErrorMessage","v","values","x","output","index","menuMinWidth","tabIndex","buttonId","paperProps","listProps","listboxId","useId","_jsxs","_jsx","clsx","Menu","PropTypes","refType"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es298.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/ui-components.es299.js

@@ -1,10 +1,68 @@
-import "react";
-import o from "./ui-components.es132.js";
-import { j as r } from "./ui-components.es12.js";
-const n = o(/* @__PURE__ */ r.jsx("path", {
-  d: "M7 10l5 5 5-5z"
-}), "ArrowDropDown");
+import { isCqShorthand as m, getContainerQuery as y } from "./ui-components.es301.js";
+const c = {
+  xs: 0,
+  // phone
+  sm: 600,
+  // tablet
+  md: 900,
+  // small laptop
+  lg: 1200,
+  // desktop
+  xl: 1536
+  // large screen
+}, f = {
+  // Sorted ASC by size. That's important.
+  // It can't be configured as it's used statically for propTypes.
+  keys: ["xs", "sm", "md", "lg", "xl"],
+  up: (n) => `@media (min-width:${c[n]}px)`
+}, h = {
+  containerQueries: (n) => ({
+    up: (e) => {
+      let t = typeof e == "number" ? e : c[e] || e;
+      return typeof t == "number" && (t = `${t}px`), n ? `@container ${n} (min-width:${t})` : `@container (min-width:${t})`;
+    }
+  })
+};
+function B(n, e, t) {
+  const i = n.theme || {};
+  if (Array.isArray(e)) {
+    const u = i.breakpoints || f;
+    return e.reduce((o, s, r) => (o[u.up(u.keys[r])] = t(e[r]), o), {});
+  }
+  if (typeof e == "object") {
+    const u = i.breakpoints || f;
+    return Object.keys(e).reduce((o, s) => {
+      if (m(u.keys, s)) {
+        const r = y(i.containerQueries ? i : h, s);
+        r && (o[r] = t(e[s], s));
+      } else if (Object.keys(u.values || c).includes(s)) {
+        const r = u.up(s);
+        o[r] = t(e[s], s);
+      } else {
+        const r = s;
+        o[r] = e[r];
+      }
+      return o;
+    }, {});
+  }
+  return t(e);
+}
+function O(n = {}) {
+  return n.keys?.reduce((t, i) => {
+    const d = n.up(i);
+    return t[d] = {}, t;
+  }, {}) || {};
+}
+function x(n, e) {
+  return n.reduce((t, i) => {
+    const d = t[i];
+    return (!d || Object.keys(d).length === 0) && delete t[i], t;
+  }, e);
+}
 export {
-  n as default
+  O as createEmptyBreakpointObject,
+  B as handleBreakpoints,
+  x as removeUnusedBreakpoints,
+  c as values
 };
 //# sourceMappingURL=ui-components.es299.js.map