@cgi-learning-hub/ui 0.0.1-dev.1709027888 → 0.0.1-dev.1709048937

package/dist/DefaultButton-B0F8yY-u.js

@@ -0,0 +1,580 @@
+import { jsx as b, jsxs as O } from "react/jsx-runtime";
+import * as p from "react";
+import N from "./components/buttons/DefaultButton/DefaultButtonIcon.es.js";
+import { a as W, g as M, s as f, r as Y, c as l, _ as a, b as E, o as V, e as _, f as j, h as k, P as i, i as D } from "./styled-dYPj0biG.js";
+import { B as Z } from "./ButtonBase-D2V-0Xw1.js";
+import { u as w } from "./useId-BW-oWmul.js";
+import { c as oo } from "./refType-hnSqgX76.js";
+import { C as no } from "./CircularProgress-CfFwWKnX.js";
+import { u as io } from "./useTheme-BYF7knOc.js";
+function to(o) {
+  return M("MuiButton", o);
+}
+const ao = W("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]), R = ao, F = /* @__PURE__ */ p.createContext({});
+process.env.NODE_ENV !== "production" && (F.displayName = "ButtonGroupContext");
+const G = F, U = /* @__PURE__ */ p.createContext(void 0);
+process.env.NODE_ENV !== "production" && (U.displayName = "ButtonGroupButtonContext");
+const ro = U, so = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"], lo = (o) => {
+  const {
+    color: n,
+    disableElevation: t,
+    fullWidth: s,
+    size: r,
+    variant: e,
+    classes: d
+  } = o, g = {
+    root: ["root", e, `${e}${l(n)}`, `size${l(r)}`, `${e}Size${l(r)}`, n === "inherit" && "colorInherit", t && "disableElevation", s && "fullWidth"],
+    label: ["label"],
+    startIcon: ["startIcon", `iconSize${l(r)}`],
+    endIcon: ["endIcon", `iconSize${l(r)}`]
+  }, x = D(g, to, d);
+  return a({}, d, x);
+}, S = (o) => a({}, o.size === "small" && {
+  "& > *:nth-of-type(1)": {
+    fontSize: 18
+  }
+}, o.size === "medium" && {
+  "& > *:nth-of-type(1)": {
+    fontSize: 20
+  }
+}, o.size === "large" && {
+  "& > *:nth-of-type(1)": {
+    fontSize: 22
+  }
+}), eo = f(Z, {
+  shouldForwardProp: (o) => Y(o) || o === "classes",
+  name: "MuiButton",
+  slot: "Root",
+  overridesResolver: (o, n) => {
+    const {
+      ownerState: t
+    } = o;
+    return [n.root, n[t.variant], n[`${t.variant}${l(t.color)}`], n[`size${l(t.size)}`], n[`${t.variant}Size${l(t.size)}`], t.color === "inherit" && n.colorInherit, t.disableElevation && n.disableElevation, t.fullWidth && n.fullWidth];
+  }
+})(({
+  theme: o,
+  ownerState: n
+}) => {
+  var t, s;
+  const r = o.palette.mode === "light" ? o.palette.grey[300] : o.palette.grey[800], e = o.palette.mode === "light" ? o.palette.grey.A100 : o.palette.grey[700];
+  return a({}, o.typography.button, {
+    minWidth: 64,
+    padding: "6px 16px",
+    borderRadius: (o.vars || o).shape.borderRadius,
+    transition: o.transitions.create(["background-color", "box-shadow", "border-color", "color"], {
+      duration: o.transitions.duration.short
+    }),
+    "&:hover": a({
+      textDecoration: "none",
+      backgroundColor: o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : E(o.palette.text.primary, o.palette.action.hoverOpacity),
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: "transparent"
+      }
+    }, n.variant === "text" && n.color !== "inherit" && {
+      backgroundColor: o.vars ? `rgba(${o.vars.palette[n.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : E(o.palette[n.color].main, o.palette.action.hoverOpacity),
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: "transparent"
+      }
+    }, n.variant === "outlined" && n.color !== "inherit" && {
+      border: `1px solid ${(o.vars || o).palette[n.color].main}`,
+      backgroundColor: o.vars ? `rgba(${o.vars.palette[n.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : E(o.palette[n.color].main, o.palette.action.hoverOpacity),
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: "transparent"
+      }
+    }, n.variant === "contained" && {
+      backgroundColor: o.vars ? o.vars.palette.Button.inheritContainedHoverBg : e,
+      boxShadow: (o.vars || o).shadows[4],
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        boxShadow: (o.vars || o).shadows[2],
+        backgroundColor: (o.vars || o).palette.grey[300]
+      }
+    }, n.variant === "contained" && n.color !== "inherit" && {
+      backgroundColor: (o.vars || o).palette[n.color].dark,
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: (o.vars || o).palette[n.color].main
+      }
+    }),
+    "&:active": a({}, n.variant === "contained" && {
+      boxShadow: (o.vars || o).shadows[8]
+    }),
+    [`&.${R.focusVisible}`]: a({}, n.variant === "contained" && {
+      boxShadow: (o.vars || o).shadows[6]
+    }),
+    [`&.${R.disabled}`]: a({
+      color: (o.vars || o).palette.action.disabled
+    }, n.variant === "outlined" && {
+      border: `1px solid ${(o.vars || o).palette.action.disabledBackground}`
+    }, n.variant === "contained" && {
+      color: (o.vars || o).palette.action.disabled,
+      boxShadow: (o.vars || o).shadows[0],
+      backgroundColor: (o.vars || o).palette.action.disabledBackground
+    })
+  }, n.variant === "text" && {
+    padding: "6px 8px"
+  }, n.variant === "text" && n.color !== "inherit" && {
+    color: (o.vars || o).palette[n.color].main
+  }, n.variant === "outlined" && {
+    padding: "5px 15px",
+    border: "1px solid currentColor"
+  }, n.variant === "outlined" && n.color !== "inherit" && {
+    color: (o.vars || o).palette[n.color].main,
+    border: o.vars ? `1px solid rgba(${o.vars.palette[n.color].mainChannel} / 0.5)` : `1px solid ${E(o.palette[n.color].main, 0.5)}`
+  }, n.variant === "contained" && {
+    color: o.vars ? (
+      // this is safe because grey does not change between default light/dark mode
+      o.vars.palette.text.primary
+    ) : (t = (s = o.palette).getContrastText) == null ? void 0 : t.call(s, o.palette.grey[300]),
+    backgroundColor: o.vars ? o.vars.palette.Button.inheritContainedBg : r,
+    boxShadow: (o.vars || o).shadows[2]
+  }, n.variant === "contained" && n.color !== "inherit" && {
+    color: (o.vars || o).palette[n.color].contrastText,
+    backgroundColor: (o.vars || o).palette[n.color].main
+  }, n.color === "inherit" && {
+    color: "inherit",
+    borderColor: "currentColor"
+  }, n.size === "small" && n.variant === "text" && {
+    padding: "4px 5px",
+    fontSize: o.typography.pxToRem(13)
+  }, n.size === "large" && n.variant === "text" && {
+    padding: "8px 11px",
+    fontSize: o.typography.pxToRem(15)
+  }, n.size === "small" && n.variant === "outlined" && {
+    padding: "3px 9px",
+    fontSize: o.typography.pxToRem(13)
+  }, n.size === "large" && n.variant === "outlined" && {
+    padding: "7px 21px",
+    fontSize: o.typography.pxToRem(15)
+  }, n.size === "small" && n.variant === "contained" && {
+    padding: "4px 10px",
+    fontSize: o.typography.pxToRem(13)
+  }, n.size === "large" && n.variant === "contained" && {
+    padding: "8px 22px",
+    fontSize: o.typography.pxToRem(15)
+  }, n.fullWidth && {
+    width: "100%"
+  });
+}, ({
+  ownerState: o
+}) => o.disableElevation && {
+  boxShadow: "none",
+  "&:hover": {
+    boxShadow: "none"
+  },
+  [`&.${R.focusVisible}`]: {
+    boxShadow: "none"
+  },
+  "&:active": {
+    boxShadow: "none"
+  },
+  [`&.${R.disabled}`]: {
+    boxShadow: "none"
+  }
+}), co = f("span", {
+  name: "MuiButton",
+  slot: "StartIcon",
+  overridesResolver: (o, n) => {
+    const {
+      ownerState: t
+    } = o;
+    return [n.startIcon, n[`iconSize${l(t.size)}`]];
+  }
+})(({
+  ownerState: o
+}) => a({
+  display: "inherit",
+  marginRight: 8,
+  marginLeft: -4
+}, o.size === "small" && {
+  marginLeft: -2
+}, S(o))), uo = f("span", {
+  name: "MuiButton",
+  slot: "EndIcon",
+  overridesResolver: (o, n) => {
+    const {
+      ownerState: t
+    } = o;
+    return [n.endIcon, n[`iconSize${l(t.size)}`]];
+  }
+})(({
+  ownerState: o
+}) => a({
+  display: "inherit",
+  marginRight: -4,
+  marginLeft: 8
+}, o.size === "small" && {
+  marginRight: -2
+}, S(o))), H = /* @__PURE__ */ p.forwardRef(function(n, t) {
+  const s = p.useContext(G), r = p.useContext(ro), e = V(s, n), d = _({
+    props: e,
+    name: "MuiButton"
+  }), {
+    children: g,
+    color: x = "primary",
+    component: v = "button",
+    className: h,
+    disabled: z = !1,
+    disableElevation: $ = !1,
+    disableFocusRipple: B = !1,
+    endIcon: I,
+    focusVisibleClassName: m,
+    fullWidth: u = !1,
+    size: P = "medium",
+    startIcon: y,
+    type: T,
+    variant: q = "text"
+  } = d, J = j(d, so), L = a({}, d, {
+    color: x,
+    component: v,
+    disabled: z,
+    disableElevation: $,
+    disableFocusRipple: B,
+    fullWidth: u,
+    size: P,
+    type: T,
+    variant: q
+  }), C = lo(L), K = y && /* @__PURE__ */ b(co, {
+    className: C.startIcon,
+    ownerState: L,
+    children: y
+  }), Q = I && /* @__PURE__ */ b(uo, {
+    className: C.endIcon,
+    ownerState: L,
+    children: I
+  }), X = r || "";
+  return /* @__PURE__ */ O(eo, a({
+    ownerState: L,
+    className: k(s.className, C.root, h, X),
+    component: v,
+    disabled: z,
+    focusRipple: !B,
+    focusVisibleClassName: k(C.focusVisible, m),
+    ref: t,
+    type: T
+  }, J, {
+    classes: C,
+    children: [K, g, Q]
+  }));
+});
+process.env.NODE_ENV !== "production" && (H.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: i.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: i.object,
+  /**
+   * @ignore
+   */
+  className: i.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: i.oneOfType([i.oneOf(["inherit", "primary", "secondary", "success", "error", "info", "warning"]), i.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: i.elementType,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: i.bool,
+  /**
+   * If `true`, no elevation is used.
+   * @default false
+   */
+  disableElevation: i.bool,
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple: i.bool,
+  /**
+   * If `true`, the ripple effect is disabled.
+   *
+   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
+   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
+   * @default false
+   */
+  disableRipple: i.bool,
+  /**
+   * Element placed after the children.
+   */
+  endIcon: i.node,
+  /**
+   * @ignore
+   */
+  focusVisibleClassName: i.string,
+  /**
+   * If `true`, the button will take up the full width of its container.
+   * @default false
+   */
+  fullWidth: i.bool,
+  /**
+   * The URL to link to when the button is clicked.
+   * If defined, an `a` element will be used as the root node.
+   */
+  href: i.string,
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense button styling.
+   * @default 'medium'
+   */
+  size: i.oneOfType([i.oneOf(["small", "medium", "large"]), i.string]),
+  /**
+   * Element placed before the children.
+   */
+  startIcon: i.node,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: i.oneOfType([i.arrayOf(i.oneOfType([i.func, i.object, i.bool])), i.func, i.object]),
+  /**
+   * @ignore
+   */
+  type: i.oneOfType([i.oneOf(["button", "reset", "submit"]), i.string]),
+  /**
+   * The variant to use.
+   * @default 'text'
+   */
+  variant: i.oneOfType([i.oneOf(["contained", "outlined", "text"]), i.string])
+});
+const po = H;
+function go(o) {
+  return M("MuiLoadingButton", o);
+}
+const vo = W("MuiLoadingButton", ["root", "loading", "loadingIndicator", "loadingIndicatorCenter", "loadingIndicatorStart", "loadingIndicatorEnd", "endIconLoadingEnd", "startIconLoadingStart"]), c = vo, bo = ["children", "disabled", "id", "loading", "loadingIndicator", "loadingPosition", "variant"], fo = (o) => {
+  const {
+    loading: n,
+    loadingPosition: t,
+    classes: s
+  } = o, r = {
+    root: ["root", n && "loading"],
+    startIcon: [n && `startIconLoading${l(t)}`],
+    endIcon: [n && `endIconLoading${l(t)}`],
+    loadingIndicator: ["loadingIndicator", n && `loadingIndicator${l(t)}`]
+  }, e = D(r, go, s);
+  return a({}, s, e);
+}, xo = (o) => o !== "ownerState" && o !== "theme" && o !== "sx" && o !== "as" && o !== "classes", Io = f(po, {
+  shouldForwardProp: (o) => xo(o) || o === "classes",
+  name: "MuiLoadingButton",
+  slot: "Root",
+  overridesResolver: (o, n) => [n.root, n.startIconLoadingStart && {
+    [`& .${c.startIconLoadingStart}`]: n.startIconLoadingStart
+  }, n.endIconLoadingEnd && {
+    [`& .${c.endIconLoadingEnd}`]: n.endIconLoadingEnd
+  }]
+})(({
+  ownerState: o,
+  theme: n
+}) => a({
+  [`& .${c.startIconLoadingStart}, & .${c.endIconLoadingEnd}`]: {
+    transition: n.transitions.create(["opacity"], {
+      duration: n.transitions.duration.short
+    }),
+    opacity: 0
+  }
+}, o.loadingPosition === "center" && {
+  transition: n.transitions.create(["background-color", "box-shadow", "border-color"], {
+    duration: n.transitions.duration.short
+  }),
+  [`&.${c.loading}`]: {
+    color: "transparent"
+  }
+}, o.loadingPosition === "start" && o.fullWidth && {
+  [`& .${c.startIconLoadingStart}, & .${c.endIconLoadingEnd}`]: {
+    transition: n.transitions.create(["opacity"], {
+      duration: n.transitions.duration.short
+    }),
+    opacity: 0,
+    marginRight: -8
+  }
+}, o.loadingPosition === "end" && o.fullWidth && {
+  [`& .${c.startIconLoadingStart}, & .${c.endIconLoadingEnd}`]: {
+    transition: n.transitions.create(["opacity"], {
+      duration: n.transitions.duration.short
+    }),
+    opacity: 0,
+    marginLeft: -8
+  }
+})), yo = f("span", {
+  name: "MuiLoadingButton",
+  slot: "LoadingIndicator",
+  overridesResolver: (o, n) => {
+    const {
+      ownerState: t
+    } = o;
+    return [n.loadingIndicator, n[`loadingIndicator${l(t.loadingPosition)}`]];
+  }
+})(({
+  theme: o,
+  ownerState: n
+}) => a({
+  position: "absolute",
+  visibility: "visible",
+  display: "flex"
+}, n.loadingPosition === "start" && (n.variant === "outlined" || n.variant === "contained") && {
+  left: n.size === "small" ? 10 : 14
+}, n.loadingPosition === "start" && n.variant === "text" && {
+  left: 6
+}, n.loadingPosition === "center" && {
+  left: "50%",
+  transform: "translate(-50%)",
+  color: (o.vars || o).palette.action.disabled
+}, n.loadingPosition === "end" && (n.variant === "outlined" || n.variant === "contained") && {
+  right: n.size === "small" ? 10 : 14
+}, n.loadingPosition === "end" && n.variant === "text" && {
+  right: 6
+}, n.loadingPosition === "start" && n.fullWidth && {
+  position: "relative",
+  left: -10
+}, n.loadingPosition === "end" && n.fullWidth && {
+  position: "relative",
+  right: -10
+})), A = /* @__PURE__ */ p.forwardRef(function(n, t) {
+  const s = p.useContext(G), r = V(s, n), e = _({
+    props: r,
+    name: "MuiLoadingButton"
+  }), {
+    children: d,
+    disabled: g = !1,
+    id: x,
+    loading: v = !1,
+    loadingIndicator: h,
+    loadingPosition: z = "center",
+    variant: $ = "text"
+  } = e, B = j(e, bo), I = w(x), m = h ?? /* @__PURE__ */ b(no, {
+    "aria-labelledby": I,
+    color: "inherit",
+    size: 16
+  }), u = a({}, e, {
+    disabled: g,
+    loading: v,
+    loadingIndicator: m,
+    loadingPosition: z,
+    variant: $
+  }), P = fo(u), y = v ? /* @__PURE__ */ b(yo, {
+    className: P.loadingIndicator,
+    ownerState: u,
+    children: m
+  }) : null;
+  return /* @__PURE__ */ O(Io, a({
+    disabled: g || v,
+    id: I,
+    ref: t
+  }, B, {
+    variant: $,
+    classes: P,
+    ownerState: u,
+    children: [u.loadingPosition === "end" ? d : y, u.loadingPosition === "end" ? y : d]
+  }));
+});
+process.env.NODE_ENV !== "production" && (A.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: i.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: i.object,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: i.bool,
+  /**
+   * @ignore
+   */
+  id: i.string,
+  /**
+   * If `true`, the loading indicator is shown and the button becomes disabled.
+   * @default false
+   */
+  loading: i.bool,
+  /**
+   * Element placed before the children if the button is in loading state.
+   * The node should contain an element with `role="progressbar"` with an accessible name.
+   * By default we render a `CircularProgress` that is labelled by the button itself.
+   * @default <CircularProgress color="inherit" size={16} />
+   */
+  loadingIndicator: i.node,
+  /**
+   * The loading indicator can be positioned on the start, end, or the center of the button.
+   * @default 'center'
+   */
+  loadingPosition: oo(i.oneOf(["start", "end", "center"]), (o) => o.loadingPosition === "start" && !o.startIcon ? new Error('MUI: The loadingPosition="start" should be used in combination with startIcon.') : o.loadingPosition === "end" && !o.endIcon ? new Error('MUI: The loadingPosition="end" should be used in combination with endIcon.') : null),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: i.oneOfType([i.arrayOf(i.oneOfType([i.func, i.object, i.bool])), i.func, i.object]),
+  /**
+   * The variant to use.
+   * @default 'text'
+   */
+  variant: i.oneOfType([i.oneOf(["contained", "outlined", "text"]), i.string])
+});
+const Co = A, ho = f(Co, {
+  shouldForwardProp: (o) => o !== "contentColor" && o !== "hoverColor"
+})(({ contentColor: o, hoverColor: n, theme: t }) => ({
+  justifyContent: "center",
+  alignItems: "center",
+  columnGap: 8,
+  minHeight: 38,
+  paddingLeft: 12,
+  paddingRight: 12,
+  textTransform: "none",
+  color: o,
+  borderColor: o,
+  borderRadius: 5,
+  borderWidth: 2,
+  "&:hover": {
+    color: t.palette.common.white,
+    backgroundColor: n,
+    borderColor: n,
+    borderWidth: 2
+  }
+})), Oo = ({
+  icon: o,
+  text: n,
+  ...t
+}) => {
+  const s = io(), r = t.contentColor ?? s.palette.primary.main;
+  return /* @__PURE__ */ O(
+    ho,
+    {
+      ...t,
+      variant: "outlined",
+      contentColor: r,
+      hoverColor: t.hoverColor ?? r,
+      children: [
+        (o == null ? void 0 : o.position) === "left" ? /* @__PURE__ */ b(N, { ...o }) : null,
+        n,
+        (o == null ? void 0 : o.position) === "right" ? /* @__PURE__ */ b(N, { ...o }) : null
+      ]
+    }
+  );
+};
+export {
+  po as B,
+  Oo as D
+};

