@weng-lab/ui-components 3.0.1-beta.0 → 3.0.1-beta.1

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es30.js","sources":["../../../node_modules/.pnpm/@mui+icons-material@7.3.9_@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/ArrowBackIosNew.js"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M17.77 3.77 16 2 6 12l10 10 1.77-1.77L9.54 12z\"\n}), 'ArrowBackIosNew');"],"names":["ArrowBackIosNewIcon","createSvgIcon","_jsx"],"mappings":";;AAIA,MAAAA,IAAeC,EAA2BC,gBAAAA,EAAAA,IAAK,QAAQ;AAAA,EACrD,GAAG;AACL,CAAC,GAAG,iBAAiB;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es30.js","sources":["../src/components/Table/HeaderWithToolip.tsx"],"sourcesContent":["import { Tooltip, Box, Typography, TooltipProps } from '@mui/material';\nimport InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';\nimport { GridColumnHeaderParams } from '@mui/x-data-grid-premium';\n\nexport interface HeaderWithTooltipProps {\n  params: GridColumnHeaderParams;\n  tooltipTitle: TooltipProps[\"title\"];\n  originalRenderHeader?: (params: GridColumnHeaderParams) => React.ReactNode;\n}\n\nexport const HeaderWithTooltip = ({ params, tooltipTitle, originalRenderHeader }: HeaderWithTooltipProps) => {\n  return (\n    <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n      <Box sx={{ overflow: 'hidden', textOverflow: 'ellipsis' }}>\n        {originalRenderHeader ? (\n          originalRenderHeader(params)\n        ) : (\n          // Fallback to default behavior (showing the headerName)\n          <Typography variant=\"subtitle2\" noWrap>\n            {params.colDef.headerName || params.field}\n          </Typography>\n        )}\n      </Box>\n      <Tooltip title={tooltipTitle}>\n        <InfoOutlinedIcon fontSize=\"inherit\" color=\"primary\" />\n      </Tooltip>\n    </Box>\n  );\n};"],"names":["HeaderWithTooltip","t0","$","_c","params","tooltipTitle","originalRenderHeader","t1","Symbol","for","display","alignItems","gap","t2","overflow","textOverflow","t3","Typography","colDef","headerName","field","t4","jsx","Box","t5","InfoOutlinedIcon","t6","Tooltip","t7"],"mappings":";;;;AAUO,MAAMA,IAAoBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GAAC;AAAA,IAAAC,QAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,sBAAAA;AAAAA,EAAAA,IAAAL;AAAsE,MAAAM;AAAA,EAAAL,EAAA,CAAA,MAAAM,uBAAAC,IAAA,2BAAA,KAE3FF,IAAA;AAAA,IAAAG,SAAW;AAAA,IAAMC,YAAc;AAAA,IAAQC,KAAO;AAAA,EAAA,GAAGV,OAAAK,KAAAA,IAAAL,EAAA,CAAA;AAAA,MAAAW;AAAA,EAAAX,EAAA,CAAA,MAAAM,uBAAAC,IAAA,2BAAA,KAC/CI,IAAA;AAAA,IAAAC,UAAY;AAAA,IAAQC,cAAgB;AAAA,EAAA,GAAYb,OAAAW,KAAAA,IAAAX,EAAA,CAAA;AAAA,MAAAc;AAAA,EAAAd,EAAA,CAAA,MAAAI,KAAAJ,SAAAE,KACtDY,IAAAV,IACCA,EAAqBF,CAMvB,0BAHGa,GAAA,EAAmB,SAAA,aAAY,QAAA,IAC7Bb,UAAAA,EAAMc,OAAOC,cAAef,EAAMgB,OACrC,GACDlB,OAAAI,GAAAJ,OAAAE,GAAAF,OAAAc,KAAAA,IAAAd,EAAA,CAAA;AAAA,MAAAmB;AAAA,EAAAnB,SAAAc,KARHK,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAQ,IAAAV,GACNG,UAAAA,GAQH,GAAMd,OAAAc,GAAAd,OAAAmB,KAAAA,IAAAnB,EAAA,CAAA;AAAA,MAAAsB;AAAA,EAAAtB,EAAA,CAAA,MAAAM,uBAAAC,IAAA,2BAAA,KAEJe,IAAAF,gBAAAA,EAAAA,IAACG,GAAA,EAA0B,UAAA,WAAgB,OAAA,WAAS,GAAGvB,OAAAsB,KAAAA,IAAAtB,EAAA,CAAA;AAAA,MAAAwB;AAAA,EAAAxB,SAAAG,KADzDqB,IAAAJ,gBAAAA,EAAAA,IAACK,GAAA,EAAetB,OAAAA,GACdmB,UAAAA,GACF,GAAUtB,OAAAG,GAAAH,OAAAwB,KAAAA,IAAAxB,EAAA,CAAA;AAAA,MAAA0B;AAAA,SAAA1B,EAAA,EAAA,MAAAmB,KAAAnB,UAAAwB,KAbZE,2BAACL,GAAA,EAAQ,IAAAhB,GACPc,UAAAA;AAAAA,IAAAA;AAAAA,IAUAK;AAAAA,EAAAA,GAGF,GAAMxB,QAAAmB,GAAAnB,QAAAwB,GAAAxB,QAAA0B,KAAAA,IAAA1B,EAAA,EAAA,GAdN0B;AAcM;"}

