@amateescu/portal-ui-components 0.0.7-beta2 → 0.0.7-beta4

package/dist/types/CustomSvg.d.ts

@@ -0,0 +1,5 @@
+import { FunctionComponent, SVGProps } from 'react';
+type CustomSvg = FunctionComponent<SVGProps<SVGSVGElement> & {
+    title?: string;
+}>;
+export default CustomSvg;

package/dist/types/CustomSvg.js

@@ -0,0 +1 @@
+

package/package.json

@@ -2,7 +2,7 @@
   "name": "@amateescu/portal-ui-components",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
-  "version": "0.0.7-beta2",
+  "version": "0.0.7-beta4",
   "type": "module",
   "files": [
     "dist"

package/dist/Button-toPW5zuy.js

@@ -1,355 +0,0 @@
-import { _ as j, a as t } from "./index-kNWC7pFF.js";
-import * as p from "react";
-import { g as D, a as F, r as G, u as U, c as r, b as H, s as f, l as A, m as v, d as m, P as n } from "./generateUtilityClasses-BzhjuzcK.js";
-import { jsx as R, jsxs as q } from "react/jsx-runtime";
-import { B as J } from "./ButtonBase-CHdm_9Jj.js";
-function K(o) {
-  return D("MuiButton", o);
-}
-const b = F("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", "colorPrimary", "colorSecondary", "colorSuccess", "colorError", "colorInfo", "colorWarning", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "icon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]), E = /* @__PURE__ */ p.createContext({});
-process.env.NODE_ENV !== "production" && (E.displayName = "ButtonGroupContext");
-const N = /* @__PURE__ */ p.createContext(void 0);
-process.env.NODE_ENV !== "production" && (N.displayName = "ButtonGroupButtonContext");
-const Q = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"], X = (o) => {
-  const {
-    color: a,
-    disableElevation: i,
-    fullWidth: l,
-    size: s,
-    variant: e,
-    classes: c
-  } = o, g = {
-    root: ["root", e, `${e}${r(a)}`, `size${r(s)}`, `${e}Size${r(s)}`, `color${r(a)}`, i && "disableElevation", l && "fullWidth"],
-    label: ["label"],
-    startIcon: ["icon", "startIcon", `iconSize${r(s)}`],
-    endIcon: ["icon", "endIcon", `iconSize${r(s)}`]
-  }, x = H(g, K, c);
-  return t({}, c, x);
-}, h = (o) => t({}, 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
-  }
-}), Y = f(J, {
-  shouldForwardProp: (o) => A(o) || o === "classes",
-  name: "MuiButton",
-  slot: "Root",
-  overridesResolver: (o, a) => {
-    const {
-      ownerState: i
-    } = o;
-    return [a.root, a[i.variant], a[`${i.variant}${r(i.color)}`], a[`size${r(i.size)}`], a[`${i.variant}Size${r(i.size)}`], i.color === "inherit" && a.colorInherit, i.disableElevation && a.disableElevation, i.fullWidth && a.fullWidth];
-  }
-})(({
-  theme: o,
-  ownerState: a
-}) => {
-  var i, l;
-  const s = 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({}, 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({
-      textDecoration: "none",
-      backgroundColor: o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette.text.primary, o.palette.action.hoverOpacity),
-      // Reset on touch devices, it doesn't add specificity
-      "@media (hover: none)": {
-        backgroundColor: "transparent"
-      }
-    }, a.variant === "text" && a.color !== "inherit" && {
-      backgroundColor: o.vars ? `rgba(${o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette[a.color].main, o.palette.action.hoverOpacity),
-      // Reset on touch devices, it doesn't add specificity
-      "@media (hover: none)": {
-        backgroundColor: "transparent"
-      }
-    }, a.variant === "outlined" && a.color !== "inherit" && {
-      border: `1px solid ${(o.vars || o).palette[a.color].main}`,
-      backgroundColor: o.vars ? `rgba(${o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette[a.color].main, o.palette.action.hoverOpacity),
-      // Reset on touch devices, it doesn't add specificity
-      "@media (hover: none)": {
-        backgroundColor: "transparent"
-      }
-    }, a.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]
-      }
-    }, a.variant === "contained" && a.color !== "inherit" && {
-      backgroundColor: (o.vars || o).palette[a.color].dark,
-      // Reset on touch devices, it doesn't add specificity
-      "@media (hover: none)": {
-        backgroundColor: (o.vars || o).palette[a.color].main
-      }
-    }),
-    "&:active": t({}, a.variant === "contained" && {
-      boxShadow: (o.vars || o).shadows[8]
-    }),
-    [`&.${b.focusVisible}`]: t({}, a.variant === "contained" && {
-      boxShadow: (o.vars || o).shadows[6]
-    }),
-    [`&.${b.disabled}`]: t({
-      color: (o.vars || o).palette.action.disabled
-    }, a.variant === "outlined" && {
-      border: `1px solid ${(o.vars || o).palette.action.disabledBackground}`
-    }, a.variant === "contained" && {
-      color: (o.vars || o).palette.action.disabled,
-      boxShadow: (o.vars || o).shadows[0],
-      backgroundColor: (o.vars || o).palette.action.disabledBackground
-    })
-  }, a.variant === "text" && {
-    padding: "6px 8px"
-  }, a.variant === "text" && a.color !== "inherit" && {
-    color: (o.vars || o).palette[a.color].main
-  }, a.variant === "outlined" && {
-    padding: "5px 15px",
-    border: "1px solid currentColor"
-  }, a.variant === "outlined" && a.color !== "inherit" && {
-    color: (o.vars || o).palette[a.color].main,
-    border: o.vars ? `1px solid rgba(${o.vars.palette[a.color].mainChannel} / 0.5)` : `1px solid ${v(o.palette[a.color].main, 0.5)}`
-  }, a.variant === "contained" && {
-    color: o.vars ? (
-      // this is safe because grey does not change between default light/dark mode
-      o.vars.palette.text.primary
-    ) : (i = (l = o.palette).getContrastText) == null ? void 0 : i.call(l, o.palette.grey[300]),
-    backgroundColor: o.vars ? o.vars.palette.Button.inheritContainedBg : s,
-    boxShadow: (o.vars || o).shadows[2]
-  }, a.variant === "contained" && a.color !== "inherit" && {
-    color: (o.vars || o).palette[a.color].contrastText,
-    backgroundColor: (o.vars || o).palette[a.color].main
-  }, a.color === "inherit" && {
-    color: "inherit",
-    borderColor: "currentColor"
-  }, a.size === "small" && a.variant === "text" && {
-    padding: "4px 5px",
-    fontSize: o.typography.pxToRem(13)
-  }, a.size === "large" && a.variant === "text" && {
-    padding: "8px 11px",
-    fontSize: o.typography.pxToRem(15)
-  }, a.size === "small" && a.variant === "outlined" && {
-    padding: "3px 9px",
-    fontSize: o.typography.pxToRem(13)
-  }, a.size === "large" && a.variant === "outlined" && {
-    padding: "7px 21px",
-    fontSize: o.typography.pxToRem(15)
-  }, a.size === "small" && a.variant === "contained" && {
-    padding: "4px 10px",
-    fontSize: o.typography.pxToRem(13)
-  }, a.size === "large" && a.variant === "contained" && {
-    padding: "8px 22px",
-    fontSize: o.typography.pxToRem(15)
-  }, a.fullWidth && {
-    width: "100%"
-  });
-}, ({
-  ownerState: o
-}) => o.disableElevation && {
-  boxShadow: "none",
-  "&:hover": {
-    boxShadow: "none"
-  },
-  [`&.${b.focusVisible}`]: {
-    boxShadow: "none"
-  },
-  "&:active": {
-    boxShadow: "none"
-  },
-  [`&.${b.disabled}`]: {
-    boxShadow: "none"
-  }
-}), Z = f("span", {
-  name: "MuiButton",
-  slot: "StartIcon",
-  overridesResolver: (o, a) => {
-    const {
-      ownerState: i
-    } = o;
-    return [a.startIcon, a[`iconSize${r(i.size)}`]];
-  }
-})(({
-  ownerState: o
-}) => t({
-  display: "inherit",
-  marginRight: 8,
-  marginLeft: -4
-}, o.size === "small" && {
-  marginLeft: -2
-}, h(o))), w = f("span", {
-  name: "MuiButton",
-  slot: "EndIcon",
-  overridesResolver: (o, a) => {
-    const {
-      ownerState: i
-    } = o;
-    return [a.endIcon, a[`iconSize${r(i.size)}`]];
-  }
-})(({
-  ownerState: o
-}) => t({
-  display: "inherit",
-  marginRight: -4,
-  marginLeft: 8
-}, o.size === "small" && {
-  marginRight: -2
-}, h(o))), oo = /* @__PURE__ */ p.forwardRef(function(a, i) {
-  const l = p.useContext(E), s = p.useContext(N), e = G(l, a), c = U({
-    props: e,
-    name: "MuiButton"
-  }), {
-    children: g,
-    color: x = "primary",
-    component: y = "button",
-    className: O,
-    disabled: z = !1,
-    disableElevation: k = !1,
-    disableFocusRipple: C = !1,
-    endIcon: I,
-    focusVisibleClassName: T,
-    fullWidth: P = !1,
-    size: W = "medium",
-    startIcon: $,
-    type: B,
-    variant: S = "text"
-  } = c, M = j(c, Q), u = t({}, c, {
-    color: x,
-    component: y,
-    disabled: z,
-    disableElevation: k,
-    disableFocusRipple: C,
-    fullWidth: P,
-    size: W,
-    type: B,
-    variant: S
-  }), d = X(u), V = $ && /* @__PURE__ */ R(Z, {
-    className: d.startIcon,
-    ownerState: u,
-    children: $
-  }), _ = I && /* @__PURE__ */ R(w, {
-    className: d.endIcon,
-    ownerState: u,
-    children: I
-  }), L = s || "";
-  return /* @__PURE__ */ q(Y, t({
-    ownerState: u,
-    className: m(l.className, d.root, O, L),
-    component: y,
-    disabled: z,
-    focusRipple: !C,
-    focusVisibleClassName: m(d.focusVisible, T),
-    ref: i,
-    type: B
-  }, M, {
-    classes: d,
-    children: [V, g, _]
-  }));
-});
-process.env.NODE_ENV !== "production" && (oo.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: n.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: n.object,
-  /**
-   * @ignore
-   */
-  className: n.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: n.oneOfType([n.oneOf(["inherit", "primary", "secondary", "success", "error", "info", "warning"]), n.string]),
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: n.elementType,
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: n.bool,
-  /**
-   * If `true`, no elevation is used.
-   * @default false
-   */
-  disableElevation: n.bool,
-  /**
-   * If `true`, the  keyboard focus ripple is disabled.
-   * @default false
-   */
-  disableFocusRipple: n.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: n.bool,
-  /**
-   * Element placed after the children.
-   */
-  endIcon: n.node,
-  /**
-   * @ignore
-   */
-  focusVisibleClassName: n.string,
-  /**
-   * If `true`, the button will take up the full width of its container.
-   * @default false
-   */
-  fullWidth: n.bool,
-  /**
-   * The URL to link to when the button is clicked.
-   * If defined, an `a` element will be used as the root node.
-   */
-  href: n.string,
-  /**
-   * The size of the component.
-   * `small` is equivalent to the dense button styling.
-   * @default 'medium'
-   */
-  size: n.oneOfType([n.oneOf(["small", "medium", "large"]), n.string]),
-  /**
-   * Element placed before the children.
-   */
-  startIcon: n.node,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object]),
-  /**
-   * @ignore
-   */
-  type: n.oneOfType([n.oneOf(["button", "reset", "submit"]), n.string]),
-  /**
-   * The variant to use.
-   * @default 'text'
-   */
-  variant: n.oneOfType([n.oneOf(["contained", "outlined", "text"]), n.string])
-});
-export {
-  oo as B
-};

