@hybridcore/ui 1.5.90 → 1.6.0

package/dist/OutlinedInput-B-iZoc9l.js

@@ -1,450 +0,0 @@
-import { _ as N, a as n } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
-import * as w from "react";
-import { P as e } from "./index-DMSHuq6l.js";
-import { s as c, r as F } from "./styled-B8ugzvji.js";
-import { jsx as a, jsxs as A } from "react/jsx-runtime";
-import { u as S } from "./useFormControl-CatNKXAi.js";
-import { i as P, b as M, r as z, c as E, d as q, f as U, e as V } from "./InputLabel-CBuAYyuT.js";
-import { g as D, u as H, a as G } from "./useThemeProps-DRP1dikX.js";
-import { g as J } from "./createTheme-CNnKNxwL.js";
-import { r as K } from "./ButtonBase-DsX-jMQJ.js";
-var T;
-const Q = ["children", "classes", "className", "label", "notched"], X = c("fieldset")({
-  textAlign: "left",
-  position: "absolute",
-  bottom: 0,
-  right: 0,
-  top: -5,
-  left: 0,
-  margin: 0,
-  padding: "0 8px",
-  pointerEvents: "none",
-  borderRadius: "inherit",
-  borderStyle: "solid",
-  borderWidth: 1,
-  overflow: "hidden",
-  minWidth: "0%"
-}), Y = c("legend")(({
-  ownerState: o,
-  theme: t
-}) => n({
-  float: "unset",
-  // Fix conflict with bootstrap
-  width: "auto",
-  // Fix conflict with bootstrap
-  overflow: "hidden"
-}, !o.withLabel && {
-  padding: 0,
-  lineHeight: "11px",
-  // sync with `height` in `legend` styles
-  transition: t.transitions.create("width", {
-    duration: 150,
-    easing: t.transitions.easing.easeOut
-  })
-}, o.withLabel && n({
-  display: "block",
-  // Fix conflict with normalize.css and sanitize.css
-  padding: 0,
-  height: 11,
-  // sync with `lineHeight` in `legend` styles
-  fontSize: "0.75em",
-  visibility: "hidden",
-  maxWidth: 0.01,
-  transition: t.transitions.create("max-width", {
-    duration: 50,
-    easing: t.transitions.easing.easeOut
-  }),
-  whiteSpace: "nowrap",
-  "& > span": {
-    paddingLeft: 5,
-    paddingRight: 5,
-    display: "inline-block",
-    opacity: 0,
-    visibility: "visible"
-  }
-}, o.notched && {
-  maxWidth: "100%",
-  transition: t.transitions.create("max-width", {
-    duration: 100,
-    easing: t.transitions.easing.easeOut,
-    delay: 50
-  })
-})));
-function $(o) {
-  const {
-    className: t,
-    label: i,
-    notched: l
-  } = o, m = N(o, Q), d = i != null && i !== "", u = n({}, o, {
-    notched: l,
-    withLabel: d
-  });
-  return /* @__PURE__ */ a(X, n({
-    "aria-hidden": !0,
-    className: t,
-    ownerState: u
-  }, m, {
-    children: /* @__PURE__ */ a(Y, {
-      ownerState: u,
-      children: d ? /* @__PURE__ */ a("span", {
-        children: i
-      }) : (
-        // notranslate needed while Google Translate will not fix zero-width space issue
-        T || (T = /* @__PURE__ */ a("span", {
-          className: "notranslate",
-          children: "​"
-        }))
-      )
-    })
-  }));
-}
-process.env.NODE_ENV !== "production" && ($.propTypes = {
-  /**
-   * The content of the component.
-   */
-  children: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   * See [CSS API](#css) below for more details.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The label.
-   */
-  label: e.node,
-  /**
-   * If `true`, the outline is notched to accommodate the label.
-   */
-  notched: e.bool.isRequired,
-  /**
-   * @ignore
-   */
-  style: e.object
-});
-function Z(o) {
-  return J("MuiOutlinedInput", o);
-}
-const r = n({}, P, D("MuiOutlinedInput", ["root", "notchedOutline", "input"])), ee = ["components", "fullWidth", "inputComponent", "label", "multiline", "notched", "slots", "type"], oe = (o) => {
-  const {
-    classes: t
-  } = o, l = G({
-    root: ["root"],
-    notchedOutline: ["notchedOutline"],
-    input: ["input"]
-  }, Z, t);
-  return n({}, t, l);
-}, te = c(M, {
-  shouldForwardProp: (o) => F(o) || o === "classes",
-  name: "MuiOutlinedInput",
-  slot: "Root",
-  overridesResolver: z
-})(({
-  theme: o,
-  ownerState: t
-}) => {
-  const i = o.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)";
-  return n({
-    position: "relative",
-    borderRadius: (o.vars || o).shape.borderRadius,
-    [`&:hover .${r.notchedOutline}`]: {
-      borderColor: (o.vars || o).palette.text.primary
-    },
-    // Reset on touch devices, it doesn't add specificity
-    "@media (hover: none)": {
-      [`&:hover .${r.notchedOutline}`]: {
-        borderColor: o.vars ? `rgba(${o.vars.palette.common.onBackgroundChannel} / 0.23)` : i
-      }
-    },
-    [`&.${r.focused} .${r.notchedOutline}`]: {
-      borderColor: (o.vars || o).palette[t.color].main,
-      borderWidth: 2
-    },
-    [`&.${r.error} .${r.notchedOutline}`]: {
-      borderColor: (o.vars || o).palette.error.main
-    },
-    [`&.${r.disabled} .${r.notchedOutline}`]: {
-      borderColor: (o.vars || o).palette.action.disabled
-    }
-  }, t.startAdornment && {
-    paddingLeft: 14
-  }, t.endAdornment && {
-    paddingRight: 14
-  }, t.multiline && n({
-    padding: "16.5px 14px"
-  }, t.size === "small" && {
-    padding: "8.5px 14px"
-  }));
-}), ne = c($, {
-  name: "MuiOutlinedInput",
-  slot: "NotchedOutline",
-  overridesResolver: (o, t) => t.notchedOutline
-})(({
-  theme: o
-}) => {
-  const t = o.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)";
-  return {
-    borderColor: o.vars ? `rgba(${o.vars.palette.common.onBackgroundChannel} / 0.23)` : t
-  };
-}), ie = c(E, {
-  name: "MuiOutlinedInput",
-  slot: "Input",
-  overridesResolver: q
-})(({
-  theme: o,
-  ownerState: t
-}) => n({
-  padding: "16.5px 14px"
-}, !o.vars && {
-  "&:-webkit-autofill": {
-    WebkitBoxShadow: o.palette.mode === "light" ? null : "0 0 0 100px #266798 inset",
-    WebkitTextFillColor: o.palette.mode === "light" ? null : "#fff",
-    caretColor: o.palette.mode === "light" ? null : "#fff",
-    borderRadius: "inherit"
-  }
-}, o.vars && {
-  "&:-webkit-autofill": {
-    borderRadius: "inherit"
-  },
-  [o.getColorSchemeSelector("dark")]: {
-    "&:-webkit-autofill": {
-      WebkitBoxShadow: "0 0 0 100px #266798 inset",
-      WebkitTextFillColor: "#fff",
-      caretColor: "#fff"
-    }
-  }
-}, t.size === "small" && {
-  padding: "8.5px 14px"
-}, t.multiline && {
-  padding: 0
-}, t.startAdornment && {
-  paddingLeft: 0
-}, t.endAdornment && {
-  paddingRight: 0
-})), W = /* @__PURE__ */ w.forwardRef(function(t, i) {
-  var l, m, d, u, h;
-  const p = H({
-    props: t,
-    name: "MuiOutlinedInput"
-  }), {
-    components: g = {},
-    fullWidth: O = !1,
-    inputComponent: _ = "input",
-    label: f,
-    multiline: y = !1,
-    notched: v,
-    slots: C = {},
-    type: x = "text"
-  } = p, k = N(p, ee), R = oe(p), I = S(), s = U({
-    props: p,
-    muiFormControl: I,
-    states: ["required"]
-  }), B = n({}, p, {
-    color: s.color || "primary",
-    disabled: s.disabled,
-    error: s.error,
-    focused: s.focused,
-    formControl: I,
-    fullWidth: O,
-    hiddenLabel: s.hiddenLabel,
-    multiline: y,
-    size: s.size,
-    type: x
-  }), L = (l = (m = C.root) != null ? m : g.Root) != null ? l : te, j = (d = (u = C.input) != null ? u : g.Input) != null ? d : ie;
-  return /* @__PURE__ */ a(V, n({
-    slots: {
-      root: L,
-      input: j
-    },
-    renderSuffix: (b) => /* @__PURE__ */ a(ne, {
-      ownerState: B,
-      className: R.notchedOutline,
-      label: f != null && f !== "" && s.required ? h || (h = /* @__PURE__ */ A(w.Fragment, {
-        children: [f, " ", "*"]
-      })) : f,
-      notched: typeof v < "u" ? v : !!(b.startAdornment || b.filled || b.focused)
-    }),
-    fullWidth: O,
-    inputComponent: _,
-    multiline: y,
-    ref: i,
-    type: x
-  }, k, {
-    classes: n({}, R, {
-      notchedOutline: null
-    })
-  }));
-});
-process.env.NODE_ENV !== "production" && (W.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn 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.
-   */
-  autoFocus: e.bool,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.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/#adding-new-colors).
-   * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
-   */
-  color: e.oneOfType([e.oneOf(["primary", "secondary"]), e.string]),
-  /**
-   * The components used for each slot inside.
-   *
-   * This prop is an alias for the `slots` prop.
-   * It's recommended to use the `slots` prop instead.
-   *
-   * @default {}
-   */
-  components: e.shape({
-    Input: e.elementType,
-    Root: e.elementType
-  }),
-  /**
-   * The default value. Use when the component is not controlled.
-   */
-  defaultValue: e.any,
-  /**
-   * If `true`, the component is disabled.
-   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
-   */
-  disabled: e.bool,
-  /**
-   * End `InputAdornment` for this component.
-   */
-  endAdornment: e.node,
-  /**
-   * If `true`, the `input` will indicate an error.
-   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
-   */
-  error: e.bool,
-  /**
-   * If `true`, the `input` will take up the full width of its container.
-   * @default false
-   */
-  fullWidth: e.bool,
-  /**
-   * The id of the `input` element.
-   */
-  id: e.string,
-  /**
-   * The component used for the `input` element.
-   * Either a string to use a HTML element or a component.
-   * @default 'input'
-   */
-  inputComponent: e.elementType,
-  /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
-   * @default {}
-   */
-  inputProps: e.object,
-  /**
-   * Pass a ref to the `input` element.
-   */
-  inputRef: K,
-  /**
-   * The label of the `input`. It is only used for layout. The actual labelling
-   * is handled by `InputLabel`.
-   */
-  label: e.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: e.oneOf(["dense", "none"]),
-  /**
-   * 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 [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.
-   * @default false
-   */
-  multiline: e.bool,
-  /**
-   * Name attribute of the `input` element.
-   */
-  name: e.string,
-  /**
-   * If `true`, the outline is notched to accommodate the label.
-   */
-  notched: e.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: e.func,
-  /**
-   * The short hint displayed in the `input` before the user enters a value.
-   */
-  placeholder: e.string,
-  /**
-   * It prevents the user from changing the value of the field
-   * (not from interacting with the field).
-   */
-  readOnly: e.bool,
-  /**
-   * If `true`, the `input` element is required.
-   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
-   */
-  required: e.bool,
-  /**
-   * Number of rows to display when multiline option is set to true.
-   */
-  rows: e.oneOfType([e.number, e.string]),
-  /**
-   * The components used for each slot inside.
-   *
-   * This prop is an alias for the `components` prop, which will be deprecated in the future.
-   *
-   * @default {}
-   */
-  slots: e.shape({
-    input: e.elementType,
-    root: e.elementType
-  }),
-  /**
-   * Start `InputAdornment` for this component.
-   */
-  startAdornment: e.node,
-  /**
-   * 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).
-   * @default 'text'
-   */
-  type: e.string,
-  /**
-   * The value of the `input` element, required for a controlled component.
-   */
-  value: e.any
-});
-W.muiName = "Input";
-export {
-  W as O
-};