@cgi-learning-hub/ui 1.6.0 → 1.7.0-dev.1750752562

package/dist/{Backdrop-BxgGvlLM.js → Backdrop-CjZYrxkZ.js}

@@ -1,13 +1,13 @@
 import * as g from "react";
 import { P as e } from "./index-Sy88PpwE.js";
-import { F as q, G as A, H } from "./generateUtilityClasses-DngCqveO.js";
-import { u as B } from "./useSlot-BDb1lvxu.js";
+import { F as q, G as A, H } from "./identifier-PWESmBq6.js";
+import { u as B } from "./useSlot-BzdKwDQ5.js";
 import { jsx as j } from "react/jsx-runtime";
-import { u as V, s as _, c as z } from "./DefaultPropsProvider-hFv1J_xl.js";
-import { u as G } from "./useTheme-C59wIJ3-.js";
+import { u as V, s as _, c as z } from "./DefaultPropsProvider-DqazQPtr.js";
+import { u as G } from "./useTheme-XJ9sFCWX.js";
 import { T as W, g as N, r as I } from "./utils-BQenyzDz.js";
 import { u as J } from "./useForkRef-u29GSuCu.js";
-import { g as K, e as Q } from "./getReactElementRef-H8kwrWP1.js";
+import { g as K, e as Q } from "./elementAcceptingRef-CEweUuUA.js";
 const X = {
   entering: {
     opacity: 1

package/dist/Backdrop-DeNTZlA5.cjs

@@ -0,0 +1 @@
+"use strict";const W=require("react"),e=require("./index-DLnSn8GT.cjs"),B=require("./identifier-BoZelETM.cjs"),F=require("./useSlot-C2FjoUpF.cjs"),w=require("react/jsx-runtime"),D=require("./DefaultPropsProvider-Cnf49AIv.cjs"),G=require("./useTheme-CooC_6Ep.cjs"),b=require("./utils-ByXw_ZY1.cjs"),I=require("./useForkRef-CFhhTu-Q.cjs"),M=require("./elementAcceptingRef-BZ42cOGO.cjs");function J(n){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const s in n)if(s!=="default"){const t=Object.getOwnPropertyDescriptor(n,s);Object.defineProperty(r,s,t.get?t:{enumerable:!0,get:()=>n[s]})}}return r.default=n,Object.freeze(r)}const g=J(W),K={entering:{opacity:1},entered:{opacity:1}},N=g.forwardRef(function(r,s){const t=G.useTheme(),E={enter:t.transitions.duration.enteringScreen,exit:t.transitions.duration.leavingScreen},{addEndListener:u,appear:h=!0,children:d,easing:T,in:P,onEnter:f,onEntered:x,onEntering:R,onExit:m,onExited:k,onExiting:v,style:a,timeout:y=E,TransitionComponent:C=b.Transition,...j}=r,c=g.useRef(null),O=I.useForkRef(c,M.getReactElementRef(d),s),i=o=>p=>{if(o){const l=c.current;p===void 0?o(l):o(l,p)}},S=i(R),q=i((o,p)=>{b.reflow(o);const l=b.getTransitionProps({style:a,timeout:y,easing:T},{mode:"enter"});o.style.webkitTransition=t.transitions.create("opacity",l),o.style.transition=t.transitions.create("opacity",l),f&&f(o,p)}),L=i(x),z=i(v),A=i(o=>{const p=b.getTransitionProps({style:a,timeout:y,easing:T},{mode:"exit"});o.style.webkitTransition=t.transitions.create("opacity",p),o.style.transition=t.transitions.create("opacity",p),m&&m(o)}),V=i(k),H=o=>{u&&u(c.current,o)};return w.jsx(C,{appear:h,in:P,nodeRef:c,onEnter:q,onEntered:L,onEntering:S,onExit:A,onExited:V,onExiting:z,addEndListener:H,timeout:y,...j,children:(o,{ownerState:p,...l})=>g.cloneElement(d,{style:{opacity:0,visibility:o==="exited"&&!P?"hidden":void 0,...K[o],...a,...d.props.style},ref:O,...l})})});process.env.NODE_ENV!=="production"&&(N.propTypes={addEndListener:e.PropTypes.func,appear:e.PropTypes.bool,children:M.elementAcceptingRef.isRequired,easing:e.PropTypes.oneOfType([e.PropTypes.shape({enter:e.PropTypes.string,exit:e.PropTypes.string}),e.PropTypes.string]),in:e.PropTypes.bool,onEnter:e.PropTypes.func,onEntered:e.PropTypes.func,onEntering:e.PropTypes.func,onExit:e.PropTypes.func,onExited:e.PropTypes.func,onExiting:e.PropTypes.func,style:e.PropTypes.object,timeout:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.shape({appear:e.PropTypes.number,enter:e.PropTypes.number,exit:e.PropTypes.number})])});function U(n){return B.generateUtilityClass("MuiBackdrop",n)}const Q=B.generateUtilityClasses("MuiBackdrop",["root","invisible"]),X=n=>{const{classes:r,invisible:s}=n,t={root:["root",s&&"invisible"]};return D.composeClasses(t,U,r)},Y=D.styled("div",{name:"MuiBackdrop",slot:"Root",overridesResolver:(n,r)=>{const{ownerState:s}=n;return[r.root,s.invisible&&r.invisible]}})({position:"fixed",display:"flex",alignItems:"center",justifyContent:"center",right:0,bottom:0,top:0,left:0,backgroundColor:"rgba(0, 0, 0, 0.5)",WebkitTapHighlightColor:"transparent",variants:[{props:{invisible:!0},style:{backgroundColor:"transparent"}}]}),_=g.forwardRef(function(r,s){const t=D.useDefaultProps({props:r,name:"MuiBackdrop"}),{children:E,className:u,component:h="div",invisible:d=!1,open:T,components:P={},componentsProps:f={},slotProps:x={},slots:R={},TransitionComponent:m,transitionDuration:k,...v}=t,a={...t,component:h,invisible:d},y=X(a),C={transition:m,root:P.Root,...R},j={...f,...x},c={slots:C,slotProps:j},[O,i]=F.useSlot("root",{elementType:Y,externalForwardedProps:c,className:B.clsx(y.root,u),ownerState:a}),[S,q]=F.useSlot("transition",{elementType:N,externalForwardedProps:c,ownerState:a});return w.jsx(S,{in:T,timeout:k,...v,...q,children:w.jsx(O,{"aria-hidden":!0,...i,classes:y,ref:s,children:E})})});process.env.NODE_ENV!=="production"&&(_.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,component:e.PropTypes.elementType,components:e.PropTypes.shape({Root:e.PropTypes.elementType}),componentsProps:e.PropTypes.shape({root:e.PropTypes.object}),invisible:e.PropTypes.bool,open:e.PropTypes.bool.isRequired,slotProps:e.PropTypes.shape({root:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),transition:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({root:e.PropTypes.elementType,transition:e.PropTypes.elementType}),sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),TransitionComponent:e.PropTypes.elementType,transitionDuration:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.shape({appear:e.PropTypes.number,enter:e.PropTypes.number,exit:e.PropTypes.number})])});exports.Backdrop=_;exports.Fade=N;exports.backdropClasses=Q;exports.getBackdropUtilityClass=U;

