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

package/dist/Tooltip-BAOKe3SY.cjs

@@ -0,0 +1,4 @@
+"use strict";const Je=require("react"),e=require("./index-DLnSn8GT.cjs"),h=require("./identifier-BoZelETM.cjs"),Qe=require("./index-CrINMjCH.cjs"),Ze=require("./useTheme-CooC_6Ep.cjs"),b=require("react/jsx-runtime"),C=require("./DefaultPropsProvider-Cnf49AIv.cjs"),G=require("./memoTheme-BKfsJx_F.cjs"),q=require("./useSlot-C2FjoUpF.cjs"),x=require("./useTimeout-COCrDKz-.cjs"),eo=require("./useControlled-QrrYcKxm.cjs"),oo=require("./useId-DNXtOFeX.cjs"),he=require("./useEventCallback-BxpcFap0.cjs"),to=require("./useForkRef-CFhhTu-Q.cjs"),Pe=require("./elementAcceptingRef-BZ42cOGO.cjs"),ro=require("./Grow-BULCy6GX.cjs"),we=require("./Popper-DvWx5tR3.cjs"),ge=require("./isFocusVisible-DlSijby6.cjs");function po(r){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const n in r)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(r,n);Object.defineProperty(o,n,l.get?l:{enumerable:!0,get:()=>r[n]})}}return o.default=r,Object.freeze(o)}const s=po(Je);function ve(r){return h.generateUtilityClass("MuiTooltip",r)}const p=h.generateUtilityClasses("MuiTooltip",["popper","popperInteractive","popperArrow","popperClose","tooltip","tooltipArrow","touch","tooltipPlacementLeft","tooltipPlacementRight","tooltipPlacementTop","tooltipPlacementBottom","arrow"]);function no(r){return Math.round(r*1e5)/1e5}const so=r=>{const{classes:o,disableInteractive:n,arrow:l,touch:S,placement:P}=r,K={popper:["popper",!n&&"popperInteractive",l&&"popperArrow"],tooltip:["tooltip",l&&"tooltipArrow",S&&"touch",`tooltipPlacement${h.capitalize(P.split("-")[0])}`],arrow:["arrow"]};return C.composeClasses(K,ve,o)},io=C.styled(we.Popper,{name:"MuiTooltip",slot:"Popper",overridesResolver:(r,o)=>{const{ownerState:n}=r;return[o.popper,!n.disableInteractive&&o.popperInteractive,n.arrow&&o.popperArrow,!n.open&&o.popperClose]}})(G.memoTheme(({theme:r})=>({zIndex:(r.vars||r).zIndex.tooltip,pointerEvents:"none",variants:[{props:({ownerState:o})=>!o.disableInteractive,style:{pointerEvents:"auto"}},{props:({open:o})=>!o,style:{pointerEvents:"none"}},{props:({ownerState:o})=>o.arrow,style:{[`&[data-popper-placement*="bottom"] .${p.arrow}`]:{top:0,marginTop:"-0.71em","&::before":{transformOrigin:"0 100%"}},[`&[data-popper-placement*="top"] .${p.arrow}`]:{bottom:0,marginBottom:"-0.71em","&::before":{transformOrigin:"100% 0"}},[`&[data-popper-placement*="right"] .${p.arrow}`]:{height:"1em",width:"0.71em","&::before":{transformOrigin:"100% 100%"}},[`&[data-popper-placement*="left"] .${p.arrow}`]:{height:"1em",width:"0.71em","&::before":{transformOrigin:"0 0"}}}},{props:({ownerState:o})=>o.arrow&&!o.isRtl,style:{[`&[data-popper-placement*="right"] .${p.arrow}`]:{left:0,marginLeft:"-0.71em"}}},{props:({ownerState:o})=>o.arrow&&!!o.isRtl,style:{[`&[data-popper-placement*="right"] .${p.arrow}`]:{right:0,marginRight:"-0.71em"}}},{props:({ownerState:o})=>o.arrow&&!o.isRtl,style:{[`&[data-popper-placement*="left"] .${p.arrow}`]:{right:0,marginRight:"-0.71em"}}},{props:({ownerState:o})=>o.arrow&&!!o.isRtl,style:{[`&[data-popper-placement*="left"] .${p.arrow}`]:{left:0,marginLeft:"-0.71em"}}}]}))),ao=C.styled("div",{name:"MuiTooltip",slot:"Tooltip",overridesResolver:(r,o)=>{const{ownerState:n}=r;return[o.tooltip,n.touch&&o.touch,n.arrow&&o.tooltipArrow,o[`tooltipPlacement${h.capitalize(n.placement.split("-")[0])}`]]}})(G.memoTheme(({theme:r})=>({backgroundColor:r.vars?r.vars.palette.Tooltip.bg:h.alpha(r.palette.grey[700],.92),borderRadius:(r.vars||r).shape.borderRadius,color:(r.vars||r).palette.common.white,fontFamily:r.typography.fontFamily,padding:"4px 8px",fontSize:r.typography.pxToRem(11),maxWidth:300,margin:2,wordWrap:"break-word",fontWeight:r.typography.fontWeightMedium,[`.${p.popper}[data-popper-placement*="left"] &`]:{transformOrigin:"right center"},[`.${p.popper}[data-popper-placement*="right"] &`]:{transformOrigin:"left center"},[`.${p.popper}[data-popper-placement*="top"] &`]:{transformOrigin:"center bottom",marginBottom:"14px"},[`.${p.popper}[data-popper-placement*="bottom"] &`]:{transformOrigin:"center top",marginTop:"14px"},variants:[{props:({ownerState:o})=>o.arrow,style:{position:"relative",margin:0}},{props:({ownerState:o})=>o.touch,style:{padding:"8px 16px",fontSize:r.typography.pxToRem(14),lineHeight:`${no(16/14)}em`,fontWeight:r.typography.fontWeightRegular}},{props:({ownerState:o})=>!o.isRtl,style:{[`.${p.popper}[data-popper-placement*="left"] &`]:{marginRight:"14px"},[`.${p.popper}[data-popper-placement*="right"] &`]:{marginLeft:"14px"}}},{props:({ownerState:o})=>!o.isRtl&&o.touch,style:{[`.${p.popper}[data-popper-placement*="left"] &`]:{marginRight:"24px"},[`.${p.popper}[data-popper-placement*="right"] &`]:{marginLeft:"24px"}}},{props:({ownerState:o})=>!!o.isRtl,style:{[`.${p.popper}[data-popper-placement*="left"] &`]:{marginLeft:"14px"},[`.${p.popper}[data-popper-placement*="right"] &`]:{marginRight:"14px"}}},{props:({ownerState:o})=>!!o.isRtl&&o.touch,style:{[`.${p.popper}[data-popper-placement*="left"] &`]:{marginLeft:"24px"},[`.${p.popper}[data-popper-placement*="right"] &`]:{marginRight:"24px"}}},{props:({ownerState:o})=>o.touch,style:{[`.${p.popper}[data-popper-placement*="top"] &`]:{marginBottom:"24px"}}},{props:({ownerState:o})=>o.touch,style:{[`.${p.popper}[data-popper-placement*="bottom"] &`]:{marginTop:"24px"}}}]}))),lo=C.styled("span",{name:"MuiTooltip",slot:"Arrow"})(G.memoTheme(({theme:r})=>({overflow:"hidden",position:"absolute",width:"1em",height:"0.71em",boxSizing:"border-box",color:r.vars?r.vars.palette.Tooltip.bg:h.alpha(r.palette.grey[700],.9),"&::before":{content:'""',margin:"auto",display:"block",width:"100%",height:"100%",backgroundColor:"currentColor",transform:"rotate(45deg)"}})));let k=!1;const be=new x.Timeout;let O={x:0,y:0};function A(r,o){return(n,...l)=>{o&&o(n,...l),r(n,...l)}}const Re=s.forwardRef(function(o,n){const l=C.useDefaultProps({props:o,name:"MuiTooltip"}),{arrow:S=!1,children:P,classes:K,components:E={},componentsProps:M={},describeChild:Oe=!1,disableFocusListener:xe=!1,disableHoverListener:X=!1,disableInteractive:Ce=!1,disableTouchListener:Se=!1,enterDelay:J=100,enterNextDelay:Q=0,enterTouchDelay:Ee=700,followCursor:F=!1,id:Me,leaveDelay:Z=0,leaveTouchDelay:je=1500,onClose:ee,onOpen:oe,open:te,placement:re="bottom",PopperComponent:pe,PopperProps:f={},slotProps:T={},slots:$e={},title:y,TransitionComponent:Ne,TransitionProps:Le,...ne}=l,d=s.isValidElement(P)?P:b.jsx("span",{children:P}),se=Ze.useTheme(),De=Qe.useRtl(),[i,ie]=s.useState(),[U,Ie]=s.useState(null),j=s.useRef(!1),W=Ce||F,ae=x.useTimeout(),B=x.useTimeout(),$=x.useTimeout(),le=x.useTimeout(),[qe,ce]=eo.useControlled({controlled:te,default:!1,name:"Tooltip",state:"open"});let m=qe;if(process.env.NODE_ENV!=="production"){const{current:t}=s.useRef(te!==void 0);s.useEffect(()=>{i&&i.disabled&&!t&&y!==""&&i.tagName.toLowerCase()==="button"&&console.warn(["MUI: You are providing a disabled `button` child to the Tooltip component.","A disabled element does not fire events.","Tooltip needs to listen to the child element's events to display the title.","","Add a simple wrapper element, such as a `span`."].join(`
+`))},[y,i,t])}const V=oo.useId(Me),w=s.useRef(),N=he.useEventCallback(()=>{w.current!==void 0&&(document.body.style.WebkitUserSelect=w.current,w.current=void 0),le.clear()});s.useEffect(()=>N,[N]);const ue=t=>{be.clear(),k=!0,ce(!0),oe&&!m&&oe(t)},L=he.useEventCallback(t=>{be.start(800+Z,()=>{k=!1}),ce(!1),ee&&m&&ee(t),ae.start(se.transitions.duration.shortest,()=>{j.current=!1})}),D=t=>{j.current&&t.type!=="touchstart"||(i&&i.removeAttribute("title"),B.clear(),$.clear(),J||k&&Q?B.start(k?Q:J,()=>{ue(t)}):ue(t))},z=t=>{B.clear(),$.start(Z,()=>{L(t)})},[,de]=s.useState(!1),me=t=>{ge.isFocusVisible(t.target)||(de(!1),z(t))},fe=t=>{i||ie(t.currentTarget),ge.isFocusVisible(t.target)&&(de(!0),D(t))},Te=t=>{j.current=!0;const u=d.props;u.onTouchStart&&u.onTouchStart(t)},ke=t=>{Te(t),$.clear(),ae.clear(),N(),w.current=document.body.style.WebkitUserSelect,document.body.style.WebkitUserSelect="none",le.start(Ee,()=>{document.body.style.WebkitUserSelect=w.current,D(t)})},Ae=t=>{d.props.onTouchEnd&&d.props.onTouchEnd(t),N(),$.start(je,()=>{L(t)})};s.useEffect(()=>{if(!m)return;function t(u){u.key==="Escape"&&L(u)}return document.addEventListener("keydown",t),()=>{document.removeEventListener("keydown",t)}},[L,m]);const Fe=to.useForkRef(Pe.getReactElementRef(d),ie,n);!y&&y!==0&&(m=!1);const _=s.useRef(),Ue=t=>{const u=d.props;u.onMouseMove&&u.onMouseMove(t),O={x:t.clientX,y:t.clientY},_.current&&_.current.update()},v={},H=typeof y=="string";Oe?(v.title=!m&&H&&!X?y:null,v["aria-describedby"]=m?V:null):(v["aria-label"]=H?y:null,v["aria-labelledby"]=m&&!H?V:null);const a={...v,...ne,...d.props,className:h.clsx(ne.className,d.props.className),onTouchStart:Te,ref:Fe,...F?{onMouseMove:Ue}:{}};process.env.NODE_ENV!=="production"&&(a["data-mui-internal-clone-element"]=!0,s.useEffect(()=>{i&&!i.getAttribute("data-mui-internal-clone-element")&&console.error(["MUI: The `children` component of the Tooltip is not forwarding its props correctly.","Please make sure that props are spread on the same element that the ref is applied to."].join(`
+`))},[i]));const R={};Se||(a.onTouchStart=ke,a.onTouchEnd=Ae),X||(a.onMouseOver=A(D,a.onMouseOver),a.onMouseLeave=A(z,a.onMouseLeave),W||(R.onMouseOver=D,R.onMouseLeave=z)),xe||(a.onFocus=A(fe,a.onFocus),a.onBlur=A(me,a.onBlur),W||(R.onFocus=fe,R.onBlur=me)),process.env.NODE_ENV!=="production"&&d.props.title&&console.error(["MUI: You have provided a `title` prop to the child of <Tooltip />.",`Remove this title prop \`${d.props.title}\` or the Tooltip component.`].join(`
+`));const g={...l,isRtl:De,arrow:S,disableInteractive:W,placement:re,PopperComponentProp:pe,touch:j.current},c=typeof T.popper=="function"?T.popper(g):T.popper,We=s.useMemo(()=>{var u,ye;let t=[{name:"arrow",enabled:!!U,options:{element:U,padding:4}}];return(u=f.popperOptions)!=null&&u.modifiers&&(t=t.concat(f.popperOptions.modifiers)),(ye=c==null?void 0:c.popperOptions)!=null&&ye.modifiers&&(t=t.concat(c.popperOptions.modifiers)),{...f.popperOptions,...c==null?void 0:c.popperOptions,modifiers:t}},[U,f.popperOptions,c==null?void 0:c.popperOptions]),Y=so(g),Be=typeof T.transition=="function"?T.transition(g):T.transition,I={slots:{popper:E.Popper,transition:E.Transition??Ne,tooltip:E.Tooltip,arrow:E.Arrow,...$e},slotProps:{arrow:T.arrow??M.arrow,popper:{...f,...c??M.popper},tooltip:T.tooltip??M.tooltip,transition:{...Le,...Be??M.transition}}},[Ve,ze]=q.useSlot("popper",{elementType:io,externalForwardedProps:I,ownerState:g,className:h.clsx(Y.popper,f==null?void 0:f.className)}),[_e,He]=q.useSlot("transition",{elementType:ro.Grow,externalForwardedProps:I,ownerState:g}),[Ye,Ge]=q.useSlot("tooltip",{elementType:ao,className:Y.tooltip,externalForwardedProps:I,ownerState:g}),[Ke,Xe]=q.useSlot("arrow",{elementType:lo,className:Y.arrow,externalForwardedProps:I,ownerState:g,ref:Ie});return b.jsxs(s.Fragment,{children:[s.cloneElement(d,a),b.jsx(Ve,{as:pe??we.Popper,placement:re,anchorEl:F?{getBoundingClientRect:()=>({top:O.y,left:O.x,right:O.x,bottom:O.y,width:0,height:0})}:i,popperRef:_,open:i?m:!1,id:V,transition:!0,...R,...ze,popperOptions:We,children:({TransitionProps:t})=>b.jsx(_e,{timeout:se.transitions.duration.shorter,...t,...He,children:b.jsxs(Ye,{...Ge,children:[y,S?b.jsx(Ke,{...Xe}):null]})})})]})});process.env.NODE_ENV!=="production"&&(Re.propTypes={arrow:e.PropTypes.bool,children:Pe.elementAcceptingRef.isRequired,classes:e.PropTypes.object,className:e.PropTypes.string,components:e.PropTypes.shape({Arrow:e.PropTypes.elementType,Popper:e.PropTypes.elementType,Tooltip:e.PropTypes.elementType,Transition:e.PropTypes.elementType}),componentsProps:e.PropTypes.shape({arrow:e.PropTypes.object,popper:e.PropTypes.object,tooltip:e.PropTypes.object,transition:e.PropTypes.object}),describeChild:e.PropTypes.bool,disableFocusListener:e.PropTypes.bool,disableHoverListener:e.PropTypes.bool,disableInteractive:e.PropTypes.bool,disableTouchListener:e.PropTypes.bool,enterDelay:e.PropTypes.number,enterNextDelay:e.PropTypes.number,enterTouchDelay:e.PropTypes.number,followCursor:e.PropTypes.bool,id:e.PropTypes.string,leaveDelay:e.PropTypes.number,leaveTouchDelay:e.PropTypes.number,onClose:e.PropTypes.func,onOpen:e.PropTypes.func,open:e.PropTypes.bool,placement:e.PropTypes.oneOf(["auto-end","auto-start","auto","bottom-end","bottom-start","bottom","left-end","left-start","left","right-end","right-start","right","top-end","top-start","top"]),PopperComponent:e.PropTypes.elementType,PopperProps:e.PropTypes.object,slotProps:e.PropTypes.shape({arrow:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),popper:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),tooltip:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),transition:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({arrow:e.PropTypes.elementType,popper:e.PropTypes.elementType,tooltip: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]),title:e.PropTypes.node,TransitionComponent:e.PropTypes.elementType,TransitionProps:e.PropTypes.object});exports.Tooltip=Re;exports.getTooltipUtilityClass=ve;exports.tooltipClasses=p;

