@cgi-learning-hub/ui 1.3.5 → 1.4.0

package/dist/Radio-BxMxeQa-.js

@@ -0,0 +1,567 @@
+import * as p from "react";
+import { H as A, I as H, G as I, L as m, P as e, n as M } from "./identifier-D58rA1gM.js";
+import { m as N } from "./memoTheme-DyiN-Awd.js";
+import { f as ae } from "./formControlState-vgaj2ksH.js";
+import { u as re } from "./useSlot-CZNcsPv1.js";
+import { jsx as l, jsxs as T } from "react/jsx-runtime";
+import { u as W, s as b, c as Z, r as J } from "./DefaultPropsProvider-BcmyIf2H.js";
+import { u as K } from "./useFormControl-CatNKXAi.js";
+import { T as D } from "./Typography-CE8fQQ8B.js";
+import { r as Q } from "./refType-B86yTZra.js";
+import { S as se } from "./SwitchBase-BAjfatYA.js";
+import { c as X } from "./createSvgIcon-CCejzj0C.js";
+import { c as U } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
+import { c as ne } from "./createChainedFunction-C0nujS3O.js";
+function le(o) {
+  return H("MuiFormControlLabel", o);
+}
+const C = A("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlacementTop", "labelPlacementBottom", "disabled", "label", "error", "required", "asterisk"]), ie = (o) => {
+  const {
+    classes: t,
+    disabled: a,
+    labelPlacement: r,
+    error: s,
+    required: y
+  } = o, g = {
+    root: ["root", a && "disabled", `labelPlacement${m(r)}`, s && "error", y && "required"],
+    label: ["label", a && "disabled"],
+    asterisk: ["asterisk", s && "error"]
+  };
+  return Z(g, le, t);
+}, ce = b("label", {
+  name: "MuiFormControlLabel",
+  slot: "Root",
+  overridesResolver: (o, t) => {
+    const {
+      ownerState: a
+    } = o;
+    return [{
+      [`& .${C.label}`]: t.label
+    }, t.root, t[`labelPlacement${m(a.labelPlacement)}`]];
+  }
+})(N(({
+  theme: o
+}) => ({
+  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
+  [`&.${C.disabled}`]: {
+    cursor: "default"
+  },
+  [`& .${C.label}`]: {
+    [`&.${C.disabled}`]: {
+      color: (o.vars || o).palette.text.disabled
+    }
+  },
+  variants: [{
+    props: {
+      labelPlacement: "start"
+    },
+    style: {
+      flexDirection: "row-reverse",
+      marginRight: -11
+    }
+  }, {
+    props: {
+      labelPlacement: "top"
+    },
+    style: {
+      flexDirection: "column-reverse"
+    }
+  }, {
+    props: {
+      labelPlacement: "bottom"
+    },
+    style: {
+      flexDirection: "column"
+    }
+  }, {
+    props: ({
+      labelPlacement: t
+    }) => t === "start" || t === "top" || t === "bottom",
+    style: {
+      marginLeft: 16
+      // used for row presentation of radio/checkbox
+    }
+  }]
+}))), de = b("span", {
+  name: "MuiFormControlLabel",
+  slot: "Asterisk",
+  overridesResolver: (o, t) => t.asterisk
+})(N(({
+  theme: o
+}) => ({
+  [`&.${C.error}`]: {
+    color: (o.vars || o).palette.error.main
+  }
+}))), pe = /* @__PURE__ */ p.forwardRef(function(t, a) {
+  const r = W({
+    props: t,
+    name: "MuiFormControlLabel"
+  }), {
+    checked: s,
+    className: y,
+    componentsProps: g = {},
+    control: u,
+    disabled: w,
+    disableTypography: z,
+    inputRef: h,
+    label: x,
+    labelPlacement: $ = "end",
+    name: L,
+    onChange: q,
+    required: v,
+    slots: i = {},
+    slotProps: R = {},
+    value: F,
+    ...c
+  } = r, n = K(), k = w ?? u.props.disabled ?? (n == null ? void 0 : n.disabled), d = v ?? u.props.required, B = {
+    disabled: k,
+    required: d
+  };
+  ["checked", "name", "onChange", "value", "inputRef"].forEach((O) => {
+    typeof u.props[O] > "u" && typeof r[O] < "u" && (B[O] = r[O]);
+  });
+  const ee = ae({
+    props: r,
+    muiFormControl: n,
+    states: ["error"]
+  }), P = {
+    ...r,
+    disabled: k,
+    labelPlacement: $,
+    required: d,
+    error: ee.error
+  }, j = ie(P), oe = {
+    slots: i,
+    slotProps: {
+      ...g,
+      ...R
+    }
+  }, [te, S] = re("typography", {
+    elementType: D,
+    externalForwardedProps: oe,
+    ownerState: P
+  });
+  let f = x;
+  return f != null && f.type !== D && !z && (f = /* @__PURE__ */ l(te, {
+    component: "span",
+    ...S,
+    className: I(j.label, S == null ? void 0 : S.className),
+    children: f
+  })), /* @__PURE__ */ T(ce, {
+    className: I(j.root, y),
+    ownerState: P,
+    ref: a,
+    ...c,
+    children: [/* @__PURE__ */ p.cloneElement(u, B), d ? /* @__PURE__ */ T("div", {
+      children: [f, /* @__PURE__ */ T(de, {
+        ownerState: P,
+        "aria-hidden": !0,
+        className: j.asterisk,
+        children: [" ", "*"]
+      })]
+    }) : f]
+  });
+});
+process.env.NODE_ENV !== "production" && (pe.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 {}
+   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  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: Q,
+  /**
+   * 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.oneOfType([e.func, e.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: e.shape({
+    typography: 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]),
+  /**
+   * The value of the component.
+   */
+  value: e.any
+});
+const ue = X(/* @__PURE__ */ l("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"), fe = X(/* @__PURE__ */ l("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"), me = b("span", {
+  shouldForwardProp: J
+})({
+  position: "relative",
+  display: "flex"
+}), be = b(ue)({
+  // Scale applied to prevent dot misalignment in Safari
+  transform: "scale(1)"
+}), ye = b(fe)(N(({
+  theme: o
+}) => ({
+  left: 0,
+  position: "absolute",
+  transform: "scale(0)",
+  transition: o.transitions.create("transform", {
+    easing: o.transitions.easing.easeIn,
+    duration: o.transitions.duration.shortest
+  }),
+  variants: [{
+    props: {
+      checked: !0
+    },
+    style: {
+      transform: "scale(1)",
+      transition: o.transitions.create("transform", {
+        easing: o.transitions.easing.easeOut,
+        duration: o.transitions.duration.shortest
+      })
+    }
+  }]
+})));
+function E(o) {
+  const {
+    checked: t = !1,
+    classes: a = {},
+    fontSize: r
+  } = o, s = {
+    ...o,
+    checked: t
+  };
+  return /* @__PURE__ */ T(me, {
+    className: a.root,
+    ownerState: s,
+    children: [/* @__PURE__ */ l(be, {
+      fontSize: r,
+      className: a.background,
+      ownerState: s
+    }), /* @__PURE__ */ l(ye, {
+      fontSize: r,
+      className: a.dot,
+      ownerState: s
+    })]
+  });
+}
+process.env.NODE_ENV !== "production" && (E.propTypes = {
+  /**
+   * If `true`, the component is checked.
+   */
+  checked: e.bool,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense radio styling.
+   */
+  fontSize: e.oneOf(["small", "medium"])
+});
+const Y = /* @__PURE__ */ p.createContext(void 0);
+process.env.NODE_ENV !== "production" && (Y.displayName = "RadioGroupContext");
+function ge() {
+  return p.useContext(Y);
+}
+function Ce(o) {
+  return H("MuiRadio", o);
+}
+const V = A("MuiRadio", ["root", "checked", "disabled", "colorPrimary", "colorSecondary", "sizeSmall"]), he = (o) => {
+  const {
+    classes: t,
+    color: a,
+    size: r
+  } = o, s = {
+    root: ["root", `color${m(a)}`, r !== "medium" && `size${m(r)}`]
+  };
+  return {
+    ...t,
+    ...Z(s, Ce, t)
+  };
+}, ve = b(se, {
+  shouldForwardProp: (o) => J(o) || o === "classes",
+  name: "MuiRadio",
+  slot: "Root",
+  overridesResolver: (o, t) => {
+    const {
+      ownerState: a
+    } = o;
+    return [t.root, a.size !== "medium" && t[`size${m(a.size)}`], t[`color${m(a.color)}`]];
+  }
+})(N(({
+  theme: o
+}) => ({
+  color: (o.vars || o).palette.text.secondary,
+  [`&.${V.disabled}`]: {
+    color: (o.vars || o).palette.action.disabled
+  },
+  variants: [{
+    props: {
+      color: "default",
+      disabled: !1,
+      disableRipple: !1
+    },
+    style: {
+      "&:hover": {
+        backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : M(o.palette.action.active, o.palette.action.hoverOpacity)
+      }
+    }
+  }, ...Object.entries(o.palette).filter(U()).map(([t]) => ({
+    props: {
+      color: t,
+      disabled: !1,
+      disableRipple: !1
+    },
+    style: {
+      "&:hover": {
+        backgroundColor: o.vars ? `rgba(${o.vars.palette[t].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : M(o.palette[t].main, o.palette.action.hoverOpacity)
+      }
+    }
+  })), ...Object.entries(o.palette).filter(U()).map(([t]) => ({
+    props: {
+      color: t,
+      disabled: !1
+    },
+    style: {
+      [`&.${V.checked}`]: {
+        color: (o.vars || o).palette[t].main
+      }
+    }
+  })), {
+    // Should be last to override other colors
+    props: {
+      disableRipple: !1
+    },
+    style: {
+      // Reset on touch devices, it doesn't add specificity
+      "&:hover": {
+        "@media (hover: none)": {
+          backgroundColor: "transparent"
+        }
+      }
+    }
+  }]
+})));
+function Re(o, t) {
+  return typeof t == "object" && t !== null ? o === t : String(o) === String(t);
+}
+const G = /* @__PURE__ */ l(E, {
+  checked: !0
+}), _ = /* @__PURE__ */ l(E, {}), ke = /* @__PURE__ */ p.forwardRef(function(t, a) {
+  const r = W({
+    props: t,
+    name: "MuiRadio"
+  }), {
+    checked: s,
+    checkedIcon: y = G,
+    color: g = "primary",
+    icon: u = _,
+    name: w,
+    onChange: z,
+    size: h = "medium",
+    className: x,
+    disabled: $,
+    disableRipple: L = !1,
+    ...q
+  } = r, v = K();
+  let i = $;
+  v && typeof i > "u" && (i = v.disabled), i ?? (i = !1);
+  const R = {
+    ...r,
+    disabled: i,
+    disableRipple: L,
+    color: g,
+    size: h
+  }, F = he(R), c = ge();
+  let n = s;
+  const k = ne(z, c && c.onChange);
+  let d = w;
+  return c && (typeof n > "u" && (n = Re(c.value, r.value)), typeof d > "u" && (d = c.name)), /* @__PURE__ */ l(ve, {
+    type: "radio",
+    icon: /* @__PURE__ */ p.cloneElement(u, {
+      fontSize: _.props.fontSize ?? h
+    }),
+    checkedIcon: /* @__PURE__ */ p.cloneElement(y, {
+      fontSize: G.props.fontSize ?? h
+    }),
+    disabled: i,
+    ownerState: R,
+    classes: F,
+    name: d,
+    checked: n,
+    onChange: k,
+    ref: a,
+    className: I(F.root, x),
+    ...q
+  });
+});
+process.env.NODE_ENV !== "production" && (ke.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 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/#custom-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: Q,
+  /**
+   * 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
+});
+export {
+  pe as F,
+  ke as R,
+  Ce as a,
+  Y as b,
+  C as f,
+  le as g,
+  V as r,
+  ge as u
+};

package/dist/Radio-CvCkmq8g.cjs

@@ -0,0 +1 @@
+"use strict";const Y=require("react"),e=require("./identifier-5n4d7br9.cjs"),k=require("./memoTheme-C8EfvlY1.cjs"),ee=require("./formControlState-CuX6WjAX.cjs"),oe=require("./useSlot-CyXLaLc2.cjs"),a=require("react/jsx-runtime"),n=require("./DefaultPropsProvider-QmkL7lbM.cjs"),V=require("./useFormControl-haP0iPhl.cjs"),E=require("./Typography-DEAE8-8u.cjs"),_=require("./refType-CjW6JOBA.cjs"),re=require("./SwitchBase-7zONZyYP.cjs"),G=require("./createSvgIcon-Dn4BBPej.cjs"),B=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),se=require("./createChainedFunction-CJmlQuW8.cjs");function te(o){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const s in o)if(s!=="default"){const t=Object.getOwnPropertyDescriptor(o,s);Object.defineProperty(r,s,t.get?t:{enumerable:!0,get:()=>o[s]})}}return r.default=o,Object.freeze(r)}const u=te(Y);function A(o){return e.generateUtilityClass("MuiFormControlLabel",o)}const m=e.generateUtilityClasses("MuiFormControlLabel",["root","labelPlacementStart","labelPlacementTop","labelPlacementBottom","disabled","label","error","required","asterisk"]),ae=o=>{const{classes:r,disabled:s,labelPlacement:t,error:l,required:b}=o,P={root:["root",s&&"disabled",`labelPlacement${e.capitalize(t)}`,l&&"error",b&&"required"],label:["label",s&&"disabled"],asterisk:["asterisk",l&&"error"]};return n.composeClasses(P,A,r)},ne=n.styled("label",{name:"MuiFormControlLabel",slot:"Root",overridesResolver:(o,r)=>{const{ownerState:s}=o;return[{[`& .${m.label}`]:r.label},r.root,r[`labelPlacement${e.capitalize(s.labelPlacement)}`]]}})(k.memoTheme(({theme:o})=>({display:"inline-flex",alignItems:"center",cursor:"pointer",verticalAlign:"middle",WebkitTapHighlightColor:"transparent",marginLeft:-11,marginRight:16,[`&.${m.disabled}`]:{cursor:"default"},[`& .${m.label}`]:{[`&.${m.disabled}`]:{color:(o.vars||o).palette.text.disabled}},variants:[{props:{labelPlacement:"start"},style:{flexDirection:"row-reverse",marginRight:-11}},{props:{labelPlacement:"top"},style:{flexDirection:"column-reverse"}},{props:{labelPlacement:"bottom"},style:{flexDirection:"column"}},{props:({labelPlacement:r})=>r==="start"||r==="top"||r==="bottom",style:{marginLeft:16}}]}))),le=n.styled("span",{name:"MuiFormControlLabel",slot:"Asterisk",overridesResolver:(o,r)=>r.asterisk})(k.memoTheme(({theme:o})=>({[`&.${m.error}`]:{color:(o.vars||o).palette.error.main}}))),H=u.forwardRef(function(r,s){const t=n.useDefaultProps({props:r,name:"MuiFormControlLabel"}),{checked:l,className:b,componentsProps:P={},control:y,disabled:x,disableTypography:j,inputRef:T,label:O,labelPlacement:q="end",name:I,onChange:L,required:C,slots:p={},slotProps:g={},value:z,...c}=t,i=V.useFormControl(),h=x??y.props.disabled??(i==null?void 0:i.disabled),d=C??y.props.required,D={disabled:h,required:d};["checked","name","onChange","value","inputRef"].forEach(S=>{typeof y.props[S]>"u"&&typeof t[S]<"u"&&(D[S]=t[S])});const K=ee.formControlState({props:t,muiFormControl:i,states:["error"]}),v={...t,disabled:h,labelPlacement:q,required:d,error:K.error},F=ae(v),Q={slots:p,slotProps:{...P,...g}},[X,R]=oe.useSlot("typography",{elementType:E.Typography,externalForwardedProps:Q,ownerState:v});let f=O;return f!=null&&f.type!==E.Typography&&!j&&(f=a.jsx(X,{component:"span",...R,className:e.clsx(F.label,R==null?void 0:R.className),children:f})),a.jsxs(ne,{className:e.clsx(F.root,b),ownerState:v,ref:s,...c,children:[u.cloneElement(y,D),d?a.jsxs("div",{children:[f,a.jsxs(le,{ownerState:v,"aria-hidden":!0,className:F.asterisk,children:[" ","*"]})]}):f]})});process.env.NODE_ENV!=="production"&&(H.propTypes={checked:e.PropTypes.bool,classes:e.PropTypes.object,className:e.PropTypes.string,componentsProps:e.PropTypes.shape({typography:e.PropTypes.object}),control:e.PropTypes.element.isRequired,disabled:e.PropTypes.bool,disableTypography:e.PropTypes.bool,inputRef:_.refType,label:e.PropTypes.node,labelPlacement:e.PropTypes.oneOf(["bottom","end","start","top"]),name:e.PropTypes.string,onChange:e.PropTypes.func,required:e.PropTypes.bool,slotProps:e.PropTypes.shape({typography:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({typography:e.PropTypes.elementType}),sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),value:e.PropTypes.any});const ie=G.createSvgIcon(a.jsx("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"),pe=G.createSvgIcon(a.jsx("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"),ce=n.styled("span",{shouldForwardProp:n.rootShouldForwardProp})({position:"relative",display:"flex"}),de=n.styled(ie)({transform:"scale(1)"}),ue=n.styled(pe)(k.memoTheme(({theme:o})=>({left:0,position:"absolute",transform:"scale(0)",transition:o.transitions.create("transform",{easing:o.transitions.easing.easeIn,duration:o.transitions.duration.shortest}),variants:[{props:{checked:!0},style:{transform:"scale(1)",transition:o.transitions.create("transform",{easing:o.transitions.easing.easeOut,duration:o.transitions.duration.shortest})}}]})));function N(o){const{checked:r=!1,classes:s={},fontSize:t}=o,l={...o,checked:r};return a.jsxs(ce,{className:s.root,ownerState:l,children:[a.jsx(de,{fontSize:t,className:s.background,ownerState:l}),a.jsx(ue,{fontSize:t,className:s.dot,ownerState:l})]})}process.env.NODE_ENV!=="production"&&(N.propTypes={checked:e.PropTypes.bool,classes:e.PropTypes.object,fontSize:e.PropTypes.oneOf(["small","medium"])});const $=u.createContext(void 0);process.env.NODE_ENV!=="production"&&($.displayName="RadioGroupContext");function W(){return u.useContext($)}function Z(o){return e.generateUtilityClass("MuiRadio",o)}const w=e.generateUtilityClasses("MuiRadio",["root","checked","disabled","colorPrimary","colorSecondary","sizeSmall"]),ye=o=>{const{classes:r,color:s,size:t}=o,l={root:["root",`color${e.capitalize(s)}`,t!=="medium"&&`size${e.capitalize(t)}`]};return{...r,...n.composeClasses(l,Z,r)}},fe=n.styled(re.SwitchBase,{shouldForwardProp:o=>n.rootShouldForwardProp(o)||o==="classes",name:"MuiRadio",slot:"Root",overridesResolver:(o,r)=>{const{ownerState:s}=o;return[r.root,s.size!=="medium"&&r[`size${e.capitalize(s.size)}`],r[`color${e.capitalize(s.color)}`]]}})(k.memoTheme(({theme:o})=>({color:(o.vars||o).palette.text.secondary,[`&.${w.disabled}`]:{color:(o.vars||o).palette.action.disabled},variants:[{props:{color:"default",disabled:!1,disableRipple:!1},style:{"&:hover":{backgroundColor:o.vars?`rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})`:e.alpha(o.palette.action.active,o.palette.action.hoverOpacity)}}},...Object.entries(o.palette).filter(B.createSimplePaletteValueFilter()).map(([r])=>({props:{color:r,disabled:!1,disableRipple:!1},style:{"&:hover":{backgroundColor:o.vars?`rgba(${o.vars.palette[r].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:e.alpha(o.palette[r].main,o.palette.action.hoverOpacity)}}})),...Object.entries(o.palette).filter(B.createSimplePaletteValueFilter()).map(([r])=>({props:{color:r,disabled:!1},style:{[`&.${w.checked}`]:{color:(o.vars||o).palette[r].main}}})),{props:{disableRipple:!1},style:{"&:hover":{"@media (hover: none)":{backgroundColor:"transparent"}}}}]})));function me(o,r){return typeof r=="object"&&r!==null?o===r:String(o)===String(r)}const M=a.jsx(N,{checked:!0}),U=a.jsx(N,{}),J=u.forwardRef(function(r,s){const t=n.useDefaultProps({props:r,name:"MuiRadio"}),{checked:l,checkedIcon:b=M,color:P="primary",icon:y=U,name:x,onChange:j,size:T="medium",className:O,disabled:q,disableRipple:I=!1,...L}=t,C=V.useFormControl();let p=q;C&&typeof p>"u"&&(p=C.disabled),p??(p=!1);const g={...t,disabled:p,disableRipple:I,color:P,size:T},z=ye(g),c=W();let i=l;const h=se.createChainedFunction(j,c&&c.onChange);let d=x;return c&&(typeof i>"u"&&(i=me(c.value,t.value)),typeof d>"u"&&(d=c.name)),a.jsx(fe,{type:"radio",icon:u.cloneElement(y,{fontSize:U.props.fontSize??T}),checkedIcon:u.cloneElement(b,{fontSize:M.props.fontSize??T}),disabled:p,ownerState:g,classes:z,name:d,checked:i,onChange:h,ref:s,className:e.clsx(z.root,O),...L})});process.env.NODE_ENV!=="production"&&(J.propTypes={checked:e.PropTypes.bool,checkedIcon:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,color:e.PropTypes.oneOfType([e.PropTypes.oneOf(["default","primary","secondary","error","info","success","warning"]),e.PropTypes.string]),disabled:e.PropTypes.bool,disableRipple:e.PropTypes.bool,icon:e.PropTypes.node,id:e.PropTypes.string,inputProps:e.PropTypes.object,inputRef:_.refType,name:e.PropTypes.string,onChange:e.PropTypes.func,required:e.PropTypes.bool,size:e.PropTypes.oneOfType([e.PropTypes.oneOf(["medium","small"]),e.PropTypes.string]),sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),value:e.PropTypes.any});exports.FormControlLabel=H;exports.Radio=J;exports.RadioGroupContext=$;exports.formControlLabelClasses=m;exports.getFormControlLabelUtilityClasses=A;exports.getRadioUtilityClass=Z;exports.radioClasses=w;exports.useRadioGroup=W;