@hybridcore/ui 1.3.6 → 1.4.0

package/dist/FormControlLabel-DENNVXWL.js

@@ -1,639 +0,0 @@
-import { _ as a, a as z } from "./extends-Cyw62AD_.js";
-import * as I from "react";
-import { a as j, P as e } from "./createStyled-B96gjom1.js";
-import { g as H, u as _, c as L, a as E } from "./useThemeProps-DeftUmqJ.js";
-import { g as U, s as V } from "./styled-cPJbqF0E.js";
-import { jsx as T, jsxs as X } from "react/jsx-runtime";
-import { f as Y, F as ue, I as me } from "./FormControl-BMRUQKHh.js";
-import { u as fe } from "./useId-BHG98T5I.js";
-import { S as be, F as ge } from "./Select-NDq3WyLt.js";
-import { u as Z } from "./useFormControl-CatNKXAi.js";
-import { r as ee } from "./ButtonBase-D6qhsxB0.js";
-import { I as ye } from "./Input-Dxzguyp5.js";
-import { O as he } from "./OutlinedInput-w2Cj9STF.js";
-import { T as J } from "./Typography-Dg-ROiTA.js";
-function Te(o) {
-  return U("MuiFormHelperText", o);
-}
-const K = H("MuiFormHelperText", ["root", "error", "disabled", "sizeSmall", "sizeMedium", "contained", "focused", "filled", "required"]);
-var Q;
-const xe = ["children", "className", "component", "disabled", "error", "filled", "focused", "margin", "required", "variant"], ve = (o) => {
-  const {
-    classes: r,
-    contained: t,
-    size: l,
-    disabled: n,
-    error: i,
-    filled: c,
-    focused: d,
-    required: u
-  } = o, s = {
-    root: ["root", n && "disabled", i && "error", l && `size${j(l)}`, t && "contained", d && "focused", c && "filled", u && "required"]
-  };
-  return E(s, Te, r);
-}, Fe = V("p", {
-  name: "MuiFormHelperText",
-  slot: "Root",
-  overridesResolver: (o, r) => {
-    const {
-      ownerState: t
-    } = o;
-    return [r.root, t.size && r[`size${j(t.size)}`], t.contained && r.contained, t.filled && r.filled];
-  }
-})(({
-  theme: o,
-  ownerState: r
-}) => a({
-  color: (o.vars || o).palette.text.secondary
-}, o.typography.caption, {
-  textAlign: "left",
-  marginTop: 3,
-  marginRight: 0,
-  marginBottom: 0,
-  marginLeft: 0,
-  [`&.${K.disabled}`]: {
-    color: (o.vars || o).palette.text.disabled
-  },
-  [`&.${K.error}`]: {
-    color: (o.vars || o).palette.error.main
-  }
-}, r.size === "small" && {
-  marginTop: 4
-}, r.contained && {
-  marginLeft: 14,
-  marginRight: 14
-})), oe = /* @__PURE__ */ I.forwardRef(function(r, t) {
-  const l = _({
-    props: r,
-    name: "MuiFormHelperText"
-  }), {
-    children: n,
-    className: i,
-    component: c = "p"
-  } = l, d = z(l, xe), u = Z(), s = Y({
-    props: l,
-    muiFormControl: u,
-    states: ["variant", "size", "disabled", "error", "filled", "focused", "required"]
-  }), f = a({}, l, {
-    component: c,
-    contained: s.variant === "filled" || s.variant === "outlined",
-    variant: s.variant,
-    size: s.size,
-    disabled: s.disabled,
-    error: s.error,
-    filled: s.filled,
-    focused: s.focused,
-    required: s.required
-  }), x = ve(f);
-  return /* @__PURE__ */ T(Fe, a({
-    as: c,
-    ownerState: f,
-    className: L(x.root, i),
-    ref: t
-  }, d, {
-    children: n === " " ? (
-      // notranslate needed while Google Translate will not fix zero-width space issue
-      Q || (Q = /* @__PURE__ */ T("span", {
-        className: "notranslate",
-        children: "​"
-      }))
-    ) : n
-  }));
-});
-process.env.NODE_ENV !== "production" && (oe.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn 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 Pe(o) {
-  return U("MuiTextField", o);
-}
-H("MuiTextField", ["root"]);
-const Ce = ["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"], Re = {
-  standard: ye,
-  filled: ge,
-  outlined: he
-}, Oe = (o) => {
-  const {
-    classes: r
-  } = o;
-  return E({
-    root: ["root"]
-  }, Pe, r);
-}, we = V(ue, {
-  name: "MuiTextField",
-  slot: "Root",
-  overridesResolver: (o, r) => r.root
-})({}), Ne = /* @__PURE__ */ I.forwardRef(function(r, t) {
-  const l = _({
-    props: r,
-    name: "MuiTextField"
-  }), {
-    autoComplete: n,
-    autoFocus: i = !1,
-    children: c,
-    className: d,
-    color: u = "primary",
-    defaultValue: s,
-    disabled: f = !1,
-    error: x = !1,
-    FormHelperTextProps: $,
-    fullWidth: F = !1,
-    helperText: b,
-    id: m,
-    InputLabelProps: g,
-    inputProps: M,
-    InputProps: C,
-    inputRef: R,
-    label: p,
-    maxRows: y,
-    minRows: v,
-    multiline: B = !1,
-    name: re,
-    onBlur: te,
-    onChange: le,
-    onFocus: ne,
-    placeholder: se,
-    required: D = !1,
-    rows: ae,
-    select: O = !1,
-    SelectProps: S,
-    type: ie,
-    value: W,
-    variant: w = "outlined"
-  } = l, de = z(l, Ce), k = a({}, l, {
-    autoFocus: i,
-    color: u,
-    disabled: f,
-    error: x,
-    fullWidth: F,
-    multiline: B,
-    required: D,
-    select: O,
-    variant: w
-  }), ce = Oe(k);
-  process.env.NODE_ENV !== "production" && O && !c && console.error("MUI: `children` must be passed when using the `TextField` component with `select`.");
-  const P = {};
-  w === "outlined" && (g && typeof g.shrink < "u" && (P.notched = g.shrink), P.label = p), O && ((!S || !S.native) && (P.id = void 0), P["aria-describedby"] = void 0);
-  const h = fe(m), q = b && h ? `${h}-helper-text` : void 0, A = p && h ? `${h}-label` : void 0, pe = Re[w], G = /* @__PURE__ */ T(pe, a({
-    "aria-describedby": q,
-    autoComplete: n,
-    autoFocus: i,
-    defaultValue: s,
-    fullWidth: F,
-    multiline: B,
-    name: re,
-    rows: ae,
-    maxRows: y,
-    minRows: v,
-    type: ie,
-    value: W,
-    id: h,
-    inputRef: R,
-    onBlur: te,
-    onChange: le,
-    onFocus: ne,
-    placeholder: se,
-    inputProps: M
-  }, P, C));
-  return /* @__PURE__ */ X(we, a({
-    className: L(ce.root, d),
-    disabled: f,
-    error: x,
-    fullWidth: F,
-    ref: t,
-    required: D,
-    color: u,
-    variant: w,
-    ownerState: k
-  }, de, {
-    children: [p != null && p !== "" && /* @__PURE__ */ T(me, a({
-      htmlFor: h,
-      id: A
-    }, g, {
-      children: p
-    })), O ? /* @__PURE__ */ T(be, a({
-      "aria-describedby": q,
-      id: h,
-      labelId: A,
-      value: W,
-      input: G
-    }, S, {
-      children: c
-    })) : G, b && /* @__PURE__ */ T(oe, a({
-      id: q
-    }, $, {
-      children: b
-    }))]
-  }));
-});
-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 "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.
-   * @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/#adding-new-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: ee,
-  /**
-   * 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"])
-});
-function Ie(o) {
-  return U("MuiFormControlLabel", o);
-}
-const N = H("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlacementTop", "labelPlacementBottom", "disabled", "label", "error"]), Le = ["checked", "className", "componentsProps", "control", "disabled", "disableTypography", "inputRef", "label", "labelPlacement", "name", "onChange", "slotProps", "value"], je = (o) => {
-  const {
-    classes: r,
-    disabled: t,
-    labelPlacement: l,
-    error: n
-  } = o, i = {
-    root: ["root", t && "disabled", `labelPlacement${j(l)}`, n && "error"],
-    label: ["label", t && "disabled"]
-  };
-  return E(i, Ie, r);
-}, $e = V("label", {
-  name: "MuiFormControlLabel",
-  slot: "Root",
-  overridesResolver: (o, r) => {
-    const {
-      ownerState: t
-    } = o;
-    return [{
-      [`& .${N.label}`]: r.label
-    }, r.root, r[`labelPlacement${j(t.labelPlacement)}`]];
-  }
-})(({
-  theme: o,
-  ownerState: r
-}) => a({
-  display: "inline-flex",
-  alignItems: "center",
-  cursor: "pointer",
-  // For correct alignment with the text.
-  verticalAlign: "middle",
-  WebkitTapHighlightColor: "transparent",
-  marginLeft: -11,
-  marginRight: 16,
-  // used for row presentation of radio/checkbox
-  [`&.${N.disabled}`]: {
-    cursor: "default"
-  }
-}, r.labelPlacement === "start" && {
-  flexDirection: "row-reverse",
-  marginLeft: 16,
-  // used for row presentation of radio/checkbox
-  marginRight: -11
-}, r.labelPlacement === "top" && {
-  flexDirection: "column-reverse",
-  marginLeft: 16
-}, r.labelPlacement === "bottom" && {
-  flexDirection: "column",
-  marginLeft: 16
-}, {
-  [`& .${N.label}`]: {
-    [`&.${N.disabled}`]: {
-      color: (o.vars || o).palette.text.disabled
-    }
-  }
-})), Me = /* @__PURE__ */ I.forwardRef(function(r, t) {
-  var l;
-  const n = _({
-    props: r,
-    name: "MuiFormControlLabel"
-  }), {
-    className: i,
-    componentsProps: c = {},
-    control: d,
-    disabled: u,
-    disableTypography: s,
-    label: f,
-    labelPlacement: x = "end",
-    slotProps: $ = {}
-  } = n, F = z(n, Le), b = Z();
-  let m = u;
-  typeof m > "u" && typeof d.props.disabled < "u" && (m = d.props.disabled), typeof m > "u" && b && (m = b.disabled);
-  const g = {
-    disabled: m
-  };
-  ["checked", "name", "onChange", "value", "inputRef"].forEach((v) => {
-    typeof d.props[v] > "u" && typeof n[v] < "u" && (g[v] = n[v]);
-  });
-  const M = Y({
-    props: n,
-    muiFormControl: b,
-    states: ["error"]
-  }), C = a({}, n, {
-    disabled: m,
-    labelPlacement: x,
-    error: M.error
-  }), R = je(C), p = (l = $.typography) != null ? l : c.typography;
-  let y = f;
-  return y != null && y.type !== J && !s && (y = /* @__PURE__ */ T(J, a({
-    component: "span"
-  }, p, {
-    className: L(R.label, p == null ? void 0 : p.className),
-    children: y
-  }))), /* @__PURE__ */ X($e, a({
-    className: L(R.root, i),
-    ownerState: C,
-    ref: t
-  }, F, {
-    children: [/* @__PURE__ */ I.cloneElement(d, g), y]
-  }));
-});
-process.env.NODE_ENV !== "production" && (Me.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * If `true`, the component appears selected.
-   */
-  checked: e.bool,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  componentsProps: e.shape({
-    typography: e.object
-  }),
-  /**
-   * A control element. For instance, it can be a `Radio`, a `Switch` or a `Checkbox`.
-   */
-  control: e.element.isRequired,
-  /**
-   * If `true`, the control is disabled.
-   */
-  disabled: e.bool,
-  /**
-   * If `true`, the label is rendered as it is passed without an additional typography node.
-   */
-  disableTypography: e.bool,
-  /**
-   * Pass a ref to the `input` element.
-   */
-  inputRef: ee,
-  /**
-   * A text or an element to be used in an enclosing label element.
-   */
-  label: e.node,
-  /**
-   * The position of the label.
-   * @default 'end'
-   */
-  labelPlacement: e.oneOf(["bottom", "end", "start", "top"]),
-  /**
-   * @ignore
-   */
-  name: e.string,
-  /**
-   * Callback fired when the state is changed.
-   *
-   * @param {React.SyntheticEvent} event The event source of the callback.
-   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
-   */
-  onChange: e.func,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: e.shape({
-    typography: e.object
-  }),
-  /**
-   * 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 value of the component.
-   */
-  value: e.any
-});
-export {
-  Me as F,
-  Ne as T
-};