package/dist/{Tooltip-DCgaU2em.js → Tooltip-KkgNQm4r.js}

@@ -1,21 +1,20 @@
 import * as n from "react";
 import { P as e } from "./index-Sy88PpwE.js";
-import { F as Je, G as Qe, H as ge, n as ve } from "./generateUtilityClasses-DngCqveO.js";
+import { F as Je, G as Qe, H as ge, K as ve, n as Re } from "./identifier-PWESmBq6.js";
 import { u as Ze } from "./index-DX2Sl0Ig.js";
-import { u as eo } from "./useTheme-C59wIJ3-.js";
+import { u as eo } from "./useTheme-XJ9sFCWX.js";
 import { jsx as L, jsxs as Te } from "react/jsx-runtime";
-import { u as oo, s as G, c as to } from "./DefaultPropsProvider-hFv1J_xl.js";
-import { m as Y } from "./memoTheme-nmt7i1dS.js";
-import { u as I } from "./useSlot-BDb1lvxu.js";
+import { u as oo, s as G, c as to } from "./DefaultPropsProvider-DqazQPtr.js";
+import { m as Y } from "./memoTheme-DAFDflPY.js";
+import { u as I } from "./useSlot-BzdKwDQ5.js";
 import { u as j, T as ro } from "./useTimeout-CrCYVizI.js";