package/dist/DefaultButton-hVvpEkB-.cjs

@@ -0,0 +1 @@
+"use strict";const d=require("react/jsx-runtime"),q=require("react"),L=require("./components/buttons/DefaultButton/DefaultButtonIcon.cjs.js"),t=require("./styled-DV7nxKmR.cjs"),U=require("./ButtonBase-CMF_j3VP.cjs"),F=require("./useId-Cw0TtD-8.cjs"),G=require("./refType-DjLUlex0.cjs"),S=require("./CircularProgress-B-dk8p36.cjs"),H=require("./useTheme-BrAXEnUd.cjs");function A(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const i in o)if(i!=="default"){const a=Object.getOwnPropertyDescriptor(o,i);Object.defineProperty(n,i,a.get?a:{enumerable:!0,get:()=>o[i]})}}return n.default=o,Object.freeze(n)}const p=A(q);function J(o){return t.generateUtilityClass("MuiButton",o)}const K=t.generateUtilityClasses("MuiButton",["root","text","textInherit","textPrimary","textSecondary","textSuccess","textError","textInfo","textWarning","outlined","outlinedInherit","outlinedPrimary","outlinedSecondary","outlinedSuccess","outlinedError","outlinedInfo","outlinedWarning","contained","containedInherit","containedPrimary","containedSecondary","containedSuccess","containedError","containedInfo","containedWarning","disableElevation","focusVisible","disabled","colorInherit","textSizeSmall","textSizeMedium","textSizeLarge","outlinedSizeSmall","outlinedSizeMedium","outlinedSizeLarge","containedSizeSmall","containedSizeMedium","containedSizeLarge","sizeMedium","sizeSmall","sizeLarge","fullWidth","startIcon","endIcon","iconSizeSmall","iconSizeMedium","iconSizeLarge"]),B=K,m=p.createContext({});process.env.NODE_ENV!=="production"&&(m.displayName="ButtonGroupContext");const E=m,O=p.createContext(void 0);process.env.NODE_ENV!=="production"&&(O.displayName="ButtonGroupButtonContext");const Q=O,X=["children","color","component","className","disabled","disableElevation","disableFocusRipple","endIcon","focusVisibleClassName","fullWidth","size","startIcon","type","variant"],Y=o=>{const{color:n,disableElevation:i,fullWidth:a,size:r,variant:e,classes:s}=o,u={root:["root",e,`${e}${t.capitalize(n)}`,`size${t.capitalize(r)}`,`${e}Size${t.capitalize(r)}`,n==="inherit"&&"colorInherit",i&&"disableElevation",a&&"fullWidth"],label:["label"],startIcon:["startIcon",`iconSize${t.capitalize(r)}`],endIcon:["endIcon",`iconSize${t.capitalize(r)}`]},y=t.composeClasses(u,J,s);return t._extends({},s,y)},R=o=>t._extends({},o.size==="small"&&{"& > *:nth-of-type(1)":{fontSize:18}},o.size==="medium"&&{"& > *:nth-of-type(1)":{fontSize:20}},o.size==="large"&&{"& > *:nth-of-type(1)":{fontSize:22}}),Z=t.styled(U.ButtonBase,{shouldForwardProp:o=>t.rootShouldForwardProp(o)||o==="classes",name:"MuiButton",slot:"Root",overridesResolver:(o,n)=>{const{ownerState:i}=o;return[n.root,n[i.variant],n[`${i.variant}${t.capitalize(i.color)}`],n[`size${t.capitalize(i.size)}`],n[`${i.variant}Size${t.capitalize(i.size)}`],i.color==="inherit"&&n.colorInherit,i.disableElevation&&n.disableElevation,i.fullWidth&&n.fullWidth]}})(({theme:o,ownerState:n})=>{var i,a;const r=o.palette.mode==="light"?o.palette.grey[300]:o.palette.grey[800],e=o.palette.mode==="light"?o.palette.grey.A100:o.palette.grey[700];return t._extends({},o.typography.button,{minWidth:64,padding:"6px 16px",borderRadius:(o.vars||o).shape.borderRadius,transition:o.transitions.create(["background-color","box-shadow","border-color","color"],{duration:o.transitions.duration.short}),"&:hover":t._extends({textDecoration:"none",backgroundColor:o.vars?`rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})`:t.alpha(o.palette.text.primary,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},n.variant==="text"&&n.color!=="inherit"&&{backgroundColor:o.vars?`rgba(${o.vars.palette[n.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:t.alpha(o.palette[n.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},n.variant==="outlined"&&n.color!=="inherit"&&{border:`1px solid ${(o.vars||o).palette[n.color].main}`,backgroundColor:o.vars?`rgba(${o.vars.palette[n.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:t.alpha(o.palette[n.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},n.variant==="contained"&&{backgroundColor:o.vars?o.vars.palette.Button.inheritContainedHoverBg:e,boxShadow:(o.vars||o).shadows[4],"@media (hover: none)":{boxShadow:(o.vars||o).shadows[2],backgroundColor:(o.vars||o).palette.grey[300]}},n.variant==="contained"&&n.color!=="inherit"&&{backgroundColor:(o.vars||o).palette[n.color].dark,"@media (hover: none)":{backgroundColor:(o.vars||o).palette[n.color].main}}),"&:active":t._extends({},n.variant==="contained"&&{boxShadow:(o.vars||o).shadows[8]}),[`&.${B.focusVisible}`]:t._extends({},n.variant==="contained"&&{boxShadow:(o.vars||o).shadows[6]}),[`&.${B.disabled}`]:t._extends({color:(o.vars||o).palette.action.disabled},n.variant==="outlined"&&{border:`1px solid ${(o.vars||o).palette.action.disabledBackground}`},n.variant==="contained"&&{color:(o.vars||o).palette.action.disabled,boxShadow:(o.vars||o).shadows[0],backgroundColor:(o.vars||o).palette.action.disabledBackground})},n.variant==="text"&&{padding:"6px 8px"},n.variant==="text"&&n.color!=="inherit"&&{color:(o.vars||o).palette[n.color].main},n.variant==="outlined"&&{padding:"5px 15px",border:"1px solid currentColor"},n.variant==="outlined"&&n.color!=="inherit"&&{color:(o.vars||o).palette[n.color].main,border:o.vars?`1px solid rgba(${o.vars.palette[n.color].mainChannel} / 0.5)`:`1px solid ${t.alpha(o.palette[n.color].main,.5)}`},n.variant==="contained"&&{color:o.vars?o.vars.palette.text.primary:(i=(a=o.palette).getContrastText)==null?void 0:i.call(a,o.palette.grey[300]),backgroundColor:o.vars?o.vars.palette.Button.inheritContainedBg:r,boxShadow:(o.vars||o).shadows[2]},n.variant==="contained"&&n.color!=="inherit"&&{color:(o.vars||o).palette[n.color].contrastText,backgroundColor:(o.vars||o).palette[n.color].main},n.color==="inherit"&&{color:"inherit",borderColor:"currentColor"},n.size==="small"&&n.variant==="text"&&{padding:"4px 5px",fontSize:o.typography.pxToRem(13)},n.size==="large"&&n.variant==="text"&&{padding:"8px 11px",fontSize:o.typography.pxToRem(15)},n.size==="small"&&n.variant==="outlined"&&{padding:"3px 9px",fontSize:o.typography.pxToRem(13)},n.size==="large"&&n.variant==="outlined"&&{padding:"7px 21px",fontSize:o.typography.pxToRem(15)},n.size==="small"&&n.variant==="contained"&&{padding:"4px 10px",fontSize:o.typography.pxToRem(13)},n.size==="large"&&n.variant==="contained"&&{padding:"8px 22px",fontSize:o.typography.pxToRem(15)},n.fullWidth&&{width:"100%"})},({ownerState:o})=>o.disableElevation&&{boxShadow:"none","&:hover":{boxShadow:"none"},[`&.${B.focusVisible}`]:{boxShadow:"none"},"&:active":{boxShadow:"none"},[`&.${B.disabled}`]:{boxShadow:"none"}}),w=t.styled("span",{name:"MuiButton",slot:"StartIcon",overridesResolver:(o,n)=>{const{ownerState:i}=o;return[n.startIcon,n[`iconSize${t.capitalize(i.size)}`]]}})(({ownerState:o})=>t._extends({display:"inherit",marginRight:8,marginLeft:-4},o.size==="small"&&{marginLeft:-2},R(o))),oo=t.styled("span",{name:"MuiButton",slot:"EndIcon",overridesResolver:(o,n)=>{const{ownerState:i}=o;return[n.endIcon,n[`iconSize${t.capitalize(i.size)}`]]}})(({ownerState:o})=>t._extends({display:"inherit",marginRight:-4,marginLeft:8},o.size==="small"&&{marginRight:-2},R(o))),_=p.forwardRef(function(n,i){const a=p.useContext(E),r=p.useContext(Q),e=t.resolveProps(a,n),s=t.useThemeProps({props:e,name:"MuiButton"}),{children:u,color:y="primary",component:g="button",className:f,disabled:P=!1,disableElevation:T=!1,disableFocusRipple:I=!1,endIcon:v,focusVisibleClassName:C,fullWidth:c=!1,size:z="medium",startIcon:b,type:$,variant:k="text"}=s,W=t._objectWithoutPropertiesLoose(s,X),h=t._extends({},s,{color:y,component:g,disabled:P,disableElevation:T,disableFocusRipple:I,fullWidth:c,size:z,type:$,variant:k}),x=Y(h),M=b&&d.jsx(w,{className:x.startIcon,ownerState:h,children:b}),V=v&&d.jsx(oo,{className:x.endIcon,ownerState:h,children:v}),D=r||"";return d.jsxs(Z,t._extends({ownerState:h,className:t.clsx(a.className,x.root,f,D),component:g,disabled:P,focusRipple:!I,focusVisibleClassName:t.clsx(x.focusVisible,C),ref:i,type:$},W,{classes:x,children:[M,u,V]}))});process.env.NODE_ENV!=="production"&&(_.propTypes={children:t.PropTypes.node,classes:t.PropTypes.object,className:t.PropTypes.string,color:t.PropTypes.oneOfType([t.PropTypes.oneOf(["inherit","primary","secondary","success","error","info","warning"]),t.PropTypes.string]),component:t.PropTypes.elementType,disabled:t.PropTypes.bool,disableElevation:t.PropTypes.bool,disableFocusRipple:t.PropTypes.bool,disableRipple:t.PropTypes.bool,endIcon:t.PropTypes.node,focusVisibleClassName:t.PropTypes.string,fullWidth:t.PropTypes.bool,href:t.PropTypes.string,size:t.PropTypes.oneOfType([t.PropTypes.oneOf(["small","medium","large"]),t.PropTypes.string]),startIcon:t.PropTypes.node,sx:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object,t.PropTypes.bool])),t.PropTypes.func,t.PropTypes.object]),type:t.PropTypes.oneOfType([t.PropTypes.oneOf(["button","reset","submit"]),t.PropTypes.string]),variant:t.PropTypes.oneOfType([t.PropTypes.oneOf(["contained","outlined","text"]),t.PropTypes.string])});const N=_;function no(o){return t.generateUtilityClass("MuiLoadingButton",o)}const to=t.generateUtilityClasses("MuiLoadingButton",["root","loading","loadingIndicator","loadingIndicatorCenter","loadingIndicatorStart","loadingIndicatorEnd","endIconLoadingEnd","startIconLoadingStart"]),l=to,io=["children","disabled","id","loading","loadingIndicator","loadingPosition","variant"],ao=o=>{const{loading:n,loadingPosition:i,classes:a}=o,r={root:["root",n&&"loading"],startIcon:[n&&`startIconLoading${t.capitalize(i)}`],endIcon:[n&&`endIconLoading${t.capitalize(i)}`],loadingIndicator:["loadingIndicator",n&&`loadingIndicator${t.capitalize(i)}`]},e=t.composeClasses(r,no,a);return t._extends({},a,e)},ro=o=>o!=="ownerState"&&o!=="theme"&&o!=="sx"&&o!=="as"&&o!=="classes",eo=t.styled(N,{shouldForwardProp:o=>ro(o)||o==="classes",name:"MuiLoadingButton",slot:"Root",overridesResolver:(o,n)=>[n.root,n.startIconLoadingStart&&{[`& .${l.startIconLoadingStart}`]:n.startIconLoadingStart},n.endIconLoadingEnd&&{[`& .${l.endIconLoadingEnd}`]:n.endIconLoadingEnd}]})(({ownerState:o,theme:n})=>t._extends({[`& .${l.startIconLoadingStart}, & .${l.endIconLoadingEnd}`]:{transition:n.transitions.create(["opacity"],{duration:n.transitions.duration.short}),opacity:0}},o.loadingPosition==="center"&&{transition:n.transitions.create(["background-color","box-shadow","border-color"],{duration:n.transitions.duration.short}),[`&.${l.loading}`]:{color:"transparent"}},o.loadingPosition==="start"&&o.fullWidth&&{[`& .${l.startIconLoadingStart}, & .${l.endIconLoadingEnd}`]:{transition:n.transitions.create(["opacity"],{duration:n.transitions.duration.short}),opacity:0,marginRight:-8}},o.loadingPosition==="end"&&o.fullWidth&&{[`& .${l.startIconLoadingStart}, & .${l.endIconLoadingEnd}`]:{transition:n.transitions.create(["opacity"],{duration:n.transitions.duration.short}),opacity:0,marginLeft:-8}})),so=t.styled("span",{name:"MuiLoadingButton",slot:"LoadingIndicator",overridesResolver:(o,n)=>{const{ownerState:i}=o;return[n.loadingIndicator,n[`loadingIndicator${t.capitalize(i.loadingPosition)}`]]}})(({theme:o,ownerState:n})=>t._extends({position:"absolute",visibility:"visible",display:"flex"},n.loadingPosition==="start"&&(n.variant==="outlined"||n.variant==="contained")&&{left:n.size==="small"?10:14},n.loadingPosition==="start"&&n.variant==="text"&&{left:6},n.loadingPosition==="center"&&{left:"50%",transform:"translate(-50%)",color:(o.vars||o).palette.action.disabled},n.loadingPosition==="end"&&(n.variant==="outlined"||n.variant==="contained")&&{right:n.size==="small"?10:14},n.loadingPosition==="end"&&n.variant==="text"&&{right:6},n.loadingPosition==="start"&&n.fullWidth&&{position:"relative",left:-10},n.loadingPosition==="end"&&n.fullWidth&&{position:"relative",right:-10})),j=p.forwardRef(function(n,i){const a=p.useContext(E),r=t.resolveProps(a,n),e=t.useThemeProps({props:r,name:"MuiLoadingButton"}),{children:s,disabled:u=!1,id:y,loading:g=!1,loadingIndicator:f,loadingPosition:P="center",variant:T="text"}=e,I=t._objectWithoutPropertiesLoose(e,io),v=F.useId(y),C=f??d.jsx(S.CircularProgress,{"aria-labelledby":v,color:"inherit",size:16}),c=t._extends({},e,{disabled:u,loading:g,loadingIndicator:C,loadingPosition:P,variant:T}),z=ao(c),b=g?d.jsx(so,{className:z.loadingIndicator,ownerState:c,children:C}):null;return d.jsxs(eo,t._extends({disabled:u||g,id:v,ref:i},I,{variant:T,classes:z,ownerState:c,children:[c.loadingPosition==="end"?s:b,c.loadingPosition==="end"?b:s]}))});process.env.NODE_ENV!=="production"&&(j.propTypes={children:t.PropTypes.node,classes:t.PropTypes.object,disabled:t.PropTypes.bool,id:t.PropTypes.string,loading:t.PropTypes.bool,loadingIndicator:t.PropTypes.node,loadingPosition:G.chainPropTypes(t.PropTypes.oneOf(["start","end","center"]),o=>o.loadingPosition==="start"&&!o.startIcon?new Error('MUI: The loadingPosition="start" should be used in combination with startIcon.'):o.loadingPosition==="end"&&!o.endIcon?new Error('MUI: The loadingPosition="end" should be used in combination with endIcon.'):null),sx:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object,t.PropTypes.bool])),t.PropTypes.func,t.PropTypes.object]),variant:t.PropTypes.oneOfType([t.PropTypes.oneOf(["contained","outlined","text"]),t.PropTypes.string])});const lo=j,co=t.styled(lo,{shouldForwardProp:o=>o!=="contentColor"&&o!=="hoverColor"})(({contentColor:o,hoverColor:n,theme:i})=>({justifyContent:"center",alignItems:"center",columnGap:8,minHeight:38,paddingLeft:12,paddingRight:12,textTransform:"none",color:o,borderColor:o,borderRadius:5,borderWidth:2,"&:hover":{color:i.palette.common.white,backgroundColor:n,borderColor:n,borderWidth:2}})),po=({icon:o,text:n,...i})=>{const a=H.useTheme(),r=i.contentColor??a.palette.primary.main;return d.jsxs(co,{...i,variant:"outlined",contentColor:r,hoverColor:i.hoverColor??r,children:[(o==null?void 0:o.position)==="left"?d.jsx(L,{...o}):null,n,(o==null?void 0:o.position)==="right"?d.jsx(L,{...o}):null]})};exports.Button=N;exports.DefaultButton=po;

