@hybridcore/ui 1.6.13 → 1.6.14

package/dist/TextField-Ca9ykixI.js

@@ -0,0 +1,696 @@
+import { createBox as de } from "@mui/system";
+import { P as e } from "./index-CblbdqjE.js";
+import { g as W, h as ce, T as ue, C as pe, a as V, s as A, b as q, u as k, c as G } from "./generateUtilityClasses-Cc-owZ4J.js";
+import { a as i, _ as J } from "./extends-C3382pL0.js";
+import * as p from "react";
+import { c as K } from "./clsx-OuTLNxxd.js";
+import { jsx as y, jsxs as fe } from "react/jsx-runtime";
+import { i as me, a as ee, S as be, I as ge, F as he, O as Te } from "./Select-Bfhvigsx.js";
+import { F as ye, u as xe } from "./useFormControl-CatNKXAi.js";
+import { i as U } from "./createSvgIcon-BghzB2Y9.js";
+import { u as Fe } from "./useId-BW-oWmul.js";
+import { I as ve } from "./InputLabel-CjD30ZHz.js";
+import { f as Ce } from "./formControlState-vgaj2ksH.js";
+import { r as Oe } from "./TransitionGroupContext-Ja2CgIob.js";
+const Ne = W("MuiBox", ["root"]), Ie = ce(), Re = de({
+  themeId: ue,
+  defaultTheme: Ie,
+  defaultClassName: Ne.root,
+  generateClassName: pe.generate
+});
+process.env.NODE_ENV !== "production" && (Re.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * @ignore
+   */
+  children: e.node,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: e.elementType,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
+});
+function we(o) {
+  return V("MuiFormControl", o);
+}
+W("MuiFormControl", ["root", "marginNone", "marginNormal", "marginDense", "fullWidth", "disabled"]);
+const Pe = ["children", "className", "color", "component", "disabled", "error", "focused", "fullWidth", "hiddenLabel", "margin", "required", "size", "variant"], Se = (o) => {
+  const {
+    classes: r,
+    margin: s,
+    fullWidth: t
+  } = o, l = {
+    root: ["root", s !== "none" && `margin${q(s)}`, t && "fullWidth"]
+  };
+  return G(l, we, r);
+}, je = A("div", {
+  name: "MuiFormControl",
+  slot: "Root",
+  overridesResolver: ({
+    ownerState: o
+  }, r) => i({}, r.root, r[`margin${q(o.margin)}`], o.fullWidth && r.fullWidth)
+})(({
+  ownerState: o
+}) => i({
+  display: "inline-flex",
+  flexDirection: "column",
+  position: "relative",
+  // Reset fieldset default style.
+  minWidth: 0,
+  padding: 0,
+  margin: 0,
+  border: 0,
+  verticalAlign: "top"
+}, o.margin === "normal" && {
+  marginTop: 16,
+  marginBottom: 8
+}, o.margin === "dense" && {
+  marginTop: 8,
+  marginBottom: 4
+}, o.fullWidth && {
+  width: "100%"
+})), te = /* @__PURE__ */ p.forwardRef(function(r, s) {
+  const t = k({
+    props: r,
+    name: "MuiFormControl"
+  }), {
+    children: l,
+    className: f,
+    color: c = "primary",
+    component: m = "div",
+    disabled: a = !1,
+    error: n = !1,
+    focused: b,
+    fullWidth: g = !1,
+    hiddenLabel: C = !1,
+    margin: O = "none",
+    required: x = !1,
+    size: N = "medium",
+    variant: h = "outlined"
+  } = t, B = J(t, Pe), S = i({}, t, {
+    color: c,
+    component: m,
+    disabled: a,
+    error: n,
+    fullWidth: g,
+    hiddenLabel: C,
+    margin: O,
+    required: x,
+    size: N,
+    variant: h
+  }), _ = Se(S), [T, H] = p.useState(() => {
+    let d = !1;
+    return l && p.Children.forEach(l, (u) => {
+      if (!U(u, ["Input", "Select"]))
+        return;
+      const F = U(u, ["Select"]) ? u.props.input : u;
+      F && me(F.props) && (d = !0);
+    }), d;
+  }), [j, I] = p.useState(() => {
+    let d = !1;
+    return l && p.Children.forEach(l, (u) => {
+      U(u, ["Input", "Select"]) && (ee(u.props, !0) || ee(u.props.inputProps, !0)) && (d = !0);
+    }), d;
+  }), [E, R] = p.useState(!1);
+  a && E && R(!1);
+  const M = b !== void 0 && !a ? b : E;
+  let w;
+  if (process.env.NODE_ENV !== "production") {
+    const d = p.useRef(!1);
+    w = () => (d.current && console.error(["MUI: There are multiple `InputBase` components inside a FormControl.", "This creates visual inconsistencies, only use one `InputBase`."].join(`
+`)), d.current = !0, () => {
+      d.current = !1;
+    });
+  }
+  const $ = p.useMemo(() => ({
+    adornedStart: T,
+    setAdornedStart: H,
+    color: c,
+    disabled: a,
+    error: n,
+    filled: j,
+    focused: M,
+    fullWidth: g,
+    hiddenLabel: C,
+    size: N,
+    onBlur: () => {
+      R(!1);
+    },
+    onEmpty: () => {
+      I(!1);
+    },
+    onFilled: () => {
+      I(!0);
+    },
+    onFocus: () => {
+      R(!0);
+    },
+    registerEffect: w,
+    required: x,
+    variant: h
+  }), [T, c, a, n, j, M, g, C, w, x, N, h]);
+  return /* @__PURE__ */ y(ye.Provider, {
+    value: $,
+    children: /* @__PURE__ */ y(je, i({
+      as: m,
+      ownerState: S,
+      className: K(_.root, f),
+      ref: s
+    }, B, {
+      children: l
+    }))
+  });
+});
+process.env.NODE_ENV !== "production" && (te.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * 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).
+   * @default 'primary'
+   */
+  color: e.oneOfType([e.oneOf(["primary", "secondary", "error", "info", "success", "warning"]), e.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: e.elementType,
+  /**
+   * If `true`, the label, input and helper text should be displayed in a disabled state.
+   * @default false
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, the label is displayed in an error state.
+   * @default false
+   */
+  error: e.bool,
+  /**
+   * If `true`, the component is displayed in focused state.
+   */
+  focused: e.bool,
+  /**
+   * If `true`, the component will take up the full width of its container.
+   * @default false
+   */
+  fullWidth: e.bool,
+  /**
+   * If `true`, the label is hidden.
+   * This is used to increase density for a `FilledInput`.
+   * Be sure to add `aria-label` to the `input` element.
+   * @default false
+   */
+  hiddenLabel: e.bool,
+  /**
+   * If `dense` or `normal`, will adjust vertical spacing of this and contained components.
+   * @default 'none'
+   */
+  margin: e.oneOf(["dense", "none", "normal"]),
+  /**
+   * If `true`, the label will indicate that the `input` is required.
+   * @default false
+   */
+  required: e.bool,
+  /**
+   * The size of the component.
+   * @default 'medium'
+   */
+  size: e.oneOfType([e.oneOf(["medium", "small"]), e.string]),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * The variant to use.
+   * @default 'outlined'
+   */
+  variant: e.oneOf(["filled", "outlined", "standard"])
+});
+function Ee(o) {
+  return V("MuiFormHelperText", o);
+}
+const oe = W("MuiFormHelperText", ["root", "error", "disabled", "sizeSmall", "sizeMedium", "contained", "focused", "filled", "required"]);
+var re;
+const Me = ["children", "className", "component", "disabled", "error", "filled", "focused", "margin", "required", "variant"], ze = (o) => {
+  const {
+    classes: r,
+    contained: s,
+    size: t,
+    disabled: l,
+    error: f,
+    filled: c,
+    focused: m,
+    required: a
+  } = o, n = {
+    root: ["root", l && "disabled", f && "error", t && `size${q(t)}`, s && "contained", m && "focused", c && "filled", a && "required"]
+  };
+  return G(n, Ee, r);
+}, We = A("p", {
+  name: "MuiFormHelperText",
+  slot: "Root",
+  overridesResolver: (o, r) => {
+    const {
+      ownerState: s
+    } = o;
+    return [r.root, s.size && r[`size${q(s.size)}`], s.contained && r.contained, s.filled && r.filled];
+  }
+})(({
+  theme: o,
+  ownerState: r
+}) => i({
+  color: (o.vars || o).palette.text.secondary
+}, o.typography.caption, {
+  textAlign: "left",
+  marginTop: 3,
+  marginRight: 0,
+  marginBottom: 0,
+  marginLeft: 0,
+  [`&.${oe.disabled}`]: {
+    color: (o.vars || o).palette.text.disabled
+  },
+  [`&.${oe.error}`]: {
+    color: (o.vars || o).palette.error.main
+  }
+}, r.size === "small" && {
+  marginTop: 4
+}, r.contained && {
+  marginLeft: 14,
+  marginRight: 14
+})), ne = /* @__PURE__ */ p.forwardRef(function(r, s) {
+  const t = k({
+    props: r,
+    name: "MuiFormHelperText"
+  }), {
+    children: l,
+    className: f,
+    component: c = "p"
+  } = t, m = J(t, Me), a = xe(), n = Ce({
+    props: t,
+    muiFormControl: a,
+    states: ["variant", "size", "disabled", "error", "filled", "focused", "required"]
+  }), b = i({}, t, {
+    component: c,
+    contained: n.variant === "filled" || n.variant === "outlined",
+    variant: n.variant,
+    size: n.size,
+    disabled: n.disabled,
+    error: n.error,
+    filled: n.filled,
+    focused: n.focused,
+    required: n.required
+  }), g = ze(b);
+  return /* @__PURE__ */ y(We, i({
+    as: c,
+    ownerState: b,
+    className: K(g.root, f),
+    ref: s
+  }, m, {
+    children: l === " " ? (
+      // notranslate needed while Google Translate will not fix zero-width space issue
+      re || (re = /* @__PURE__ */ y("span", {
+        className: "notranslate",
+        children: "​"
+      }))
+    ) : l
+  }));
+});
+process.env.NODE_ENV !== "production" && (ne.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   *
+   * If `' '` is provided, the component reserves one line height for displaying a future message.
+   */
+  children: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: e.elementType,
+  /**
+   * If `true`, the helper text should be displayed in a disabled state.
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, helper text should be displayed in an error state.
+   */
+  error: e.bool,
+  /**
+   * If `true`, the helper text should use filled classes key.
+   */
+  filled: e.bool,
+  /**
+   * If `true`, the helper text should use focused classes key.
+   */
+  focused: e.bool,
+  /**
+   * If `dense`, will adjust vertical spacing. This is normally obtained via context from
+   * FormControl.
+   */
+  margin: e.oneOf(["dense"]),
+  /**
+   * If `true`, the helper text should use required classes key.
+   */
+  required: e.bool,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * The variant to use.
+   */
+  variant: e.oneOfType([e.oneOf(["filled", "outlined", "standard"]), e.string])
+});
+function qe(o) {
+  return V("MuiTextField", o);
+}
+W("MuiTextField", ["root"]);
+const Be = ["autoComplete", "autoFocus", "children", "className", "color", "defaultValue", "disabled", "error", "FormHelperTextProps", "fullWidth", "helperText", "id", "InputLabelProps", "inputProps", "InputProps", "inputRef", "label", "maxRows", "minRows", "multiline", "name", "onBlur", "onChange", "onFocus", "placeholder", "required", "rows", "select", "SelectProps", "type", "value", "variant"], _e = {
+  standard: ge,
+  filled: he,
+  outlined: Te
+}, He = (o) => {
+  const {
+    classes: r
+  } = o;
+  return G({
+    root: ["root"]
+  }, qe, r);
+}, $e = A(te, {
+  name: "MuiTextField",
+  slot: "Root",
+  overridesResolver: (o, r) => r.root
+})({}), Le = /* @__PURE__ */ p.forwardRef(function(r, s) {
+  const t = k({
+    props: r,
+    name: "MuiTextField"
+  }), {
+    autoComplete: l,
+    autoFocus: f = !1,
+    children: c,
+    className: m,
+    color: a = "primary",
+    defaultValue: n,
+    disabled: b = !1,
+    error: g = !1,
+    FormHelperTextProps: C,
+    fullWidth: O = !1,
+    helperText: x,
+    id: N,
+    InputLabelProps: h,
+    inputProps: B,
+    InputProps: S,
+    inputRef: _,
+    label: T,
+    maxRows: H,
+    minRows: j,
+    multiline: I = !1,
+    name: E,
+    onBlur: R,
+    onChange: M,
+    onFocus: w,
+    placeholder: $,
+    required: d = !1,
+    rows: u,
+    select: F = !1,
+    SelectProps: L,
+    type: se,
+    value: Q,
+    variant: z = "outlined"
+  } = t, le = J(t, Be), X = i({}, t, {
+    autoFocus: f,
+    color: a,
+    disabled: b,
+    error: g,
+    fullWidth: O,
+    multiline: I,
+    required: d,
+    select: F,
+    variant: z
+  }), ie = He(X);
+  process.env.NODE_ENV !== "production" && F && !c && console.error("MUI: `children` must be passed when using the `TextField` component with `select`.");
+  const P = {};
+  z === "outlined" && (h && typeof h.shrink < "u" && (P.notched = h.shrink), P.label = T), F && ((!L || !L.native) && (P.id = void 0), P["aria-describedby"] = void 0);
+  const v = Fe(N), D = x && v ? `${v}-helper-text` : void 0, Y = T && v ? `${v}-label` : void 0, ae = _e[z], Z = /* @__PURE__ */ y(ae, i({
+    "aria-describedby": D,
+    autoComplete: l,
+    autoFocus: f,
+    defaultValue: n,
+    fullWidth: O,
+    multiline: I,
+    name: E,
+    rows: u,
+    maxRows: H,
+    minRows: j,
+    type: se,
+    value: Q,
+    id: v,
+    inputRef: _,
+    onBlur: R,
+    onChange: M,
+    onFocus: w,
+    placeholder: $,
+    inputProps: B
+  }, P, S));
+  return /* @__PURE__ */ fe($e, i({
+    className: K(ie.root, m),
+    disabled: b,
+    error: g,
+    fullWidth: O,
+    ref: s,
+    required: d,
+    color: a,
+    variant: z,
+    ownerState: X
+  }, le, {
+    children: [T != null && T !== "" && /* @__PURE__ */ y(ve, i({
+      htmlFor: v,
+      id: Y
+    }, h, {
+      children: T
+    })), F ? /* @__PURE__ */ y(be, i({
+      "aria-describedby": D,
+      id: v,
+      labelId: Y,
+      value: Q,
+      input: Z
+    }, L, {
+      children: c
+    })) : Z, x && /* @__PURE__ */ y(ne, i({
+      id: D
+    }, C, {
+      children: x
+    }))]
+  }));
+});
+process.env.NODE_ENV !== "production" && (Le.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: e.string,
+  /**
+   * If `true`, the `input` element is focused during the first mount.
+   * @default false
+   */
+  autoFocus: e.bool,
+  /**
+   * @ignore
+   */
+  children: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * 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).
+   * @default 'primary'
+   */
+  color: e.oneOfType([e.oneOf(["primary", "secondary", "error", "info", "success", "warning"]), e.string]),
+  /**
+   * The default value. Use when the component is not controlled.
+   */
+  defaultValue: e.any,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, the label is displayed in an error state.
+   * @default false
+   */
+  error: e.bool,
+  /**
+   * Props applied to the [`FormHelperText`](/material-ui/api/form-helper-text/) element.
+   */
+  FormHelperTextProps: e.object,
+  /**
+   * If `true`, the input will take up the full width of its container.
+   * @default false
+   */
+  fullWidth: e.bool,
+  /**
+   * The helper text content.
+   */
+  helperText: e.node,
+  /**
+   * The id of the `input` element.
+   * Use this prop to make `label` and `helperText` accessible for screen readers.
+   */
+  id: e.string,
+  /**
+   * Props applied to the [`InputLabel`](/material-ui/api/input-label/) element.
+   * Pointer events like `onClick` are enabled if and only if `shrink` is `true`.
+   */
+  InputLabelProps: e.object,
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   */
+  inputProps: e.object,
+  /**
+   * Props applied to the Input element.
+   * It will be a [`FilledInput`](/material-ui/api/filled-input/),
+   * [`OutlinedInput`](/material-ui/api/outlined-input/) or [`Input`](/material-ui/api/input/)
+   * component depending on the `variant` prop value.
+   */
+  InputProps: e.object,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: Oe,
+  /**
+   * The label content.
+   */
+  label: e.node,
+  /**
+   * If `dense` or `normal`, will adjust vertical spacing of this and contained components.
+   * @default 'none'
+   */
+  margin: e.oneOf(["dense", "none", "normal"]),
+  /**
+   * Maximum number of rows to display when multiline option is set to true.
+   */
+  maxRows: e.oneOfType([e.number, e.string]),
+  /**
+   * Minimum number of rows to display when multiline option is set to true.
+   */
+  minRows: e.oneOfType([e.number, e.string]),
+  /**
+   * If `true`, a `textarea` element is rendered instead of an input.
+   * @default false
+   */
+  multiline: e.bool,
+  /**
+   * Name attribute of the `input` element.
+   */
+  name: e.string,
+  /**
+   * @ignore
+   */
+  onBlur: e.func,
+  /**
+   * Callback fired when the value is changed.
+   *
+   * @param {object} event The event source of the callback.
+   * You can pull out the new value by accessing `event.target.value` (string).
+   */
+  onChange: e.func,
+  /**
+   * @ignore
+   */
+  onFocus: e.func,
+  /**
+   * The short hint displayed in the `input` before the user enters a value.
+   */
+  placeholder: e.string,
+  /**
+   * If `true`, the label is displayed as required and the `input` element is required.
+   * @default false
+   */
+  required: e.bool,
+  /**
+   * Number of rows to display when multiline option is set to true.
+   */
+  rows: e.oneOfType([e.number, e.string]),
+  /**
+   * Render a [`Select`](/material-ui/api/select/) element while passing the Input element to `Select` as `input` parameter.
+   * If this option is set you must pass the options of the select as children.
+   * @default false
+   */
+  select: e.bool,
+  /**
+   * Props applied to the [`Select`](/material-ui/api/select/) element.
+   */
+  SelectProps: e.object,
+  /**
+   * The size of the component.
+   */
+  size: e.oneOfType([e.oneOf(["medium", "small"]), e.string]),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
+   */
+  type: e.string,
+  /**
+   * The value of the `input` element, required for a controlled component.
+   */
+  value: e.any,
+  /**
+   * The variant to use.
+   * @default 'outlined'
+   */
+  variant: e.oneOf(["filled", "outlined", "standard"])
+});
+export {
+  Re as B,
+  te as F,
+  Le as T
+};