-import { u as po } from "./useControlled-BYdyS7Pn.js";
+import { u as po } from "./useControlled-nm4pBabJ.js";
 import { u as no } from "./useId-CK6Kn3Tn.js";
-import { u as be } from "./useEventCallback-Yoj9nCug.js";
+import { a as be } from "./useEventCallback-Y2KwRxBw.js";
 import { u as so } from "./useForkRef-u29GSuCu.js";
-import { g as io, e as ao } from "./getReactElementRef-H8kwrWP1.js";
-import { G as lo } from "./Grow-FFFqe81C.js";
-import { P as Re } from "./Popper-DfwuvxaQ.js";
-import { c as Oe } from "./capitalize-BHFotl9B.js";
+import { g as io, e as ao } from "./elementAcceptingRef-CEweUuUA.js";
+import { G as lo } from "./Grow-BfjkXlG8.js";
+import { P as Oe } from "./Popper-CfFLBZ7-.js";
 import { i as ye } from "./isFocusVisible-CPZqtjv2.js";
 function co(r) {
   return Qe("MuiTooltip", r);
@@ -31,13 +30,13 @@ const uo = (r) => {
     arrow: d,
     touch: O,
     placement: b
-  } = r, q = {
+  } = r, K = {
     popper: ["popper", !s && "popperInteractive", d && "popperArrow"],
-    tooltip: ["tooltip", d && "tooltipArrow", O && "touch", `tooltipPlacement${Oe(b.split("-")[0])}`],
+    tooltip: ["tooltip", d && "tooltipArrow", O && "touch", `tooltipPlacement${ve(b.split("-")[0])}`],
     arrow: ["arrow"]
   };
-  return to(q, co, o);
-}, fo = G(Re, {
+  return to(K, co, o);
+}, fo = G(Oe, {
   name: "MuiTooltip",
   slot: "Popper",
   overridesResolver: (r, o) => {
@@ -147,12 +146,12 @@ const uo = (r) => {
     const {
       ownerState: s
     } = r;
-    return [o.tooltip, s.touch && o.touch, s.arrow && o.tooltipArrow, o[`tooltipPlacement${Oe(s.placement.split("-")[0])}`]];
+    return [o.tooltip, s.touch && o.touch, s.arrow && o.tooltipArrow, o[`tooltipPlacement${ve(s.placement.split("-")[0])}`]];
   }
 })(Y(({
   theme: r
 }) => ({
-  backgroundColor: r.vars ? r.vars.palette.Tooltip.bg : ve(r.palette.grey[700], 0.92),
+  backgroundColor: r.vars ? r.vars.palette.Tooltip.bg : Re(r.palette.grey[700], 0.92),
   borderRadius: (r.vars || r).shape.borderRadius,
   color: (r.vars || r).palette.common.white,
   fontFamily: r.typography.fontFamily,
@@ -263,8 +262,7 @@ const uo = (r) => {
   }]
 }))), go = G("span", {
   name: "MuiTooltip",
-  slot: "Arrow",
-  overridesResolver: (r, o) => o.arrow
+  slot: "Arrow"
 })(Y(({
   theme: r
 }) => ({
@@ -273,7 +271,7 @@ const uo = (r) => {
   width: "1em",
   height: "0.71em",
   boxSizing: "border-box",
-  color: r.vars ? r.vars.palette.Tooltip.bg : ve(r.palette.grey[700], 0.9),
+  color: r.vars ? r.vars.palette.Tooltip.bg : Re(r.palette.grey[700], 0.9),
   "&::before": {
     content: '""',
     margin: "auto",
@@ -302,12 +300,12 @@ const To = /* @__PURE__ */ n.forwardRef(function(o, s) {
   }), {
     arrow: O = !1,
     children: b,
-    classes: q,
+    classes: K,
     components: P = {},
     componentsProps: x = {},
     describeChild: Pe = !1,
     disableFocusListener: xe = !1,
-    disableHoverListener: K = !1,
+    disableHoverListener: q = !1,
     disableInteractive: Ce = !1,
     disableTouchListener: Me = !1,
     enterDelay: X = 100,
@@ -408,7 +406,7 @@ const To = /* @__PURE__ */ n.forwardRef(function(o, s) {
       y: t.clientY
     }, z.current && z.current.update();
   }, w = {}, H = typeof g == "string";
-  Pe ? (w.title = !u && H && !K ? g : null, w["aria-describedby"] = u ? B : null) : (w["aria-label"] = H ? g : null, w["aria-labelledby"] = u && !H ? B : null);
+  Pe ? (w.title = !u && H && !q ? g : null, w["aria-describedby"] = u ? B : null) : (w["aria-label"] = H ? g : null, w["aria-labelledby"] = u && !H ? B : null);
   const a = {
     ...w,
     ...pe,
@@ -425,7 +423,7 @@ const To = /* @__PURE__ */ n.forwardRef(function(o, s) {
 `));
   }, [i]));
   const v = {};
-  Me || (a.onTouchStart = ke, a.onTouchEnd = Fe), K || (a.onMouseOver = D($, a.onMouseOver), a.onMouseLeave = D(V, a.onMouseLeave), U || (v.onMouseOver = $, v.onMouseLeave = V)), xe || (a.onFocus = D(de, a.onFocus), a.onBlur = D(ue, a.onBlur), U || (v.onFocus = de, v.onBlur = ue)), process.env.NODE_ENV !== "production" && m.props.title && console.error(["MUI: You have provided a `title` prop to the child of <Tooltip />.", `Remove this title prop \`${m.props.title}\` or the Tooltip component.`].join(`
+  Me || (a.onTouchStart = ke, a.onTouchEnd = Fe), q || (a.onMouseOver = D($, a.onMouseOver), a.onMouseLeave = D(V, a.onMouseLeave), U || (v.onMouseOver = $, v.onMouseLeave = V)), xe || (a.onFocus = D(de, a.onFocus), a.onBlur = D(ue, a.onBlur), U || (v.onFocus = de, v.onBlur = ue)), process.env.NODE_ENV !== "production" && m.props.title && console.error(["MUI: You have provided a `title` prop to the child of <Tooltip />.", `Remove this title prop \`${m.props.title}\` or the Tooltip component.`].join(`
 `));
   const T = {
     ...d,
@@ -480,12 +478,12 @@ const To = /* @__PURE__ */ n.forwardRef(function(o, s) {
     elementType: lo,
     externalForwardedProps: N,
     ownerState: T
-  }), [Ye, qe] = I("tooltip", {
+  }), [Ye, Ke] = I("tooltip", {
     elementType: ho,
     className: _.tooltip,
     externalForwardedProps: N,
     ownerState: T
-  }), [Ke, Xe] = I("arrow", {
+  }), [qe, Xe] = I("arrow", {
     elementType: go,
     className: _.arrow,
     externalForwardedProps: N,
@@ -494,7 +492,7 @@ const To = /* @__PURE__ */ n.forwardRef(function(o, s) {
   });
   return /* @__PURE__ */ Te(n.Fragment, {
     children: [/* @__PURE__ */ n.cloneElement(m, a), /* @__PURE__ */ L(ze, {
-      as: re ?? Re,
+      as: re ?? Oe,
       placement: te,
       anchorEl: k ? {
         getBoundingClientRect: () => ({
@@ -520,8 +518,8 @@ const To = /* @__PURE__ */ n.forwardRef(function(o, s) {
         ...t,
         ...Ge,
         children: /* @__PURE__ */ Te(Ye, {
-          ...qe,
-          children: [g, O ? /* @__PURE__ */ L(Ke, {
+          ...Ke,
+          children: [g, O ? /* @__PURE__ */ L(qe, {
             ...Xe
           }) : null]
         })

package/dist/Typography-CSTmKyr8.cjs

@@ -0,0 +1 @@
+"use strict";const S=require("react"),t=require("./index-DLnSn8GT.cjs"),a=require("./identifier-BoZelETM.cjs"),C=require("./index-D3lMWU76.cjs"),w=require("./memoTheme-BKfsJx_F.cjs"),B=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),q=require("react/jsx-runtime"),c=require("./DefaultPropsProvider-Cnf49AIv.cjs");function M(r){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const p=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(o,e,p.get?p:{enumerable:!0,get:()=>r[e]})}}return o.default=r,Object.freeze(o)}const R=M(S);function P(r){return a.generateUtilityClass("MuiTypography",r)}const W=a.generateUtilityClasses("MuiTypography",["root","h1","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2","inherit","button","caption","overline","alignLeft","alignRight","alignCenter","alignJustify","noWrap","gutterBottom","paragraph"]),D={primary:!0,secondary:!0,error:!0,info:!0,success:!0,warning:!0,textPrimary:!0,textSecondary:!0,textDisabled:!0},N=C.internal_createExtendSxProp(),U=r=>{const{align:o,gutterBottom:e,noWrap:p,paragraph:i,variant:l,classes:s}=r,n={root:["root",l,r.align!=="inherit"&&`align${a.capitalize(o)}`,e&&"gutterBottom",p&&"noWrap",i&&"paragraph"]};return c.composeClasses(n,P,s)},_=c.styled("span",{name:"MuiTypography",slot:"Root",overridesResolver:(r,o)=>{const{ownerState:e}=r;return[o.root,e.variant&&o[e.variant],e.align!=="inherit"&&o[`align${a.capitalize(e.align)}`],e.noWrap&&o.noWrap,e.gutterBottom&&o.gutterBottom,e.paragraph&&o.paragraph]}})(w.memoTheme(({theme:r})=>{var o;return{margin:0,variants:[{props:{variant:"inherit"},style:{font:"inherit",lineHeight:"inherit",letterSpacing:"inherit"}},...Object.entries(r.typography).filter(([e,p])=>e!=="inherit"&&p&&typeof p=="object").map(([e,p])=>({props:{variant:e},style:p})),...Object.entries(r.palette).filter(B.createSimplePaletteValueFilter()).map(([e])=>({props:{color:e},style:{color:(r.vars||r).palette[e].main}})),...Object.entries(((o=r.palette)==null?void 0:o.text)||{}).filter(([,e])=>typeof e=="string").map(([e])=>({props:{color:`text${a.capitalize(e)}`},style:{color:(r.vars||r).palette.text[e]}})),{props:({ownerState:e})=>e.align!=="inherit",style:{textAlign:"var(--Typography-textAlign)"}},{props:({ownerState:e})=>e.noWrap,style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},{props:({ownerState:e})=>e.gutterBottom,style:{marginBottom:"0.35em"}},{props:({ownerState:e})=>e.paragraph,style:{marginBottom:16}}]}})),b={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",subtitle1:"h6",subtitle2:"h6",body1:"p",body2:"p",inherit:"p"},d=R.forwardRef(function(o,e){const{color:p,...i}=c.useDefaultProps({props:o,name:"MuiTypography"}),l=!D[p],s=N({...i,...l&&{color:p}}),{align:n="inherit",className:g,component:u,gutterBottom:x=!1,noWrap:v=!1,paragraph:h=!1,variant:y="body1",variantMapping:f=b,...T}=s,m={...s,align:n,color:p,className:g,component:u,gutterBottom:x,noWrap:v,paragraph:h,variant:y,variantMapping:f},O=u||(h?"p":f[y]||b[y])||"span",j=U(m);return q.jsx(_,{as:O,ref:e,className:a.clsx(j.root,g),...T,ownerState:m,style:{...n!=="inherit"&&{"--Typography-textAlign":n},...T.style}})});process.env.NODE_ENV!=="production"&&(d.propTypes={align:t.PropTypes.oneOf(["center","inherit","justify","left","right"]),children:t.PropTypes.node,classes:t.PropTypes.object,className:t.PropTypes.string,color:t.PropTypes.oneOfType([t.PropTypes.oneOf(["primary","secondary","success","error","info","warning","textPrimary","textSecondary","textDisabled"]),t.PropTypes.string]),component:t.PropTypes.elementType,gutterBottom:t.PropTypes.bool,noWrap:t.PropTypes.bool,paragraph:t.PropTypes.bool,style:t.PropTypes.object,sx:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object,t.PropTypes.bool])),t.PropTypes.func,t.PropTypes.object]),variant:t.PropTypes.oneOfType([t.PropTypes.oneOf(["body1","body2","button","caption","h1","h2","h3","h4","h5","h6","inherit","overline","subtitle1","subtitle2"]),t.PropTypes.string]),variantMapping:t.PropTypes.object});exports.Typography=d;exports.getTypographyUtilityClass=P;exports.typographyClasses=W;

package/dist/{Typography-DwMlN0K5.js → Typography-Dy8r_tT2.js}

@@ -1,16 +1,15 @@
 import * as O from "react";
 import { P as r } from "./index-Sy88PpwE.js";
-import { F as j, G as B, H as C } from "./generateUtilityClasses-DngCqveO.js";
-import { i as S } from "./index-l8yqod25.js";
-import { m as w } from "./memoTheme-nmt7i1dS.js";
+import { F as j, G as B, H as C, K as c } from "./identifier-PWESmBq6.js";
+import { i as S } from "./index-8G2jvqZ8.js";
+import { m as w } from "./memoTheme-DAFDflPY.js";
 import { c as P } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
 import { jsx as W } from "react/jsx-runtime";
-import { u as M, s as R, c as N } from "./DefaultPropsProvider-hFv1J_xl.js";
-import { c } from "./capitalize-BHFotl9B.js";
+import { u as M, s as R, c as N } from "./DefaultPropsProvider-DqazQPtr.js";
 function D(e) {
   return B("MuiTypography", e);
 }
-const q = j("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]), U = {
+const L = j("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]), U = {
   primary: !0,
   secondary: !0,
   error: !0,
@@ -257,5 +256,5 @@ process.env.NODE_ENV !== "production" && ($.propTypes = {
 export {
   $ as T,
   D as g,
-  q as t
+  L as t
 };

package/dist/components/Alert/Alert.cjs.js

@@ -1 +1 @@
-"use strict";require("react/jsx-runtime");require("../../useTheme-ClhInrO2.cjs");const e=require("../../Alert-DW8yCR-B.cjs");require("../../generateUtilityClasses-CMlilM6r.cjs");module.exports=e.Alert;
+"use strict";require("react/jsx-runtime");require("../../useTheme-CooC_6Ep.cjs");require("../../Alert-DPSZppEy.cjs");const e=require("../../Alert-rPyl-bqs.cjs");require("../../identifier-BoZelETM.cjs");module.exports=e.Alert;

package/dist/components/Alert/Alert.es.js

@@ -1,7 +1,8 @@
 import "react/jsx-runtime";
-import "../../useTheme-C59wIJ3-.js";
-import { b as i } from "../../Alert-PmI169Dq.js";
-import "../../generateUtilityClasses-DngCqveO.js";
+import "../../useTheme-XJ9sFCWX.js";
+import "../../Alert-BhLIlUBu.js";
+import { b as a } from "../../Alert-OeEy_IGc.js";
+import "../../identifier-PWESmBq6.js";
 export {
-  i as default
+  a as default
 };

package/dist/components/Alert/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../Alert-DW8yCR-B.cjs");exports.Alert=e.Alert;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../Alert-rPyl-bqs.cjs");exports.Alert=e.Alert;

package/dist/components/Alert/index.es.js

@@ -1,4 +1,4 @@
-import { b as o } from "../../Alert-PmI169Dq.js";
+import { b as o } from "../../Alert-OeEy_IGc.js";
 export {
   o as Alert
 };

package/dist/components/Button/Button.cjs.js

@@ -1 +1 @@
-"use strict";const o=require("react/jsx-runtime"),r=require("../../DefaultPropsProvider-B1crdkTC.cjs"),n=require("../../Button-y1LmxqGA.cjs"),i=r.styled(n.Button)(({color:t,theme:e})=>({minHeight:38,textTransform:"none",transition:"all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms","&.MuiButton-outlined":{borderRadius:5,borderWidth:2}})),s=({variant:t="outlined",...e})=>o.jsx(i,{variant:t,...e});module.exports=s;
+"use strict";const o=require("react/jsx-runtime"),r=require("../../DefaultPropsProvider-Cnf49AIv.cjs"),n=require("../../Button-DyJV5llI.cjs"),i=r.styled(n.Button)(({color:t,theme:e})=>({minHeight:38,textTransform:"none",transition:"all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms","&.MuiButton-outlined":{borderRadius:5,borderWidth:2}})),s=({variant:t="outlined",...e})=>o.jsx(i,{variant:t,...e});module.exports=s;

package/dist/components/Button/Button.es.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
-import { s as e } from "../../DefaultPropsProvider-hFv1J_xl.js";
-import { B as n } from "../../Button-D974vesA.js";
+import { s as e } from "../../DefaultPropsProvider-DqazQPtr.js";
+import { B as n } from "../../Button-DDV5EfwJ.js";
 const i = e(n)(({ color: t, theme: o }) => ({
   minHeight: 38,
   textTransform: "none",

package/dist/components/ButtonGroup/ButtonGroup.cjs.js

@@ -0,0 +1 @@
+"use strict";const l=require("react/jsx-runtime"),s=require("./style.cjs.js"),c=({viewMode:n,buttonList:i,onChange:o,colorVariant:r="primary",size:a="small",orientation:u="horizontal"})=>l.jsx(s.StyledToggleButtonGroup,{value:n,exclusive:!0,onChange:(e,t)=>{t!==null&&o(t)},size:a,orientation:u,colorvariant:r,children:i.map(e=>l.jsxs(s.StyledToggleButton,{value:e.value,colorvariant:r,disabled:e.disabled,children:[e.icon,e.text&&l.jsx("span",{style:{marginLeft:8},children:e.text})]},e.value))});module.exports=c;

package/dist/components/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,3 @@
+import { ButtonGroupProps, ButtonItem } from './types';
+declare const ButtonGroup: <T extends readonly ButtonItem<string>[]>({ viewMode, buttonList, onChange, colorVariant, size, orientation, }: ButtonGroupProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default ButtonGroup;

package/dist/components/ButtonGroup/ButtonGroup.es.js

@@ -0,0 +1,38 @@
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import { StyledToggleButtonGroup as m, StyledToggleButton as p } from "./style.es.js";
+const v = ({
+  viewMode: i,
+  buttonList: o,
+  onChange: t,
+  colorVariant: l = "primary",
+  size: n = "small",
+  orientation: s = "horizontal"
+}) => /* @__PURE__ */ a(
+  m,
+  {
+    value: i,
+    exclusive: !0,
+    onChange: (e, r) => {
+      r !== null && t(r);
+    },
+    size: n,
+    orientation: s,
+    colorvariant: l,
+    children: o.map((e) => /* @__PURE__ */ d(
+      p,
+      {
+        value: e.value,
+        colorvariant: l,
+        disabled: e.disabled,
+        children: [
+          e.icon,
+          e.text && /* @__PURE__ */ a("span", { style: { marginLeft: 8 }, children: e.text })
+        ]
+      },
+      e.value
+    ))
+  }
+);
+export {
+  v as default
+};

package/dist/components/ButtonGroup/index.cjs.js

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

package/dist/components/ButtonGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ButtonGroup } from './ButtonGroup';
+export * from './types';

package/dist/components/ButtonGroup/index.es.js

@@ -0,0 +1,4 @@
+import { default as r } from "./ButtonGroup.es.js";
+export {
+  r as ButtonGroup
+};

package/dist/components/ButtonGroup/style.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@mui/material"),a=r.styled(r.ToggleButtonGroup,{shouldForwardProp:o=>o!=="colorvariant"})(({theme:o,colorvariant:t})=>({borderColor:t==="primary"?o.palette.primary.light:o.palette.secondary.light})),n=r.styled(r.ToggleButton,{shouldForwardProp:o=>o!=="colorvariant"})(({theme:o,colorvariant:t})=>{const e=t==="primary"?o.palette.primary.main:o.palette.secondary.main,l=t==="primary"?o.palette.primary.light:o.palette.secondary.light;return{color:o.palette.text.secondary,"&.Mui-selected":{backgroundColor:e,color:o.palette.common.white},"&:hover":{backgroundColor:l,color:o.palette.text.secondary},"&.Mui-selected:hover":{backgroundColor:e,color:o.palette.common.white}}});exports.StyledToggleButton=n;exports.StyledToggleButtonGroup=a;

package/dist/components/ButtonGroup/style.es.js

@@ -0,0 +1,29 @@
+import { styled as l, ToggleButtonGroup as a, ToggleButton as n } from "@mui/material";
+const c = l(a, {
+  shouldForwardProp: (o) => o !== "colorvariant"
+})(({ theme: o, colorvariant: r }) => ({
+  borderColor: r === "primary" ? o.palette.primary.light : o.palette.secondary.light
+})), i = l(n, {
+  shouldForwardProp: (o) => o !== "colorvariant"
+})(({ theme: o, colorvariant: r }) => {
+  const t = r === "primary" ? o.palette.primary.main : o.palette.secondary.main, e = r === "primary" ? o.palette.primary.light : o.palette.secondary.light;
+  return {
+    color: o.palette.text.secondary,
+    "&.Mui-selected": {
+      backgroundColor: t,
+      color: o.palette.common.white
+    },
+    "&:hover": {
+      backgroundColor: e,
+      color: o.palette.text.secondary
+    },
+    "&.Mui-selected:hover": {
+      backgroundColor: t,
+      color: o.palette.common.white
+    }
+  };
+});
+export {
+  i as StyledToggleButton,
+  c as StyledToggleButtonGroup
+};

package/dist/components/ButtonGroup/types.cjs.js

@@ -0,0 +1 @@
+"use strict";

package/dist/components/ButtonGroup/types.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+export interface ButtonItem<T extends string = string> {
+    value: T;
+    icon: ReactNode;
+    text?: string;
+    disabled?: boolean;
+}
+export interface ButtonGroupProps<T extends readonly ButtonItem<string>[]> {
+    onChange: (value: T[number]["value"]) => void;
+    viewMode: T[number]["value"];
+    buttonList: T;
+    colorVariant?: ColorVariant;
+    size?: "small" | "medium" | "large";
+    orientation?: "horizontal" | "vertical";
+}
+export type ColorVariant = "primary" | "secondary";
+export interface StyledToggleButtonGroupProps {
+    colorvariant: ColorVariant;
+}
+export interface StyledToggleButtonProps {
+    colorvariant: ColorVariant;
+}

package/dist/components/ButtonGroup/types.es.js

@@ -0,0 +1 @@
+