package/dist/ui-components.es300.js

@@ -1,11 +1,11 @@
-import c from "./ui-components.es309.js";
-function f(...n) {
-  const u = n.reduce((r, e) => (e.filterProps.forEach((o) => {
-    r[o] = e;
-  }), r), {}), t = (r) => Object.keys(r).reduce((e, o) => u[o] ? c(e, u[o](r)) : e, {});
-  return t.propTypes = process.env.NODE_ENV !== "production" ? n.reduce((r, e) => Object.assign(r, e.propTypes), {}) : {}, t.filterProps = n.reduce((r, e) => r.concat(e.filterProps), []), t;
+import r from "./ui-components.es98.js";
+import t from "./ui-components.es99.js";
+function s(e) {
+  return r("MuiFormHelperText", e);
 }
+const o = t("MuiFormHelperText", ["root", "error", "disabled", "sizeSmall", "sizeMedium", "contained", "focused", "filled", "required"]);
 export {
-  f as default
+  o as default,
+  s as getFormHelperTextUtilityClasses
 };
 //# sourceMappingURL=ui-components.es300.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es300.js","sources":["../../../node_modules/.pnpm/@mui+system@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+st_100059df2673d7a323eb0d2da91385ea/node_modules/@mui/system/esm/compose/compose.js"],"sourcesContent":["import merge from \"../merge/index.js\";\nfunction compose(...styles) {\n  const handlers = styles.reduce((acc, style) => {\n    style.filterProps.forEach(prop => {\n      acc[prop] = style;\n    });\n    return acc;\n  }, {});\n\n  // false positive\n  // eslint-disable-next-line react/function-component-definition\n  const fn = props => {\n    return Object.keys(props).reduce((acc, prop) => {\n      if (handlers[prop]) {\n        return merge(acc, handlers[prop](props));\n      }\n      return acc;\n    }, {});\n  };\n  fn.propTypes = process.env.NODE_ENV !== 'production' ? styles.reduce((acc, style) => Object.assign(acc, style.propTypes), {}) : {};\n  fn.filterProps = styles.reduce((acc, style) => acc.concat(style.filterProps), []);\n  return fn;\n}\nexport default compose;"],"names":["compose","styles","handlers","acc","style","prop","fn","props","merge"],"mappings":";AACA,SAASA,KAAWC,GAAQ;AAC1B,QAAMC,IAAWD,EAAO,OAAO,CAACE,GAAKC,OACnCA,EAAM,YAAY,QAAQ,CAAAC,MAAQ;AAChC,IAAAF,EAAIE,CAAI,IAAID;AAAA,EACd,CAAC,GACMD,IACN,CAAA,CAAE,GAICG,IAAK,CAAAC,MACF,OAAO,KAAKA,CAAK,EAAE,OAAO,CAACJ,GAAKE,MACjCH,EAASG,CAAI,IACRG,EAAML,GAAKD,EAASG,CAAI,EAAEE,CAAK,CAAC,IAElCJ,GACN,CAAA,CAAE;AAEP,SAAAG,EAAG,YAAY,QAAQ,IAAI,aAAa,eAAeL,EAAO,OAAO,CAACE,GAAKC,MAAU,OAAO,OAAOD,GAAKC,EAAM,SAAS,GAAG,CAAA,CAAE,IAAI,CAAA,GAChIE,EAAG,cAAcL,EAAO,OAAO,CAACE,GAAKC,MAAUD,EAAI,OAAOC,EAAM,WAAW,GAAG,CAAA,CAAE,GACzEE;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es300.js","sources":["../../../node_modules/.pnpm/@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+_5efc65b7a21bb615fd4ee8d4bf58b896/node_modules/@mui/material/esm/FormHelperText/formHelperTextClasses.js"],"sourcesContent":["import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getFormHelperTextUtilityClasses(slot) {\n  return generateUtilityClass('MuiFormHelperText', slot);\n}\nconst formHelperTextClasses = generateUtilityClasses('MuiFormHelperText', ['root', 'error', 'disabled', 'sizeSmall', 'sizeMedium', 'contained', 'focused', 'filled', 'required']);\nexport default formHelperTextClasses;"],"names":["getFormHelperTextUtilityClasses","slot","generateUtilityClass","formHelperTextClasses","generateUtilityClasses"],"mappings":";;AAEO,SAASA,EAAgCC,GAAM;AACpD,SAAOC,EAAqB,qBAAqBD,CAAI;AACvD;AACK,MAACE,IAAwBC,EAAuB,qBAAqB,CAAC,QAAQ,SAAS,YAAY,aAAa,cAAc,aAAa,WAAW,UAAU,UAAU,CAAC;","x_google_ignoreList":[0]}

package/dist/ui-components.es301.js

@@ -1,44 +1,524 @@
-import P from "./ui-components.es299.js";
-import { handleBreakpoints as m } from "./ui-components.es302.js";
-import $ from "./ui-components.es110.js";
-function c(t, e, f = !0) {
-  if (!e || typeof e != "string")
-    return null;
-  if (t && t.vars && f) {
-    const n = `vars.${e}`.split(".").reduce((r, s) => r && r[s] ? r[s] : null, t);
-    if (n != null)
-      return n;
+import * as a from "react";
+import { r as $e } from "./ui-components.es214.js";
+import t from "./ui-components.es89.js";
+import { clsx as Fe } from "./ui-components.es92.js";
+import Ve from "./ui-components.es80.js";
+import { StyledSelectSelect as Ae, StyledSelectIcon as We } from "./ui-components.es303.js";
+import { isFilled as ke } from "./ui-components.es147.js";
+import Te from "./ui-components.es102.js";
+import I, { getSelectUtilityClasses as Ue } from "./ui-components.es304.js";
+import { j as S } from "./ui-components.es15.js";
+import ae from "./ui-components.es177.js";
+import Ke from "./ui-components.es149.js";
+import Be from "./ui-components.es167.js";
+import qe from "./ui-components.es151.js";
+import ze from "./ui-components.es118.js";
+import ue from "./ui-components.es109.js";
+import Le from "./ui-components.es97.js";
+import K from "./ui-components.es50.js";
+import _e from "./ui-components.es126.js";
+var se;
+const He = K(Ae, {
+  name: "MuiSelect",
+  slot: "Select",
+  overridesResolver: (s, r) => {
+    const {
+      ownerState: i
+    } = s;
+    return [
+      // Win specificity over the input base
+      {
+        [`&.${I.select}`]: r.select
+      },
+      {
+        [`&.${I.select}`]: r[i.variant]
+      },
+      {
+        [`&.${I.error}`]: r.error
+      },
+      {
+        [`&.${I.multiple}`]: r.multiple
+      }
+    ];
   }
-  return e.split(".").reduce((n, r) => n && n[r] != null ? n[r] : null, t);
+})({
+  // Win specificity over the input base
+  [`&.${I.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"
+  }
+}), Ye = K(We, {
+  name: "MuiSelect",
+  slot: "Icon",
+  overridesResolver: (s, r) => {
+    const {
+      ownerState: i
+    } = s;
+    return [r.icon, i.variant && r[`icon${ue(i.variant)}`], i.open && r.iconOpen];
+  }
+})({}), Ge = K("input", {
+  shouldForwardProp: (s) => Te(s) && s !== "classes",
+  name: "MuiSelect",
+  slot: "NativeInput"
+})({
+  bottom: 0,
+  left: 0,
+  position: "absolute",
+  opacity: 0,
+  pointerEvents: "none",
+  width: "100%",
+  boxSizing: "border-box"
+});
+function ie(s, r) {
+  return typeof r == "object" && r !== null ? s === r : String(s) === String(r);
 }
-function y(t, e, f, n = f) {
-  let r;
-  return typeof t == "function" ? r = t(f) : Array.isArray(t) ? r = t[f] || n : r = c(t, f) || n, e && (r = e(r, n, t)), r;
+function Je(s) {
+  return s == null || typeof s == "string" && !s.trim();
 }
-function k(t) {
+const Qe = (s) => {
   const {
-    prop: e,
-    cssProperty: f = t.prop,
-    themeKey: n,
-    transform: r
-  } = t, s = (o) => {
-    if (o[e] == null)
-      return null;
-    const v = o[e], d = o.theme, i = c(d, n) || {};
-    return m(o, v, (u) => {
-      let l = y(i, r, u);
-      return u === l && typeof u == "string" && (l = y(i, r, `${e}${u === "default" ? "" : $(u)}`, u)), f === !1 ? l : {
-        [f]: l
-      };
+    classes: r,
+    variant: i,
+    disabled: x,
+    multiple: j,
+    open: g,
+    error: p
+  } = s, R = {
+    select: ["select", i, x && "disabled", j && "multiple", p && "error"],
+    icon: ["icon", `icon${ue(i)}`, g && "iconOpen", x && "disabled"],
+    nativeInput: ["nativeInput"]
+  };
+  return Le(R, Ue, r);
+}, Xe = /* @__PURE__ */ a.forwardRef(function(r, i) {
+  const {
+    "aria-describedby": x,
+    "aria-label": j,
+    autoFocus: g,
+    autoWidth: p,
+    children: R,
+    className: ce,
+    defaultOpen: B,
+    defaultValue: pe,
+    disabled: C,
+    displayEmpty: de,
+    error: $ = !1,
+    IconComponent: fe,
+    inputRef: me,
+    labelId: w,
+    MenuProps: u = {},
+    multiple: f,
+    name: c,
+    onBlur: q,
+    onChange: P,
+    onClose: z,
+    onFocus: be,
+    // eslint-disable-next-line react/prop-types
+    onKeyDown: ve,
+    // eslint-disable-next-line react/prop-types
+    onMouseDown: ye,
+    onOpen: L,
+    open: _,
+    readOnly: H,
+    renderValue: Y,
+    required: G,
+    SelectDisplayProps: F = {},
+    tabIndex: J,
+    // catching `type` from Input which makes no sense for SelectInput
+    type: Ze,
+    value: he,
+    variant: Se = "standard",
+    ...Q
+  } = r, [o, X] = ae({
+    controlled: he,
+    default: pe,
+    name: "Select"
+  }), [Z, ge] = ae({
+    controlled: _,
+    default: B,
+    name: "Select"
+  }), ee = a.useRef(null), m = a.useRef(null), [E, we] = a.useState(null), {
+    current: V
+  } = a.useRef(_ != null), [Ee, A] = a.useState(), Ie = Ke(i, me), xe = a.useCallback((e) => {
+    m.current = e, e && we(e);
+  }, []), d = E?.parentNode;
+  a.useImperativeHandle(Ie, () => ({
+    focus: () => {
+      m.current.focus();
+    },
+    node: ee.current,
+    value: o
+  }), [o]);
+  const b = E !== null && Z;
+  a.useEffect(() => {
+    if (!b || !d || p || typeof ResizeObserver > "u")
+      return;
+    const e = new ResizeObserver(() => {
+      A(d.clientWidth);
     });
+    return e.observe(d), () => {
+      e.disconnect();
+    };
+  }, [b, d, p]), a.useEffect(() => {
+    B && Z && E && !V && (A(p ? null : d.clientWidth), m.current.focus());
+  }, [E, p]), a.useEffect(() => {
+    g && m.current.focus();
+  }, [g]), a.useEffect(() => {
+    if (!w)
+      return;
+    const e = Be(m.current).getElementById(w);
+    if (e) {
+      const n = () => {
+        getSelection().isCollapsed && m.current.focus();
+      };
+      return e.addEventListener("click", n), () => {
+        e.removeEventListener("click", n);
+      };
+    }
+  }, [w]);
+  const O = (e, n) => {
+    e ? L && L(n) : z && z(n), V || (A(p ? null : d.clientWidth), ge(e));
+  }, Ce = (e) => {
+    ye?.(e), e.button === 0 && (e.preventDefault(), m.current.focus(), O(!0, e));
+  }, Pe = (e) => {
+    O(!1, e);
+  }, D = a.Children.toArray(R), Oe = (e) => {
+    const n = D.find((l) => l.props.value === e.target.value);
+    n !== void 0 && (X(n.props.value), P && P(e, n));
+  }, De = (e) => (n) => {
+    let l;
+    if (n.currentTarget.hasAttribute("tabindex")) {
+      if (f) {
+        l = Array.isArray(o) ? o.slice() : [];
+        const h = o.indexOf(e.props.value);
+        h === -1 ? l.push(e.props.value) : l.splice(h, 1);
+      } else
+        l = e.props.value;
+      if (e.props.onClick && e.props.onClick(n), o !== l && (X(l), P)) {
+        const h = n.nativeEvent || n, le = new h.constructor(h.type, h);
+        Object.defineProperty(le, "target", {
+          writable: !0,
+          value: {
+            value: l,
+            name: c
+          }
+        }), P(le, e);
+      }
+      f || O(!1, n);
+    }
+  }, Me = (e) => {
+    H || ([
+      " ",
+      "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)), ve?.(e));
+  }, Ne = (e) => {
+    !b && q && (Object.defineProperty(e, "target", {
+      writable: !0,
+      value: {
+        value: o,
+        name: c
+      }
+    }), q(e));
   };
-  return s.propTypes = process.env.NODE_ENV !== "production" ? {
-    [e]: P
-  } : {}, s.filterProps = [e], s;
-}
+  delete Q["aria-invalid"];
+  let v, te;
+  const M = [];
+  let N = !1, W = !1;
+  (ke({
+    value: o
+  }) || de) && (Y ? v = Y(o) : N = !0);
+  const je = D.map((e) => {
+    if (!/* @__PURE__ */ a.isValidElement(e))
+      return null;
+    process.env.NODE_ENV !== "production" && $e.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 (f) {
+      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`." : qe(2));
+      n = o.some((l) => ie(l, e.props.value)), n && N && M.push(e.props.children);
+    } else
+      n = ie(o, e.props.value), n && N && (te = e.props.children);
+    return n && (W = !0), /* @__PURE__ */ a.cloneElement(e, {
+      "aria-selected": n ? "true" : "false",
+      onClick: De(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" && a.useEffect(() => {
+    if (!W && !f && o !== "") {
+      const e = D.map((n) => n.props.value);
+      console.warn([`MUI: You have provided an out-of-range value \`${o}\` for the select ${c ? `(name="${c}") ` : ""}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(`
+`));
+    }
+  }, [W, D, f, c, o]), N && (f ? M.length === 0 ? v = null : v = M.reduce((e, n, l) => (e.push(n), l < M.length - 1 && e.push(", "), e), []) : v = te);
+  let ne = Ee;
+  !p && V && E && (ne = d.clientWidth);
+  let k;
+  typeof J < "u" ? k = J : k = C ? null : 0;
+  const oe = F.id || (c ? `mui-component-select-${c}` : void 0), y = {
+    ...r,
+    variant: Se,
+    value: o,
+    open: b,
+    error: $
+  }, T = Qe(y), U = {
+    ...u.PaperProps,
+    ...typeof u.slotProps?.paper == "function" ? u.slotProps.paper(y) : u.slotProps?.paper
+  }, Re = {
+    ...u.MenuListProps,
+    ...typeof u.slotProps?.list == "function" ? u.slotProps.list(y) : u.slotProps?.list
+  }, re = ze();
+  return /* @__PURE__ */ S.jsxs(a.Fragment, {
+    children: [/* @__PURE__ */ S.jsx(He, {
+      as: "div",
+      ref: xe,
+      tabIndex: k,
+      role: "combobox",
+      "aria-controls": b ? re : void 0,
+      "aria-disabled": C ? "true" : void 0,
+      "aria-expanded": b ? "true" : "false",
+      "aria-haspopup": "listbox",
+      "aria-label": j,
+      "aria-labelledby": [w, oe].filter(Boolean).join(" ") || void 0,
+      "aria-describedby": x,
+      "aria-required": G ? "true" : void 0,
+      "aria-invalid": $ ? "true" : void 0,
+      onKeyDown: Me,
+      onMouseDown: C || H ? null : Ce,
+      onBlur: Ne,
+      onFocus: be,
+      ...F,
+      ownerState: y,
+      className: Fe(F.className, T.select, ce),
+      id: oe,
+      children: Je(v) ? (
+        // notranslate needed while Google Translate will not fix zero-width space issue
+        se || (se = /* @__PURE__ */ S.jsx("span", {
+          className: "notranslate",
+          "aria-hidden": !0,
+          children: "​"
+        }))
+      ) : v
+    }), /* @__PURE__ */ S.jsx(Ge, {
+      "aria-invalid": $,
+      value: Array.isArray(o) ? o.join(",") : o,
+      name: c,
+      ref: ee,
+      "aria-hidden": !0,
+      onChange: Oe,
+      tabIndex: -1,
+      disabled: C,
+      className: T.nativeInput,
+      autoFocus: g,
+      required: G,
+      ...Q,
+      ownerState: y
+    }), /* @__PURE__ */ S.jsx(Ye, {
+      as: fe,
+      className: T.icon,
+      ownerState: y
+    }), /* @__PURE__ */ S.jsx(Ve, {
+      id: `menu-${c || ""}`,
+      anchorEl: d,
+      open: b,
+      onClose: Pe,
+      anchorOrigin: {
+        vertical: "bottom",
+        horizontal: "center"
+      },
+      transformOrigin: {
+        vertical: "top",
+        horizontal: "center"
+      },
+      ...u,
+      slotProps: {
+        ...u.slotProps,
+        list: {
+          "aria-labelledby": w,
+          role: "listbox",
+          "aria-multiselectable": f ? "true" : void 0,
+          disableListWrap: !0,
+          id: re,
+          ...Re
+        },
+        paper: {
+          ...U,
+          style: {
+            minWidth: ne,
+            ...U != null ? U.style : null
+          }
+        }
+      },
+      children: je
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (Xe.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: _e,
+  /**
+   * 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"])
+});
 export {
-  k as default,
-  c as getPath,
-  y as getStyleValue
+  Xe as default
 };
 //# sourceMappingURL=ui-components.es301.js.map