package/dist/CircularProgress-CrVlDhIx.js

@@ -1,214 +0,0 @@
-import { _ as R, a as i } from "./index-kNWC7pFF.js";
-import * as T from "react";
-import { g as j, a as U, u as z, c as l, b as E, s as y, d as I, P as e, e as F } from "./generateUtilityClasses-BzhjuzcK.js";
-import { jsx as g } from "react/jsx-runtime";
-import { css as w, keyframes as _ } from "@emotion/react";
-function K(r) {
-  return j("MuiCircularProgress", r);
-}
-U("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]);
-const V = ["className", "color", "disableShrink", "size", "style", "thickness", "value", "variant"];
-let d = (r) => r, P, S, D, $;
-const a = 44, W = _(P || (P = d`
-  0% {
-    transform: rotate(0deg);
-  }
-
-  100% {
-    transform: rotate(360deg);
-  }
-`)), B = _(S || (S = d`
-  0% {
-    stroke-dasharray: 1px, 200px;
-    stroke-dashoffset: 0;
-  }
-
-  50% {
-    stroke-dasharray: 100px, 200px;
-    stroke-dashoffset: -15px;
-  }
-
-  100% {
-    stroke-dasharray: 100px, 200px;
-    stroke-dashoffset: -125px;
-  }
-`)), G = (r) => {
-  const {
-    classes: s,
-    variant: t,
-    color: o,
-    disableShrink: u
-  } = r, m = {
-    root: ["root", t, `color${l(o)}`],
-    svg: ["svg"],
-    circle: ["circle", `circle${l(t)}`, u && "circleDisableShrink"]
-  };
-  return E(m, K, s);
-}, L = y("span", {
-  name: "MuiCircularProgress",
-  slot: "Root",
-  overridesResolver: (r, s) => {
-    const {
-      ownerState: t
-    } = r;
-    return [s.root, s[t.variant], s[`color${l(t.color)}`]];
-  }
-})(({
-  ownerState: r,
-  theme: s
-}) => i({
-  display: "inline-block"
-}, r.variant === "determinate" && {
-  transition: s.transitions.create("transform")
-}, r.color !== "inherit" && {
-  color: (s.vars || s).palette[r.color].main
-}), ({
-  ownerState: r
-}) => r.variant === "indeterminate" && w(D || (D = d`
-      animation: ${0} 1.4s linear infinite;
-    `), W)), Y = y("svg", {
-  name: "MuiCircularProgress",
-  slot: "Svg",
-  overridesResolver: (r, s) => s.svg
-})({
-  display: "block"
-  // Keeps the progress centered
-}), Z = y("circle", {
-  name: "MuiCircularProgress",
-  slot: "Circle",
-  overridesResolver: (r, s) => {
-    const {
-      ownerState: t
-    } = r;
-    return [s.circle, s[`circle${l(t.variant)}`], t.disableShrink && s.circleDisableShrink];
-  }
-})(({
-  ownerState: r,
-  theme: s
-}) => i({
-  stroke: "currentColor"
-}, r.variant === "determinate" && {
-  transition: s.transitions.create("stroke-dashoffset")
-}, r.variant === "indeterminate" && {
-  // Some default value that looks fine waiting for the animation to kicks in.
-  strokeDasharray: "80px, 200px",
-  strokeDashoffset: 0
-  // Add the unit to fix a Edge 16 and below bug.
-}), ({
-  ownerState: r
-}) => r.variant === "indeterminate" && !r.disableShrink && w($ || ($ = d`
-      animation: ${0} 1.4s ease-in-out infinite;
-    `), B)), q = /* @__PURE__ */ T.forwardRef(function(s, t) {
-  const o = z({
-    props: s,
-    name: "MuiCircularProgress"
-  }), {
-    className: u,
-    color: m = "primary",
-    disableShrink: M = !1,
-    size: f = 40,
-    style: N,
-    thickness: n = 3.6,
-    value: p = 0,
-    variant: k = "indeterminate"
-  } = o, O = R(o, V), c = i({}, o, {
-    color: m,
-    disableShrink: M,
-    size: f,
-    thickness: n,
-    value: p,
-    variant: k
-  }), h = G(c), v = {}, b = {}, x = {};
-  if (k === "determinate") {
-    const C = 2 * Math.PI * ((a - n) / 2);
-    v.strokeDasharray = C.toFixed(3), x["aria-valuenow"] = Math.round(p), v.strokeDashoffset = `${((100 - p) / 100 * C).toFixed(3)}px`, b.transform = "rotate(-90deg)";
-  }
-  return /* @__PURE__ */ g(L, i({
-    className: I(h.root, u),
-    style: i({
-      width: f,
-      height: f
-    }, b, N),
-    ownerState: c,
-    ref: t,
-    role: "progressbar"
-  }, x, O, {
-    children: /* @__PURE__ */ g(Y, {
-      className: h.svg,
-      ownerState: c,
-      viewBox: `${a / 2} ${a / 2} ${a} ${a}`,
-      children: /* @__PURE__ */ g(Z, {
-        className: h.circle,
-        style: v,
-        ownerState: c,
-        cx: a,
-        cy: a,
-        r: (a - n) / 2,
-        fill: "none",
-        strokeWidth: n
-      })
-    })
-  }));
-});
-process.env.NODE_ENV !== "production" && (q.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * 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(["inherit", "primary", "secondary", "error", "info", "success", "warning"]), e.string]),
-  /**
-   * If `true`, the shrink animation is disabled.
-   * This only works if variant is `indeterminate`.
-   * @default false
-   */
-  disableShrink: F(e.bool, (r) => r.disableShrink && r.variant && r.variant !== "indeterminate" ? new Error("MUI: You have provided the `disableShrink` prop with a variant other than `indeterminate`. This will have no effect.") : null),
-  /**
-   * The size of the component.
-   * If using a number, the pixel unit is assumed.
-   * If using a string, you need to provide the CSS unit, for example '3rem'.
-   * @default 40
-   */
-  size: e.oneOfType([e.number, e.string]),
-  /**
-   * @ignore
-   */
-  style: e.object,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
-  /**
-   * The thickness of the circle.
-   * @default 3.6
-   */
-  thickness: e.number,
-  /**
-   * The value of the progress indicator for the determinate variant.
-   * Value between 0 and 100.
-   * @default 0
-   */
-  value: e.number,
-  /**
-   * The variant to use.
-   * Use indeterminate when there is no progress value.
-   * @default 'indeterminate'
-   */
-  variant: e.oneOf(["determinate", "indeterminate"])
-});
-export {
-  q as C
-};