@amateescu/portal-ui-components 0.0.26-beta0 → 0.0.26-beta1

package/dist/{Box-C1OwXVV-.js → Box-DIkPDmkQ.js}

@@ -1,4 +1,4 @@
-import { i as h, j as T, k as y, l as C, c as N, a as B, C as b, T as j, m as _, P as e } from "./generateUtilityClasses-DY-qyzNG.js";
+import { i as h, j as T, k as y, l as C, c as N, a as B, C as b, T as j, m as _, P as e } from "./generateUtilityClasses-B5BV6O-J.js";
 import { _ as O, a as P } from "./objectWithoutPropertiesLoose-DYizGgyG.js";
 import * as m from "react";
 import { ThemeContext as g } from "@emotion/react";

package/dist/{Button-CIvE-fcO.js → Button-DX-oo-0S.js}

@@ -1,13 +1,13 @@
 import { _ as j, a as t } from "./objectWithoutPropertiesLoose-DYizGgyG.js";
 import * as p from "react";
-import { a as D, g as F, r as G, u as U, s as f, c as m, b as r, d as H, f as A, h as v, P as n } from "./generateUtilityClasses-DY-qyzNG.js";
-import { jsx as h, jsxs as q } from "react/jsx-runtime";
-import { B as J } from "./ButtonBase-BeQnmGXr.js";
+import { a as D, g as F, r as G, u as U, s as f, c as m, b as r, d as H, f as A, h as v, P as n } from "./generateUtilityClasses-B5BV6O-J.js";
+import { jsx as R, jsxs as q } from "react/jsx-runtime";
+import { B as J } from "./ButtonBase-OBo-BQii.js";
 function K(o) {
   return F("MuiButton", o);
 }
-const b = D("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"]), R = /* @__PURE__ */ p.createContext({});
-process.env.NODE_ENV !== "production" && (R.displayName = "ButtonGroupContext");
+const b = D("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"]), h = /* @__PURE__ */ p.createContext({});
+process.env.NODE_ENV !== "production" && (h.displayName = "ButtonGroupContext");
 const E = /* @__PURE__ */ p.createContext(void 0);
 process.env.NODE_ENV !== "production" && (E.displayName = "ButtonGroupButtonContext");
 const Q = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"], X = (o) => {
