@weng-lab/ui-components 2.0.3 → 2.1.1

package/dist/ui-components.es118.js

@@ -1,78 +1,22 @@
-import x from "./ui-components.es136.js";
-import b from "./ui-components.es116.js";
-import v from "./ui-components.es135.js";
-import I from "./ui-components.es274.js";
-import E from "./ui-components.es119.js";
-import N from "./ui-components.es275.js";
-import { stringifyTheme as O } from "./ui-components.es124.js";
-import S from "./ui-components.es125.js";
-import T from "./ui-components.es276.js";
-import a from "./ui-components.es127.js";
-import k from "./ui-components.es132.js";
-import C from "./ui-components.es133.js";
-import M from "./ui-components.es86.js";
-function B(o = {}, ...f) {
-  const {
-    breakpoints: V,
-    mixins: h = {},
-    spacing: _,
-    palette: d = {},
-    transitions: y = {},
-    typography: g = {},
-    shape: w,
-    ...c
-  } = o;
-  if (o.vars && // The error should throw only for the root theme creation because user is not allowed to use a custom node `vars`.
-  // `generateThemeVars` is the closest identifier for checking that the `options` is a result of `createTheme` with CSS variables so that user can create new theme for nested ThemeProvider.
-  o.generateThemeVars === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name or follow the [docs](https://mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature." : S(20));
-  const p = b(d), m = T(o);
-  let e = a(m, {
-    mixins: x(m.breakpoints, h),
-    palette: p,
-    // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
-    shadows: I.slice(),
-    typography: v(p, g),
-    transitions: E(y),
-    zIndex: {
-      ...N
-    }
-  });
-  if (e = a(e, c), e = f.reduce((i, r) => a(i, r), e), process.env.NODE_ENV !== "production") {
-    const i = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], r = (t, n) => {
-      let s;
-      for (s in t) {
-        const u = t[s];
-        if (i.includes(s) && Object.keys(u).length > 0) {
-          if (process.env.NODE_ENV !== "production") {
-            const l = M("", s);
-            console.error([`MUI: The \`${n}\` component increases the CSS specificity of the \`${s}\` internal state.`, "You can not override it like this: ", JSON.stringify(t, null, 2), "", `Instead, you need to use the '&.${l}' syntax:`, JSON.stringify({
-              root: {
-                [`&.${l}`]: u
-              }
-            }, null, 2), "", "https://mui.com/r/state-classes-guide"].join(`
-`));
-          }
-          t[s] = {};
-        }
-      }
-    };
-    Object.keys(e.components).forEach((t) => {
-      const n = e.components[t].styleOverrides;
-      n && t.startsWith("Mui") && r(n, t);
-    });
+import * as u from "react";
+let n = 0;
+function f(t) {
+  const [e, a] = u.useState(t), c = t || e;
+  return u.useEffect(() => {
+    e == null && (n += 1, a(`mui-${n}`));
+  }, [e]), c;
+}
+const o = {
+  ...u
+}, s = o.useId;
+function l(t) {
+  if (s !== void 0) {
+    const e = s();
+    return t ?? e;
   }
-  return e.unstable_sxConfig = {
-    ...k,
-    ...c?.unstable_sxConfig
-  }, e.unstable_sx = function(r) {
-    return C({
-      sx: r,
-      theme: this
-    });
-  }, e.toRuntimeSource = O, e;
+  return f(t);
 }
 export {
-  B as default
+  l as default
 };
 //# sourceMappingURL=ui-components.es118.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es118.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/styles/createThemeNoVars.js"],"sourcesContent":["import _formatErrorMessage from \"@mui/utils/formatMuiErrorMessage\";\nimport deepmerge from '@mui/utils/deepmerge';\nimport styleFunctionSx, { unstable_defaultSxConfig as defaultSxConfig } from '@mui/system/styleFunctionSx';\nimport systemCreateTheme from '@mui/system/createTheme';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nimport createMixins from \"./createMixins.js\";\nimport createPalette from \"./createPalette.js\";\nimport createTypography from \"./createTypography.js\";\nimport shadows from \"./shadows.js\";\nimport createTransitions from \"./createTransitions.js\";\nimport zIndex from \"./zIndex.js\";\nimport { stringifyTheme } from \"./stringifyTheme.js\";\nfunction createThemeNoVars(options = {}, ...args) {\n  const {\n    breakpoints: breakpointsInput,\n    mixins: mixinsInput = {},\n    spacing: spacingInput,\n    palette: paletteInput = {},\n    transitions: transitionsInput = {},\n    typography: typographyInput = {},\n    shape: shapeInput,\n    ...other\n  } = options;\n  if (options.vars &&\n  // The error should throw only for the root theme creation because user is not allowed to use a custom node `vars`.\n  // `generateThemeVars` is the closest identifier for checking that the `options` is a result of `createTheme` with CSS variables so that user can create new theme for nested ThemeProvider.\n  options.generateThemeVars === undefined) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'MUI: `vars` is a private field used for CSS variables support.\\n' +\n    // #host-reference\n    'Please use another name or follow the [docs](https://mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature.' : _formatErrorMessage(20));\n  }\n  const palette = createPalette(paletteInput);\n  const systemTheme = systemCreateTheme(options);\n  let muiTheme = deepmerge(systemTheme, {\n    mixins: createMixins(systemTheme.breakpoints, mixinsInput),\n    palette,\n    // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.\n    shadows: shadows.slice(),\n    typography: createTypography(palette, typographyInput),\n    transitions: createTransitions(transitionsInput),\n    zIndex: {\n      ...zIndex\n    }\n  });\n  muiTheme = deepmerge(muiTheme, other);\n  muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);\n  if (process.env.NODE_ENV !== 'production') {\n    // TODO v6: Refactor to use globalStateClassesMapping from @mui/utils once `readOnly` state class is used in Rating component.\n    const stateClasses = ['active', 'checked', 'completed', 'disabled', 'error', 'expanded', 'focused', 'focusVisible', 'required', 'selected'];\n    const traverse = (node, component) => {\n      let key;\n\n      // eslint-disable-next-line guard-for-in\n      for (key in node) {\n        const child = node[key];\n        if (stateClasses.includes(key) && Object.keys(child).length > 0) {\n          if (process.env.NODE_ENV !== 'production') {\n            const stateClass = generateUtilityClass('', key);\n            console.error([`MUI: The \\`${component}\\` component increases ` + `the CSS specificity of the \\`${key}\\` internal state.`, 'You can not override it like this: ', JSON.stringify(node, null, 2), '', `Instead, you need to use the '&.${stateClass}' syntax:`, JSON.stringify({\n              root: {\n                [`&.${stateClass}`]: child\n              }\n            }, null, 2), '', 'https://mui.com/r/state-classes-guide'].join('\\n'));\n          }\n          // Remove the style to prevent global conflicts.\n          node[key] = {};\n        }\n      }\n    };\n    Object.keys(muiTheme.components).forEach(component => {\n      const styleOverrides = muiTheme.components[component].styleOverrides;\n      if (styleOverrides && component.startsWith('Mui')) {\n        traverse(styleOverrides, component);\n      }\n    });\n  }\n  muiTheme.unstable_sxConfig = {\n    ...defaultSxConfig,\n    ...other?.unstable_sxConfig\n  };\n  muiTheme.unstable_sx = function sx(props) {\n    return styleFunctionSx({\n      sx: props,\n      theme: this\n    });\n  };\n  muiTheme.toRuntimeSource = stringifyTheme; // for Pigment CSS integration\n\n  return muiTheme;\n}\nexport default createThemeNoVars;"],"names":["createThemeNoVars","options","args","breakpointsInput","mixinsInput","spacingInput","paletteInput","transitionsInput","typographyInput","shapeInput","other","_formatErrorMessage","palette","createPalette","systemTheme","systemCreateTheme","muiTheme","deepmerge","createMixins","shadows","createTypography","createTransitions","zIndex","acc","argument","stateClasses","traverse","node","component","key","child","stateClass","generateUtilityClass","styleOverrides","defaultSxConfig","props","styleFunctionSx","stringifyTheme"],"mappings":";;;;;;;;;;;;;AAYA,SAASA,EAAkBC,IAAU,OAAOC,GAAM;AAChD,QAAM;AAAA,IACJ,aAAaC;AAAA,IACb,QAAQC,IAAc,CAAA;AAAA,IACtB,SAASC;AAAA,IACT,SAASC,IAAe,CAAA;AAAA,IACxB,aAAaC,IAAmB,CAAA;AAAA,IAChC,YAAYC,IAAkB,CAAA;AAAA,IAC9B,OAAOC;AAAA,IACP,GAAGC;AAAA,EACP,IAAMT;AACJ,MAAIA,EAAQ;AAAA;AAAA,EAGZA,EAAQ,sBAAsB;AAC5B,UAAM,IAAI,MAAM,QAAQ,IAAI,aAAa,eAAe,8MAEsFU,EAAoB,EAAE,CAAC;AAEvK,QAAMC,IAAUC,EAAcP,CAAY,GACpCQ,IAAcC,EAAkBd,CAAO;AAC7C,MAAIe,IAAWC,EAAUH,GAAa;AAAA,IACpC,QAAQI,EAAaJ,EAAY,aAAaV,CAAW;AAAA,IACzD,SAAAQ;AAAA;AAAA,IAEA,SAASO,EAAQ,MAAK;AAAA,IACtB,YAAYC,EAAiBR,GAASJ,CAAe;AAAA,IACrD,aAAaa,EAAkBd,CAAgB;AAAA,IAC/C,QAAQ;AAAA,MACN,GAAGe;AAAA,IACT;AAAA,EACA,CAAG;AAGD,MAFAN,IAAWC,EAAUD,GAAUN,CAAK,GACpCM,IAAWd,EAAK,OAAO,CAACqB,GAAKC,MAAaP,EAAUM,GAAKC,CAAQ,GAAGR,CAAQ,GACxE,QAAQ,IAAI,aAAa,cAAc;AAEzC,UAAMS,IAAe,CAAC,UAAU,WAAW,aAAa,YAAY,SAAS,YAAY,WAAW,gBAAgB,YAAY,UAAU,GACpIC,IAAW,CAACC,GAAMC,MAAc;AACpC,UAAIC;AAGJ,WAAKA,KAAOF,GAAM;AAChB,cAAMG,IAAQH,EAAKE,CAAG;AACtB,YAAIJ,EAAa,SAASI,CAAG,KAAK,OAAO,KAAKC,CAAK,EAAE,SAAS,GAAG;AAC/D,cAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,kBAAMC,IAAaC,EAAqB,IAAIH,CAAG;AAC/C,oBAAQ,MAAM,CAAC,cAAcD,CAAS,uDAA4DC,CAAG,sBAAsB,uCAAuC,KAAK,UAAUF,GAAM,MAAM,CAAC,GAAG,IAAI,mCAAmCI,CAAU,aAAa,KAAK,UAAU;AAAA,cAC5Q,MAAM;AAAA,gBACJ,CAAC,KAAKA,CAAU,EAAE,GAAGD;AAAA,cACrC;AAAA,YACA,GAAe,MAAM,CAAC,GAAG,IAAI,uCAAuC,EAAE,KAAK;AAAA,CAAI,CAAC;AAAA,UACtE;AAEA,UAAAH,EAAKE,CAAG,IAAI,CAAA;AAAA,QACd;AAAA,MACF;AAAA,IACF;AACA,WAAO,KAAKb,EAAS,UAAU,EAAE,QAAQ,CAAAY,MAAa;AACpD,YAAMK,IAAiBjB,EAAS,WAAWY,CAAS,EAAE;AACtD,MAAIK,KAAkBL,EAAU,WAAW,KAAK,KAC9CF,EAASO,GAAgBL,CAAS;AAAA,IAEtC,CAAC;AAAA,EACH;AACA,SAAAZ,EAAS,oBAAoB;AAAA,IAC3B,GAAGkB;AAAA,IACH,GAAGxB,GAAO;AAAA,EACd,GACEM,EAAS,cAAc,SAAYmB,GAAO;AACxC,WAAOC,EAAgB;AAAA,MACrB,IAAID;AAAA,MACJ,OAAO;AAAA,IACb,CAAK;AAAA,EACH,GACAnB,EAAS,kBAAkBqB,GAEpBrB;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es118.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.3.9_@types+react@19.2.14_react@19.2.4/node_modules/@mui/utils/esm/useId/useId.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nlet globalId = 0;\n\n// TODO React 17: Remove `useGlobalId` once React 17 support is removed\nfunction useGlobalId(idOverride) {\n  const [defaultId, setDefaultId] = React.useState(idOverride);\n  const id = idOverride || defaultId;\n  React.useEffect(() => {\n    if (defaultId == null) {\n      // Fallback to this default id when possible.\n      // Use the incrementing value for client-side rendering only.\n      // We can't use it server-side.\n      // If you want to use random values please consider the Birthday Problem: https://en.wikipedia.org/wiki/Birthday_problem\n      globalId += 1;\n      setDefaultId(`mui-${globalId}`);\n    }\n  }, [defaultId]);\n  return id;\n}\n\n// See https://github.com/mui/material-ui/issues/41190#issuecomment-2040873379 for why\nconst safeReact = {\n  ...React\n};\nconst maybeReactUseId = safeReact.useId;\n\n/**\n *\n * @example <div id={useId()} />\n * @param idOverride\n * @returns {string}\n */\nexport default function useId(idOverride) {\n  // React.useId() is only available from React 17.0.0.\n  if (maybeReactUseId !== undefined) {\n    const reactId = maybeReactUseId();\n    return idOverride ?? reactId;\n  }\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/rules-of-hooks -- `React.useId` is invariant at runtime.\n  return useGlobalId(idOverride);\n}"],"names":["globalId","useGlobalId","idOverride","defaultId","setDefaultId","React","id","safeReact","maybeReactUseId","useId","reactId"],"mappings":";AAGA,IAAIA,IAAW;AAGf,SAASC,EAAYC,GAAY;AAC/B,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAM,SAASH,CAAU,GACrDI,IAAKJ,KAAcC;AACzB,SAAAE,EAAM,UAAU,MAAM;AACpB,IAAIF,KAAa,SAKfH,KAAY,GACZI,EAAa,OAAOJ,CAAQ,EAAE;AAAA,EAElC,GAAG,CAACG,CAAS,CAAC,GACPG;AACT;AAGA,MAAMC,IAAY;AAAA,EAChB,GAAGF;AACL,GACMG,IAAkBD,EAAU;AAQnB,SAASE,EAAMP,GAAY;AAExC,MAAIM,MAAoB,QAAW;AACjC,UAAME,IAAUF,EAAe;AAC/B,WAAON,KAAcQ;AAAA,EACvB;AAIA,SAAOT,EAAYC,CAAU;AAC/B;","x_google_ignoreList":[0]}

package/dist/ui-components.es119.js

@@ -1,67 +1,416 @@
-const d = {
-  // This is the most common easing curve.
-  easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
-  // Objects enter the screen at full velocity from off-screen and
-  // slowly decelerate to a resting point.
-  easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
-  // Objects leave the screen at full velocity. They do not decelerate when off-screen.
-  easeIn: "cubic-bezier(0.4, 0, 1, 1)",
-  // The sharp curve is used by objects that may return to the screen at any time.
-  sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
-}, f = {
-  shortest: 150,
-  shorter: 200,
-  short: 250,
-  // most basic recommended timing
-  standard: 300,
-  // this is to be used in complex animations
-  complex: 375,
-  // recommended when something is entering screen
-  enteringScreen: 225,
-  // recommended when something is leaving screen
-  leavingScreen: 195
-};
-function m(e) {
-  return `${Math.round(e)}ms`;
-}
-function l(e) {
-  if (!e)
-    return 0;
-  const n = e / 36;
-  return Math.min(Math.round((4 + 15 * n ** 0.25 + n / 5) * 10), 3e3);
-}
-function p(e) {
-  const n = {
-    ...d,
-    ...e.easing
-  }, i = {
-    ...f,
-    ...e.duration
+import * as C from "react";
+import o from "./ui-components.es85.js";
+import F from "./ui-components.es287.js";
+import k from "./ui-components.es141.js";
+import $ from "./ui-components.es139.js";
+import B from "./ui-components.es151.js";
+import u from "./ui-components.es86.js";
+import N from "./ui-components.es99.js";
+import n, { getOutlinedInputUtilityClass as W } from "./ui-components.es288.js";
+import A, { InputBaseRoot as L, rootOverridesResolver as z, InputBaseInput as M, inputOverridesResolver as q } from "./ui-components.es43.js";
+import E from "./ui-components.es117.js";
+import { j as a } from "./ui-components.es13.js";
+import { useDefaultProps as V } from "./ui-components.es89.js";
+import D from "./ui-components.es90.js";
+import c from "./ui-components.es42.js";
+import U from "./ui-components.es126.js";
+const _ = (e) => {
+  const {
+    classes: t
+  } = e, l = D({
+    root: ["root"],
+    notchedOutline: ["notchedOutline"],
+    input: ["input"]
+  }, W, t);
+  return {
+    ...t,
+    // forward classes to the InputBase
+    ...l
   };
+}, G = c(L, {
+  shouldForwardProp: (e) => B(e) || e === "classes",
+  name: "MuiOutlinedInput",
+  slot: "Root",
+  overridesResolver: z
+})(u(({
+  theme: e
+}) => {
+  const t = e.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)";
   return {
-    getAutoHeightDuration: l,
-    create: (o = ["all"], u = {}) => {
-      const {
-        duration: r = i.standard,
-        easing: c = n.easeInOut,
-        delay: a = 0,
-        ...g
-      } = u;
-      if (process.env.NODE_ENV !== "production") {
-        const t = (s) => typeof s == "string", b = (s) => !Number.isNaN(parseFloat(s));
-        !t(o) && !Array.isArray(o) && console.error('MUI: Argument "props" must be a string or Array.'), !b(r) && !t(r) && console.error(`MUI: Argument "duration" must be a number or a string but found ${r}.`), t(c) || console.error('MUI: Argument "easing" must be a string.'), !b(a) && !t(a) && console.error('MUI: Argument "delay" must be a number or a string.'), typeof u != "object" && console.error(["MUI: Secong argument of transition.create must be an object.", "Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`"].join(`
-`)), Object.keys(g).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(g).join(",")}].`);
+    position: "relative",
+    borderRadius: (e.vars || e).shape.borderRadius,
+    [`&:hover .${n.notchedOutline}`]: {
+      borderColor: (e.vars || e).palette.text.primary
+    },
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      [`&:hover .${n.notchedOutline}`]: {
+        borderColor: e.vars ? e.alpha(e.vars.palette.common.onBackground, 0.23) : t
       }
-      return (Array.isArray(o) ? o : [o]).map((t) => `${t} ${typeof r == "string" ? r : m(r)} ${c} ${typeof a == "string" ? a : m(a)}`).join(",");
     },
-    ...e,
-    easing: n,
-    duration: i
+    [`&.${n.focused} .${n.notchedOutline}`]: {
+      borderWidth: 2
+    },
+    variants: [...Object.entries(e.palette).filter(N()).map(([r]) => ({
+      props: {
+        color: r
+      },
+      style: {
+        [`&.${n.focused} .${n.notchedOutline}`]: {
+          borderColor: (e.vars || e).palette[r].main
+        }
+      }
+    })), {
+      props: {},
+      // to override the above style
+      style: {
+        [`&.${n.error} .${n.notchedOutline}`]: {
+          borderColor: (e.vars || e).palette.error.main
+        },
+        [`&.${n.disabled} .${n.notchedOutline}`]: {
+          borderColor: (e.vars || e).palette.action.disabled
+        }
+      }
+    }, {
+      props: ({
+        ownerState: r
+      }) => r.startAdornment,
+      style: {
+        paddingLeft: 14
+      }
+    }, {
+      props: ({
+        ownerState: r
+      }) => r.endAdornment,
+      style: {
+        paddingRight: 14
+      }
+    }, {
+      props: ({
+        ownerState: r
+      }) => r.multiline,
+      style: {
+        padding: "16.5px 14px"
+      }
+    }, {
+      props: ({
+        ownerState: r,
+        size: l
+      }) => r.multiline && l === "small",
+      style: {
+        padding: "8.5px 14px"
+      }
+    }]
+  };
+})), H = c(F, {
+  name: "MuiOutlinedInput",
+  slot: "NotchedOutline"
+})(u(({
+  theme: e
+}) => {
+  const t = e.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)";
+  return {
+    borderColor: e.vars ? e.alpha(e.vars.palette.common.onBackground, 0.23) : t
   };
-}
+})), J = c(M, {
+  name: "MuiOutlinedInput",
+  slot: "Input",
+  overridesResolver: q
+})(u(({
+  theme: e
+}) => ({
+  padding: "16.5px 14px",
+  ...!e.vars && {
+    "&:-webkit-autofill": {
+      WebkitBoxShadow: e.palette.mode === "light" ? null : "0 0 0 100px #266798 inset",
+      WebkitTextFillColor: e.palette.mode === "light" ? null : "#fff",
+      caretColor: e.palette.mode === "light" ? null : "#fff",
+      borderRadius: "inherit"
+    }
+  },
+  ...e.vars && {
+    "&:-webkit-autofill": {
+      borderRadius: "inherit"
+    },
+    [e.getColorSchemeSelector("dark")]: {
+      "&:-webkit-autofill": {
+        WebkitBoxShadow: "0 0 0 100px #266798 inset",
+        WebkitTextFillColor: "#fff",
+        caretColor: "#fff"
+      }
+    }
+  },
+  variants: [{
+    props: {
+      size: "small"
+    },
+    style: {
+      padding: "8.5px 14px"
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.multiline,
+    style: {
+      padding: 0
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.startAdornment,
+    style: {
+      paddingLeft: 0
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.endAdornment,
+    style: {
+      paddingRight: 0
+    }
+  }]
+}))), x = /* @__PURE__ */ C.forwardRef(function(t, r) {
+  const l = V({
+    props: t,
+    name: "MuiOutlinedInput"
+  }), {
+    components: m = {},
+    fullWidth: f = !1,
+    inputComponent: R = "input",
+    label: i,
+    multiline: b = !1,
+    notched: y,
+    slots: p = {},
+    slotProps: O = {},
+    type: g = "text",
+    ...I
+  } = l, h = _(l), v = k(), s = $({
+    props: l,
+    muiFormControl: v,
+    states: ["color", "disabled", "error", "focused", "hiddenLabel", "size", "required"]
+  }), T = {
+    ...l,
+    color: s.color || "primary",
+    disabled: s.disabled,
+    error: s.error,
+    focused: s.focused,
+    formControl: v,
+    fullWidth: f,
+    hiddenLabel: s.hiddenLabel,
+    multiline: b,
+    size: s.size,
+    type: g
+  }, w = p.root ?? m.Root ?? G, j = p.input ?? m.Input ?? J, [P, S] = E("notchedOutline", {
+    elementType: H,
+    className: h.notchedOutline,
+    shouldForwardComponentProp: !0,
+    ownerState: T,
+    externalForwardedProps: {
+      slots: p,
+      slotProps: O
+    },
+    additionalProps: {
+      label: i != null && i !== "" && s.required ? /* @__PURE__ */ a.jsxs(C.Fragment, {
+        children: [i, " ", "*"]
+      }) : i
+    }
+  });
+  return /* @__PURE__ */ a.jsx(A, {
+    slots: {
+      root: w,
+      input: j
+    },
+    slotProps: O,
+    renderSuffix: (d) => /* @__PURE__ */ a.jsx(P, {
+      ...S,
+      notched: typeof y < "u" ? y : !!(d.startAdornment || d.filled || d.focused)
+    }),
+    fullWidth: f,
+    inputComponent: R,
+    multiline: b,
+    ref: r,
+    type: g,
+    ...I,
+    classes: {
+      ...h,
+      notchedOutline: null
+    }
+  });
+});
+process.env.NODE_ENV !== "production" && (x.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * This prop helps users to fill forms faster, especially on mobile devices.
+   * The name can be confusing, as it's more like an autofill.
+   * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).
+   */
+  autoComplete: o.string,
+  /**
+   * If `true`, the `input` element is focused during the first mount.
+   */
+  autoFocus: o.bool,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
+   */
+  color: o.oneOfType([o.oneOf(["primary", "secondary"]), o.string]),
+  /**
+   * The components used for each slot inside.
+   *
+   * @deprecated use the `slots` 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.
+   *
+   * @default {}
+   */
+  components: o.shape({
+    Input: o.elementType,
+    Root: o.elementType
+  }),
+  /**
+   * The default value. Use when the component is not controlled.
+   */
+  defaultValue: o.any,
+  /**
+   * If `true`, the component is disabled.
+   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+   */
+  disabled: o.bool,
+  /**
+   * End `InputAdornment` for this component.
+   */
+  endAdornment: o.node,
+  /**
+   * If `true`, the `input` will indicate an error.
+   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+   */
+  error: o.bool,
+  /**
+   * If `true`, the `input` will take up the full width of its container.
+   * @default false
+   */
+  fullWidth: o.bool,
+  /**
+   * The id of the `input` element.
+   */
+  id: o.string,
+  /**
+   * The component used for the `input` element.
+   * Either a string to use a HTML element or a component.
+   * @default 'input'
+   */
+  inputComponent: o.elementType,
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
+   * @default {}
+   */
+  inputProps: o.object,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: U,
+  /**
+   * The label of the `input`. It is only used for layout. The actual labelling
+   * is handled by `InputLabel`.
+   */
+  label: o.node,
+  /**
+   * If `dense`, will adjust vertical spacing. This is normally obtained via context from
+   * FormControl.
+   * The prop defaults to the value (`'none'`) inherited from the parent FormControl component.
+   */
+  margin: o.oneOf(["dense", "none"]),
+  /**
+   * Maximum number of rows to display when multiline option is set to true.
+   */
+  maxRows: o.oneOfType([o.number, o.string]),
+  /**
+   * Minimum number of rows to display when multiline option is set to true.
+   */
+  minRows: o.oneOfType([o.number, o.string]),
+  /**
+   * If `true`, a [TextareaAutosize](https://mui.com/material-ui/react-textarea-autosize/) element is rendered.
+   * @default false
+   */
+  multiline: o.bool,
+  /**
+   * Name attribute of the `input` element.
+   */
+  name: o.string,
+  /**
+   * If `true`, the outline is notched to accommodate the label.
+   */
+  notched: o.bool,
+  /**
+   * Callback fired when the value is changed.
+   *
+   * @param {React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>} event The event source of the callback.
+   * You can pull out the new value by accessing `event.target.value` (string).
+   */
+  onChange: o.func,
+  /**
+   * The short hint displayed in the `input` before the user enters a value.
+   */
+  placeholder: o.string,
+  /**
+   * It prevents the user from changing the value of the field
+   * (not from interacting with the field).
+   */
+  readOnly: o.bool,
+  /**
+   * If `true`, the `input` element is required.
+   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+   */
+  required: o.bool,
+  /**
+   * Number of rows to display when multiline option is set to true.
+   */
+  rows: o.oneOfType([o.number, o.string]),
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: o.shape({
+    input: o.object,
+    notchedOutline: o.oneOfType([o.func, o.object]),
+    root: o.object
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: o.shape({
+    input: o.elementType,
+    notchedOutline: o.elementType,
+    root: o.elementType
+  }),
+  /**
+   * Start `InputAdornment` for this component.
+   */
+  startAdornment: o.node,
+  /**
+   * 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]),
+  /**
+   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types).
+   * @default 'text'
+   */
+  type: o.string,
+  /**
+   * The value of the `input` element, required for a controlled component.
+   */
+  value: o.any
+});
+x.muiName = "Input";
 export {
-  p as default,
-  f as duration,
-  d as easing
+  x as default
 };
 //# sourceMappingURL=ui-components.es119.js.map