package/dist/Badge-Bwcsnbsa.js

@@ -0,0 +1,465 @@
+import * as Q from "react";
+import { P as o } from "./index-Sy88PpwE.js";
+import { F as S, G as X, H as Y, K as n } from "./identifier-PWESmBq6.js";
+import { u as F } from "./usePreviousProps-ByGlbpJ6.js";
+import { m as w } from "./memoTheme-DAFDflPY.js";
+import { c as rr } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
+import { u as j } from "./useSlot-BzdKwDQ5.js";
+import { jsxs as or, jsx as ar } from "react/jsx-runtime";
+import { u as tr, s as N, c as nr } from "./DefaultPropsProvider-DqazQPtr.js";
+function er(a) {
+  const {
+    badgeContent: r,
+    invisible: t = !1,
+    max: e = 99,
+    showZero: l = !1
+  } = a, f = F({
+    badgeContent: r,
+    max: e
+  });
+  let c = t;
+  t === !1 && r === 0 && !l && (c = !0);
+  const {
+    badgeContent: i,
+    max: p = e
+  } = c ? f : a, m = i && Number(i) > p ? `${p}+` : i;
+  return {
+    badgeContent: i,
+    invisible: c,
+    max: p,
+    displayValue: m
+  };
+}
+function ir(a) {
+  return X("MuiBadge", a);
+}
+const s = S("MuiBadge", [
+  "root",
+  "badge",
+  "dot",
+  "standard",
+  "anchorOriginTopRight",
+  "anchorOriginBottomRight",
+  "anchorOriginTopLeft",
+  "anchorOriginBottomLeft",
+  "invisible",
+  "colorError",
+  "colorInfo",
+  "colorPrimary",
+  "colorSecondary",
+  "colorSuccess",
+  "colorWarning",
+  "overlapRectangular",
+  "overlapCircular",
+  // TODO: v6 remove the overlap value from these class keys
+  "anchorOriginTopLeftCircular",
+  "anchorOriginTopLeftRectangular",
+  "anchorOriginTopRightCircular",
+  "anchorOriginTopRightRectangular",
+  "anchorOriginBottomLeftCircular",
+  "anchorOriginBottomLeftRectangular",
+  "anchorOriginBottomRightCircular",
+  "anchorOriginBottomRightRectangular"
+]), h = 10, v = 4, sr = (a) => {
+  const {
+    color: r,
+    anchorOrigin: t,
+    invisible: e,
+    overlap: l,
+    variant: f,
+    classes: c = {}
+  } = a, i = {
+    root: ["root"],
+    badge: ["badge", f, e && "invisible", `anchorOrigin${n(t.vertical)}${n(t.horizontal)}`, `anchorOrigin${n(t.vertical)}${n(t.horizontal)}${n(l)}`, `overlap${n(l)}`, r !== "default" && `color${n(r)}`]
+  };
+  return nr(i, ir, c);
+}, lr = N("span", {
+  name: "MuiBadge",
+  slot: "Root"
+})({
+  position: "relative",
+  display: "inline-flex",
+  // For correct alignment with the text.
+  verticalAlign: "middle",
+  flexShrink: 0
+}), cr = N("span", {
+  name: "MuiBadge",
+  slot: "Badge",
+  overridesResolver: (a, r) => {
+    const {
+      ownerState: t
+    } = a;
+    return [r.badge, r[t.variant], r[`anchorOrigin${n(t.anchorOrigin.vertical)}${n(t.anchorOrigin.horizontal)}${n(t.overlap)}`], t.color !== "default" && r[`color${n(t.color)}`], t.invisible && r.invisible];
+  }
+})(w(({
+  theme: a
+}) => ({
+  display: "flex",
+  flexDirection: "row",
+  flexWrap: "wrap",
+  justifyContent: "center",
+  alignContent: "center",
+  alignItems: "center",
+  position: "absolute",
+  boxSizing: "border-box",
+  fontFamily: a.typography.fontFamily,
+  fontWeight: a.typography.fontWeightMedium,
+  fontSize: a.typography.pxToRem(12),
+  minWidth: h * 2,
+  lineHeight: 1,
+  padding: "0 6px",
+  height: h * 2,
+  borderRadius: h,
+  zIndex: 1,
+  // Render the badge on top of potential ripples.
+  transition: a.transitions.create("transform", {
+    easing: a.transitions.easing.easeInOut,
+    duration: a.transitions.duration.enteringScreen
+  }),
+  variants: [...Object.entries(a.palette).filter(rr(["contrastText"])).map(([r]) => ({
+    props: {
+      color: r
+    },
+    style: {
+      backgroundColor: (a.vars || a).palette[r].main,
+      color: (a.vars || a).palette[r].contrastText
+    }
+  })), {
+    props: {
+      variant: "dot"
+    },
+    style: {
+      borderRadius: v,
+      height: v * 2,
+      minWidth: v * 2,
+      padding: 0
+    }
+  }, {
+    props: ({
+      ownerState: r
+    }) => r.anchorOrigin.vertical === "top" && r.anchorOrigin.horizontal === "right" && r.overlap === "rectangular",
+    style: {
+      top: 0,
+      right: 0,
+      transform: "scale(1) translate(50%, -50%)",
+      transformOrigin: "100% 0%",
+      [`&.${s.invisible}`]: {
+        transform: "scale(0) translate(50%, -50%)"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: r
+    }) => r.anchorOrigin.vertical === "bottom" && r.anchorOrigin.horizontal === "right" && r.overlap === "rectangular",
+    style: {
+      bottom: 0,
+      right: 0,
+      transform: "scale(1) translate(50%, 50%)",
+      transformOrigin: "100% 100%",
+      [`&.${s.invisible}`]: {
+        transform: "scale(0) translate(50%, 50%)"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: r
+    }) => r.anchorOrigin.vertical === "top" && r.anchorOrigin.horizontal === "left" && r.overlap === "rectangular",
+    style: {
+      top: 0,
+      left: 0,
+      transform: "scale(1) translate(-50%, -50%)",
+      transformOrigin: "0% 0%",
+      [`&.${s.invisible}`]: {
+        transform: "scale(0) translate(-50%, -50%)"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: r
+    }) => r.anchorOrigin.vertical === "bottom" && r.anchorOrigin.horizontal === "left" && r.overlap === "rectangular",
+    style: {
+      bottom: 0,
+      left: 0,
+      transform: "scale(1) translate(-50%, 50%)",
+      transformOrigin: "0% 100%",
+      [`&.${s.invisible}`]: {
+        transform: "scale(0) translate(-50%, 50%)"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: r
+    }) => r.anchorOrigin.vertical === "top" && r.anchorOrigin.horizontal === "right" && r.overlap === "circular",
+    style: {
+      top: "14%",
+      right: "14%",
+      transform: "scale(1) translate(50%, -50%)",
+      transformOrigin: "100% 0%",
+      [`&.${s.invisible}`]: {
+        transform: "scale(0) translate(50%, -50%)"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: r
+    }) => r.anchorOrigin.vertical === "bottom" && r.anchorOrigin.horizontal === "right" && r.overlap === "circular",
+    style: {
+      bottom: "14%",
+      right: "14%",
+      transform: "scale(1) translate(50%, 50%)",
+      transformOrigin: "100% 100%",
+      [`&.${s.invisible}`]: {
+        transform: "scale(0) translate(50%, 50%)"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: r
+    }) => r.anchorOrigin.vertical === "top" && r.anchorOrigin.horizontal === "left" && r.overlap === "circular",
+    style: {
+      top: "14%",
+      left: "14%",
+      transform: "scale(1) translate(-50%, -50%)",
+      transformOrigin: "0% 0%",
+      [`&.${s.invisible}`]: {
+        transform: "scale(0) translate(-50%, -50%)"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: r
+    }) => r.anchorOrigin.vertical === "bottom" && r.anchorOrigin.horizontal === "left" && r.overlap === "circular",
+    style: {
+      bottom: "14%",
+      left: "14%",
+      transform: "scale(1) translate(-50%, 50%)",
+      transformOrigin: "0% 100%",
+      [`&.${s.invisible}`]: {
+        transform: "scale(0) translate(-50%, 50%)"
+      }
+    }
+  }, {
+    props: {
+      invisible: !0
+    },
+    style: {
+      transition: a.transitions.create("transform", {
+        easing: a.transitions.easing.easeInOut,
+        duration: a.transitions.duration.leavingScreen
+      })
+    }
+  }]
+})));
+function D(a) {
+  return {
+    vertical: (a == null ? void 0 : a.vertical) ?? "top",
+    horizontal: (a == null ? void 0 : a.horizontal) ?? "right"
+  };
+}
+const pr = /* @__PURE__ */ Q.forwardRef(function(r, t) {
+  const e = tr({
+    props: r,
+    name: "MuiBadge"
+  }), {
+    anchorOrigin: l,
+    className: f,
+    classes: c,
+    component: i,
+    components: p = {},
+    componentsProps: m = {},
+    children: I,
+    overlap: O = "rectangular",
+    color: y = "default",
+    invisible: A = !1,
+    max: L = 99,
+    badgeContent: T,
+    slots: g,
+    slotProps: d,
+    showZero: x = !1,
+    variant: u = "standard",
+    ...M
+  } = e, {
+    badgeContent: P,
+    invisible: U,
+    max: V,
+    displayValue: W
+  } = er({
+    max: L,
+    invisible: A,
+    badgeContent: T,
+    showZero: x
+  }), k = F({
+    anchorOrigin: D(l),
+    color: y,
+    overlap: O,
+    variant: u,
+    badgeContent: T
+  }), R = U || P == null && u !== "dot", {
+    color: H = y,
+    overlap: E = O,
+    anchorOrigin: Z,
+    variant: C = u
+  } = R ? k : e, _ = D(Z), B = C !== "dot" ? W : void 0, b = {
+    ...e,
+    badgeContent: P,
+    invisible: R,
+    max: V,
+    displayValue: B,
+    showZero: x,
+    anchorOrigin: _,
+    color: H,
+    overlap: E,
+    variant: C
+  }, $ = sr(b), z = {
+    slots: {
+      root: (g == null ? void 0 : g.root) ?? p.Root,
+      badge: (g == null ? void 0 : g.badge) ?? p.Badge
+    },
+    slotProps: {
+      root: (d == null ? void 0 : d.root) ?? m.root,
+      badge: (d == null ? void 0 : d.badge) ?? m.badge
+    }
+  }, [G, K] = j("root", {
+    elementType: lr,
+    externalForwardedProps: {
+      ...z,
+      ...M
+    },
+    ownerState: b,
+    className: Y($.root, f),
+    ref: t,
+    additionalProps: {
+      as: i
+    }
+  }), [q, J] = j("badge", {
+    elementType: cr,
+    externalForwardedProps: z,
+    ownerState: b,
+    className: $.badge
+  });
+  return /* @__PURE__ */ or(G, {
+    ...K,
+    children: [I, /* @__PURE__ */ ar(q, {
+      ...J,
+      children: B
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (pr.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The anchor of the badge.
+   * @default {
+   *   vertical: 'top',
+   *   horizontal: 'right',
+   * }
+   */
+  anchorOrigin: o.shape({
+    horizontal: o.oneOf(["left", "right"]),
+    vertical: o.oneOf(["bottom", "top"])
+  }),
+  /**
+   * The content rendered within the badge.
+   */
+  badgeContent: o.node,
+  /**
+   * The badge will be added relative to this node.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.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 'default'
+   */
+  color: o.oneOfType([o.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), o.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: o.elementType,
+  /**
+   * The components used for each slot inside.
+   *
+   * @deprecated use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   *
+   * @default {}
+   */
+  components: o.shape({
+    Badge: o.elementType,
+    Root: o.elementType
+  }),
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   *
+   * @default {}
+   */
+  componentsProps: o.shape({
+    badge: o.oneOfType([o.func, o.object]),
+    root: o.oneOfType([o.func, o.object])
+  }),
+  /**
+   * If `true`, the badge is invisible.
+   * @default false
+   */
+  invisible: o.bool,
+  /**
+   * Max count to show.
+   * @default 99
+   */
+  max: o.number,
+  /**
+   * Wrapped shape the badge should overlap.
+   * @default 'rectangular'
+   */
+  overlap: o.oneOf(["circular", "rectangular"]),
+  /**
+   * Controls whether the badge is hidden when `badgeContent` is zero.
+   * @default false
+   */
+  showZero: o.bool,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: o.shape({
+    badge: o.oneOfType([o.func, o.object]),
+    root: o.oneOfType([o.func, o.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: o.shape({
+    badge: o.elementType,
+    root: o.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
+  /**
+   * The variant to use.
+   * @default 'standard'
+   */
+  variant: o.oneOfType([o.oneOf(["dot", "standard"]), o.string])
+});
+export {
+  pr as B,
+  s as b,
+  ir as g
+};

package/dist/Badge-DFzvdVS-.cjs

@@ -0,0 +1 @@
+"use strict";const Y=require("react"),e=require("./index-DLnSn8GT.cjs"),a=require("./identifier-BoZelETM.cjs"),F=require("./usePreviousProps-jC3PWcIp.cjs"),w=require("./memoTheme-BKfsJx_F.cjs"),rr=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),D=require("./useSlot-C2FjoUpF.cjs"),q=require("react/jsx-runtime"),y=require("./DefaultPropsProvider-Cnf49AIv.cjs");function er(o){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>o[t]})}}return r.default=o,Object.freeze(r)}const or=er(Y);function tr(o){const{badgeContent:r,invisible:t=!1,max:n=99,showZero:l=!1}=o,u=F.usePreviousProps({badgeContent:r,max:n});let p=t;t===!1&&r===0&&!l&&(p=!0);const{badgeContent:s,max:c=n}=p?u:o,f=s&&Number(s)>c?`${c}+`:s;return{badgeContent:s,invisible:p,max:c,displayValue:f}}function I(o){return a.generateUtilityClass("MuiBadge",o)}const i=a.generateUtilityClasses("MuiBadge",["root","badge","dot","standard","anchorOriginTopRight","anchorOriginBottomRight","anchorOriginTopLeft","anchorOriginBottomLeft","invisible","colorError","colorInfo","colorPrimary","colorSecondary","colorSuccess","colorWarning","overlapRectangular","overlapCircular","anchorOriginTopLeftCircular","anchorOriginTopLeftRectangular","anchorOriginTopRightCircular","anchorOriginTopRightRectangular","anchorOriginBottomLeftCircular","anchorOriginBottomLeftRectangular","anchorOriginBottomRightCircular","anchorOriginBottomRightRectangular"]),v=10,P=4,ar=o=>{const{color:r,anchorOrigin:t,invisible:n,overlap:l,variant:u,classes:p={}}=o,s={root:["root"],badge:["badge",u,n&&"invisible",`anchorOrigin${a.capitalize(t.vertical)}${a.capitalize(t.horizontal)}`,`anchorOrigin${a.capitalize(t.vertical)}${a.capitalize(t.horizontal)}${a.capitalize(l)}`,`overlap${a.capitalize(l)}`,r!=="default"&&`color${a.capitalize(r)}`]};return y.composeClasses(s,I,p)},nr=y.styled("span",{name:"MuiBadge",slot:"Root"})({position:"relative",display:"inline-flex",verticalAlign:"middle",flexShrink:0}),ir=y.styled("span",{name:"MuiBadge",slot:"Badge",overridesResolver:(o,r)=>{const{ownerState:t}=o;return[r.badge,r[t.variant],r[`anchorOrigin${a.capitalize(t.anchorOrigin.vertical)}${a.capitalize(t.anchorOrigin.horizontal)}${a.capitalize(t.overlap)}`],t.color!=="default"&&r[`color${a.capitalize(t.color)}`],t.invisible&&r.invisible]}})(w.memoTheme(({theme:o})=>({display:"flex",flexDirection:"row",flexWrap:"wrap",justifyContent:"center",alignContent:"center",alignItems:"center",position:"absolute",boxSizing:"border-box",fontFamily:o.typography.fontFamily,fontWeight:o.typography.fontWeightMedium,fontSize:o.typography.pxToRem(12),minWidth:v*2,lineHeight:1,padding:"0 6px",height:v*2,borderRadius:v,zIndex:1,transition:o.transitions.create("transform",{easing:o.transitions.easing.easeInOut,duration:o.transitions.duration.enteringScreen}),variants:[...Object.entries(o.palette).filter(rr.createSimplePaletteValueFilter(["contrastText"])).map(([r])=>({props:{color:r},style:{backgroundColor:(o.vars||o).palette[r].main,color:(o.vars||o).palette[r].contrastText}})),{props:{variant:"dot"},style:{borderRadius:P,height:P*2,minWidth:P*2,padding:0}},{props:({ownerState:r})=>r.anchorOrigin.vertical==="top"&&r.anchorOrigin.horizontal==="right"&&r.overlap==="rectangular",style:{top:0,right:0,transform:"scale(1) translate(50%, -50%)",transformOrigin:"100% 0%",[`&.${i.invisible}`]:{transform:"scale(0) translate(50%, -50%)"}}},{props:({ownerState:r})=>r.anchorOrigin.vertical==="bottom"&&r.anchorOrigin.horizontal==="right"&&r.overlap==="rectangular",style:{bottom:0,right:0,transform:"scale(1) translate(50%, 50%)",transformOrigin:"100% 100%",[`&.${i.invisible}`]:{transform:"scale(0) translate(50%, 50%)"}}},{props:({ownerState:r})=>r.anchorOrigin.vertical==="top"&&r.anchorOrigin.horizontal==="left"&&r.overlap==="rectangular",style:{top:0,left:0,transform:"scale(1) translate(-50%, -50%)",transformOrigin:"0% 0%",[`&.${i.invisible}`]:{transform:"scale(0) translate(-50%, -50%)"}}},{props:({ownerState:r})=>r.anchorOrigin.vertical==="bottom"&&r.anchorOrigin.horizontal==="left"&&r.overlap==="rectangular",style:{bottom:0,left:0,transform:"scale(1) translate(-50%, 50%)",transformOrigin:"0% 100%",[`&.${i.invisible}`]:{transform:"scale(0) translate(-50%, 50%)"}}},{props:({ownerState:r})=>r.anchorOrigin.vertical==="top"&&r.anchorOrigin.horizontal==="right"&&r.overlap==="circular",style:{top:"14%",right:"14%",transform:"scale(1) translate(50%, -50%)",transformOrigin:"100% 0%",[`&.${i.invisible}`]:{transform:"scale(0) translate(50%, -50%)"}}},{props:({ownerState:r})=>r.anchorOrigin.vertical==="bottom"&&r.anchorOrigin.horizontal==="right"&&r.overlap==="circular",style:{bottom:"14%",right:"14%",transform:"scale(1) translate(50%, 50%)",transformOrigin:"100% 100%",[`&.${i.invisible}`]:{transform:"scale(0) translate(50%, 50%)"}}},{props:({ownerState:r})=>r.anchorOrigin.vertical==="top"&&r.anchorOrigin.horizontal==="left"&&r.overlap==="circular",style:{top:"14%",left:"14%",transform:"scale(1) translate(-50%, -50%)",transformOrigin:"0% 0%",[`&.${i.invisible}`]:{transform:"scale(0) translate(-50%, -50%)"}}},{props:({ownerState:r})=>r.anchorOrigin.vertical==="bottom"&&r.anchorOrigin.horizontal==="left"&&r.overlap==="circular",style:{bottom:"14%",left:"14%",transform:"scale(1) translate(-50%, 50%)",transformOrigin:"0% 100%",[`&.${i.invisible}`]:{transform:"scale(0) translate(-50%, 50%)"}}},{props:{invisible:!0},style:{transition:o.transitions.create("transform",{easing:o.transitions.easing.easeInOut,duration:o.transitions.duration.leavingScreen})}}]})));function N(o){return{vertical:(o==null?void 0:o.vertical)??"top",horizontal:(o==null?void 0:o.horizontal)??"right"}}const M=or.forwardRef(function(r,t){const n=y.useDefaultProps({props:r,name:"MuiBadge"}),{anchorOrigin:l,className:u,classes:p,component:s,components:c={},componentsProps:f={},children:U,overlap:h="rectangular",color:T="default",invisible:V=!1,max:A=99,badgeContent:O,slots:g,slotProps:d,showZero:x=!1,variant:b="standard",...L}=n,{badgeContent:z,invisible:W,max:_,displayValue:k}=tr({max:A,invisible:V,badgeContent:O,showZero:x}),S=F.usePreviousProps({anchorOrigin:N(l),color:T,overlap:h,variant:b,badgeContent:O}),R=W||z==null&&b!=="dot",{color:E=T,overlap:H=h,anchorOrigin:Z,variant:C=b}=R?S:n,G=N(Z),B=C!=="dot"?k:void 0,m={...n,badgeContent:z,invisible:R,max:_,displayValue:B,showZero:x,anchorOrigin:G,color:E,overlap:H,variant:C},$=ar(m),j={slots:{root:(g==null?void 0:g.root)??c.Root,badge:(g==null?void 0:g.badge)??c.Badge},slotProps:{root:(d==null?void 0:d.root)??f.root,badge:(d==null?void 0:d.badge)??f.badge}},[J,K]=D.useSlot("root",{elementType:nr,externalForwardedProps:{...j,...L},ownerState:m,className:a.clsx($.root,u),ref:t,additionalProps:{as:s}}),[Q,X]=D.useSlot("badge",{elementType:ir,externalForwardedProps:j,ownerState:m,className:$.badge});return q.jsxs(J,{...K,children:[U,q.jsx(Q,{...X,children:B})]})});process.env.NODE_ENV!=="production"&&(M.propTypes={anchorOrigin:e.PropTypes.shape({horizontal:e.PropTypes.oneOf(["left","right"]),vertical:e.PropTypes.oneOf(["bottom","top"])}),badgeContent:e.PropTypes.node,children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,color:e.PropTypes.oneOfType([e.PropTypes.oneOf(["default","primary","secondary","error","info","success","warning"]),e.PropTypes.string]),component:e.PropTypes.elementType,components:e.PropTypes.shape({Badge:e.PropTypes.elementType,Root:e.PropTypes.elementType}),componentsProps:e.PropTypes.shape({badge:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),root:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),invisible:e.PropTypes.bool,max:e.PropTypes.number,overlap:e.PropTypes.oneOf(["circular","rectangular"]),showZero:e.PropTypes.bool,slotProps:e.PropTypes.shape({badge:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),root:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({badge:e.PropTypes.elementType,root:e.PropTypes.elementType}),sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),variant:e.PropTypes.oneOfType([e.PropTypes.oneOf(["dot","standard"]),e.PropTypes.string])});exports.Badge=M;exports.badgeClasses=i;exports.getBadgeUtilityClass=I;

package/dist/{Box-o7Tjjyko.js → Box-BI4osO9v.js}

@@ -1,9 +1,9 @@
 import { P as e } from "./index-Sy88PpwE.js";
-import { U as p, V as x, H as h, F as T, W as y, T as B, u as N } from "./generateUtilityClasses-DngCqveO.js";
+import { U as p, V as x, H as h, F as T, W as y, T as B, u as N } from "./identifier-PWESmBq6.js";
 import * as C from "react";
 import { jsx as b } from "react/jsx-runtime";
-import { u as g } from "./useTheme-D9cVynB-.js";
-import { e as v } from "./extendSxProp-BouzOuB6.js";
+import { u as g } from "./useTheme--i9fxE_A.js";
+import { e as v } from "./extendSxProp-CesAxox9.js";
 function E(n = {}) {
   const {
     themeId: t,

package/dist/Box-DR3n_po_.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./index-DLnSn8GT.cjs"),o=require("./identifier-BoZelETM.cjs"),T=require("react"),P=require("react/jsx-runtime"),h=require("./useTheme-BLMJDSsv.cjs"),b=require("./extendSxProp-ZMCunXYm.cjs");function N(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(s,r,n.get?n:{enumerable:!0,get:()=>t[r]})}}return s.default=t,Object.freeze(s)}const g=N(T);function B(t={}){const{themeId:s,defaultTheme:r,defaultClassName:n="MuiBox-root",generateClassName:p}=t,l=o.styled("div",{shouldForwardProp:a=>a!=="theme"&&a!=="sx"&&a!=="as"})(o.styleFunctionSx);return g.forwardRef(function(d,m){const c=h.useTheme(r),{className:f,component:x="div",...y}=b.extendSxProp(d);return P.jsx(l,{as:x,ref:m,className:o.clsx(f,p?p(n):n),theme:s&&c[s]||c,...y})})}const u=o.generateUtilityClasses("MuiBox",["root"]),O=o.createTheme(),i=B({themeId:o.THEME_ID,defaultTheme:O,defaultClassName:u.root,generateClassName:o.ClassNameGenerator.generate});process.env.NODE_ENV!=="production"&&(i.propTypes={children:e.PropTypes.node,component:e.PropTypes.elementType,sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object])});exports.Box=i;exports.boxClasses=u;