@@ -62,20 +62,20 @@ const Q = ["children", "color", "component", "className", "disabled", "disableEl
     }),
     "&:hover": t({
       textDecoration: "none",
-      backgroundColor: o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : v.alpha(o.palette.text.primary, o.palette.action.hoverOpacity),
+      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.alpha(o.palette[a.color].main, o.palette.action.hoverOpacity),
+      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.alpha(o.palette[a.color].main, o.palette.action.hoverOpacity),
+      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"
@@ -119,7 +119,7 @@ const Q = ["children", "color", "component", "className", "disabled", "disableEl
     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.alpha(o.palette[a.color].main, 0.5)}`
+    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
@@ -205,7 +205,7 @@ const Q = ["children", "color", "component", "className", "disabled", "disableEl
 }, o.size === "small" && {
   marginRight: -2
 }, N(o))), oo = /* @__PURE__ */ p.forwardRef(function(a, i) {
-  const l = p.useContext(R), s = p.useContext(E), e = G(l, a), c = U({
+  const l = p.useContext(h), s = p.useContext(E), e = G(l, a), c = U({
     props: e,
     name: "MuiButton"
   }), {
@@ -222,8 +222,8 @@ const Q = ["children", "color", "component", "className", "disabled", "disableEl
     size: W = "medium",
     startIcon: $,
     type: B,
-    variant: M = "text"
-  } = c, S = j(c, Q), u = t({}, c, {
+    variant: S = "text"
+  } = c, M = j(c, Q), u = t({}, c, {
     color: x,
     component: y,
     disabled: z,
@@ -232,28 +232,28 @@ const Q = ["children", "color", "component", "className", "disabled", "disableEl
     fullWidth: P,
     size: W,
     type: B,
-    variant: M
-  }), d = X(u), V = $ && /* @__PURE__ */ h(Z, {
+    variant: S
+  }), d = X(u), V = $ && /* @__PURE__ */ R(Z, {
     className: d.startIcon,
     ownerState: u,
     children: $
-  }), L = I && /* @__PURE__ */ h(w, {
+  }), _ = I && /* @__PURE__ */ R(w, {
     className: d.endIcon,
     ownerState: u,
     children: I
-  }), _ = s || "";
+  }), L = s || "";
   return /* @__PURE__ */ q(Y, t({
     ownerState: u,
-    className: m(l.className, d.root, O, _),
+    className: m(l.className, d.root, O, L),
     component: y,
     disabled: z,
     focusRipple: !C,
     focusVisibleClassName: m(d.focusVisible, T),
     ref: i,
     type: B
-  }, S, {
+  }, M, {
     classes: d,
-    children: [V, g, L]
+    children: [V, g, _]
   }));
 });
 process.env.NODE_ENV !== "production" && (oo.propTypes = {

package/dist/{ButtonBase-BeQnmGXr.js → ButtonBase-OBo-BQii.js}

@@ -1,7 +1,7 @@
 import { a as Y, _ as ae } from "./objectWithoutPropertiesLoose-DYizGgyG.js";
 import * as l from "react";
 import X, { isValidElement as G, cloneElement as Z, Children as We } from "react";
-import { P as n, e as He, c as v, a as ve, u as xe, s as le, g as Ge, d as Ze } from "./generateUtilityClasses-DY-qyzNG.js";
+import { P as n, e as He, c as v, a as ve, u as xe, s as le, g as Ge, d as Ze } from "./generateUtilityClasses-B5BV6O-J.js";
 import { jsx as $, jsxs as Je } from "react/jsx-runtime";
 import { _ as Qe, a as et } from "./assertThisInitialized-BUtkG-md.js";
 import { keyframes as ce } from "@emotion/react";

package/dist/{EllipsisOutlined-DZsCEqiL.js → EllipsisOutlined-DgMtO3ok.js}

@@ -1,8 +1,8 @@
-import { a6 as Tr, a7 as Lr, a8 as Ar, a9 as $r, a3 as $n, a4 as zn, n as ur, e as T, ag as Gn, h as zr, x as Vr, M as Zn, K as Lt, H as ba, p as De, c as ke, w as Ht, _ as k, k as Kt, ah as it, q as cr, a2 as fr, ai as pa, aj as Qn, a5 as Wr, l as Rt, ak as Yn, N as Ca, P as Fr, j as st, i as he, al as wa, am as Hr, r as un, s as Dn, o as vr, I as Ma } from "./context-Crxhk7DD.js";
+import { a6 as Tr, a7 as Lr, a8 as Ar, a9 as $r, a3 as $n, a4 as zn, n as ur, e as T, ag as Gn, h as zr, x as Vr, M as Zn, K as Lt, H as ba, p as De, c as ke, w as Ht, _ as k, k as Kt, ah as it, q as cr, a2 as fr, ai as pa, aj as Qn, a5 as Wr, l as Rt, ak as Yn, N as Ca, P as Fr, j as st, i as he, al as wa, am as Hr, r as un, s as Dn, o as vr, I as Ma } from "./context-DcMzUd6b.js";
 import * as a from "react";
 import qe, { useState as Jn, useMemo as Xn, useCallback as Tt, forwardRef as Ra, useRef as xn, useImperativeHandle as Ea } from "react";
 import { a as ae } from "./objectWithoutPropertiesLoose-DYizGgyG.js";
-import { r as Br } from "./index-DpDv68WZ.js";
+import { r as Br } from "./index-Bb1SSZdZ.js";
 var er = /* @__PURE__ */ a.createContext(null);
 function Sa(e) {
   var n = e.children, t = e.onBatchResize, r = a.useRef(0), i = a.useRef([]), o = a.useContext(er), s = a.useCallback(function(l, u, c) {

package/dist/{PurePanel-iUNZWTe_.js → PurePanel-DOohzuQB.js}

@@ -1,7 +1,7 @@
 import * as m from "react";
 import c, { useContext as _e, useRef as D, forwardRef as me, useState as je, useEffect as te, useMemo as oe, Children as kt } from "react";
-import { I as eo, U as We, v as Ge, e as M, Z as pt, $ as le, h as vt, Y as to, a0 as oo, a1 as ro, w as ce, q as bt, c as N, a2 as Ct, a as re, k as Fe, a3 as no, a4 as ao, a5 as io, g as ht, m as ne, E as yt, x as so, l as lo, a6 as co, a7 as uo, a8 as St, a9 as xt, p as Et, aa as Ot, _ as J, i as Te, s as $t, H as mo, K as T, ab as Re, u as ue, ac as go, B as fo, ad as po, T as vo, b as bo, ae as Co, n as ho, o as yo, af as So, C as xo } from "./context-Crxhk7DD.js";
-import { R as It } from "./index-DpDv68WZ.js";
+import { I as eo, U as We, v as Ge, e as M, Z as pt, $ as le, h as vt, Y as to, a0 as oo, a1 as ro, w as ce, q as bt, c as N, a2 as Ct, a as re, k as Fe, a3 as no, a4 as ao, a5 as io, g as ht, m as ne, E as yt, x as so, l as lo, a6 as co, a7 as uo, a8 as St, a9 as xt, p as Et, aa as Ot, _ as J, i as Te, s as $t, H as mo, K as T, ab as Re, u as ue, ac as go, B as fo, ad as po, T as vo, b as bo, ae as Co, n as ho, o as yo, af as So, C as xo } from "./context-DcMzUd6b.js";
+import { R as It } from "./index-Bb1SSZdZ.js";
 import { a as se } from "./objectWithoutPropertiesLoose-DYizGgyG.js";
 const Ve = ["blue", "purple", "cyan", "green", "magenta", "pink", "red", "orange", "yellow", "volcano", "geekblue", "lime", "gold"];
 function Eo(e) {
@@ -767,7 +767,6 @@ var cr = ["b"], ur = ["v"], Pe = function(t) {
         x: t.a * 100,
         y: 50
       };
-    // Picker panel
     default:
       return {
         x: r.s * 100,

package/dist/{Skeleton-CfEiGUkR.js → Skeleton-BekbYx_y.js}

@@ -1,6 +1,6 @@
 import { a as G } from "./objectWithoutPropertiesLoose-DYizGgyG.js";
 import * as r from "react";
-import { I as W, c as p, g as D, m as _, K as X, u as K, a as k, o as M, b as J } from "./context-Crxhk7DD.js";
+import { I as W, c as p, g as D, m as _, K as X, u as K, a as k, o as M, b as J } from "./context-DcMzUd6b.js";
 var Q = { icon: { tag: "svg", attrs: { "fill-rule": "evenodd", viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z" } }] }, name: "close", theme: "outlined" }, U = function(t, s) {
   return /* @__PURE__ */ r.createElement(W, G({}, t, {
     ref: s,

package/dist/{UserInfoDropdown-CoZutJAR.js → UserInfoDropdown-WucWs2wn.js}

@@ -3,9 +3,9 @@ import * as l from "react";
 import $t, { useRef as Pe, forwardRef as ke, useImperativeHandle as yt, useContext as tt, useState as ot, useEffect as He, createContext as to } from "react";
 import { cn as oo } from "./portal-utils/cn.js";
 import { a as Be } from "./objectWithoutPropertiesLoose-DYizGgyG.js";
-import { I as Ve, K as ie, H as no, U as We, ah as ro, g as ce, m as se, y as fe, u as E, a2 as io, a as ne, E as ao, v as ve, D as ze, c as _, p as lo, N as so, e as le, l as nt, b as Xe, s as Fe, t as Ct, j as co, x as qe, o as be, an as uo, n as mo, a4 as po, A as go, z as fo, F as rt, aa as it, ad as vo, k as wt, ao as bo, B as at } from "./context-Crxhk7DD.js";
-import { R as ho, T as $o, c as yo, M as Co, a as xe, u as wo, S as xo, E as So, b as xt, d as Oo, s as Io, e as No, f as Eo, g as Po, D as Bo } from "./EllipsisOutlined-DZsCEqiL.js";
-import { P as ge, i as je, C as St, b as zo, u as Ge, d as de, z as Ot, e as jo, f as To, h as _o, j as Ro, B as lt } from "./PurePanel-iUNZWTe_.js";
+import { I as Ve, K as ie, H as no, U as We, ah as ro, g as ce, m as se, y as fe, u as E, a2 as io, a as ne, E as ao, v as ve, D as ze, c as _, p as lo, N as so, e as le, l as nt, b as Xe, s as Fe, t as Ct, j as co, x as qe, o as be, an as uo, n as mo, a4 as po, A as go, z as fo, F as rt, aa as it, ad as vo, k as wt, ao as bo, B as at } from "./context-DcMzUd6b.js";
+import { R as ho, T as $o, c as yo, M as Co, a as xe, u as wo, S as xo, E as So, b as xt, d as Oo, s as Io, e as No, f as Eo, g as Po, D as Bo } from "./EllipsisOutlined-DgMtO3ok.js";
+import { P as ge, i as je, C as St, b as zo, u as Ge, d as de, z as Ot, e as jo, f as To, h as _o, j as Ro, B as lt } from "./PurePanel-DOohzuQB.js";
 import './assets/UserInfoDropdown.css';function Mo(e, t) {
   return ge.reduce((o, n) => {
     const r = e[`${n}1`], a = e[`${n}3`], i = e[`${n}6`], s = e[`${n}7`];

package/dist/components/ConfirmationModal/ConfirmationModal.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import * as n from "react";
 import { S as m } from "../../VModalIcon-D7L4bQLO.js";
 import '../../assets/theme.css';import '../../assets/ConfirmationModal.css';/* empty css                   */
-import { M as d } from "../../index-BxiDYyNJ.js";
+import { M as d } from "../../index-Cfhdtvoc.js";
 const x = (t) => /* @__PURE__ */ n.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ n.createElement("path", { d: "M7 10L9 12L13 8M19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1C14.9706 1 19 5.02944 19 10Z", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), p = (t) => /* @__PURE__ */ n.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ n.createElement("path", { d: "M6 18L18 6M6 6L18 18", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), g = "_flexRowCenter_1mxo7_43", w = "_mr10_1mxo7_49", f = "_text18_1mxo7_61", C = "_content_1mxo7_65", o = {
   flexRowCenter: g,
   mr10: w,

package/dist/components/ConfirmationModal/ConfirmationModal.stories.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { ConfirmationModal as r } from "./ConfirmationModal.js";
-import { C as e } from "../../context-Crxhk7DD.js";
+import { C as e } from "../../context-DcMzUd6b.js";
 const n = ({ isRtl: t }) => /* @__PURE__ */ o(e, { direction: t ? "rtl" : "ltr", children: /* @__PURE__ */ o(
   r,
   {

package/dist/components/CustomButton/CustomButton.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import '../../assets/theme.css';/* empty css                   */
-import { B as i } from "../../Button-CIvE-fcO.js";
+import { B as i } from "../../Button-DX-oo-0S.js";
 const p = ({ content: r, height: o = "40px", width: t = "120px", direction: n = "left", ...a }) => /* @__PURE__ */ e(
   i,
   {