@hybridcore/ui 1.3.2 → 1.3.4

package/dist/FormControlLabel-BL6c4YAN.js

@@ -1,827 +0,0 @@
-import { _ as d, a as E } from "./extends-Cyw62AD_.js";
-import * as P from "react";
-import { P as e, j as ye, q as Y, t as W, v as ge, d as he, w as ve, x as Z, a as _ } from "./createTheme-CCwx9ptk.js";
-import { c as S, a as D, g as A, u as z } from "./chainPropTypes-CwfDfLEA.js";
-import { e as Te, g as H, s as $ } from "./styled-fcu13kUF.js";
-import { jsx as h, jsxs as V } from "react/jsx-runtime";
-import { f as te, F as xe, a as Oe } from "./FormControl-BhwmBUAq.js";
-import { u as Fe } from "./useId-BHG98T5I.js";
-import { S as Pe, F as Ce } from "./Select-C8Iimh3g.js";
-import { u as ne } from "./useFormControl-CatNKXAi.js";
-import { r as se } from "./ButtonBase-C875Ww3z.js";
-import { I as Re } from "./Input-DgIhcA8j.js";
-import { O as je } from "./OutlinedInput-CS2BwiVg.js";
-import { T as ee } from "./Typography-CqyjdT7p.js";
-import { s as Ne } from "./styled-CPg13iuX.js";
-import { u as we } from "./useThemeProps-DOuXhu3E.js";
-const ke = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"], qe = ye(), Le = Ne("div", {
-  name: "MuiStack",
-  slot: "Root",
-  overridesResolver: (o, r) => r.root
-});
-function Se(o) {
-  return we({
-    props: o,
-    name: "MuiStack",
-    defaultTheme: qe
-  });
-}
-function $e(o, r) {
-  const t = P.Children.toArray(o).filter(Boolean);
-  return t.reduce((s, i, l) => (s.push(i), l < t.length - 1 && s.push(/* @__PURE__ */ P.cloneElement(r, {
-    key: `separator-${l}`
-  })), s), []);
-}
-const Ie = (o) => ({
-  row: "Left",
-  "row-reverse": "Right",
-  column: "Top",
-  "column-reverse": "Bottom"
-})[o], Me = ({
-  ownerState: o,
-  theme: r
-}) => {
-  let t = d({
-    display: "flex",
-    flexDirection: "column"
-  }, Y({
-    theme: r
-  }, W({
-    values: o.direction,
-    breakpoints: r.breakpoints.values
-  }), (s) => ({
-    flexDirection: s
-  })));
-  if (o.spacing) {
-    const s = ge(r), i = Object.keys(r.breakpoints.values).reduce((a, n) => ((typeof o.spacing == "object" && o.spacing[n] != null || typeof o.direction == "object" && o.direction[n] != null) && (a[n] = !0), a), {}), l = W({
-      values: o.direction,
-      base: i
-    }), c = W({
-      values: o.spacing,
-      base: i
-    });
-    typeof l == "object" && Object.keys(l).forEach((a, n, p) => {
-      if (!l[a]) {
-        const v = n > 0 ? l[p[n - 1]] : "column";
-        l[a] = v;
-      }
-    }), t = he(t, Y({
-      theme: r
-    }, c, (a, n) => o.useFlexGap ? {
-      gap: Z(s, a)
-    } : {
-      // The useFlexGap={false} implement relies on each child to give up control of the margin.
-      // We need to reset the margin to avoid double spacing.
-      "& > :not(style):not(style)": {
-        margin: 0
-      },
-      "& > :not(style) ~ :not(style)": {
-        [`margin${Ie(n ? l[n] : o.direction)}`]: Z(s, a)
-      }
-    }));
-  }
-  return t = ve(r.breakpoints, t), t;
-};
-function Ve(o = {}) {
-  const {
-    // This will allow adding custom styled fn (for example for custom sx style function)
-    createStyledComponent: r = Le,
-    useThemeProps: t = Se,
-    componentName: s = "MuiStack"
-  } = o, i = () => D({
-    root: ["root"]
-  }, (a) => H(s, a), {}), l = r(Me), c = /* @__PURE__ */ P.forwardRef(function(a, n) {
-    const p = t(a), f = Te(p), {
-      component: v = "div",
-      direction: y = "column",
-      spacing: T = 0,
-      divider: C,
-      children: u,
-      className: R,
-      useFlexGap: x = !1
-    } = f, j = E(f, ke), b = {
-      direction: y,
-      spacing: T,
-      useFlexGap: x
-    }, O = i();
-    return /* @__PURE__ */ h(l, d({
-      as: v,
-      ownerState: b,
-      ref: n,
-      className: S(O.root, R)
-    }, j, {
-      children: C ? $e(u, C) : u
-    }));
-  });
-  return process.env.NODE_ENV !== "production" && (c.propTypes = {
-    children: e.node,
-    direction: e.oneOfType([e.oneOf(["column-reverse", "column", "row-reverse", "row"]), e.arrayOf(e.oneOf(["column-reverse", "column", "row-reverse", "row"])), e.object]),
-    divider: e.node,
-    spacing: e.oneOfType([e.arrayOf(e.oneOfType([e.number, e.string])), e.number, e.object, e.string]),
-    sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
-  }), c;
-}
-function Ee(o) {
-  return H("MuiFormHelperText", o);
-}
-const oe = A("MuiFormHelperText", ["root", "error", "disabled", "sizeSmall", "sizeMedium", "contained", "focused", "filled", "required"]);
-var re;
-const _e = ["children", "className", "component", "disabled", "error", "filled", "focused", "margin", "required", "variant"], De = (o) => {
-  const {
-    classes: r,
-    contained: t,
-    size: s,
-    disabled: i,
-    error: l,
-    filled: c,
-    focused: m,
-    required: a
-  } = o, n = {
-    root: ["root", i && "disabled", l && "error", s && `size${_(s)}`, t && "contained", m && "focused", c && "filled", a && "required"]
-  };
-  return D(n, Ee, r);
-}, ze = $("p", {
-  name: "MuiFormHelperText",
-  slot: "Root",
-  overridesResolver: (o, r) => {
-    const {
-      ownerState: t
-    } = o;
-    return [r.root, t.size && r[`size${_(t.size)}`], t.contained && r.contained, t.filled && r.filled];
-  }
-})(({
-  theme: o,
-  ownerState: r
-}) => d({
-  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
-})), le = /* @__PURE__ */ P.forwardRef(function(r, t) {
-  const s = z({
-    props: r,
-    name: "MuiFormHelperText"
-  }), {
-    children: i,
-    className: l,
-    component: c = "p"
-  } = s, m = E(s, _e), a = ne(), n = te({
-    props: s,
-    muiFormControl: a,
-    states: ["variant", "size", "disabled", "error", "filled", "focused", "required"]
-  }), p = d({}, s, {
-    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
-  }), f = De(p);
-  return /* @__PURE__ */ h(ze, d({
-    as: c,
-    ownerState: p,
-    className: S(f.root, l),
-    ref: t
-  }, m, {
-    children: i === " " ? (
-      // notranslate needed while Google Translate will not fix zero-width space issue
-      re || (re = /* @__PURE__ */ h("span", {
-        className: "notranslate",
-        children: "​"
-      }))
-    ) : i
-  }));
-});
-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`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * 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 He(o) {
-  return H("MuiTextField", o);
-}
-A("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"], Ue = {
-  standard: Re,
-  filled: Ce,
-  outlined: je
-}, We = (o) => {
-  const {
-    classes: r
-  } = o;
-  return D({
-    root: ["root"]
-  }, He, r);
-}, Ae = $(xe, {
-  name: "MuiTextField",
-  slot: "Root",
-  overridesResolver: (o, r) => r.root
-})({}), Ge = /* @__PURE__ */ P.forwardRef(function(r, t) {
-  const s = z({
-    props: r,
-    name: "MuiTextField"
-  }), {
-    autoComplete: i,
-    autoFocus: l = !1,
-    children: c,
-    className: m,
-    color: a = "primary",
-    defaultValue: n,
-    disabled: p = !1,
-    error: f = !1,
-    FormHelperTextProps: v,
-    fullWidth: y = !1,
-    helperText: T,
-    id: C,
-    InputLabelProps: u,
-    inputProps: R,
-    InputProps: x,
-    inputRef: j,
-    label: b,
-    maxRows: O,
-    minRows: k,
-    multiline: N = !1,
-    name: g,
-    onBlur: w,
-    onChange: ie,
-    onFocus: ce,
-    placeholder: de,
-    required: G = !1,
-    rows: pe,
-    select: I = !1,
-    SelectProps: B,
-    type: ue,
-    value: J,
-    variant: M = "outlined"
-  } = s, me = E(s, Be), K = d({}, s, {
-    autoFocus: l,
-    color: a,
-    disabled: p,
-    error: f,
-    fullWidth: y,
-    multiline: N,
-    required: G,
-    select: I,
-    variant: M
-  }), fe = We(K);
-  process.env.NODE_ENV !== "production" && I && !c && console.error("MUI: `children` must be passed when using the `TextField` component with `select`.");
-  const q = {};
-  M === "outlined" && (u && typeof u.shrink < "u" && (q.notched = u.shrink), q.label = b), I && ((!B || !B.native) && (q.id = void 0), q["aria-describedby"] = void 0);
-  const F = Fe(C), U = T && F ? `${F}-helper-text` : void 0, Q = b && F ? `${F}-label` : void 0, be = Ue[M], X = /* @__PURE__ */ h(be, d({
-    "aria-describedby": U,
-    autoComplete: i,
-    autoFocus: l,
-    defaultValue: n,
-    fullWidth: y,
-    multiline: N,
-    name: g,
-    rows: pe,
-    maxRows: O,
-    minRows: k,
-    type: ue,
-    value: J,
-    id: F,
-    inputRef: j,
-    onBlur: w,
-    onChange: ie,
-    onFocus: ce,
-    placeholder: de,
-    inputProps: R
-  }, q, x));
-  return /* @__PURE__ */ V(Ae, d({
-    className: S(fe.root, m),
-    disabled: p,
-    error: f,
-    fullWidth: y,
-    ref: t,
-    required: G,
-    color: a,
-    variant: M,
-    ownerState: K
-  }, me, {
-    children: [b != null && b !== "" && /* @__PURE__ */ h(Oe, d({
-      htmlFor: F,
-      id: Q
-    }, u, {
-      children: b
-    })), I ? /* @__PURE__ */ h(Pe, d({
-      "aria-describedby": U,
-      id: F,
-      labelId: Q,
-      value: J,
-      input: X
-    }, B, {
-      children: c
-    })) : X, T && /* @__PURE__ */ h(le, d({
-      id: U
-    }, v, {
-      children: T
-    }))]
-  }));
-});
-process.env.NODE_ENV !== "production" && (Ge.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: se,
-  /**
-   * 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"])
-});
-const ae = Ve({
-  createStyledComponent: $("div", {
-    name: "MuiStack",
-    slot: "Root",
-    overridesResolver: (o, r) => r.root
-  }),
-  useThemeProps: (o) => z({
-    props: o,
-    name: "MuiStack"
-  })
-});
-process.env.NODE_ENV !== "production" && (ae.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,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: e.elementType,
-  /**
-   * Defines the `flex-direction` style property.
-   * It is applied for all screen sizes.
-   * @default 'column'
-   */
-  direction: e.oneOfType([e.oneOf(["column-reverse", "column", "row-reverse", "row"]), e.arrayOf(e.oneOf(["column-reverse", "column", "row-reverse", "row"])), e.object]),
-  /**
-   * Add an element between each child.
-   */
-  divider: e.node,
-  /**
-   * Defines the space between immediate children.
-   * @default 0
-   */
-  spacing: e.oneOfType([e.arrayOf(e.oneOfType([e.number, e.string])), e.number, e.object, e.string]),
-  /**
-   * The system prop, which 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]),
-  /**
-   * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
-   *
-   * While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack/#limitations),
-   * it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
-   *
-   * To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.
-   * @default false
-   */
-  useFlexGap: e.bool
-});
-function Je(o) {
-  return H("MuiFormControlLabel", o);
-}
-const L = A("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlacementTop", "labelPlacementBottom", "disabled", "label", "error", "required", "asterisk"]), Ke = ["checked", "className", "componentsProps", "control", "disabled", "disableTypography", "inputRef", "label", "labelPlacement", "name", "onChange", "required", "slotProps", "value"], Qe = (o) => {
-  const {
-    classes: r,
-    disabled: t,
-    labelPlacement: s,
-    error: i,
-    required: l
-  } = o, c = {
-    root: ["root", t && "disabled", `labelPlacement${_(s)}`, i && "error", l && "required"],
-    label: ["label", t && "disabled"],
-    asterisk: ["asterisk", i && "error"]
-  };
-  return D(c, Je, r);
-}, Xe = $("label", {
-  name: "MuiFormControlLabel",
-  slot: "Root",
-  overridesResolver: (o, r) => {
-    const {
-      ownerState: t
-    } = o;
-    return [{
-      [`& .${L.label}`]: r.label
-    }, r.root, r[`labelPlacement${_(t.labelPlacement)}`]];
-  }
-})(({
-  theme: o,
-  ownerState: r
-}) => d({
-  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
-  [`&.${L.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
-}, {
-  [`& .${L.label}`]: {
-    [`&.${L.disabled}`]: {
-      color: (o.vars || o).palette.text.disabled
-    }
-  }
-})), Ye = $("span", {
-  name: "MuiFormControlLabel",
-  slot: "Asterisk",
-  overridesResolver: (o, r) => r.asterisk
-})(({
-  theme: o
-}) => ({
-  [`&.${L.error}`]: {
-    color: (o.vars || o).palette.error.main
-  }
-})), Ze = /* @__PURE__ */ P.forwardRef(function(r, t) {
-  var s, i;
-  const l = z({
-    props: r,
-    name: "MuiFormControlLabel"
-  }), {
-    className: c,
-    componentsProps: m = {},
-    control: a,
-    disabled: n,
-    disableTypography: p,
-    label: f,
-    labelPlacement: v = "end",
-    required: y,
-    slotProps: T = {}
-  } = l, C = E(l, Ke), u = ne(), R = (s = n ?? a.props.disabled) != null ? s : u == null ? void 0 : u.disabled, x = y ?? a.props.required, j = {
-    disabled: R,
-    required: x
-  };
-  ["checked", "name", "onChange", "value", "inputRef"].forEach((w) => {
-    typeof a.props[w] > "u" && typeof l[w] < "u" && (j[w] = l[w]);
-  });
-  const b = te({
-    props: l,
-    muiFormControl: u,
-    states: ["error"]
-  }), O = d({}, l, {
-    disabled: R,
-    labelPlacement: v,
-    required: x,
-    error: b.error
-  }), k = Qe(O), N = (i = T.typography) != null ? i : m.typography;
-  let g = f;
-  return g != null && g.type !== ee && !p && (g = /* @__PURE__ */ h(ee, d({
-    component: "span"
-  }, N, {
-    className: S(k.label, N == null ? void 0 : N.className),
-    children: g
-  }))), /* @__PURE__ */ V(Xe, d({
-    className: S(k.root, c),
-    ownerState: O,
-    ref: t
-  }, C, {
-    children: [/* @__PURE__ */ P.cloneElement(a, j), x ? /* @__PURE__ */ V(ae, {
-      display: "block",
-      children: [g, /* @__PURE__ */ V(Ye, {
-        ownerState: O,
-        "aria-hidden": !0,
-        className: k.asterisk,
-        children: [" ", "*"]
-      })]
-    }) : g]
-  }));
-});
-process.env.NODE_ENV !== "production" && (Ze.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm 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: se,
-  /**
-   * 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,
-  /**
-   * If `true`, the label will indicate that the `input` is required.
-   */
-  required: e.bool,
-  /**
-   * 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 {
-  Ze as F,
-  Ge as T
-};