@loopr-ai/craft 0.8.3 → 0.9.0

package/dist/components/organ/Form/RadioInput/index.js

@@ -0,0 +1,1053 @@
+import { jsx as d, jsxs as j, Fragment as Ce } from "react/jsx-runtime";
+import { M as K, T as Q } from "../../../../index-ae3eb123.js";
+import Re from "../ErrorMessage/index.js";
+import ke from "../Form.styles.js";
+import Oe from "../Label/index.js";
+import X from "./RadioInput.styles.js";
+import { B as Pe } from "../../../../Box-96e795c4.js";
+import { P as e, h as xe, a as u, j as Y, r as U, k as Se, m as Fe, n as Ne, _ as G, o as ee, g as _, b as I, f as Te } from "../../../../createTheme-d2329909.js";
+import * as h from "react";
+import { u as te, c as we, a as $e } from "../../../../useControlled-4e337b2f.js";
+import { r as A, u as je } from "../../../../TransitionGroupContext-21923db7.js";
+import { i as Be, j as Ie, c as E, e as q, g as z, s as O, b as L, r as Ee } from "../../../../styled-8f7db30d.js";
+import { u as W, f as se } from "../../../../useFormControl-b25c5813.js";
+import { e as Ge } from "../../../../extendSxProp-f6cb682b.js";
+import { B as Me } from "../../../../ButtonBase-46c20f20.js";
+import { c as ae } from "../../../../createSvgIcon-b444ce70.js";
+const Ve = Be(), _e = Ve, qe = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"], ze = xe(), Le = _e("div", {
+  name: "MuiStack",
+  slot: "Root",
+  overridesResolver: (o, r) => r.root
+});
+function De(o) {
+  return Ie({
+    props: o,
+    name: "MuiStack",
+    defaultTheme: ze
+  });
+}
+function Ue(o, r) {
+  const n = h.Children.toArray(o).filter(Boolean);
+  return n.reduce((t, s, a) => (t.push(s), a < n.length - 1 && t.push(/* @__PURE__ */ h.cloneElement(r, {
+    key: `separator-${a}`
+  })), t), []);
+}
+const Ae = (o) => ({
+  row: "Left",
+  "row-reverse": "Right",
+  column: "Top",
+  "column-reverse": "Bottom"
+})[o], We = ({
+  ownerState: o,
+  theme: r
+}) => {
+  let n = u({
+    display: "flex",
+    flexDirection: "column"
+  }, Y({
+    theme: r
+  }, U({
+    values: o.direction,
+    breakpoints: r.breakpoints.values
+  }), (t) => ({
+    flexDirection: t
+  })));
+  if (o.spacing) {
+    const t = Se(r), s = Object.keys(r.breakpoints.values).reduce((l, c) => ((typeof o.spacing == "object" && o.spacing[c] != null || typeof o.direction == "object" && o.direction[c] != null) && (l[c] = !0), l), {}), a = U({
+      values: o.direction,
+      base: s
+    }), f = U({
+      values: o.spacing,
+      base: s
+    });
+    typeof a == "object" && Object.keys(a).forEach((l, c, p) => {
+      if (!a[l]) {
+        const b = c > 0 ? a[p[c - 1]] : "column";
+        a[l] = b;
+      }
+    }), n = Fe(n, Y({
+      theme: r
+    }, f, (l, c) => o.useFlexGap ? {
+      gap: ee(t, l)
+    } : {
+      // 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${Ae(c ? a[c] : o.direction)}`]: ee(t, l)
+      }
+    }));
+  }
+  return n = Ne(r.breakpoints, n), n;
+};
+function He(o = {}) {
+  const {
+    // This will allow adding custom styled fn (for example for custom sx style function)
+    createStyledComponent: r = Le,
+    useThemeProps: n = De,
+    componentName: t = "MuiStack"
+  } = o, s = () => q({
+    root: ["root"]
+  }, (l) => _(t, l), {}), a = r(We), f = /* @__PURE__ */ h.forwardRef(function(l, c) {
+    const p = n(l), y = Ge(p), {
+      component: b = "div",
+      direction: R = "column",
+      spacing: k = 0,
+      divider: C,
+      children: i,
+      className: g,
+      useFlexGap: v = !1
+    } = y, S = G(y, qe), P = {
+      direction: R,
+      spacing: k,
+      useFlexGap: v
+    }, w = s();
+    return /* @__PURE__ */ d(a, u({
+      as: b,
+      ownerState: P,
+      ref: c,
+      className: E(w.root, g)
+    }, S, {
+      children: C ? Ue(i, C) : i
+    }));
+  });
+  return process.env.NODE_ENV !== "production" && (f.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])
+  }), f;
+}
+function Ze(o) {
+  return _("PrivateSwitchBase", o);
+}
+z("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
+const Je = ["autoFocus", "checked", "checkedIcon", "className", "defaultChecked", "disabled", "disableFocusRipple", "edge", "icon", "id", "inputProps", "inputRef", "name", "onBlur", "onChange", "onFocus", "readOnly", "required", "tabIndex", "type", "value"], Ke = (o) => {
+  const {
+    classes: r,
+    checked: n,
+    disabled: t,
+    edge: s
+  } = o, a = {
+    root: ["root", n && "checked", t && "disabled", s && `edge${I(s)}`],
+    input: ["input"]
+  };
+  return q(a, Ze, r);
+}, Qe = O(Me)(({
+  ownerState: o
+}) => u({
+  padding: 9,
+  borderRadius: "50%"
+}, o.edge === "start" && {
+  marginLeft: o.size === "small" ? -3 : -12
+}, o.edge === "end" && {
+  marginRight: o.size === "small" ? -3 : -12
+})), Xe = O("input")({
+  cursor: "inherit",
+  position: "absolute",
+  opacity: 0,
+  width: "100%",
+  height: "100%",
+  top: 0,
+  left: 0,
+  margin: 0,
+  padding: 0,
+  zIndex: 1
+}), ce = /* @__PURE__ */ h.forwardRef(function(r, n) {
+  const {
+    autoFocus: t,
+    checked: s,
+    checkedIcon: a,
+    className: f,
+    defaultChecked: m,
+    disabled: l,
+    disableFocusRipple: c = !1,
+    edge: p = !1,
+    icon: y,
+    id: b,
+    inputProps: R,
+    inputRef: k,
+    name: C,
+    onBlur: i,
+    onChange: g,
+    onFocus: v,
+    readOnly: S,
+    required: P = !1,
+    tabIndex: w,
+    type: F,
+    value: B
+  } = r, N = G(r, Je), [$, be] = te({
+    controlled: s,
+    default: !!m,
+    name: "SwitchBase",
+    state: "checked"
+  }), T = W(), he = (x) => {
+    v && v(x), T && T.onFocus && T.onFocus(x);
+  }, ye = (x) => {
+    i && i(x), T && T.onBlur && T.onBlur(x);
+  }, ge = (x) => {
+    if (x.nativeEvent.defaultPrevented)
+      return;
+    const J = x.target.checked;
+    be(J), g && g(x, J);
+  };
+  let M = l;
+  T && typeof M > "u" && (M = T.disabled);
+  const ve = F === "checkbox" || F === "radio", D = u({}, r, {
+    checked: $,
+    disabled: M,
+    disableFocusRipple: c,
+    edge: p
+  }), Z = Ke(D);
+  return /* @__PURE__ */ j(Qe, u({
+    component: "span",
+    className: E(Z.root, f),
+    centerRipple: !0,
+    focusRipple: !c,
+    disabled: M,
+    tabIndex: null,
+    role: void 0,
+    onFocus: he,
+    onBlur: ye,
+    ownerState: D,
+    ref: n
+  }, N, {
+    children: [/* @__PURE__ */ d(Xe, u({
+      autoFocus: t,
+      checked: s,
+      defaultChecked: m,
+      className: Z.input,
+      disabled: M,
+      id: ve ? b : void 0,
+      name: C,
+      onChange: ge,
+      readOnly: S,
+      ref: k,
+      required: P,
+      ownerState: D,
+      tabIndex: w,
+      type: F
+    }, F === "checkbox" && B === void 0 ? {} : {
+      value: B
+    }, R)), $ ? a : y]
+  }));
+});
+process.env.NODE_ENV !== "production" && (ce.propTypes = {
+  /**
+   * If `true`, the `input` element is focused during the first mount.
+   */
+  autoFocus: e.bool,
+  /**
+   * If `true`, the component is checked.
+   */
+  checked: e.bool,
+  /**
+   * The icon to display when the component is checked.
+   */
+  checkedIcon: e.node.isRequired,
+  /**
+   * Override or extend the styles applied to the component.
+   * See [CSS API](#css) below for more details.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * @ignore
+   */
+  defaultChecked: e.bool,
+  /**
+   * If `true`, the component is disabled.
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple: e.bool,
+  /**
+   * If given, uses a negative margin to counteract the padding on one
+   * side (this is often helpful for aligning the left or right
+   * side of the icon with content above or below, without ruining the border
+   * size and shape).
+   * @default false
+   */
+  edge: e.oneOf(["end", "start", !1]),
+  /**
+   * The icon to display when the component is unchecked.
+   */
+  icon: e.node.isRequired,
+  /**
+   * The id of the `input` element.
+   */
+  id: e.string,
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   */
+  inputProps: e.object,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: A,
+  /*
+   * @ignore
+   */
+  name: e.string,
+  /**
+   * @ignore
+   */
+  onBlur: e.func,
+  /**
+   * Callback fired when the state is changed.
+   *
+   * @param {object} event The event source of the callback.
+   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
+   */
+  onChange: e.func,
+  /**
+   * @ignore
+   */
+  onFocus: e.func,
+  /**
+   * 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.
+   */
+  required: e.bool,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.object,
+  /**
+   * @ignore
+   */
+  tabIndex: e.oneOfType([e.number, e.string]),
+  /**
+   * The input component prop `type`.
+   */
+  type: e.string.isRequired,
+  /**
+   * The value of the component.
+   */
+  value: e.any
+});
+const Ye = ce, le = He({
+  createStyledComponent: O("div", {
+    name: "MuiStack",
+    slot: "Root",
+    overridesResolver: (o, r) => r.root
+  }),
+  useThemeProps: (o) => L({
+    props: o,
+    name: "MuiStack"
+  })
+});
+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 "yarn 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
+});
+const eo = le;
+function oo(o) {
+  return _("MuiFormControlLabel", o);
+}
+const ro = z("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlacementTop", "labelPlacementBottom", "disabled", "label", "error", "required", "asterisk"]), V = ro, no = ["checked", "className", "componentsProps", "control", "disabled", "disableTypography", "inputRef", "label", "labelPlacement", "name", "onChange", "required", "slotProps", "value"], to = (o) => {
+  const {
+    classes: r,
+    disabled: n,
+    labelPlacement: t,
+    error: s,
+    required: a
+  } = o, f = {
+    root: ["root", n && "disabled", `labelPlacement${I(t)}`, s && "error", a && "required"],
+    label: ["label", n && "disabled"],
+    asterisk: ["asterisk", s && "error"]
+  };
+  return q(f, oo, r);
+}, so = O("label", {
+  name: "MuiFormControlLabel",
+  slot: "Root",
+  overridesResolver: (o, r) => {
+    const {
+      ownerState: n
+    } = o;
+    return [{
+      [`& .${V.label}`]: r.label
+    }, r.root, r[`labelPlacement${I(n.labelPlacement)}`]];
+  }
+})(({
+  theme: o,
+  ownerState: r
+}) => u({
+  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
+  [`&.${V.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
+}, {
+  [`& .${V.label}`]: {
+    [`&.${V.disabled}`]: {
+      color: (o.vars || o).palette.text.disabled
+    }
+  }
+})), ao = O("span", {
+  name: "MuiFormControlLabel",
+  slot: "Asterisk",
+  overridesResolver: (o, r) => r.asterisk
+})(({
+  theme: o
+}) => ({
+  [`&.${V.error}`]: {
+    color: (o.vars || o).palette.error.main
+  }
+})), ie = /* @__PURE__ */ h.forwardRef(function(r, n) {
+  var t, s;
+  const a = L({
+    props: r,
+    name: "MuiFormControlLabel"
+  }), {
+    className: f,
+    componentsProps: m = {},
+    control: l,
+    disabled: c,
+    disableTypography: p,
+    label: y,
+    labelPlacement: b = "end",
+    required: R,
+    slotProps: k = {}
+  } = a, C = G(a, no), i = W(), g = (t = c ?? l.props.disabled) != null ? t : i == null ? void 0 : i.disabled, v = R ?? l.props.required, S = {
+    disabled: g,
+    required: v
+  };
+  ["checked", "name", "onChange", "value", "inputRef"].forEach(($) => {
+    typeof l.props[$] > "u" && typeof a[$] < "u" && (S[$] = a[$]);
+  });
+  const P = se({
+    props: a,
+    muiFormControl: i,
+    states: ["error"]
+  }), w = u({}, a, {
+    disabled: g,
+    labelPlacement: b,
+    required: v,
+    error: P.error
+  }), F = to(w), B = (s = k.typography) != null ? s : m.typography;
+  let N = y;
+  return N != null && N.type !== K && !p && (N = /* @__PURE__ */ d(K, u({
+    component: "span"
+  }, B, {
+    className: E(F.label, B == null ? void 0 : B.className),
+    children: N
+  }))), /* @__PURE__ */ j(so, u({
+    className: E(F.root, f),
+    ownerState: w,
+    ref: n
+  }, C, {
+    children: [/* @__PURE__ */ h.cloneElement(l, S), v ? /* @__PURE__ */ j(eo, {
+      direction: "row",
+      alignItems: "center",
+      children: [N, /* @__PURE__ */ j(ao, {
+        ownerState: w,
+        "aria-hidden": !0,
+        className: F.asterisk,
+        children: [" ", "*"]
+      })]
+    }) : N]
+  }));
+});
+process.env.NODE_ENV !== "production" && (ie.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: A,
+  /**
+   * 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
+});
+const co = ie;
+function lo(o) {
+  return _("MuiFormGroup", o);
+}
+z("MuiFormGroup", ["root", "row", "error"]);
+const io = ["className", "row"], uo = (o) => {
+  const {
+    classes: r,
+    row: n,
+    error: t
+  } = o;
+  return q({
+    root: ["root", n && "row", t && "error"]
+  }, lo, r);
+}, po = O("div", {
+  name: "MuiFormGroup",
+  slot: "Root",
+  overridesResolver: (o, r) => {
+    const {
+      ownerState: n
+    } = o;
+    return [r.root, n.row && r.row];
+  }
+})(({
+  ownerState: o
+}) => u({
+  display: "flex",
+  flexDirection: "column",
+  flexWrap: "wrap"
+}, o.row && {
+  flexDirection: "row"
+})), de = /* @__PURE__ */ h.forwardRef(function(r, n) {
+  const t = L({
+    props: r,
+    name: "MuiFormGroup"
+  }), {
+    className: s,
+    row: a = !1
+  } = t, f = G(t, io), m = W(), l = se({
+    props: t,
+    muiFormControl: m,
+    states: ["error"]
+  }), c = u({}, t, {
+    row: a,
+    error: l.error
+  }), p = uo(c);
+  return /* @__PURE__ */ d(po, u({
+    className: E(p.root, s),
+    ownerState: c,
+    ref: n
+  }, f));
+});
+process.env.NODE_ENV !== "production" && (de.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.
+   */
+  children: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * Display group of elements in a compact row.
+   * @default false
+   */
+  row: 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])
+});
+const fo = de, mo = ae(/* @__PURE__ */ d("path", {
+  d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+}), "RadioButtonUnchecked"), bo = ae(/* @__PURE__ */ d("path", {
+  d: "M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+}), "RadioButtonChecked"), ho = O("span")({
+  position: "relative",
+  display: "flex"
+}), yo = O(mo)({
+  // Scale applied to prevent dot misalignment in Safari
+  transform: "scale(1)"
+}), go = O(bo)(({
+  theme: o,
+  ownerState: r
+}) => u({
+  left: 0,
+  position: "absolute",
+  transform: "scale(0)",
+  transition: o.transitions.create("transform", {
+    easing: o.transitions.easing.easeIn,
+    duration: o.transitions.duration.shortest
+  })
+}, r.checked && {
+  transform: "scale(1)",
+  transition: o.transitions.create("transform", {
+    easing: o.transitions.easing.easeOut,
+    duration: o.transitions.duration.shortest
+  })
+}));
+function H(o) {
+  const {
+    checked: r = !1,
+    classes: n = {},
+    fontSize: t
+  } = o, s = u({}, o, {
+    checked: r
+  });
+  return /* @__PURE__ */ j(ho, {
+    className: n.root,
+    ownerState: s,
+    children: [/* @__PURE__ */ d(yo, {
+      fontSize: t,
+      className: n.background,
+      ownerState: s
+    }), /* @__PURE__ */ d(go, {
+      fontSize: t,
+      className: n.dot,
+      ownerState: s
+    })]
+  });
+}
+process.env.NODE_ENV !== "production" && (H.propTypes = {
+  /**
+   * If `true`, the component is checked.
+   */
+  checked: e.bool,
+  /**
+   * Override or extend the styles applied to the component.
+   * See [CSS API](#css) below for more details.
+   */
+  classes: e.object,
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense radio styling.
+   */
+  fontSize: e.oneOf(["small", "medium"])
+});
+const ue = /* @__PURE__ */ h.createContext(void 0);
+process.env.NODE_ENV !== "production" && (ue.displayName = "RadioGroupContext");
+const pe = ue;
+function vo() {
+  return h.useContext(pe);
+}
+function Co(o) {
+  return _("MuiRadio", o);
+}
+const Ro = z("MuiRadio", ["root", "checked", "disabled", "colorPrimary", "colorSecondary", "sizeSmall"]), oe = Ro, ko = ["checked", "checkedIcon", "color", "icon", "name", "onChange", "size", "className"], Oo = (o) => {
+  const {
+    classes: r,
+    color: n,
+    size: t
+  } = o, s = {
+    root: ["root", `color${I(n)}`, t !== "medium" && `size${I(t)}`]
+  };
+  return u({}, r, q(s, Co, r));
+}, Po = O(Ye, {
+  shouldForwardProp: (o) => Ee(o) || o === "classes",
+  name: "MuiRadio",
+  slot: "Root",
+  overridesResolver: (o, r) => {
+    const {
+      ownerState: n
+    } = o;
+    return [r.root, r[`color${I(n.color)}`]];
+  }
+})(({
+  theme: o,
+  ownerState: r
+}) => u({
+  color: (o.vars || o).palette.text.secondary
+}, !r.disableRipple && {
+  "&:hover": {
+    backgroundColor: o.vars ? `rgba(${r.color === "default" ? o.vars.palette.action.activeChannel : o.vars.palette[r.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : Te(r.color === "default" ? o.palette.action.active : o.palette[r.color].main, o.palette.action.hoverOpacity),
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      backgroundColor: "transparent"
+    }
+  }
+}, r.color !== "default" && {
+  [`&.${oe.checked}`]: {
+    color: (o.vars || o).palette[r.color].main
+  }
+}, {
+  [`&.${oe.disabled}`]: {
+    color: (o.vars || o).palette.action.disabled
+  }
+}));
+function xo(o, r) {
+  return typeof r == "object" && r !== null ? o === r : String(o) === String(r);
+}
+const re = /* @__PURE__ */ d(H, {
+  checked: !0
+}), ne = /* @__PURE__ */ d(H, {}), fe = /* @__PURE__ */ h.forwardRef(function(r, n) {
+  var t, s;
+  const a = L({
+    props: r,
+    name: "MuiRadio"
+  }), {
+    checked: f,
+    checkedIcon: m = re,
+    color: l = "primary",
+    icon: c = ne,
+    name: p,
+    onChange: y,
+    size: b = "medium",
+    className: R
+  } = a, k = G(a, ko), C = u({}, a, {
+    color: l,
+    size: b
+  }), i = Oo(C), g = vo();
+  let v = f;
+  const S = we(y, g && g.onChange);
+  let P = p;
+  return g && (typeof v > "u" && (v = xo(g.value, a.value)), typeof P > "u" && (P = g.name)), /* @__PURE__ */ d(Po, u({
+    type: "radio",
+    icon: /* @__PURE__ */ h.cloneElement(c, {
+      fontSize: (t = ne.props.fontSize) != null ? t : b
+    }),
+    checkedIcon: /* @__PURE__ */ h.cloneElement(m, {
+      fontSize: (s = re.props.fontSize) != null ? s : b
+    }),
+    ownerState: C,
+    classes: i,
+    name: P,
+    checked: v,
+    onChange: S,
+    ref: n,
+    className: E(i.root, R)
+  }, k));
+});
+process.env.NODE_ENV !== "production" && (fe.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 is checked.
+   */
+  checked: e.bool,
+  /**
+   * The icon to display when the component is checked.
+   * @default <RadioButtonIcon checked />
+   */
+  checkedIcon: 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(["default", "primary", "secondary", "error", "info", "success", "warning"]), e.string]),
+  /**
+   * If `true`, the component is disabled.
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, the ripple effect is disabled.
+   * @default false
+   */
+  disableRipple: e.bool,
+  /**
+   * The icon to display when the component is unchecked.
+   * @default <RadioButtonIcon />
+   */
+  icon: e.node,
+  /**
+   * The id of the `input` element.
+   */
+  id: e.string,
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   */
+  inputProps: e.object,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: A,
+  /**
+   * Name attribute of the `input` element.
+   */
+  name: e.string,
+  /**
+   * Callback fired when the state is changed.
+   *
+   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
+   * You can pull out the new value by accessing `event.target.value` (string).
+   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
+   */
+  onChange: e.func,
+  /**
+   * If `true`, the `input` element is required.
+   * @default false
+   */
+  required: e.bool,
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense radio styling.
+   * @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 value of the component. The DOM API casts this to a string.
+   */
+  value: e.any
+});
+const So = fe, Fo = ["actions", "children", "defaultValue", "name", "onChange", "value"], me = /* @__PURE__ */ h.forwardRef(function(r, n) {
+  const {
+    // private
+    // eslint-disable-next-line react/prop-types
+    actions: t,
+    children: s,
+    defaultValue: a,
+    name: f,
+    onChange: m,
+    value: l
+  } = r, c = G(r, Fo), p = h.useRef(null), [y, b] = te({
+    controlled: l,
+    default: a,
+    name: "RadioGroup"
+  });
+  h.useImperativeHandle(t, () => ({
+    focus: () => {
+      let i = p.current.querySelector("input:not(:disabled):checked");
+      i || (i = p.current.querySelector("input:not(:disabled)")), i && i.focus();
+    }
+  }), []);
+  const R = je(n, p), k = $e(f), C = h.useMemo(() => ({
+    name: k,
+    onChange(i) {
+      b(i.target.value), m && m(i, i.target.value);
+    },
+    value: y
+  }), [k, m, b, y]);
+  return /* @__PURE__ */ d(pe.Provider, {
+    value: C,
+    children: /* @__PURE__ */ d(fo, u({
+      role: "radiogroup",
+      ref: R
+    }, c, {
+      children: s
+    }))
+  });
+});
+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"     |
+  // ----------------------------------------------------------------------
+  /**
+   * The content of the component.
+   */
+  children: e.node,
+  /**
+   * The default value. Use when the component is not controlled.
+   */
+  defaultValue: e.any,
+  /**
+   * The name used to reference the value of the control.
+   * If you don't provide this prop, it falls back to a randomly generated name.
+   */
+  name: e.string,
+  /**
+   * Callback fired when a radio button is selected.
+   *
+   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
+   * @param {string} value The value of the selected radio button.
+   * You can pull out the new value by accessing `event.target.value` (string).
+   */
+  onChange: e.func,
+  /**
+   * Value of the selected radio button. The DOM API casts this to a string.
+   */
+  value: e.any
+});
+const No = me, Uo = ({
+  name: o,
+  label: r,
+  value: n,
+  handleInputChange: t,
+  options: s,
+  required: a = !1,
+  error: f = !1,
+  inputAdornments: m,
+  helperText: l
+}) => /* @__PURE__ */ j(Pe, { sx: ke.inputWrapper, children: [
+  /* @__PURE__ */ d(
+    Oe,
+    {
+      name: o,
+      label: r,
+      required: a,
+      inputAdornments: m
+    }
+  ),
+  /* @__PURE__ */ d(
+    No,
+    {
+      row: !0,
+      name: "row-radio-buttons-group",
+      value: n,
+      onChange: t,
+      sx: X.radioGroup,
+      children: s == null ? void 0 : s.map((c) => {
+        const p = typeof c == "object", y = p ? c.name : c, b = p ? c.value : c;
+        return /* @__PURE__ */ d(
+          co,
+          {
+            value: b,
+            control: /* @__PURE__ */ d(So, { size: "small" }),
+            label: /* @__PURE__ */ j(Ce, { children: [
+              /* @__PURE__ */ d(Q, { type: "subtitleNormal", children: y }),
+              p && c.description && /* @__PURE__ */ d(
+                Q,
+                {
+                  type: "subtitleNormal",
+                  sx: X.description,
+                  children: c.description
+                }
+              )
+            ] })
+          },
+          y
+        );
+      })
+    }
+  ),
+  f && /* @__PURE__ */ d(Re, { message: l || "" })
+] });
+export {
+  Uo as default
+};