@cgi-learning-hub/ui 0.0.1-dev.1708959157 → 0.0.1-dev.1708964890

package/dist/components/buttons/DefaultButton/DefaultButton.es.js

@@ -1,9 +1,579 @@
-import "react/jsx-runtime";
-import "react";
-import "./DefaultButtonIcon.es.js";
-import "../../../useThemeProps-CHytz5pp.js";
-import { D as e } from "../../../DefaultButton-BlGFPRC7.js";
-import "../../../useTheme-BZek68TX.js";
+import { jsx as b, jsxs as O } from "react/jsx-runtime";
+import * as p from "react";
+import N from "./DefaultButtonIcon.es.js";
+import { g as W, a as M, s as f, r as Y, c as l, _ as a, i as E, o as V, b as _, e as j, f as k, P as i, h as F } from "../../../useThemeProps-Dg9Uoq7q.js";
+import { B as Z } from "../../../ButtonBase-B0tkJ9zf.js";
+import { u as w } from "../../../useId-BW-oWmul.js";
+import { c as oo } from "../../../refType-Hh9tfnoF.js";
+import { C as no } from "../../../CircularProgress-CguDBnxV.js";
+import { u as io } from "../../../useTheme-DJEDOopE.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, G = /* @__PURE__ */ p.createContext({});
+process.env.NODE_ENV !== "production" && (G.displayName = "ButtonGroupContext");
+const U = G, D = /* @__PURE__ */ p.createContext(void 0);
+process.env.NODE_ENV !== "production" && (D.displayName = "ButtonGroupButtonContext");
+const ro = D, 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 = F(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(U), 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 = F(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(U), 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 {
-  e as default
+  Oo as default
 };

package/dist/components/buttons/DefaultButton/DefaultButtonIcon.cjs.js

@@ -1 +1 @@
-"use strict";const i=require("react/jsx-runtime"),m=require("react"),o=require("../../../useThemeProps-C6ClLEqN.cjs");function T(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,s.get?s:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const P=T(m);function g(e){return o.generateUtilityClass("MuiIcon",e)}o.generateUtilityClasses("MuiIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);const S=["baseClassName","className","color","component","fontSize"],b=e=>{const{color:r,fontSize:n,classes:s}=e,t={root:["root",r!=="inherit"&&`color${o.capitalize(r)}`,`fontSize${o.capitalize(n)}`]};return o.composeClasses(t,g,s)},z=o.styled("span",{name:"MuiIcon",slot:"Root",overridesResolver:(e,r)=>{const{ownerState:n}=e;return[r.root,n.color!=="inherit"&&r[`color${o.capitalize(n.color)}`],r[`fontSize${o.capitalize(n.fontSize)}`]]}})(({theme:e,ownerState:r})=>({userSelect:"none",width:"1em",height:"1em",overflow:"hidden",display:"inline-block",textAlign:"center",flexShrink:0,fontSize:{inherit:"inherit",small:e.typography.pxToRem(20),medium:e.typography.pxToRem(24),large:e.typography.pxToRem(36)}[r.fontSize],color:{primary:(e.vars||e).palette.primary.main,secondary:(e.vars||e).palette.secondary.main,info:(e.vars||e).palette.info.main,success:(e.vars||e).palette.success.main,warning:(e.vars||e).palette.warning.main,action:(e.vars||e).palette.action.active,error:(e.vars||e).palette.error.main,disabled:(e.vars||e).palette.action.disabled,inherit:void 0}[r.color]})),a=P.forwardRef(function(r,n){const s=o.useThemeProps({props:r,name:"MuiIcon"}),{baseClassName:t="material-icons",className:l,color:u="inherit",component:c="span",fontSize:y="medium"}=s,f=o._objectWithoutPropertiesLoose(s,S),p=o._extends({},s,{baseClassName:t,color:u,component:c,fontSize:y}),d=b(p);return i.jsx(z,o._extends({as:c,className:o.clsx(t,"notranslate",d.root,l),ownerState:p,"aria-hidden":!0,ref:n},f))});process.env.NODE_ENV!=="production"&&(a.propTypes={baseClassName:o.PropTypes.string,children:o.PropTypes.node,classes:o.PropTypes.object,className:o.PropTypes.string,color:o.PropTypes.oneOfType([o.PropTypes.oneOf(["inherit","action","disabled","primary","secondary","error","info","success","warning"]),o.PropTypes.string]),component:o.PropTypes.elementType,fontSize:o.PropTypes.oneOfType([o.PropTypes.oneOf(["inherit","large","medium","small"]),o.PropTypes.string]),sx:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.oneOfType([o.PropTypes.func,o.PropTypes.object,o.PropTypes.bool])),o.PropTypes.func,o.PropTypes.object])});a.muiName="Icon";const v=a,x=({Component:e,name:r})=>r?i.jsx(v,{children:r}):i.jsx(e,{});module.exports=x;
+"use strict";const i=require("react/jsx-runtime"),m=require("react"),o=require("../../../useThemeProps-jkB5q9ie.cjs");function T(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,s.get?s:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const P=T(m);function g(e){return o.generateUtilityClass("MuiIcon",e)}o.generateUtilityClasses("MuiIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);const S=["baseClassName","className","color","component","fontSize"],b=e=>{const{color:r,fontSize:n,classes:s}=e,t={root:["root",r!=="inherit"&&`color${o.capitalize(r)}`,`fontSize${o.capitalize(n)}`]};return o.composeClasses(t,g,s)},z=o.styled("span",{name:"MuiIcon",slot:"Root",overridesResolver:(e,r)=>{const{ownerState:n}=e;return[r.root,n.color!=="inherit"&&r[`color${o.capitalize(n.color)}`],r[`fontSize${o.capitalize(n.fontSize)}`]]}})(({theme:e,ownerState:r})=>({userSelect:"none",width:"1em",height:"1em",overflow:"hidden",display:"inline-block",textAlign:"center",flexShrink:0,fontSize:{inherit:"inherit",small:e.typography.pxToRem(20),medium:e.typography.pxToRem(24),large:e.typography.pxToRem(36)}[r.fontSize],color:{primary:(e.vars||e).palette.primary.main,secondary:(e.vars||e).palette.secondary.main,info:(e.vars||e).palette.info.main,success:(e.vars||e).palette.success.main,warning:(e.vars||e).palette.warning.main,action:(e.vars||e).palette.action.active,error:(e.vars||e).palette.error.main,disabled:(e.vars||e).palette.action.disabled,inherit:void 0}[r.color]})),a=P.forwardRef(function(r,n){const s=o.useThemeProps({props:r,name:"MuiIcon"}),{baseClassName:t="material-icons",className:l,color:u="inherit",component:c="span",fontSize:y="medium"}=s,f=o._objectWithoutPropertiesLoose(s,S),p=o._extends({},s,{baseClassName:t,color:u,component:c,fontSize:y}),d=b(p);return i.jsx(z,o._extends({as:c,className:o.clsx(t,"notranslate",d.root,l),ownerState:p,"aria-hidden":!0,ref:n},f))});process.env.NODE_ENV!=="production"&&(a.propTypes={baseClassName:o.PropTypes.string,children:o.PropTypes.node,classes:o.PropTypes.object,className:o.PropTypes.string,color:o.PropTypes.oneOfType([o.PropTypes.oneOf(["inherit","action","disabled","primary","secondary","error","info","success","warning"]),o.PropTypes.string]),component:o.PropTypes.elementType,fontSize:o.PropTypes.oneOfType([o.PropTypes.oneOf(["inherit","large","medium","small"]),o.PropTypes.string]),sx:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.oneOfType([o.PropTypes.func,o.PropTypes.object,o.PropTypes.bool])),o.PropTypes.func,o.PropTypes.object])});a.muiName="Icon";const v=a,x=({Component:e,name:r})=>r?i.jsx(v,{children:r}):i.jsx(e,{});module.exports=x;

package/dist/components/buttons/DefaultButton/DefaultButtonIcon.es.js

@@ -1,10 +1,10 @@
 import { jsx as i } from "react/jsx-runtime";
 import * as S from "react";
-import { c as v, g as z, s as b, e as t, f as I, _ as x, a as f, h as T, P as e, j as N } from "../../../useThemeProps-CHytz5pp.js";
+import { a as b, g as v, s as z, c as t, b as I, e as x, _ as f, f as T, P as e, h as N } from "../../../useThemeProps-Dg9Uoq7q.js";
 function C(o) {
-  return v("MuiIcon", o);
+  return b("MuiIcon", o);
 }
-z("MuiIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
+v("MuiIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
 const w = ["baseClassName", "className", "color", "component", "fontSize"], O = (o) => {
   const {
     color: n,
@@ -14,7 +14,7 @@ const w = ["baseClassName", "className", "color", "component", "fontSize"], O =
     root: ["root", n !== "inherit" && `color${t(n)}`, `fontSize${t(r)}`]
   };
   return N(a, C, s);
-}, R = b("span", {
+}, R = z("span", {
   name: "MuiIcon",
   slot: "Root",
   overridesResolver: (o, n) => {

package/dist/components/buttons/DefaultButton/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../DefaultButton-BD9W4fvr.cjs");exports.DefaultButton=t.DefaultButton;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./DefaultButton.cjs.js");exports.DefaultButton=t;

package/dist/components/buttons/DefaultButton/index.es.js

@@ -1,4 +1,4 @@
-import { D as a } from "../../../DefaultButton-BlGFPRC7.js";
+import { default as e } from "./DefaultButton.es.js";
 export {
-  a as DefaultButton
+  e as DefaultButton
 };

package/dist/components/buttons/IconButton.stories.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../../createSvgIcon-BX8WQ5r-.cjs"),c=require("../../IconButton-De7ZdW2q.cjs");var t={},s=r.interopRequireDefaultExports;Object.defineProperty(t,"__esModule",{value:!0});var n=t.default=void 0,a=s(r.requireCreateSvgIcon()),i=e;n=t.default=(0,a.default)((0,i.jsx)("path",{d:"M17.81 4.47c-.08 0-.16-.02-.23-.06C15.66 3.42 14 3 12.01 3c-1.98 0-3.86.47-5.57 1.41-.24.13-.54.04-.68-.2-.13-.24-.04-.55.2-.68C7.82 2.52 9.86 2 12.01 2c2.13 0 3.99.47 6.03 1.52.25.13.34.43.21.67-.09.18-.26.28-.44.28M3.5 9.72c-.1 0-.2-.03-.29-.09-.23-.16-.28-.47-.12-.7.99-1.4 2.25-2.5 3.75-3.27C9.98 4.04 14 4.03 17.15 5.65c1.5.77 2.76 1.86 3.75 3.25.16.22.11.54-.12.7-.23.16-.54.11-.7-.12-.9-1.26-2.04-2.25-3.39-2.94-2.87-1.47-6.54-1.47-9.4.01-1.36.7-2.5 1.7-3.4 2.96-.08.14-.23.21-.39.21m6.25 12.07c-.13 0-.26-.05-.35-.15-.87-.87-1.34-1.43-2.01-2.64-.69-1.23-1.05-2.73-1.05-4.34 0-2.97 2.54-5.39 5.66-5.39s5.66 2.42 5.66 5.39c0 .28-.22.5-.5.5s-.5-.22-.5-.5c0-2.42-2.09-4.39-4.66-4.39-2.57 0-4.66 1.97-4.66 4.39 0 1.44.32 2.77.93 3.85.64 1.15 1.08 1.64 1.85 2.42.19.2.19.51 0 .71-.11.1-.24.15-.37.15m7.17-1.85c-1.19 0-2.24-.3-3.1-.89-1.49-1.01-2.38-2.65-2.38-4.39 0-.28.22-.5.5-.5s.5.22.5.5c0 1.41.72 2.74 1.94 3.56.71.48 1.54.71 2.54.71.24 0 .64-.03 1.04-.1.27-.05.53.13.58.41.05.27-.13.53-.41.58-.57.11-1.07.12-1.21.12M14.91 22c-.04 0-.09-.01-.13-.02-1.59-.44-2.63-1.03-3.72-2.1-1.4-1.39-2.17-3.24-2.17-5.22 0-1.62 1.38-2.94 3.08-2.94 1.7 0 3.08 1.32 3.08 2.94 0 1.07.93 1.94 2.08 1.94s2.08-.87 2.08-1.94c0-3.77-3.25-6.83-7.25-6.83-2.84 0-5.44 1.58-6.61 4.03-.39.81-.59 1.76-.59 2.8 0 .78.07 2.01.67 3.61.1.26-.03.55-.29.64-.26.1-.55-.04-.64-.29-.49-1.31-.73-2.61-.73-3.96 0-1.2.23-2.29.68-3.24 1.33-2.79 4.28-4.6 7.51-4.6 4.55 0 8.25 3.51 8.25 7.83 0 1.62-1.38 2.94-3.08 2.94s-3.08-1.32-3.08-2.94c0-1.07-.93-1.94-2.08-1.94s-2.08.87-2.08 1.94c0 1.71.66 3.31 1.87 4.51.95.94 1.86 1.46 3.27 1.85.27.07.42.35.35.61-.05.23-.26.38-.47.38"}),"Fingerprint");const l={title:"Components/Buttons/IconButton",component:c.IconButton,argTypes:{}},d=u=>e.jsx(c.IconButton,{...u}),o=d.bind({});o.args={children:e.jsx(n,{}),onClick:()=>alert("Alert"),disabled:!1};exports.Default=o;exports.default=l;

package/dist/components/buttons/IconButton.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta, StoryFn } from "@storybook/react";
+declare const stories: Meta<StoryFn<any>>;
+export declare const Default: any;
+export default stories;