package/dist/IconButton-CdjDa5De.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("./styled-DV7nxKmR.cjs"),P=require("react"),z=require("react/jsx-runtime"),h=require("./ButtonBase-CMF_j3VP.cjs"),m=require("./refType-DjLUlex0.cjs");function B(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:()=>o[r]})}}return t.default=o,Object.freeze(t)}const l=B(P);function u(o){return e.generateUtilityClass("MuiIconButton",o)}const C=e.generateUtilityClasses("MuiIconButton",["root","disabled","colorInherit","colorPrimary","colorSecondary","colorError","colorInfo","colorSuccess","colorWarning","edgeStart","edgeEnd","sizeSmall","sizeMedium","sizeLarge"]),y=C,R=["edge","children","className","color","disabled","disableFocusRipple","size"],O=o=>{const{classes:t,disabled:r,color:s,edge:n,size:a}=o,i={root:["root",r&&"disabled",s!=="default"&&`color${e.capitalize(s)}`,n&&`edge${e.capitalize(n)}`,`size${e.capitalize(a)}`]};return e.composeClasses(i,u,t)},x=e.styled(h.ButtonBase,{name:"MuiIconButton",slot:"Root",overridesResolver:(o,t)=>{const{ownerState:r}=o;return[t.root,r.color!=="default"&&t[`color${e.capitalize(r.color)}`],r.edge&&t[`edge${e.capitalize(r.edge)}`],t[`size${e.capitalize(r.size)}`]]}})(({theme:o,ownerState:t})=>e._extends({textAlign:"center",flex:"0 0 auto",fontSize:o.typography.pxToRem(24),padding:8,borderRadius:"50%",overflow:"visible",color:(o.vars||o).palette.action.active,transition:o.transitions.create("background-color",{duration:o.transitions.duration.shortest})},!t.disableRipple&&{"&: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),"@media (hover: none)":{backgroundColor:"transparent"}}},t.edge==="start"&&{marginLeft:t.size==="small"?-3:-12},t.edge==="end"&&{marginRight:t.size==="small"?-3:-12}),({theme:o,ownerState:t})=>{var r;const s=(r=(o.vars||o).palette)==null?void 0:r[t.color];return e._extends({},t.color==="inherit"&&{color:"inherit"},t.color!=="inherit"&&t.color!=="default"&&e._extends({color:s==null?void 0:s.main},!t.disableRipple&&{"&:hover":e._extends({},s&&{backgroundColor:o.vars?`rgba(${s.mainChannel} / ${o.vars.palette.action.hoverOpacity})`:e.alpha(s.main,o.palette.action.hoverOpacity)},{"@media (hover: none)":{backgroundColor:"transparent"}})}),t.size==="small"&&{padding:5,fontSize:o.typography.pxToRem(18)},t.size==="large"&&{padding:12,fontSize:o.typography.pxToRem(28)},{[`&.${y.disabled}`]:{backgroundColor:"transparent",color:(o.vars||o).palette.action.disabled}})}),g=l.forwardRef(function(t,r){const s=e.useThemeProps({props:t,name:"MuiIconButton"}),{edge:n=!1,children:a,className:i,color:f="default",disabled:c=!1,disableFocusRipple:p=!1,size:b="medium"}=s,T=e._objectWithoutPropertiesLoose(s,R),d=e._extends({},s,{edge:n,color:f,disabled:c,disableFocusRipple:p,size:b}),v=O(d);return z.jsx(x,e._extends({className:e.clsx(v.root,i),centerRipple:!0,focusRipple:!p,disabled:c,ref:r,ownerState:d},T,{children:a}))});process.env.NODE_ENV!=="production"&&(g.propTypes={children:m.chainPropTypes(e.PropTypes.node,o=>l.Children.toArray(o.children).some(r=>l.isValidElement(r)&&r.props.onClick)?new Error(["MUI: You are providing an onClick event listener to a child of a button element.","Prefer applying it to the IconButton directly.","This guarantees that the whole <button> will be responsive to click events."].join(`
+`)):null),classes:e.PropTypes.object,className:e.PropTypes.string,color:e.PropTypes.oneOfType([e.PropTypes.oneOf(["inherit","default","primary","secondary","error","info","success","warning"]),e.PropTypes.string]),disabled:e.PropTypes.bool,disableFocusRipple:e.PropTypes.bool,disableRipple:e.PropTypes.bool,edge:e.PropTypes.oneOf(["end","start",!1]),size:e.PropTypes.oneOfType([e.PropTypes.oneOf(["small","medium","large"]),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])});const I=g;exports.IconButton=I;exports.getIconButtonUtilityClass=u;exports.iconButtonClasses=y;