@useloops/design-system 1.4.675 → 1.4.677

package/dist/systems/Platform/VideoControls/VideoControls.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material"),i=require("@use-it/event-listener"),a=require("../../../utils/normaliseFloat.js");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/Icon/Icon.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Animations/FadeIn.js"),require("../../WebCore/Text/Text.js"),require("@mui/icons-material"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KbdGroup/Kbd.js"),require("../../WebCore/KbdGroup/KbdGroup.js"),require("../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../WebCore/Label/Label.js"),require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks");var o=require("../../WebCore/Surface/Surface.js");require("../../WebCore/Menu/MenuItem.js"),require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/RankItemContainer.js"),require("../../WebCore/RankItem/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../WebCore/Skeleton/Skeleton.js"),require("../../WebCore/Slider/StyledSlider.js"),require("../../WebCore/StarRating/StarRating.js"),require("../../WebCore/Switch/StyledSwitch.js"),require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/Typography/Typography.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js");var n=require("./components/ActionButton/ActionButton.js"),s=require("./components/Timeline/Timeline.js");function l(e){return e&&e.__esModule?e:{default:e}}var u=l(i);const d=t.styled(o)(({theme:e})=>({display:"flex",flex:1,padding:e.spacing(e.custom.padding.md),borderColor:e.custom.palette.stroke.light,borderWidth:1,gap:e.spacing(e.custom.padding.sm),borderStyle:"solid",flexDirection:"column"})),m=t.styled(t.Stack)(({theme:e})=>({alignItems:"center",gap:e.spacing(e.custom.padding.md),justifyContent:"space-between",flexDirection:"row",flex:1})),b=r.forwardRef(({id:t,videoElement:i,initialEndTime:o=0,initialCurrentTime:l=0,initialMuted:b,initialVolume:c,markers:p,options:C,slots:f,events:{onEnd:q,onPlay:g,onSeekEnd:j,onSeeking:y,onSeekStart:T,onTimeUpdate:W,onPause:k,onVolumeChange:B,onVolumeMute:v,onRestart:S,onFirstPlay:h,onFirstEnded:F,onReset:I}={},videoSeekTime:E,slotProps:x},L)=>{const[P,A]=r.useState(!1),[w,M]=r.useState([]),R={rtl:!1,volumeControls:!0,normaliseTime:!1,markerIndicatorMode:"time",markerIndicator:!1,markerIndicatorSize:3,volumeControlsType:"mute",disableBufferingEvents:!1,...C},[{seeking:G,endTime:V,currentTime:_,playing:D,buffering:K,loaded:N,ended:O,volume:z,muted:U,startTime:H,firstPlay:J,firstEnded:Q},X]=r.useState({startTime:a.normaliseFloat(R.normaliseTime?l:0),endTime:a.normaliseFloat(R.normaliseTime?o:i.duration),currentTime:a.normaliseFloat(l??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1,volume:c||1,muted:b||!1,buffering:!1});r.useEffect(()=>{if(i.muted=U,i.volume=z,R.normaliseTime&&(void 0===o||void 0===l))throw new Error("Please supply an initial end time and initial currentTime for normalising time in VideoControls.tsx");return()=>{le()}},[]),r.useEffect(()=>{X(e=>({...e,startTime:a.normaliseFloat(R.normaliseTime?l:0),endTime:a.normaliseFloat(R.normaliseTime?o:i.duration),currentTime:a.normaliseFloat(l??0)})),i.currentTime=a.normaliseFloat(l??0)},[l,o]);const Y=r.useCallback(()=>{X(e=>({...e,playing:!1,ended:!0,...!Q&&{firstEnded:!0}})),q&&q(),!Q&&F&&F()},[Q]);r.useEffect(()=>{if(!i||null==E)return;(async()=>{const e=!i.paused,r=E===V;X(e=>({...e,playing:!1,currentTime:a.normaliseFloat(E)})),await new Promise(e=>{const r=()=>{i.removeEventListener("seeked",r),e()};i.addEventListener("seeked",r),setTimeout(e,500)}),X(e=>({...e,currentTime:a.normaliseFloat(E)})),await new Promise(e=>setTimeout(e,50)),X(t=>({...t,playing:e,currentTime:a.normaliseFloat(r?E-.001:E+.001)}))})().catch(e=>{console.error("Error seeking video:",e)})},[E,i]);const Z=r.useCallback(e=>{X(r=>({...r,muted:e.target?.muted,volume:"number"==typeof e.target?.volume?e.target?.volume:1})),U!==e.target?.muted&&v&&v(!U),z!==e.target?.volume&&B&&B(z)},[U,z]),$=r.useCallback(()=>{const e=a.normaliseFloat(i.currentTime)>=V&&V!==a.normaliseFloat(i.duration)&&!O,r=a.normaliseFloat(i.currentTime)>=V&&V===a.normaliseFloat(i.duration)&&!O&&!D;(e||r)&&(i.pause(),i.dispatchEvent(new Event("ended"))),X(e=>({...e,currentTime:a.normaliseFloat(i.currentTime)})),W&&W(a.normaliseFloat(i.currentTime))},[V,O,D]),ee=r.useCallback(()=>{X(e=>({...e,playing:!1})),k&&k()},[_]),re=r.useCallback(()=>{X(e=>({...e,playing:!0,ended:!1,...!R?.disableBufferingEvents&&{buffering:!1},...!J&&{firstPlay:!0}})),!J&&h&&h(),g&&g()},[J,R?.disableBufferingEvents]),te=r.useCallback(()=>{R?.disableBufferingEvents||X(e=>({...e,buffering:!0}))},[R?.disableBufferingEvents]),ie=r.useCallback(()=>{R?.disableBufferingEvents||X(e=>({...e,buffering:!1}))},[K,R?.disableBufferingEvents]),ae=r.useCallback(()=>{if(R?.disableBufferingEvents)return;const e=[];for(let r=0;r<i.buffered.length;r++){const t=i.buffered.start(r),a=i.buffered.end(r);if(a>=H&&t<=V){const r=Math.max(t,H),i=Math.min(a,V);e.push({start:r-H,end:i-H,startPercent:(r-H)/(V-H)*100,widthPercent:(i-r)/(V-H)*100})}}M(e)},[G,V,_,D,K,N,O,z,U,H,w,R?.disableBufferingEvents]),oe=r.useCallback(async e=>{D&&le(),i.currentTime=H,e&&await se(),S&&S()},[D,_,H,V,O]),ne=r.useCallback(async()=>{D&&le(),i.currentTime=H,X(e=>({...e,startTime:a.normaliseFloat(R.normaliseTime?l:0),endTime:a.normaliseFloat(R.normaliseTime?o:i.duration),currentTime:a.normaliseFloat(l??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1})),I&&I()},[D,_,H,V,O,l,o]),se=async()=>{await i.play()},le=()=>{i.pause()},ue=r.useCallback(e=>{i.currentTime=a.normaliseFloat(e),X(r=>({...r,currentTime:a.normaliseFloat(e),ended:!1,seeking:!0,...!R?.disableBufferingEvents&&{buffering:!1},firstPlay:!J||r.firstPlay,bufferProgress:e})),y&&y(e),!J&&h&&h()},[K,J,R?.disableBufferingEvents]),de=r.useCallback(async()=>{document.hidden?D&&!i.paused?(A(!0),le()):A(!1):(P&&!D&&await se(),A(!1))},[D,P,le,se,i]),me=r.useCallback(e=>{e&&i.pause(),X(e=>({...e,seeking:!0})),T&&T()},[O]),be=r.useCallback(async(e,r,t)=>{r&&(i.currentTime=r),e&&!O&&await i.play(),t&&D&&i.pause(),X(e=>({...e,...r?{currentTime:r}:{},ended:!t&&e.ended,seeking:!1})),j&&j(r)},[D,O,K,G]);return u.default("visibilitychange",de,document),u.default("pause",ee,i),u.default("playing",re,i),u.default("timeupdate",$,i),u.default("ended",Y,i),u.default("volumechange",Z,i),u.default("waiting",te,i),u.default("canplay",ie,i),u.default("progress",ae,i),r.useImperativeHandle(L,()=>({play:se,pause:le,restart:oe,reset:ne,seek:(e,r,t)=>be(r,e,t),videoState:{seeking:G,endTime:V,currentTime:_,playing:D,buffering:K,loaded:N,ended:O,volume:z,firstPlay:J,firstEnded:Q,muted:U,startTime:H}})),e.jsxs(d,{variation:"raised",borderradius:"xl",id:t,sx:x?.paperContainer?.sx,children:[e.jsxs(m,{...R?.rtl&&{dir:"rtl"},children:[e.jsx(n,{seeking:G,playing:D,ended:O,buffering:K,handleAction:async()=>{O?await oe(!0):D?le():await se()}}),e.jsx(s,{handleSeeking:ue,handleSeekEnd:be,handleSeekStart:me,ended:O,marker:f?.marker,markers:p,markerIndicatorMode:R.markerIndicatorMode,markerIndicatorSize:R.markerIndicatorSize,markerIndicator:R.markerIndicator,startTime:R.normaliseTime?H:0,currentTime:_,endTime:V,playing:D,bufferRanges:w,buffering:K,volume:z,muted:U,volumeControls:R.volumeControls,volumeControlsType:R.volumeControlsType,handleVolumeMute:()=>{i.muted=!U},handleVolumeChange:e=>{i.volume=e,U&&(i.muted=!1)}})]}),f?.bottom]})});var c=r.memo(b);module.exports=c;
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material"),i=require("@use-it/event-listener"),a=require("../../../utils/normaliseFloat.js");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/Icon/Icon.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Animations/FadeIn.js"),require("../../WebCore/Text/Text.js"),require("@mui/icons-material"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KbdGroup/Kbd.js"),require("../../WebCore/KbdGroup/KbdGroup.js"),require("../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../WebCore/Label/Label.js"),require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks");var o=require("../../WebCore/Surface/Surface.js");require("../../WebCore/Menu/MenuItem.js"),require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/RankItemContainer.js"),require("../../WebCore/RankItem/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../WebCore/Skeleton/Skeleton.js"),require("../../WebCore/Slider/StyledSlider.js"),require("../../WebCore/StarRating/StarRating.js"),require("../../WebCore/Switch/StyledSwitch.js"),require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js");var n=require("./components/ActionButton/ActionButton.js"),s=require("./components/Timeline/Timeline.js");function l(e){return e&&e.__esModule?e:{default:e}}var u=l(i);const d=t.styled(o)(({theme:e})=>({display:"flex",flex:1,padding:e.spacing(e.custom.padding.md),borderColor:e.custom.palette.stroke.light,borderWidth:1,gap:e.spacing(e.custom.padding.sm),borderStyle:"solid",flexDirection:"column"})),m=t.styled(t.Stack)(({theme:e})=>({alignItems:"center",gap:e.spacing(e.custom.padding.md),justifyContent:"space-between",flexDirection:"row",flex:1})),b=r.forwardRef(({id:t,videoElement:i,initialEndTime:o=0,initialCurrentTime:l=0,initialMuted:b,initialVolume:c,markers:p,options:C,slots:f,events:{onEnd:q,onPlay:g,onSeekEnd:j,onSeeking:y,onSeekStart:W,onTimeUpdate:T,onPause:k,onVolumeChange:B,onVolumeMute:v,onRestart:S,onFirstPlay:h,onFirstEnded:F,onReset:I}={},videoSeekTime:E,slotProps:x},L)=>{const[P,A]=r.useState(!1),[w,M]=r.useState([]),R={rtl:!1,volumeControls:!0,normaliseTime:!1,markerIndicatorMode:"time",markerIndicator:!1,markerIndicatorSize:3,volumeControlsType:"mute",disableBufferingEvents:!1,...C},[{seeking:G,endTime:V,currentTime:_,playing:D,buffering:K,loaded:N,ended:O,volume:z,muted:U,startTime:H,firstPlay:J,firstEnded:Q},X]=r.useState({startTime:a.normaliseFloat(R.normaliseTime?l:0),endTime:a.normaliseFloat(R.normaliseTime?o:i.duration),currentTime:a.normaliseFloat(l??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1,volume:c||1,muted:b||!1,buffering:!1});r.useEffect(()=>{if(i.muted=U,i.volume=z,R.normaliseTime&&(void 0===o||void 0===l))throw new Error("Please supply an initial end time and initial currentTime for normalising time in VideoControls.tsx");return()=>{le()}},[]),r.useEffect(()=>{X(e=>({...e,startTime:a.normaliseFloat(R.normaliseTime?l:0),endTime:a.normaliseFloat(R.normaliseTime?o:i.duration),currentTime:a.normaliseFloat(l??0)})),i.currentTime=a.normaliseFloat(l??0)},[l,o]);const Y=r.useCallback(()=>{X(e=>({...e,playing:!1,ended:!0,...!Q&&{firstEnded:!0}})),q&&q(),!Q&&F&&F()},[Q]);r.useEffect(()=>{if(!i||null==E)return;(async()=>{const e=!i.paused,r=E===V;X(e=>({...e,playing:!1,currentTime:a.normaliseFloat(E)})),await new Promise(e=>{const r=()=>{i.removeEventListener("seeked",r),e()};i.addEventListener("seeked",r),setTimeout(e,500)}),X(e=>({...e,currentTime:a.normaliseFloat(E)})),await new Promise(e=>setTimeout(e,50)),X(t=>({...t,playing:e,currentTime:a.normaliseFloat(r?E-.001:E+.001)}))})().catch(e=>{console.error("Error seeking video:",e)})},[E,i]);const Z=r.useCallback(e=>{X(r=>({...r,muted:e.target?.muted,volume:"number"==typeof e.target?.volume?e.target?.volume:1})),U!==e.target?.muted&&v&&v(!U),z!==e.target?.volume&&B&&B(z)},[U,z]),$=r.useCallback(()=>{const e=a.normaliseFloat(i.currentTime)>=V&&V!==a.normaliseFloat(i.duration)&&!O,r=a.normaliseFloat(i.currentTime)>=V&&V===a.normaliseFloat(i.duration)&&!O&&!D;(e||r)&&(i.pause(),i.dispatchEvent(new Event("ended"))),X(e=>({...e,currentTime:a.normaliseFloat(i.currentTime)})),T&&T(a.normaliseFloat(i.currentTime))},[V,O,D]),ee=r.useCallback(()=>{X(e=>({...e,playing:!1})),k&&k()},[_]),re=r.useCallback(()=>{X(e=>({...e,playing:!0,ended:!1,...!R?.disableBufferingEvents&&{buffering:!1},...!J&&{firstPlay:!0}})),!J&&h&&h(),g&&g()},[J,R?.disableBufferingEvents]),te=r.useCallback(()=>{R?.disableBufferingEvents||X(e=>({...e,buffering:!0}))},[R?.disableBufferingEvents]),ie=r.useCallback(()=>{R?.disableBufferingEvents||X(e=>({...e,buffering:!1}))},[K,R?.disableBufferingEvents]),ae=r.useCallback(()=>{if(R?.disableBufferingEvents)return;const e=[];for(let r=0;r<i.buffered.length;r++){const t=i.buffered.start(r),a=i.buffered.end(r);if(a>=H&&t<=V){const r=Math.max(t,H),i=Math.min(a,V);e.push({start:r-H,end:i-H,startPercent:(r-H)/(V-H)*100,widthPercent:(i-r)/(V-H)*100})}}M(e)},[G,V,_,D,K,N,O,z,U,H,w,R?.disableBufferingEvents]),oe=r.useCallback(async e=>{D&&le(),i.currentTime=H,e&&await se(),S&&S()},[D,_,H,V,O]),ne=r.useCallback(async()=>{D&&le(),i.currentTime=H,X(e=>({...e,startTime:a.normaliseFloat(R.normaliseTime?l:0),endTime:a.normaliseFloat(R.normaliseTime?o:i.duration),currentTime:a.normaliseFloat(l??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1})),I&&I()},[D,_,H,V,O,l,o]),se=async()=>{await i.play()},le=()=>{i.pause()},ue=r.useCallback(e=>{i.currentTime=a.normaliseFloat(e),X(r=>({...r,currentTime:a.normaliseFloat(e),ended:!1,seeking:!0,...!R?.disableBufferingEvents&&{buffering:!1},firstPlay:!J||r.firstPlay,bufferProgress:e})),y&&y(e),!J&&h&&h()},[K,J,R?.disableBufferingEvents]),de=r.useCallback(async()=>{document.hidden?D&&!i.paused?(A(!0),le()):A(!1):(P&&!D&&await se(),A(!1))},[D,P,le,se,i]),me=r.useCallback(e=>{e&&i.pause(),X(e=>({...e,seeking:!0})),W&&W()},[O]),be=r.useCallback(async(e,r,t)=>{r&&(i.currentTime=r),e&&!O&&await i.play(),t&&D&&i.pause(),X(e=>({...e,...r?{currentTime:r}:{},ended:!t&&e.ended,seeking:!1})),j&&j(r)},[D,O,K,G]);return u.default("visibilitychange",de,document),u.default("pause",ee,i),u.default("playing",re,i),u.default("timeupdate",$,i),u.default("ended",Y,i),u.default("volumechange",Z,i),u.default("waiting",te,i),u.default("canplay",ie,i),u.default("progress",ae,i),r.useImperativeHandle(L,()=>({play:se,pause:le,restart:oe,reset:ne,seek:(e,r,t)=>be(r,e,t),videoState:{seeking:G,endTime:V,currentTime:_,playing:D,buffering:K,loaded:N,ended:O,volume:z,firstPlay:J,firstEnded:Q,muted:U,startTime:H}})),e.jsxs(d,{variation:"raised",borderradius:"xl",id:t,sx:x?.paperContainer?.sx,children:[e.jsxs(m,{...R?.rtl&&{dir:"rtl"},children:[e.jsx(n,{seeking:G,playing:D,ended:O,buffering:K,handleAction:async()=>{O?await oe(!0):D?le():await se()}}),e.jsx(s,{handleSeeking:ue,handleSeekEnd:be,handleSeekStart:me,ended:O,marker:f?.marker,markers:p,markerIndicatorMode:R.markerIndicatorMode,markerIndicatorSize:R.markerIndicatorSize,markerIndicator:R.markerIndicator,startTime:R.normaliseTime?H:0,currentTime:_,endTime:V,playing:D,bufferRanges:w,buffering:K,volume:z,muted:U,volumeControls:R.volumeControls,volumeControlsType:R.volumeControlsType,handleVolumeMute:()=>{i.muted=!U},handleVolumeChange:e=>{i.volume=e,U&&(i.muted=!1)}})]}),f?.bottom]})});var c=r.memo(b);module.exports=c;

package/dist/systems/WebCore/AuthFormHeader/AuthFormHeader.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),n=require("../../BrandCore/Icon/Icon.js"),t=require("../Text/Text.js");module.exports=({logo:s,headerText:i,subText:a})=>{const m=r.useTheme();return e.jsxs(r.Stack,{gap:m.spacing(m.custom.margin.md),alignItems:"center",mb:m.spacing(m.custom.margin.lg),children:[!1===s?null:s||e.jsx(n.default,{name:"brand-wordmark",sx:{width:{sm:79,md:79,lg:106},height:{sm:24,md:24,lg:32}}}),e.jsxs(r.Stack,{gap:m.spacing(m.custom.margin.md),children:[i&&e.jsx(t.Text,{size:"sm",headline:!0,align:"center",bold:!0,children:i}),function(){if(a)return"string"==typeof a?e.jsx(t.Text,{align:"center",children:a}):a}()]})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),s=require("../../BrandCore/Icon/Icon.js"),n=require("../Text/Text.js");module.exports=({logo:t,headerText:i,subText:a})=>{const m=r.useTheme();return e.jsxs(r.Stack,{sx:{gap:m.spacing(m.custom.margin.md),alignItems:"center",mb:m.spacing(m.custom.margin.lg)},children:[!1===t?null:t||e.jsx(s.default,{name:"brand-wordmark",sx:{width:{sm:79,md:79,lg:106},height:{sm:24,md:24,lg:32}}}),e.jsxs(r.Stack,{sx:{gap:m.spacing(m.custom.margin.md)},children:[i&&e.jsx(n.Text,{size:"sm",headline:!0,align:"center",bold:!0,children:i}),function(){if(a)return"string"==typeof a?e.jsx(n.Text,{align:"center",children:a}):a}()]})]})};

package/dist/systems/WebCore/AutocompleteBaseField/_partials/AutocompleteSelectAll.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),i=require("react"),r=require("../../Checkbox/StyledCheckbox.js"),s=require("../../utils/typography.util.js");module.exports=({handleSelectAll:n,isIndeterminate:l,isAllSelected:a,sizing:c})=>{const[u,o]=i.useState(!1),d=t.useTheme();return i.useEffect(()=>{a&&o(a)},[a]),e.jsxs(t.Stack,{direction:"row",gap:d.spacing(d.custom.padding.sm),onClick:e=>{const t=!u;o(t),n(e,t)},sx:{marginLeft:"auto",display:"flex",alignItems:"center",justifyContent:"flex-end",p:e=>e.custom.padding.sm},children:[e.jsx(t.FormLabel,{sx:{cursor:"pointer",fontSize:()=>c&&s.fontSizemap[c]},children:"Select all"}),e.jsx(r,{sizing:"default",indeterminate:l,checked:u})]})};
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),i=require("react"),r=require("../../Checkbox/StyledCheckbox.js"),s=require("../../utils/typography.util.js");module.exports=({handleSelectAll:n,isIndeterminate:l,isAllSelected:a,sizing:c})=>{const[u,o]=i.useState(!1),d=t.useTheme();return i.useEffect(()=>{a&&o(a)},[a]),e.jsxs(t.Stack,{direction:"row",onClick:e=>{const t=!u;o(t),n(e,t)},sx:{gap:d.spacing(d.custom.padding.sm),marginLeft:"auto",display:"flex",alignItems:"center",justifyContent:"flex-end",p:e=>e.custom.padding.sm},children:[e.jsx(t.FormLabel,{sx:{cursor:"pointer",fontSize:()=>c&&s.fontSizemap[c]},children:"Select all"}),e.jsx(r,{sizing:"default",indeterminate:l,checked:u})]})};

package/dist/systems/WebCore/ButtonBase/Button.variant-helpers.d.ts

@@ -100,7 +100,7 @@ declare const buttonInteraction: (theme: Theme, active?: boolean) => {
         color: string;
     };
 };
-type ButtonSizing = Exclude<GenericSizeMap, 'none'>;
+type ButtonSizing = Exclude<GenericSizeMap, 'none' | 'xxs'>;
 declare const buttonHeightMap: {
     xs: number;
     sm: number;

package/dist/systems/WebCore/Differential/Differential.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),i=require("@mui/material"),n=require("../InputLabelHelp/InputLabelHelp.js"),r=require("./DifferentialContainer.js"),t=require("./DifferentialRadio.js");module.exports=({disabled:s=!1,onChange:l,labelLeft:a,labelRight:d,internalChange:c,labelCenter:o})=>{const h=[...Array(7).keys()];return e.jsx(i.RadioGroup,{children:e.jsxs(r.default,{children:[e.jsx(i.Grid,{container:!0,justifyContent:"space-between",children:h.map((n,r)=>{const a=r+1!==h.length;return e.jsx(i.Grid,{...a&&{size:"grow"},children:e.jsx(t,{disabled:s,value:n,onChange:(e,i)=>{l&&l(e,i),c&&c()},name:`radio-option-${n}`},n)},n)})}),e.jsxs(i.Grid,{container:!0,justifyContent:"space-between",sx:{mt:1},children:[e.jsx(i.Grid,{sx:{textAlign:"left"},children:e.jsx(n,{disabled:s,showicon:!1,children:a})}),e.jsx(i.Grid,{sx:{textAlign:"center"},children:e.jsx(n,{disabled:s,align:"center",showicon:!1,children:o})}),e.jsx(i.Grid,{sx:{textAlign:"right"},children:e.jsx(n,{disabled:s,align:"right",showicon:!1,children:d})})]})]})})};
+"use strict";var e=require("react/jsx-runtime"),i=require("@mui/material"),n=require("../InputLabelHelp/InputLabelHelp.js"),r=require("./DifferentialContainer.js"),t=require("./DifferentialRadio.js");module.exports=({disabled:s=!1,onChange:l,labelLeft:a,labelRight:d,internalChange:c,labelCenter:o})=>{const x=[...Array(7).keys()];return e.jsx(i.RadioGroup,{children:e.jsxs(r.default,{children:[e.jsx(i.Grid,{container:!0,sx:{justifyContent:"space-between"},children:x.map((n,r)=>{const a=r+1!==x.length;return e.jsx(i.Grid,{...a&&{size:"grow"},children:e.jsx(t,{disabled:s,value:n,onChange:(e,i)=>{l&&l(e,i),c&&c()},name:`radio-option-${n}`},n)},n)})}),e.jsxs(i.Grid,{container:!0,sx:{justifyContent:"space-between",mt:1},children:[e.jsx(i.Grid,{sx:{textAlign:"left"},children:e.jsx(n,{disabled:s,showicon:!1,children:a})}),e.jsx(i.Grid,{sx:{textAlign:"center"},children:e.jsx(n,{disabled:s,align:"center",showicon:!1,children:o})}),e.jsx(i.Grid,{sx:{textAlign:"right"},children:e.jsx(n,{disabled:s,align:"right",showicon:!1,children:d})})]})]})})};

package/dist/systems/WebCore/DropdownMenu/DropdownMenu.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),i=require("./StyledMenu.js");module.exports=({open:n,anchorEl:o,handleClick:l,handleClose:t,items:a,...s})=>e.jsx(e.Fragment,{children:e.jsx(i,{anchorEl:o,open:n,onClose:t,MenuListProps:{"aria-labelledby":"basic-button"},elevation:0,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},...s,children:a?.map((i,n)=>e.jsxs(r.MenuItem,{onClick:i.onClick,...i.menuItemProps,children:[i.icon&&e.jsx(r.Box,{mr:1,children:i.icon}),i.label]},n))})});
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),i=require("./StyledMenu.js");module.exports=({open:l,anchorEl:n,handleClick:o,handleClose:t,items:a,...s})=>e.jsx(e.Fragment,{children:e.jsx(i,{anchorEl:n,open:l,onClose:t,slotProps:{list:{"aria-labelledby":"basic-button"}},elevation:0,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},...s,children:a?.map((i,l)=>e.jsxs(r.MenuItem,{onClick:i.onClick,...i.menuItemProps,children:[i.icon&&e.jsx(r.Box,{sx:{mr:1},children:i.icon}),i.label]},l))})});

package/dist/systems/WebCore/FormGenerator/FormGenerator.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material"),a=require("react-hook-form"),s=require("./components/InputWrapper/InputWrapper.js"),o=require("../../../utils/usePrevious.js");const u=e=>e.reduce((e,r)=>({...e,[r?.name]:i(r,r?.defaultValue)}),{}),i=(e,r)=>{switch(e.fieldType){case"autocomplete":case"select":return Array.isArray(r),r;case"creatableautocomplete":return r||r;case"starRating":case"numberfield":return r||0;case"slider":{const{min:t}=e;return Array.isArray(r)?r:r||t}case"likert":case"radioGroup":case"customfield":default:return r||"";case"checkboxGroup":return r||[];case"checkbox":case"switch":return r||!1;case"ranking":{const{options:t}=e;return r?r.map(e=>t.find(({id:r})=>r===e)):t}}},n=r.forwardRef(({submitButton:n,secondaryButton:c,onFormSubmit:l,onFormChange:m,formConfig:d},f)=>{const{custom:p}=t.useTheme(),{fields:g,reValidateMode:h,styleOverrides:x,autoComplete:y,formId:V,mode:b,validateOnInit:v}=d,k=o.usePrevious(g),{reset:j,getValues:w,trigger:C,setValue:S,control:q,formState:{isValid:F,errors:E},setFocus:I,handleSubmit:T,watch:A}=a.useForm({mode:b||"onChange",reValidateMode:h,defaultValues:r.useMemo(()=>u(g),[]),shouldUnregister:!0});r.useEffect(()=>{v&&setTimeout(async()=>{await C()},100)},[]),r.useEffect(()=>{if(void 0!==k){const e=k.filter(({fieldType:e})=>"html"!==e).map(({name:e})=>e);g.filter(({name:r,fieldType:t})=>!e.includes(r)&&"html"!==t).forEach(e=>{S(e.name,i(e,e.defaultValue))})}},[g]),r.useEffect(()=>{j(u(g))},[V]),r.useImperativeHandle(f,()=>({resetForm(){j()},focus(e){I(e)},submit(){l&&T(l)()},values:()=>w(),valid:()=>F,errors:()=>E,setValue:S,trigger:C,watch:A}));const B=()=>{m&&m(w())};return e.jsxs(t.Box,{component:"form",autoComplete:y,noValidate:!0,sx:x?.sxForm,...l&&{onSubmit:T(l)},children:[e.jsx(t.Stack,{gap:p.margin.md,sx:x?.sxStack,children:g.map(({ref:e,name:t,...a})=>r.createElement(s,{...m&&{internalChange:B},fieldRef:e,name:t,key:t,errors:E,control:q,watch:A,trigger:C,...a}))}),(c||n)&&e.jsxs(t.Stack,{direction:"row",sx:x?.sxButtons||{mt:p.margin.lg,gap:p.margin.sm,justifyContent:"flex-end"},children:[c&&c,n&&n]})]})});exports.default=n,exports.determineDefaultValue=i,exports.getDefaultValues=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material"),a=require("merge-sx"),s=require("react-hook-form"),o=require("./components/InputWrapper/InputWrapper.js"),u=require("../../../utils/usePrevious.js");const i=e=>e.reduce((e,r)=>({...e,[r?.name]:n(r,r?.defaultValue)}),{}),n=(e,r)=>{switch(e.fieldType){case"autocomplete":case"select":return Array.isArray(r),r;case"creatableautocomplete":return r||r;case"starRating":case"numberfield":return r||0;case"slider":{const{min:t}=e;return Array.isArray(r)?r:r||t}case"likert":case"radioGroup":case"customfield":default:return r||"";case"checkboxGroup":return r||[];case"checkbox":case"switch":return r||!1;case"ranking":{const{options:t}=e;return r?r.map(e=>t.find(({id:r})=>r===e)):t}}},c=r.forwardRef(({submitButton:c,secondaryButton:l,onFormSubmit:m,onFormChange:d,formConfig:f},p)=>{const{custom:g}=t.useTheme(),{fields:h,reValidateMode:x,styleOverrides:y,autoComplete:V,formId:b,mode:v,validateOnInit:k}=f,j=u.usePrevious(h),{reset:w,getValues:S,trigger:q,setValue:C,control:F,formState:{isValid:E,errors:I},setFocus:T,handleSubmit:A,watch:B}=s.useForm({mode:v||"onChange",reValidateMode:x,defaultValues:r.useMemo(()=>i(h),[]),shouldUnregister:!0});r.useEffect(()=>{k&&setTimeout(async()=>{await q()},100)},[]),r.useEffect(()=>{if(void 0!==j){const e=j.filter(({fieldType:e})=>"html"!==e).map(({name:e})=>e);h.filter(({name:r,fieldType:t})=>!e.includes(r)&&"html"!==t).forEach(e=>{C(e.name,n(e,e.defaultValue))})}},[h]),r.useEffect(()=>{w(i(h))},[b]),r.useImperativeHandle(p,()=>({resetForm(){w()},focus(e){T(e)},submit(){m&&A(m)()},values:()=>S(),valid:()=>E,errors:()=>I,setValue:C,trigger:q,watch:B}));const M=()=>{d&&d(S())};return e.jsxs(t.Box,{component:"form",autoComplete:V,noValidate:!0,sx:y?.sxForm,...m&&{onSubmit:A(m)},children:[e.jsx(t.Stack,{sx:a.mergeSx({gap:g.margin.md},y?.sxStack),children:h.map(({ref:e,name:t,...a})=>r.createElement(o,{...d&&{internalChange:M},fieldRef:e,name:t,key:t,errors:I,control:F,watch:B,trigger:q,...a}))}),(l||c)&&e.jsxs(t.Stack,{direction:"row",sx:y?.sxButtons||{mt:g.margin.lg,gap:g.margin.sm,justifyContent:"flex-end"},children:[l&&l,c&&c]})]})});exports.default=c,exports.determineDefaultValue=n,exports.getDefaultValues=i;

package/dist/systems/WebCore/FormGenerator/components/InputWrapper/InputWrapper.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("merge-sx"),i=require("react"),n=require("react-hook-form"),s=require("react-phone-number-input"),o=require("../../../AutocompleteField/AutocompleteField.js"),a=require("../../../Checkbox/Checkbox.js");require("../../../Checkbox/StyledCheckbox.js");var l=require("../../../CheckboxGroup/CheckboxGroup.js"),c=require("../../../CreatableAutocomplete/CreatableAutocomplete.js"),u=require("../../../CustomField/CustomField.js"),h=require("../../../Differential/Differential.js"),m=require("../../../Html/Html.js"),d=require("../../../InputLabel/InputLabel.js"),p=require("../../../Likert/Likert.js"),f=require("../../../NumberField/NumberField.js"),x=require("../../../RadioGroup/RadioGroup.js"),g=require("../../../Rank/Rank.js"),j=require("../../../RichTextField/RichTextField.js");require("../../../SelectItem/SelectItem.js");var q=require("../../../Select/Select.js"),b=require("../../../Slider/Slider.js"),S=require("../../../StarRating/StarRating.js"),v=require("../../../Switch/Switch.js"),k=require("../../../Textarea/Textarea.js"),T=require("../../../TextField/TextField.js"),C=require("../StengthIndicator/StrengthIndicator.js"),F=require("./components/InputWrapperHelperText/InputWrapperHelperText.js");const y={textfield:T,numberfield:f,textarea:k,creatableautocomplete:c,select:q,autocomplete:o,checkbox:a,checkboxGroup:l,switch:v,slider:b,starRating:S,differential:h,likert:p,radioGroup:x,ranking:g,richTextfield:j,customfield:u},I=(e,t)=>e.filter(e=>{if(e.includes("-value-")){const t=e.split("-value-")[1];return t&&t.length>0}return e!==t}).length;module.exports=({fieldRef:o,name:a,fieldType:l,label:c,control:u,errors:h,labelProps:p,helperText:f,helpTextProps:x,validation:g,content:j,styleOverrides:q,defaultValue:b,onChange:S,watch:v,trigger:k,strengthIndicator:T,...R})=>{const{custom:w}=t.useTheme(),A=void 0!==h&&Object.keys(h).length>0,B="checkbox"===l?"lg"===R.sizing?"48px":"40px":void 0,[G,L]=i.useState(0);i.useEffect(()=>{T&&G>0&&k(a)},[G]);const _=g?.match?.field,N=v(_);return i.useEffect(()=>{_&&k(a)},[N,_,k,a]),e.jsxs(t.Stack,{sx:r.mergeSx(q?.sxInputStack,R?.hidden&&{display:"none!important"}),gap:w.margin.sm,children:["switch"!==l?c&&e.jsx(d,{...p,children:c}):null,"html"===l&&j?e.jsx(m,{children:j}):e.jsxs(e.Fragment,{children:[e.jsx(n.Controller,{name:a,control:u,render:t=>function({field:{ref:t,...r}}){const i=y[l],n=e=>(e.name||e.value||"").replace(/-/g,"_").includes("none_of_these");let s=R;if(R.other?.enabled&&Array.isArray(R.options)){const e=R.options.findIndex(n);-1!==e&&(s={...R,options:R.options.filter((t,r)=>r!==e),noneOfTheseOption:R.options[e]})}return e.jsx(i,{...s,...r,inputRef:e=>{t(e),o&&(o.current=e)},..."switch"===l?{label:c}:{},..."autocomplete"===l?{onChange:(e,t)=>r.onChange(t)}:{}})}(t),rules:{...g,validate:e=>{if(g&&"phone"in g)return s.isValidPhoneNumber(`+${v("extension")}${e}`)||g.phone.message;if(g&&"score"in g)return G<=g.score.value?g.score.message:void 0;if(g&&"white_space"in g)return!e.match(/^\s*$/g)||g.white_space.message;if(g&&"match"in g&&g?.match?.field)switch(g?.match?.comparison){case"not_eq":return e!=v(g.match.field)||g.match.message;case"gt":return e>v(g.match.field)||g.match.message;case"lt":return e<v(g.match.field)||g.match.message;default:return e===v(g.match.field)||g.match.message}if(g&&"minSelections"in g){const t=e;if(!(g.selectionsBypass&&t.includes(g.selectionsBypass))){const e=R.other?.enabled?R.other?.name||"other-option":void 0;if(I(t,e)<g.minSelections.value)return g.minSelections.message}}if(g&&"maxSelections"in g){const t=e;if(!(g.selectionsBypass&&t.includes(g.selectionsBypass))){const e=R.other?.enabled?R.other?.name||"other-option":void 0;if(I(t,e)>g.maxSelections.value)return g.maxSelections.message}}}}}),T&&e.jsx(C,{value:v(a),onChange:L})]}),e.jsxs(e.Fragment,{children:[Boolean(A)?e.jsx(F,{helperText:void 0,inputName:a,errors:h,showicon:!0,paddingLeft:B}):null,Boolean(f)?e.jsx(F,{helperText:f,inputName:a,errors:void 0,paddingLeft:B,...x}):null]})]})};
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("merge-sx"),i=require("react"),n=require("react-hook-form"),s=require("react-phone-number-input"),o=require("../../../AutocompleteField/AutocompleteField.js"),a=require("../../../Checkbox/Checkbox.js");require("../../../Checkbox/StyledCheckbox.js");var l=require("../../../CheckboxGroup/CheckboxGroup.js"),c=require("../../../CreatableAutocomplete/CreatableAutocomplete.js"),u=require("../../../CustomField/CustomField.js"),h=require("../../../Differential/Differential.js"),m=require("../../../Html/Html.js"),d=require("../../../InputLabel/InputLabel.js"),p=require("../../../Likert/Likert.js"),f=require("../../../NumberField/NumberField.js"),x=require("../../../RadioGroup/RadioGroup.js"),g=require("../../../Rank/Rank.js"),j=require("../../../RichTextField/RichTextField.js");require("../../../SelectItem/SelectItem.js");var q=require("../../../Select/Select.js"),b=require("../../../Slider/Slider.js"),S=require("../../../StarRating/StarRating.js"),v=require("../../../Switch/Switch.js"),k=require("../../../Textarea/Textarea.js"),T=require("../../../TextField/TextField.js"),C=require("../StengthIndicator/StrengthIndicator.js"),F=require("./components/InputWrapperHelperText/InputWrapperHelperText.js");const y={textfield:T,numberfield:f,textarea:k,creatableautocomplete:c,select:q,autocomplete:o,checkbox:a,checkboxGroup:l,switch:v,slider:b,starRating:S,differential:h,likert:p,radioGroup:x,ranking:g,richTextfield:j,customfield:u},I=(e,t)=>e.filter(e=>{if(e.includes("-value-")){const t=e.split("-value-")[1];return t&&t.length>0}return e!==t}).length;module.exports=({fieldRef:o,name:a,fieldType:l,label:c,control:u,errors:h,labelProps:p,helperText:f,helpTextProps:x,validation:g,content:j,styleOverrides:q,defaultValue:b,onChange:S,watch:v,trigger:k,strengthIndicator:T,...R})=>{const{custom:w}=t.useTheme(),A=void 0!==h&&Object.keys(h).length>0,B="checkbox"===l?"lg"===R.sizing?"48px":"40px":void 0,[G,L]=i.useState(0);i.useEffect(()=>{T&&G>0&&k(a)},[G]);const _=g?.match?.field,N=v(_);return i.useEffect(()=>{_&&k(a)},[N,_,k,a]),e.jsxs(t.Stack,{sx:r.mergeSx({gap:w.margin.sm},q?.sxInputStack,R?.hidden&&{display:"none!important"}),children:["switch"!==l?c&&e.jsx(d,{...p,children:c}):null,"html"===l&&j?e.jsx(m,{children:j}):e.jsxs(e.Fragment,{children:[e.jsx(n.Controller,{name:a,control:u,render:t=>function({field:{ref:t,...r}}){const i=y[l],n=e=>(e.name||e.value||"").replace(/-/g,"_").includes("none_of_these");let s=R;if(R.other?.enabled&&Array.isArray(R.options)){const e=R.options.findIndex(n);-1!==e&&(s={...R,options:R.options.filter((t,r)=>r!==e),noneOfTheseOption:R.options[e]})}return e.jsx(i,{...s,...r,inputRef:e=>{t(e),o&&(o.current=e)},..."switch"===l?{label:c}:{},..."autocomplete"===l?{onChange:(e,t)=>r.onChange(t)}:{}})}(t),rules:{...g,validate:e=>{if(g&&"phone"in g)return s.isValidPhoneNumber(`+${v("extension")}${e}`)||g.phone.message;if(g&&"score"in g)return G<=g.score.value?g.score.message:void 0;if(g&&"white_space"in g)return!e.match(/^\s*$/g)||g.white_space.message;if(g&&"match"in g&&g?.match?.field)switch(g?.match?.comparison){case"not_eq":return e!=v(g.match.field)||g.match.message;case"gt":return e>v(g.match.field)||g.match.message;case"lt":return e<v(g.match.field)||g.match.message;default:return e===v(g.match.field)||g.match.message}if(g&&"minSelections"in g){const t=e;if(!(g.selectionsBypass&&t.includes(g.selectionsBypass))){const e=R.other?.enabled?R.other?.name||"other-option":void 0;if(I(t,e)<g.minSelections.value)return g.minSelections.message}}if(g&&"maxSelections"in g){const t=e;if(!(g.selectionsBypass&&t.includes(g.selectionsBypass))){const e=R.other?.enabled?R.other?.name||"other-option":void 0;if(I(t,e)>g.maxSelections.value)return g.maxSelections.message}}}}}),T&&e.jsx(C,{value:v(a),onChange:L})]}),e.jsxs(e.Fragment,{children:[Boolean(A)?e.jsx(F,{helperText:void 0,inputName:a,errors:h,showicon:!0,paddingLeft:B}):null,Boolean(f)?e.jsx(F,{helperText:f,inputName:a,errors:void 0,paddingLeft:B,...x}):null]})]})};

package/dist/systems/WebCore/FormGenerator/components/StengthIndicator/StrengthIndicator.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("check-password-strength"),s=require("react"),i=require("../../../Text/Text.js"),a=require("./components/LinearBar/LinearBar.js"),n=require("./helpers/getColorBasedOnScore.js");module.exports=({label:o="Strength",width:c=60,value:u,onChange:l})=>{const[d,x]=s.useState(0),h=r.useTheme();return s.useEffect(()=>{if(u){const e=t.passwordStrength(u);x(e.id+1)}else x(0)},[u]),s.useEffect(()=>{l(d)},[d]),e.jsxs(r.Stack,{direction:"row",gap:1,sx:{alignItems:"center"},children:[e.jsx(i.Text,{size:"sm",children:o}),e.jsx(a,{variant:"determinate",value:0===d?6.6:25*d,score:d,sx:{width:c}}),e.jsx(i.Text,{size:"sm",textColor:n.getTextColorBasedOnScore(d,h),children:["","Too weak","Weak","Medium","Strong"][d]})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("check-password-strength"),s=require("react"),i=require("../../../Text/Text.js"),a=require("./components/LinearBar/LinearBar.js"),n=require("./helpers/getColorBasedOnScore.js");module.exports=({label:o="Strength",width:c=60,value:u,onChange:l})=>{const[d,x]=s.useState(0),h=r.useTheme();return s.useEffect(()=>{if(u){const e=t.passwordStrength(u);x(e.id+1)}else x(0)},[u]),s.useEffect(()=>{l(d)},[d]),e.jsxs(r.Stack,{direction:"row",sx:{gap:1,alignItems:"center"},children:[e.jsx(i.Text,{size:"sm",children:o}),e.jsx(a,{variant:"determinate",value:0===d?6.6:25*d,score:d,sx:{width:c}}),e.jsx(i.Text,{size:"sm",textColor:n.getTextColorBasedOnScore(d,h),children:["","Too weak","Weak","Medium","Strong"][d]})]})};

package/dist/systems/WebCore/Image/Image.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),i=require("react"),r=require("react-intersection-observer");const s=t.styled("img")(({isLoaded:e})=>({display:"block",width:"100%",objectFit:"cover",height:"100%",opacity:e?1:0,filter:e?"blur(0px)":"blur(15px)",transform:e?"scale(1)":"scale(1.05)",transition:"opacity 0.5s ease-in-out, filter 0.5s ease-in-out, transform 0.5s ease-in-out",transitionDelay:"0.2s"}));module.exports=({children:o,src:n,alt:a,width:h,height:l,containerSx:d,threshold:c=.1,rootMargin:u="500px",...x})=>{const[g,p]=i.useState(!1),{ref:w,inView:m}=r.useInView({threshold:c,rootMargin:u,triggerOnce:!0});return e.jsxs(t.Box,{ref:w,sx:{position:"relative",width:h,height:l,overflow:"hidden",...d},children:[e.jsx(t.Fade,{in:!g,unmountOnExit:!0,children:e.jsx(t.Box,{sx:{width:h,height:l,position:"absolute",inset:0},children:e.jsx(t.Skeleton,{variant:"rectangular",width:"100%",height:"100%"})})}),m&&e.jsx(s,{onLoad:()=>p(!0),alt:a,src:n,width:h,height:l,isLoaded:g,loading:"lazy",...x})]})};
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),i=require("react");const r=t.styled("img")({display:"block",width:"100%",objectFit:"cover",height:"100%",transition:"opacity 0.5s ease-in-out, filter 0.5s ease-in-out, transform 0.5s ease-in-out",transitionDelay:"0.2s","&.loaded":{opacity:1,filter:"blur(0px)",transform:"scale(1)"},"&:not(.loaded)":{opacity:0,filter:"blur(15px)",transform:"scale(1.05)"}});module.exports=({src:s,alt:n,width:o,height:a,containerSx:c,threshold:l=.1,rootMargin:d="500px",...h})=>{const[u,x]=i.useState(!1),[f,g]=i.useState(!1),m=i.useRef(null);return i.useEffect(()=>{const e=m.current;if(!e)return;const t=new IntersectionObserver(([e])=>{e.isIntersecting&&(g(!0),t.disconnect())},{threshold:l,rootMargin:d});return t.observe(e),()=>t.disconnect()},[l,d]),e.jsxs(t.Box,{ref:m,sx:{position:"relative",width:o,height:a,overflow:"hidden",...c},children:[e.jsx(t.Fade,{in:!u,unmountOnExit:!0,children:e.jsx(t.Box,{sx:{width:o,height:a,position:"absolute",inset:0},children:e.jsx(t.Skeleton,{variant:"rectangular",width:"100%",height:"100%"})})}),f&&e.jsx(r,{onLoad:()=>x(!0),className:u?"loaded":void 0,alt:n,src:s,width:o,height:a,...h})]})};

package/dist/systems/WebCore/InputLabelHelp/InputLabelHelp.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/icons-material"),s=require("@mui/material"),a=require("../../BrandCore/Icon/Icon.js"),i=require("../InputLabelBase/InputLabelBase.js"),r=require("../utils/typography.util.js");module.exports=n=>{const{icon:l=null,state:o="default",disabled:u,showicon:c=!0,paddingLeft:p}=n,d=s.useTheme();return e.jsxs(s.Box,{sx:{display:"inline-flex",alignItems:"center",paddingLeft:p,color:u?d.custom.palette.text.disabled:(()=>{switch(o){case"disabled":return d.custom.palette.text.disabled;case"positive":return d.custom.palette.text.positive;case"negative":return d.custom.palette.text.negative;default:return d.custom.palette.text.secondary}})(),"& svg":{marginRight:d.spacing(d.custom.margin.xs),width:a.iconSizeMap.xs,height:a.iconSizeMap.xs,color:"inherit"}},children:[(()=>{if(!c)return null;if(l)return l;switch(o){case"disabled":default:return e.jsx(s.Box,{sx:{height:20,display:"flex",alignItems:"center",alignSelf:"flex-start"},children:e.jsx(t.InfoOutlined,{})});case"positive":return e.jsx(s.Box,{sx:{height:20,display:"flex",alignItems:"center",alignSelf:"flex-start"},children:e.jsx(t.Check,{})});case"negative":return e.jsx(s.Box,{sx:{height:20,display:"flex",alignItems:"center",alignSelf:"flex-start"},children:e.jsx(t.ErrorOutline,{})})}})(),e.jsx(i,{...n,sx:{fontSize:{xs:r.typographyVariantMap.sm.body.sm,sm:r.typographyVariantMap.sm.body.sm,md:r.typographyVariantMap.sm.body.sm,lg:r.typographyVariantMap.lg.body.sm,xl:r.typographyVariantMap.lg.body.sm}}})]})};
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/icons-material"),s=require("@mui/material"),a=require("../../BrandCore/Icon/Icon.js"),i=require("../InputLabelBase/InputLabelBase.js"),r=require("../utils/typography.util.js");module.exports=n=>{const{icon:l=null,state:o="default",disabled:u,showicon:c=!0,paddingLeft:d}=n,p=s.useTheme();return e.jsxs(s.Box,{sx:{display:"inline-flex",alignItems:"center",paddingLeft:d,color:u?p.custom.palette.text.disabled:(()=>{switch(o){case"disabled":return p.custom.palette.text.disabled;case"positive":return p.custom.palette.text.positive;case"negative":return p.custom.palette.text.negative;default:return p.custom.palette.text.secondary}})(),"& svg":{marginRight:p.spacing(p.custom.margin.xs),width:a.iconSizeMap.xs,height:a.iconSizeMap.xs,color:"inherit"}},children:[(()=>{if(!c)return null;if(l)return l;switch(o){case"disabled":default:return e.jsx(s.Box,{sx:{height:20,display:"flex",alignItems:"center",alignSelf:"flex-start"},children:e.jsx(t.InfoOutlined,{})});case"positive":return e.jsx(s.Box,{sx:{height:20,display:"flex",alignItems:"center",alignSelf:"flex-start"},children:e.jsx(t.Check,{})});case"negative":return e.jsx(s.Box,{sx:{height:20,display:"flex",alignItems:"center",alignSelf:"flex-start"},children:e.jsx(t.ErrorOutlined,{})})}})(),e.jsx(i,{...n,sx:{fontSize:{xs:r.typographyVariantMap.sm.body.sm,sm:r.typographyVariantMap.sm.body.sm,md:r.typographyVariantMap.sm.body.sm,lg:r.typographyVariantMap.lg.body.sm,xl:r.typographyVariantMap.lg.body.sm}}})]})};

package/dist/systems/WebCore/Label/types.d.ts

@@ -1,7 +1,7 @@
 import { ChipProps } from '@mui/material';
 
 type ToneChoices = 0 | 100 | 500 | 900;
-interface StyledLabelProps extends Pick<ChipProps, 'ref' | 'classes' | 'sx' | 'icon' | 'className' | 'label'> {
+interface StyledLabelProps extends Pick<ChipProps, 'ref' | 'classes' | 'sx' | 'icon' | 'className' | 'label' | 'onClick'> {
     colorScheme?: 'neutral' | 'purple' | 'red' | 'peach' | 'yellow' | 'blue' | 'green';
     tone?: ToneChoices;
     weight?: 'heavy' | 'light';

package/dist/systems/WebCore/Likert/Likert.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),o=require("../../BrandCore/primitiveVariables.js"),t=require("./LikertContainer.js"),i=require("./LikertLabel.js"),a=require("./LikertRadio.js");module.exports=({options:n=[],disabled:s=!1,sizing:u="lg",onChange:l,internalChange:c,value:d})=>{const h=r.useTheme();function x(e){l(e.value),c&&c()}return e.jsx(r.Box,{children:e.jsx(t.default,{children:e.jsx(r.Grid,{container:!0,justifyContent:"space-between",children:n.map(t=>e.jsxs(r.Grid,{size:"grow",onClick:()=>x(t),sx:{...!s&&{cursor:"pointer"},textAlign:"center","&:hover":{"& .MuiButtonBase-root.MuiRadio-root":{"&:before":{...!s&&{backgroundColor:h.custom.palette.interaction.hover}}}},"&:active":{"& .MuiButtonBase-root.MuiRadio-root":{...!s&&{backgroundColor:h.custom.palette.input.default,borderColor:h.custom.palette.stroke.focus,boxShadow:h.custom.boxShadow.input.focus},"&:before":{...!s&&{backgroundColor:h.custom.palette.interaction.press}},"&.Mui-checked":{backgroundColor:h.custom.palette.purple[500]}}}},children:[e.jsx(a,{sizing:u,disabled:s,onChange:e=>x(t),checked:d===t.value},t.value),e.jsx(r.Box,{sx:{mt:o.margin.xs,width:"100%"},children:e.jsx(i,{disabled:s,children:t.label})})]},t.value))})})})};
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),o=require("../../BrandCore/primitiveVariables.js"),t=require("./LikertContainer.js"),i=require("./LikertLabel.js"),a=require("./LikertRadio.js");module.exports=({options:n=[],disabled:s=!1,sizing:u="lg",onChange:l,internalChange:c,value:d})=>{const x=r.useTheme();function h(e){l(e.value),c&&c()}return e.jsx(r.Box,{children:e.jsx(t.default,{children:e.jsx(r.Grid,{container:!0,sx:{justifyContent:"space-between"},children:n.map(t=>e.jsxs(r.Grid,{size:"grow",onClick:()=>h(t),sx:{...!s&&{cursor:"pointer"},textAlign:"center","&:hover":{"& .MuiButtonBase-root.MuiRadio-root":{"&:before":{...!s&&{backgroundColor:x.custom.palette.interaction.hover}}}},"&:active":{"& .MuiButtonBase-root.MuiRadio-root":{...!s&&{backgroundColor:x.custom.palette.input.default,borderColor:x.custom.palette.stroke.focus,boxShadow:x.custom.boxShadow.input.focus},"&:before":{...!s&&{backgroundColor:x.custom.palette.interaction.press}},"&.Mui-checked":{backgroundColor:x.custom.palette.purple[500]}}}},children:[e.jsx(a,{sizing:u,disabled:s,onChange:e=>h(t),checked:d===t.value},t.value),e.jsx(r.Box,{sx:{mt:o.margin.xs,width:"100%"},children:e.jsx(i,{disabled:s,children:t.label})})]},t.value))})})})};

package/dist/systems/WebCore/Menu/MenuItem.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("merge-sx");require("../../BrandCore/colorRamps.js");var i=require("../../BrandCore/primitiveVariables.js");require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js");var s=require("../../BrandCore/Icon/Icon.js"),o=require("../ButtonBase/Button.variant-helpers.js");require("../ButtonBase/ButtonBase.js");var n=require("../Label/Label.js"),a=require("../Text/Text.js"),l=require("../Tooltip/Tooltip.js");const d=t.styled(t.Button,{shouldForwardProp:e=>!["active","iconHeight"].includes(e)})(({active:e,iconHeight:t=24,theme:r})=>({borderRadius:r.spacing(r.custom.radius.sm),maxWidth:"100%",padding:r.spacing(.5,1),textTransform:"none",width:"100%",textOverflow:"ellipsis",whiteSpace:"nowrap",...o.buttonInteraction(r,e),backgroundColor:e?r.custom.palette.surface.sunken:"transparent","& p":{minHeight:t},"&:disabled":{backgroundColor:"inherit","& p":{color:r.custom.palette.text.disabled}}})),c=t.styled(t.Box)(({theme:e})=>({padding:e.spacing(.5,1)})),x=t.styled(t.Box)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(1),textAlign:"left"})),h=t.styled(t.Stack,{shouldForwardProp:e=>"iconHeight"!==e})(({iconHeight:e=24,theme:t})=>({height:e,width:24,alignItems:"center",color:t.custom.palette.icon.secondary,display:"flex",justifyContent:"center",marginLeft:"auto"}));module.exports=({baseState:o,label:u,active:p,danger:m,divider:g,heading:j,selected:v,disabled:b,closeOnClick:f,hidden:w,onClick:B,startIcon:y,slotProps:C,tooltip:q,showItemNumber:I=!1,itemNumber:k,children:T})=>{const H=t.useTheme(),S=3*i.base;return w?null:g?e.jsx(t.Box,{sx:{height:32,display:"flex",alignItems:"center"},children:e.jsx(t.Box,{sx:{borderBottom:`1px solid ${H.custom.palette.stroke.default}`,width:"100%"}})}):u?j?e.jsx(c,{children:e.jsx(a.Text,{variant:"button",secondary:!0,children:u})}):e.jsx(d,{active:p,disabled:b,onClick:e=>{B&&B(e),f&&o?.close()},iconHeight:S,sx:{[`&.${t.buttonBaseClasses.root} .${t.typographyClasses.root}`]:{minHeight:"initial"}},children:e.jsxs(x,{sx:{width:"100%",justifyContent:"space-between",gap:1},children:[e.jsxs(x,{sx:{flex:"1 1 auto",gap:1,minWidth:0},children:[I&&!!k&&e.jsx(n,{body:k,sizing:"xxs",colorScheme:"neutral",sx:{minWidth:32}}),void 0!==y&&e.jsx(s.default,{name:y,...C?.startIcon}),q?e.jsx(l,{message:u,slotProps:{wrapper:{sx:{minWidth:0,overflow:"hidden",flex:"1 1 auto"}}},children:e.jsx(a.Text,{monospaced:!0,sx:r.mergeSx({whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},m&&{color:H.custom.palette.text.negative},j&&{color:H.custom.palette.text.secondary}),variant:"button",children:u})}):e.jsx(a.Text,{monospaced:!0,sx:r.mergeSx({whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},m&&{color:H.custom.palette.text.negative},j&&{color:H.custom.palette.text.secondary}),variant:"button",children:u})]}),e.jsxs(h,{iconHeight:S,minWidth:S,children:[T?.length&&T.length>0&&e.jsx(t.Grow,{in:!0,children:e.jsx(t.Box,{sx:{display:"flex",alignItems:"center"},children:e.jsx(s.default,{name:"chevron-right",size:S})})}),v&&e.jsx(t.Grow,{in:!0,children:e.jsx(t.Box,{sx:{display:"flex",alignItems:"center"},children:e.jsx(s.default,{name:"check",size:S})})})]})]})}):null};
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("merge-sx");require("../../BrandCore/colorRamps.js");var i=require("../../BrandCore/primitiveVariables.js");require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js");var s=require("../../BrandCore/Icon/Icon.js"),o=require("../ButtonBase/Button.variant-helpers.js");require("../ButtonBase/ButtonBase.js");var n=require("../Label/Label.js"),a=require("../Text/Text.js"),l=require("../Tooltip/Tooltip.js");const d=t.styled(t.Button,{shouldForwardProp:e=>!["active","iconHeight"].includes(e)})(({active:e,iconHeight:t=24,theme:r})=>({borderRadius:r.spacing(r.custom.radius.sm),maxWidth:"100%",padding:r.spacing(.5,1),textTransform:"none",width:"100%",textOverflow:"ellipsis",whiteSpace:"nowrap",...o.buttonInteraction(r,e),backgroundColor:e?r.custom.palette.surface.sunken:"transparent","& p":{minHeight:t},"&:disabled":{backgroundColor:"inherit","& p":{color:r.custom.palette.text.disabled}}})),c=t.styled(t.Box)(({theme:e})=>({padding:e.spacing(.5,1)})),x=t.styled(t.Box)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(1),textAlign:"left"})),h=t.styled(t.Stack,{shouldForwardProp:e=>"iconHeight"!==e})(({iconHeight:e=24,theme:t})=>({height:e,width:24,alignItems:"center",color:t.custom.palette.icon.secondary,display:"flex",justifyContent:"center",marginLeft:"auto"}));module.exports=({baseState:o,label:u,active:p,danger:m,divider:g,heading:j,selected:v,disabled:b,closeOnClick:f,hidden:w,onClick:B,startIcon:y,slotProps:C,tooltip:q,showItemNumber:I=!1,itemNumber:k,children:T})=>{const H=t.useTheme(),S=3*i.base;return w?null:g?e.jsx(t.Box,{sx:{height:32,display:"flex",alignItems:"center"},children:e.jsx(t.Box,{sx:{borderBottom:`1px solid ${H.custom.palette.stroke.default}`,width:"100%"}})}):u?j?e.jsx(c,{children:e.jsx(a.Text,{variant:"button",secondary:!0,children:u})}):e.jsx(d,{active:p,disabled:b,onClick:e=>{B&&B(e),f&&o?.close()},iconHeight:S,sx:{[`&.${t.buttonBaseClasses.root} .${t.typographyClasses.root}`]:{minHeight:"initial"}},children:e.jsxs(x,{sx:{width:"100%",justifyContent:"space-between",gap:1},children:[e.jsxs(x,{sx:{flex:"1 1 auto",gap:1,minWidth:0},children:[I&&!!k&&e.jsx(n,{body:k,sizing:"xxs",colorScheme:"neutral",sx:{minWidth:32}}),void 0!==y&&e.jsx(s.default,{name:y,...C?.startIcon}),q?e.jsx(l,{message:u,slotProps:{wrapper:{sx:{minWidth:0,overflow:"hidden",flex:"1 1 auto"}}},children:e.jsx(a.Text,{monospaced:!0,sx:r.mergeSx({whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},m&&{color:H.custom.palette.text.negative},j&&{color:H.custom.palette.text.secondary}),variant:"button",children:u})}):e.jsx(a.Text,{monospaced:!0,sx:r.mergeSx({whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},m&&{color:H.custom.palette.text.negative},j&&{color:H.custom.palette.text.secondary}),variant:"button",children:u})]}),e.jsxs(h,{iconHeight:S,sx:{minWidth:S},children:[T?.length&&T.length>0&&e.jsx(t.Grow,{in:!0,children:e.jsx(t.Box,{sx:{display:"flex",alignItems:"center"},children:e.jsx(s.default,{name:"chevron-right",size:S})})}),v&&e.jsx(t.Grow,{in:!0,children:e.jsx(t.Box,{sx:{display:"flex",alignItems:"center"},children:e.jsx(s.default,{name:"check",size:S})})})]})]})}):null};

package/dist/systems/WebCore/ModalLayout/ModalLayout.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),i=require("../../BrandCore/Icon/Icon.js"),r=require("../IconButton/IconButton.js");require("../../BrandCore/primitiveVariables.js");var n=require("../Surface/Surface.js"),s=require("../Text/Text.js"),a=require("./_partials/ModalContentWrapper.js");module.exports=({title:d,subtitle:o,body:c,children:l,extraAction:u,hideCloseButton:x,contentPadding:m,handleClose:p})=>{const h=t.useTheme();return e.jsxs(n,{variation:"overlay",sx:{minWidth:320,width:"100%",maxWidth:600,overflow:"hidden",position:"relative"},children:[e.jsxs(t.Stack,{direction:"row",alignItems:"center",justifyContent:"space-between",gap:h.custom.margin.md,padding:h.custom.padding.md,paddingLeft:h.custom.padding.lg,children:[e.jsxs(t.Stack,{children:["string"==typeof d?e.jsx(s.Text,{size:"xl",bold:!0,children:d}):d,o&&e.jsx(s.Text,{secondary:!0,children:o})]}),e.jsxs(t.Stack,{direction:"row",gap:h.spacing(h.custom.margin.md),height:32,children:[u,!x&&e.jsx(r,{sizing:"md",icon:e.jsx(i.default,{name:"close"}),sx:{color:h.custom.palette.icon.primary},onClick:p})]})]}),c&&e.jsx(a.ModalContentWrapper,{contentPadding:!!m,children:e.jsx(t.Stack,{gap:h.custom.padding.md,sx:{maxWidth:600},children:"string"==typeof c?e.jsx(s.Text,{children:c}):c})}),l&&e.jsx(a.ModalContentWrapper,{contentPadding:!!m,children:l})]})};
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),i=require("../../BrandCore/Icon/Icon.js"),r=require("../IconButton/IconButton.js");require("../../BrandCore/primitiveVariables.js");var n=require("../Surface/Surface.js"),s=require("../Text/Text.js"),a=require("./_partials/ModalContentWrapper.js");module.exports=({title:d,subtitle:o,body:c,children:l,extraAction:u,hideCloseButton:x,contentPadding:m,handleClose:p})=>{const h=t.useTheme();return e.jsxs(n,{variation:"overlay",sx:{minWidth:320,width:"100%",maxWidth:600,overflow:"hidden",position:"relative"},children:[e.jsxs(t.Stack,{direction:"row",sx:{alignItems:"center",justifyContent:"space-between",gap:h.custom.margin.md,padding:h.custom.padding.md,paddingLeft:h.custom.padding.lg},children:[e.jsxs(t.Stack,{children:["string"==typeof d?e.jsx(s.Text,{size:"xl",bold:!0,children:d}):d,o&&e.jsx(s.Text,{secondary:!0,children:o})]}),e.jsxs(t.Stack,{direction:"row",sx:{gap:h.spacing(h.custom.margin.md),height:32},children:[u,!x&&e.jsx(r,{sizing:"md",icon:e.jsx(i.default,{name:"close"}),sx:{color:h.custom.palette.icon.primary},onClick:p})]})]}),c&&e.jsx(a.ModalContentWrapper,{contentPadding:!!m,children:e.jsx(t.Stack,{sx:{gap:h.custom.padding.md,maxWidth:600},children:"string"==typeof c?e.jsx(s.Text,{children:c}):c})}),l&&e.jsx(a.ModalContentWrapper,{contentPadding:!!m,children:l})]})};

package/dist/systems/WebCore/NavigationButton/NavigationButton.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),n=require("merge-sx"),i=require("react"),s=require("../../BrandCore/Icon/Icon.js"),r=require("../ButtonBase/Button.variant-helpers.js");require("../ButtonBase/ButtonBase.js");var a=require("../Text/Text.js");const o=t.styled(t.Box)(({theme:e})=>({alignItems:"center",cursor:"pointer",display:"flex",flexDirection:"column",gap:e.spacing(.5),justifyContent:"center",transition:e.custom.easing.input})),c=t.styled(t.Box)(({theme:e})=>({alignItems:"center",color:e.custom.palette.text.secondary,display:"flex",opacity:0,transition:e.custom.easing.input})),l=t.styled(a.Text)(({active:e,theme:t})=>({color:e?t.custom.palette.text.primary:t.custom.palette.text.secondary,textAlign:"center"})),u=(e,t)=>{switch(e){case"sm":return t.spacing(.5625);case"md":return t.spacing(.8125);case"lg":return t.spacing(1)}},x=t.styled(t.Button,{shouldForwardProp:e=>!["active","sizing"].includes(e)})(({active:e,fullWidth:n,sizing:i,theme:s})=>({...r.buttonInteraction(s,e),alignItems:"center",backgroundColor:e?s.custom.palette.interaction.press:"transparent",borderRadius:s.spacing(s.custom.radius.md),color:s.custom.palette.text.primary,display:"flex",gap:s.spacing(1),justifyContent:n?"space-between":"center",minWidth:0,padding:u(i,s),textTransform:"none",width:n?"100%":"auto","&:hover":{...r.buttonInteraction(s,e)["&:hover"],[`.${t.boxClasses.root}`]:{opacity:1}},"&:focus":{...r.buttonInteraction(s,e)["&:focus"],[`.${t.boxClasses.root}`]:{opacity:1}}}));module.exports=({active:r,fullWidth:u=!0,danger:d,href:m,target:p,external:g=!1,icon:h,label:y,navigationSizing:f,onClick:j,sizing:v="lg"})=>{const B=t.useTheme(),b=i.useRef(null);return e.jsxs(o,{onClick:g&&m?()=>window.open(m,p||"_blank"):j,children:[e.jsxs(x,{active:!m&&r,sizing:v,fullWidth:u,children:[e.jsxs(t.Box,{display:"flex",alignItems:"center",justifyContent:"center",gap:1.5,ref:b,children:[h&&e.jsx(s.default,{name:h,size:24}),"lg"===f&&e.jsx(t.Slide,{in:!0,direction:"right",container:b.current,children:e.jsx(t.Box,{sx:{display:"flex"},children:e.jsx(t.Fade,{in:!0,style:{transitionDelay:"100ms"},children:e.jsx(t.Box,{sx:{display:"flex"},children:e.jsx(a.Text,{size:"sm"===v?"xs":"md",variant:"button",clamp:1,sx:n.mergeSx(d&&{color:B.custom.palette.text.negative}),children:y})})})})})]}),"lg"===f&&g&&e.jsx(c,{children:e.jsx(s.default,{name:"open-in-new",size:20})})]}),"sm"===f&&e.jsx(t.Grow,{in:!0,style:{transformOrigin:"0 100%",transitionDelay:"100ms"},children:e.jsx(t.Box,{children:e.jsx(l,{active:r,variant:"button",size:"xs",sx:n.mergeSx(d&&{color:B.custom.palette.text.negative}),children:y})})})]})};
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),n=require("merge-sx"),i=require("react"),s=require("../../BrandCore/Icon/Icon.js"),r=require("../ButtonBase/Button.variant-helpers.js");require("../ButtonBase/ButtonBase.js");var a=require("../Text/Text.js");const o=t.styled(t.Box)(({theme:e})=>({alignItems:"center",cursor:"pointer",display:"flex",flexDirection:"column",gap:e.spacing(.5),justifyContent:"center",transition:e.custom.easing.input})),c=t.styled(t.Box)(({theme:e})=>({alignItems:"center",color:e.custom.palette.text.secondary,display:"flex",opacity:0,transition:e.custom.easing.input})),l=t.styled(a.Text)(({active:e,theme:t})=>({color:e?t.custom.palette.text.primary:t.custom.palette.text.secondary,textAlign:"center"})),u=(e,t)=>{switch(e){case"sm":return t.spacing(.5625);case"md":return t.spacing(.8125);case"lg":return t.spacing(1)}},x=t.styled(t.Button,{shouldForwardProp:e=>!["active","sizing"].includes(e)})(({active:e,fullWidth:n,sizing:i,theme:s})=>({...r.buttonInteraction(s,e),alignItems:"center",backgroundColor:e?s.custom.palette.interaction.press:"transparent",borderRadius:s.spacing(s.custom.radius.md),color:s.custom.palette.text.primary,display:"flex",gap:s.spacing(1),justifyContent:n?"space-between":"center",minWidth:0,padding:u(i,s),textTransform:"none",width:n?"100%":"auto","&:hover":{...r.buttonInteraction(s,e)["&:hover"],[`.${t.boxClasses.root}`]:{opacity:1}},"&:focus":{...r.buttonInteraction(s,e)["&:focus"],[`.${t.boxClasses.root}`]:{opacity:1}}}));module.exports=({active:r,fullWidth:u=!0,danger:d,href:m,target:p,external:g=!1,icon:h,label:y,navigationSizing:f,onClick:j,sizing:v="lg"})=>{const B=t.useTheme(),b=i.useRef(null);return e.jsxs(o,{onClick:g&&m?()=>window.open(m,p||"_blank"):j,children:[e.jsxs(x,{active:!m&&r,sizing:v,fullWidth:u,children:[e.jsxs(t.Box,{ref:b,sx:{display:"flex",alignItems:"center",justifyContent:"center",gap:1.5},children:[h&&e.jsx(s.default,{name:h,size:24}),"lg"===f&&e.jsx(t.Slide,{in:!0,direction:"right",container:b.current,children:e.jsx(t.Box,{sx:{display:"flex"},children:e.jsx(t.Fade,{in:!0,style:{transitionDelay:"100ms"},children:e.jsx(t.Box,{sx:{display:"flex"},children:e.jsx(a.Text,{size:"sm"===v?"xs":"md",variant:"button",clamp:1,sx:n.mergeSx(d&&{color:B.custom.palette.text.negative}),children:y})})})})})]}),"lg"===f&&g&&e.jsx(c,{children:e.jsx(s.default,{name:"open-in-new",size:20})})]}),"sm"===f&&e.jsx(t.Grow,{in:!0,style:{transformOrigin:"0 100%",transitionDelay:"100ms"},children:e.jsx(t.Box,{children:e.jsx(l,{active:r,variant:"button",size:"xs",sx:n.mergeSx(d&&{color:B.custom.palette.text.negative}),children:y})})})]})};

package/dist/systems/WebCore/PoweredByWatermarkLogo/PoweredByWatermarkLogo.js

@@ -1 +1 @@
-"use strict";var C=require("react/jsx-runtime"),i=require("@mui/material");module.exports=()=>C.jsxs(i.Stack,{gap:.5,flexDirection:"row",children:[C.jsx(i.SvgIcon,{sx:{width:67,height:12},viewBox:"0 0 67 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:C.jsx("path",{d:"M2.09034 4.64868H4.09536C5.65956 4.64868 6.41322 4.00878 6.41322 2.84274C6.41322 1.69092 5.65956 1.05102 4.09536 1.05102H2.09034V4.64868ZM2.09034 5.6583V9H0.86742V0.0413991H4.1238C6.34212 0.0413991 7.6077 1.09368 7.6077 2.84274C7.6077 4.60602 6.34212 5.6583 4.1238 5.6583H2.09034ZM9.27266 5.90004C9.27266 7.27938 9.96944 8.26056 11.2208 8.26056C12.4864 8.26056 13.1974 7.27938 13.1974 5.90004C13.1974 4.50648 12.4864 3.53952 11.2208 3.53952C9.96944 3.53952 9.27266 4.50648 9.27266 5.90004ZM14.4061 5.90004C14.4061 7.83396 13.0552 9.17064 11.2208 9.17064C9.40064 9.17064 8.06396 7.83396 8.06396 5.90004C8.06396 3.96612 9.40064 2.61522 11.2208 2.61522C13.0552 2.61522 14.4061 3.96612 14.4061 5.90004ZM19.9082 2.78586L21.2449 7.49268H21.3018L22.738 2.78586H23.8329L21.8564 9H20.7188L19.3963 4.36428H19.3394L18.0312 9H16.8936L14.9028 2.78586H16.083L17.5477 7.49268H17.6046L18.9128 2.78586H19.9082ZM29.4445 6.78168L30.4257 6.89544C30.1271 8.31744 29.0748 9.17064 27.5248 9.17064C25.6762 9.17064 24.3253 7.91928 24.3253 5.98536C24.3253 4.023 25.6762 2.61522 27.4679 2.61522C29.4445 2.61522 30.4541 4.023 30.4541 5.71518V6.17022H25.5056C25.5624 7.40736 26.4299 8.24634 27.539 8.24634C28.5771 8.24634 29.2028 7.74864 29.4445 6.78168ZM25.534 5.445H29.2454C29.217 4.43538 28.634 3.51108 27.4679 3.51108C26.3445 3.51108 25.662 4.40694 25.534 5.445ZM35.5059 2.89962L35.3921 3.96612C35.0509 3.78126 34.8091 3.71016 34.4252 3.71016C33.5293 3.71016 32.861 4.5207 32.861 5.71518V9H31.6807V2.78586H32.861V4.05144C33.0885 3.34044 33.7284 2.61522 34.6243 2.61522C35.0082 2.61522 35.2926 2.71476 35.5059 2.89962ZM40.9288 6.78168L41.91 6.89544C41.6114 8.31744 40.5591 9.17064 39.0091 9.17064C37.1605 9.17064 35.8096 7.91928 35.8096 5.98536C35.8096 4.023 37.1605 2.61522 38.9522 2.61522C40.9288 2.61522 41.9384 4.023 41.9384 5.71518V6.17022H36.9899C37.0468 7.40736 37.9142 8.24634 39.0233 8.24634C40.0614 8.24634 40.6871 7.74864 40.9288 6.78168ZM37.0183 5.445H40.7297C40.7013 4.43538 40.1183 3.51108 38.9522 3.51108C37.8289 3.51108 37.1463 4.40694 37.0183 5.445ZM47.8993 6.07068V5.71518C47.8993 4.36428 47.0461 3.56796 45.9227 3.56796C44.6998 3.56796 44.0172 4.47804 44.0172 5.90004C44.0172 7.32204 44.6998 8.23212 45.9227 8.23212C47.0461 8.23212 47.8993 7.4358 47.8993 6.07068ZM47.8851 9V7.70598C47.6007 8.47386 46.8186 9.17064 45.6525 9.17064C43.8039 9.17064 42.8085 7.73442 42.8085 5.90004C42.8085 4.06566 43.8039 2.61522 45.6525 2.61522C46.8186 2.61522 47.6007 3.32622 47.8851 4.0941V0.0413991H49.0653V9H47.8851ZM54.3847 5.71518V6.07068C54.3847 7.4358 55.2521 8.23212 56.3755 8.23212C57.5984 8.23212 58.2668 7.32204 58.2668 5.90004C58.2668 4.47804 57.5984 3.56796 56.3755 3.56796C55.2521 3.56796 54.3847 4.36428 54.3847 5.71518ZM54.3847 7.70598L54.1288 9H53.2329V0.0413991H54.4132V4.0941C54.6833 3.32622 55.4797 2.61522 56.6457 2.61522C58.4801 2.61522 59.4897 4.06566 59.4897 5.90004C59.4897 7.73442 58.4801 9.17064 56.6315 9.17064C55.4797 9.17064 54.6691 8.48808 54.3847 7.70598ZM62.6822 11.389H61.5304L62.54 8.98578L59.9235 2.78586H61.1607L63.1372 7.56378H63.1941L65.0996 2.78586H66.2656L62.6822 11.389Z",fill:"#473F5C"})}),C.jsxs(i.SvgIcon,{sx:{width:40,height:12},viewBox:"0 0 40 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[C.jsx("g",{id:"Brand/Wordmark",clipPath:"url(#clip0_900_1816)",children:C.jsx("path",{id:"Union",fillRule:"evenodd",clipRule:"evenodd",d:"M4.3189 9.56522C3.67851 9.11556 3.54429 8.98169 3.54429 7.99199V0H0V0.149886L0.00580287 0.153463C0.656931 0.554852 0.953183 0.737477 0.953183 1.72311V7.99199C0.953183 8.98169 0.818964 9.11556 0.17858 9.56522V9.7151H4.3189V9.56522ZM4.51113 6.71053C4.91378 9.01144 6.99646 10.1934 9.18264 9.80664C11.3677 9.41876 12.9226 7.58467 12.5199 5.28947C12.1173 2.99428 10.0346 1.80549 7.84841 2.19336C5.66223 2.58124 4.10847 4.40961 4.51113 6.71053ZM7.2103 6.23112C6.8247 4.01831 6.98053 3.01716 7.96215 2.84325C8.94377 2.66819 9.43515 3.55263 9.82074 5.76545C10.2063 7.97826 10.0516 8.97483 9.06889 9.15332C8.08613 9.33181 7.59589 8.44394 7.2103 6.23112ZM17.7306 9.80664C15.5455 10.1934 13.4629 9.01144 13.0591 6.71053C12.6553 4.40961 14.2102 2.58124 16.3963 2.19336C18.5825 1.80549 20.6641 2.99428 21.0678 5.28947C21.4716 7.58467 19.9156 9.41876 17.7306 9.80664ZM16.5101 2.84325C15.5273 3.01716 15.3726 4.01831 15.7582 6.23112C16.1438 8.44394 16.6341 9.33181 17.6168 9.15675C18.5996 8.98169 18.7543 7.98169 18.3687 5.76888C17.9831 3.55606 17.4928 2.66819 16.5101 2.84325ZM25.5683 11.8168C24.8234 11.3931 24.5553 11.2406 24.5553 10.2769L24.5575 8.4794C24.9443 9.25858 25.7189 9.873 26.9997 9.873C28.9356 9.873 30.47 8.40046 30.47 5.86842C30.47 3.29176 28.9743 2.13844 27.2681 2.13844C25.8679 2.13844 24.8988 2.93249 24.5575 4.02631L24.4973 2.28833H21.0724V2.43135L21.0731 2.43181C21.713 2.85024 21.9653 3.01524 21.9653 4.00458V10.2769C21.9653 11.2654 21.8322 11.4005 21.1907 11.8501V12H25.6267V11.8501L25.5683 11.8168ZM26.1784 8.9611C25.2696 8.9611 24.5553 7.92792 24.5553 6.72998V5.66247C24.5553 4.32952 25.1957 3.32494 26.1784 3.32494C27.2055 3.32494 27.7117 4.27002 27.7117 5.87185C27.7117 7.98741 27.1907 8.9611 26.1784 8.9611ZM38.6585 9.84325C39.1403 9.84325 39.5309 9.45034 39.5309 8.96567C39.5309 8.481 39.1403 8.0881 38.6585 8.0881C38.1767 8.0881 37.7861 8.481 37.7861 8.96567C37.7861 9.45034 38.1767 9.84325 38.6585 9.84325ZM34.6585 4.64621C33.661 4.35019 33.0998 4.18365 33.0998 3.5881C33.0998 3.08924 33.5548 2.86842 34.0552 2.86842C35.0244 2.86842 35.783 3.42334 36.6623 4.71167H36.8704V2.13501H36.7214L36.0515 2.62929C36.0223 2.61721 35.9931 2.6051 35.9639 2.59299C35.4126 2.36413 34.8607 2.13501 34.0257 2.13501C32.4321 2.13501 31.1661 3.12357 31.1661 4.59153C31.1661 5.90961 31.7929 6.65904 34.0416 7.24371C34.8765 7.45309 35.4566 7.60297 35.4566 8.24714C35.4566 8.84668 34.8765 9.13043 34.1758 9.13043C33.0998 9.13043 32.3138 8.39702 31.2799 7.00343H31.0524L31.2094 9.85011H31.3731L31.968 9.25057C32.4446 9.49085 33.1897 9.86499 34.1872 9.86499C36.0936 9.86499 37.4198 8.80091 37.4198 7.3032C37.4198 5.75973 36.4985 5.19107 34.6786 4.65217L34.6585 4.64621Z",fill:"#473F5C"})}),C.jsx("defs",{children:C.jsx("clipPath",{id:"clip0_900_1816",children:C.jsx("rect",{width:"39.5321",height:"12",fill:"white"})})})]})]});
+"use strict";var C=require("react/jsx-runtime"),i=require("@mui/material");module.exports=()=>C.jsxs(i.Stack,{sx:{gap:.5,flexDirection:"row"},children:[C.jsx(i.SvgIcon,{sx:{width:67,height:12},viewBox:"0 0 67 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:C.jsx("path",{d:"M2.09034 4.64868H4.09536C5.65956 4.64868 6.41322 4.00878 6.41322 2.84274C6.41322 1.69092 5.65956 1.05102 4.09536 1.05102H2.09034V4.64868ZM2.09034 5.6583V9H0.86742V0.0413991H4.1238C6.34212 0.0413991 7.6077 1.09368 7.6077 2.84274C7.6077 4.60602 6.34212 5.6583 4.1238 5.6583H2.09034ZM9.27266 5.90004C9.27266 7.27938 9.96944 8.26056 11.2208 8.26056C12.4864 8.26056 13.1974 7.27938 13.1974 5.90004C13.1974 4.50648 12.4864 3.53952 11.2208 3.53952C9.96944 3.53952 9.27266 4.50648 9.27266 5.90004ZM14.4061 5.90004C14.4061 7.83396 13.0552 9.17064 11.2208 9.17064C9.40064 9.17064 8.06396 7.83396 8.06396 5.90004C8.06396 3.96612 9.40064 2.61522 11.2208 2.61522C13.0552 2.61522 14.4061 3.96612 14.4061 5.90004ZM19.9082 2.78586L21.2449 7.49268H21.3018L22.738 2.78586H23.8329L21.8564 9H20.7188L19.3963 4.36428H19.3394L18.0312 9H16.8936L14.9028 2.78586H16.083L17.5477 7.49268H17.6046L18.9128 2.78586H19.9082ZM29.4445 6.78168L30.4257 6.89544C30.1271 8.31744 29.0748 9.17064 27.5248 9.17064C25.6762 9.17064 24.3253 7.91928 24.3253 5.98536C24.3253 4.023 25.6762 2.61522 27.4679 2.61522C29.4445 2.61522 30.4541 4.023 30.4541 5.71518V6.17022H25.5056C25.5624 7.40736 26.4299 8.24634 27.539 8.24634C28.5771 8.24634 29.2028 7.74864 29.4445 6.78168ZM25.534 5.445H29.2454C29.217 4.43538 28.634 3.51108 27.4679 3.51108C26.3445 3.51108 25.662 4.40694 25.534 5.445ZM35.5059 2.89962L35.3921 3.96612C35.0509 3.78126 34.8091 3.71016 34.4252 3.71016C33.5293 3.71016 32.861 4.5207 32.861 5.71518V9H31.6807V2.78586H32.861V4.05144C33.0885 3.34044 33.7284 2.61522 34.6243 2.61522C35.0082 2.61522 35.2926 2.71476 35.5059 2.89962ZM40.9288 6.78168L41.91 6.89544C41.6114 8.31744 40.5591 9.17064 39.0091 9.17064C37.1605 9.17064 35.8096 7.91928 35.8096 5.98536C35.8096 4.023 37.1605 2.61522 38.9522 2.61522C40.9288 2.61522 41.9384 4.023 41.9384 5.71518V6.17022H36.9899C37.0468 7.40736 37.9142 8.24634 39.0233 8.24634C40.0614 8.24634 40.6871 7.74864 40.9288 6.78168ZM37.0183 5.445H40.7297C40.7013 4.43538 40.1183 3.51108 38.9522 3.51108C37.8289 3.51108 37.1463 4.40694 37.0183 5.445ZM47.8993 6.07068V5.71518C47.8993 4.36428 47.0461 3.56796 45.9227 3.56796C44.6998 3.56796 44.0172 4.47804 44.0172 5.90004C44.0172 7.32204 44.6998 8.23212 45.9227 8.23212C47.0461 8.23212 47.8993 7.4358 47.8993 6.07068ZM47.8851 9V7.70598C47.6007 8.47386 46.8186 9.17064 45.6525 9.17064C43.8039 9.17064 42.8085 7.73442 42.8085 5.90004C42.8085 4.06566 43.8039 2.61522 45.6525 2.61522C46.8186 2.61522 47.6007 3.32622 47.8851 4.0941V0.0413991H49.0653V9H47.8851ZM54.3847 5.71518V6.07068C54.3847 7.4358 55.2521 8.23212 56.3755 8.23212C57.5984 8.23212 58.2668 7.32204 58.2668 5.90004C58.2668 4.47804 57.5984 3.56796 56.3755 3.56796C55.2521 3.56796 54.3847 4.36428 54.3847 5.71518ZM54.3847 7.70598L54.1288 9H53.2329V0.0413991H54.4132V4.0941C54.6833 3.32622 55.4797 2.61522 56.6457 2.61522C58.4801 2.61522 59.4897 4.06566 59.4897 5.90004C59.4897 7.73442 58.4801 9.17064 56.6315 9.17064C55.4797 9.17064 54.6691 8.48808 54.3847 7.70598ZM62.6822 11.389H61.5304L62.54 8.98578L59.9235 2.78586H61.1607L63.1372 7.56378H63.1941L65.0996 2.78586H66.2656L62.6822 11.389Z",fill:"#473F5C"})}),C.jsxs(i.SvgIcon,{sx:{width:40,height:12},viewBox:"0 0 40 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[C.jsx("g",{id:"Brand/Wordmark",clipPath:"url(#clip0_900_1816)",children:C.jsx("path",{id:"Union",fillRule:"evenodd",clipRule:"evenodd",d:"M4.3189 9.56522C3.67851 9.11556 3.54429 8.98169 3.54429 7.99199V0H0V0.149886L0.00580287 0.153463C0.656931 0.554852 0.953183 0.737477 0.953183 1.72311V7.99199C0.953183 8.98169 0.818964 9.11556 0.17858 9.56522V9.7151H4.3189V9.56522ZM4.51113 6.71053C4.91378 9.01144 6.99646 10.1934 9.18264 9.80664C11.3677 9.41876 12.9226 7.58467 12.5199 5.28947C12.1173 2.99428 10.0346 1.80549 7.84841 2.19336C5.66223 2.58124 4.10847 4.40961 4.51113 6.71053ZM7.2103 6.23112C6.8247 4.01831 6.98053 3.01716 7.96215 2.84325C8.94377 2.66819 9.43515 3.55263 9.82074 5.76545C10.2063 7.97826 10.0516 8.97483 9.06889 9.15332C8.08613 9.33181 7.59589 8.44394 7.2103 6.23112ZM17.7306 9.80664C15.5455 10.1934 13.4629 9.01144 13.0591 6.71053C12.6553 4.40961 14.2102 2.58124 16.3963 2.19336C18.5825 1.80549 20.6641 2.99428 21.0678 5.28947C21.4716 7.58467 19.9156 9.41876 17.7306 9.80664ZM16.5101 2.84325C15.5273 3.01716 15.3726 4.01831 15.7582 6.23112C16.1438 8.44394 16.6341 9.33181 17.6168 9.15675C18.5996 8.98169 18.7543 7.98169 18.3687 5.76888C17.9831 3.55606 17.4928 2.66819 16.5101 2.84325ZM25.5683 11.8168C24.8234 11.3931 24.5553 11.2406 24.5553 10.2769L24.5575 8.4794C24.9443 9.25858 25.7189 9.873 26.9997 9.873C28.9356 9.873 30.47 8.40046 30.47 5.86842C30.47 3.29176 28.9743 2.13844 27.2681 2.13844C25.8679 2.13844 24.8988 2.93249 24.5575 4.02631L24.4973 2.28833H21.0724V2.43135L21.0731 2.43181C21.713 2.85024 21.9653 3.01524 21.9653 4.00458V10.2769C21.9653 11.2654 21.8322 11.4005 21.1907 11.8501V12H25.6267V11.8501L25.5683 11.8168ZM26.1784 8.9611C25.2696 8.9611 24.5553 7.92792 24.5553 6.72998V5.66247C24.5553 4.32952 25.1957 3.32494 26.1784 3.32494C27.2055 3.32494 27.7117 4.27002 27.7117 5.87185C27.7117 7.98741 27.1907 8.9611 26.1784 8.9611ZM38.6585 9.84325C39.1403 9.84325 39.5309 9.45034 39.5309 8.96567C39.5309 8.481 39.1403 8.0881 38.6585 8.0881C38.1767 8.0881 37.7861 8.481 37.7861 8.96567C37.7861 9.45034 38.1767 9.84325 38.6585 9.84325ZM34.6585 4.64621C33.661 4.35019 33.0998 4.18365 33.0998 3.5881C33.0998 3.08924 33.5548 2.86842 34.0552 2.86842C35.0244 2.86842 35.783 3.42334 36.6623 4.71167H36.8704V2.13501H36.7214L36.0515 2.62929C36.0223 2.61721 35.9931 2.6051 35.9639 2.59299C35.4126 2.36413 34.8607 2.13501 34.0257 2.13501C32.4321 2.13501 31.1661 3.12357 31.1661 4.59153C31.1661 5.90961 31.7929 6.65904 34.0416 7.24371C34.8765 7.45309 35.4566 7.60297 35.4566 8.24714C35.4566 8.84668 34.8765 9.13043 34.1758 9.13043C33.0998 9.13043 32.3138 8.39702 31.2799 7.00343H31.0524L31.2094 9.85011H31.3731L31.968 9.25057C32.4446 9.49085 33.1897 9.86499 34.1872 9.86499C36.0936 9.86499 37.4198 8.80091 37.4198 7.3032C37.4198 5.75973 36.4985 5.19107 34.6786 4.65217L34.6585 4.64621Z",fill:"#473F5C"})}),C.jsx("defs",{children:C.jsx("clipPath",{id:"clip0_900_1816",children:C.jsx("rect",{width:"39.5321",height:"12",fill:"white"})})})]})]});

package/dist/systems/WebCore/Rank/Rank.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("react"),i=require("../InputLabel/InputLabel.js"),l=require("../RankItem/RankItem.js"),s=require("../SortableList/SortableList.js"),a=require("../SortableList/components/SortableItem/SortableItem.js");require("../SortableList/components/SortableOverlay/SortableOverlay.js");module.exports=({labelTop:n,labelBottom:o,disabled:u,fullWidth:m=!1,options:c,onChange:d,value:b,internalChange:p,sizing:x="lg"})=>{const h=t.useTheme(),[j,S]=r.useState(null);function g(e){S(e),d(e.map(({id:e})=>e)),p&&p()}return e.jsxs(t.Stack,{gap:h.m.sm,textAlign:"center",sx:{width:m?"100%":"auto"},children:[n&&e.jsx(i,{disabled:u,sx:{color:h.custom.palette.text.primary},children:n}),e.jsx(s,{onChange:function(e){S(e),d(e.map(({id:e})=>e)),p&&p()},items:j||(c||b),direction:"vertical",renderItem:({...t})=>e.jsx(a.SortableItem,{id:t.id,children:e.jsx(l,{sizing:x,onChange:g,...t,options:j||(c||b),disabled:u,selections:t.selections,fullWidth:m})})}),o&&e.jsx(i,{disabled:u,sx:{color:h.custom.palette.text.primary},children:o})]})};
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("react"),i=require("../InputLabel/InputLabel.js"),l=require("../RankItem/RankItem.js"),s=require("../SortableList/SortableList.js"),a=require("../SortableList/components/SortableItem/SortableItem.js");require("../SortableList/components/SortableOverlay/SortableOverlay.js");module.exports=({labelTop:n,labelBottom:o,disabled:u,fullWidth:m=!1,options:c,onChange:d,value:b,internalChange:p,sizing:x="lg"})=>{const h=t.useTheme(),[j,S]=r.useState(null);function g(e){S(e),d(e.map(({id:e})=>e)),p&&p()}return e.jsxs(t.Stack,{sx:{gap:h.m.sm,textAlign:"center",width:m?"100%":"auto"},children:[n&&e.jsx(i,{disabled:u,sx:{color:h.custom.palette.text.primary},children:n}),e.jsx(s,{onChange:function(e){S(e),d(e.map(({id:e})=>e)),p&&p()},items:j||(c||b),direction:"vertical",renderItem:({...t})=>e.jsx(a.SortableItem,{id:t.id,children:e.jsx(l,{sizing:x,onChange:g,...t,options:j||(c||b),disabled:u,selections:t.selections,fullWidth:m})})}),o&&e.jsx(i,{disabled:u,sx:{color:h.custom.palette.text.primary},children:o})]})};

package/dist/systems/WebCore/RankItem/RankItem.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),i=require("@mui/icons-material"),l=require("@mui/material"),r=require("../../BrandCore/Icon/Icon.js"),s=require("../../BrandCore/primitiveVariables.js");require("../SelectItem/SelectItem.js");var t=require("../Select/Select.js"),a=require("./RankItemContainer.js"),n=require("./RankItemLabel.js");module.exports=({label:o="Placeholder",disabled:c,onChange:d,options:u,fullWidth:m,sizing:g="lg"})=>{const x=l.useTheme(),h=u.map(e=>e.label).indexOf(o);return e.jsx(a,{disabled:c,fullWidth:m,sizing:g,children:e.jsxs(l.Stack,{display:"flex",justifyContent:"space-between",flexDirection:"row",alignItems:"center",sx:{position:"relative",zIndex:1},children:[e.jsxs(l.Box,{display:"flex",alignItems:"center",sx:{"& svg":{fill:x.custom.palette.icon.secondary}},children:[e.jsx(i.DragHandle,{"aria-label":"drag-handle",sx:{width:r.iconSizeMap.lg,height:r.iconSizeMap.lg,mr:x.custom.padding.sm}}),e.jsx(n,{align:"left",disabled:c,children:o})]}),"lg"===g?e.jsx(t,{name:"rank",sizing:"xs",selections:u.map((e,i)=>({label:`${i+1}`,value:`${i}`})),disabled:c,value:`${h}`,onChange:function(e){const i=h,l=Number(e.target.value),r=u;let s=1;const t=r.splice(i,s)[0];s=0,r.splice(l,s,t),d(r)},MenuProps:{anchorOrigin:{vertical:s.space[400],horizontal:"center"}},sx:{[`&.${l.selectClasses.root}`]:{width:6*s.base,textAlign:"center"},[`& .${l.typographyClasses.root}`]:{width:"fit-content",overflow:"visible"}}}):void 0]})})};
+"use strict";var e=require("react/jsx-runtime"),i=require("@mui/icons-material"),l=require("@mui/material"),r=require("../../BrandCore/Icon/Icon.js"),s=require("../../BrandCore/primitiveVariables.js");require("../SelectItem/SelectItem.js");var t=require("../Select/Select.js"),a=require("./RankItemContainer.js"),n=require("./RankItemLabel.js");module.exports=({label:o="Placeholder",disabled:c,onChange:d,options:u,fullWidth:m,sizing:g="lg"})=>{const x=l.useTheme(),h=u.map(e=>e.label).indexOf(o);return e.jsx(a,{disabled:c,fullWidth:m,sizing:g,children:e.jsxs(l.Stack,{sx:{display:"flex",justifyContent:"space-between",flexDirection:"row",alignItems:"center",position:"relative",zIndex:1},children:[e.jsxs(l.Box,{sx:{display:"flex",alignItems:"center","& svg":{fill:x.custom.palette.icon.secondary}},children:[e.jsx(i.DragHandle,{"aria-label":"drag-handle",sx:{width:r.iconSizeMap.lg,height:r.iconSizeMap.lg,mr:x.custom.padding.sm}}),e.jsx(n,{align:"left",disabled:c,children:o})]}),"lg"===g?e.jsx(t,{name:"rank",sizing:"xs",selections:u.map((e,i)=>({label:`${i+1}`,value:`${i}`})),disabled:c,value:`${h}`,onChange:function(e){const i=h,l=Number(e.target.value),r=u;let s=1;const t=r.splice(i,s)[0];s=0,r.splice(l,s,t),d(r)},MenuProps:{anchorOrigin:{vertical:s.space[400],horizontal:"center"}},sx:{[`&.${l.selectClasses.root}`]:{width:6*s.base,textAlign:"center"},[`& .${l.typographyClasses.root}`]:{width:"fit-content",overflow:"visible"}}}):void 0]})})};

package/dist/systems/WebCore/Select/types.d.ts

@@ -3,7 +3,7 @@ import { GenericSizeMap } from 'index';
 import { ReactElement } from 'react';
 import { SelectOption, SelectItemProps } from '../SelectItem/types.js';
 
-type InputSizing = Exclude<GenericSizeMap, 'none' | 'xxl' | 'xxxl'>;
+type InputSizing = Exclude<GenericSizeMap, 'none' | 'xxs' | 'xxl' | 'xxxl'>;
 type SelectProps = {
     name: string;
     selections: SelectOption[];

package/dist/systems/WebCore/SelectItem/SelectItem.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/icons-material"),i=require("@mui/material"),o=require("../Select/StyledSelect.variant-helpers.js");const r=i.styled(i.MenuItem)(({theme:e,sizing:t})=>({...{...o.selectItemBaseStyles(e,t)},"&.Mui-focusVisible":{backgroundColor:e.custom.palette.interaction.hover},"&:hover":{backgroundColor:e.custom.palette.interaction.hover},"&.Mui-selected":{backgroundColor:e.custom.palette.interaction.press,"&.Mui-focusVisible":{backgroundColor:e.custom.palette.interaction.press},"&:hover":{backgroundColor:e.custom.palette.interaction.press}},"&.MuiButtonBase-root.MuiMenuItem-root.Mui-disabled":{backgroundColor:e.custom.palette.input.default,color:e.custom.palette.text.disabled,"&:before":{backgroundColor:e.custom.palette.interaction.disabled}}}));module.exports=({children:o,selected:s,...l})=>e.jsx(r,{...l,children:e.jsxs(i.Box,{display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%",gap:2,children:[e.jsx(i.Box,{children:o}),e.jsx(i.Box,{sx:{display:"flex",alignItems:"center"},children:e.jsx(t.Check,{sx:{visibility:s?"visible":"hidden",fontSize:"16px"}})})]})});
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/icons-material"),i=require("@mui/material"),o=require("../Select/StyledSelect.variant-helpers.js");const r=i.styled(i.MenuItem)(({theme:e,sizing:t})=>({...{...o.selectItemBaseStyles(e,t)},"&.Mui-focusVisible":{backgroundColor:e.custom.palette.interaction.hover},"&:hover":{backgroundColor:e.custom.palette.interaction.hover},"&.Mui-selected":{backgroundColor:e.custom.palette.interaction.press,"&.Mui-focusVisible":{backgroundColor:e.custom.palette.interaction.press},"&:hover":{backgroundColor:e.custom.palette.interaction.press}},"&.MuiButtonBase-root.MuiMenuItem-root.Mui-disabled":{backgroundColor:e.custom.palette.input.default,color:e.custom.palette.text.disabled,"&:before":{backgroundColor:e.custom.palette.interaction.disabled}}}));module.exports=({children:o,selected:s,...l})=>e.jsx(r,{...l,children:e.jsxs(i.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%",gap:2},children:[e.jsx(i.Box,{children:o}),e.jsx(i.Box,{sx:{display:"flex",alignItems:"center"},children:e.jsx(t.Check,{sx:{visibility:s?"visible":"hidden",fontSize:"16px"}})})]})});

package/dist/systems/WebCore/Slider/Slider.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("merge-sx"),i=require("react"),s=require("../../BrandCore/primitiveVariables.js"),l=require("../InputLabelHelp/InputLabelHelp.js"),n=require("./StyledSlider.js");const a=(e,r)=>{if(!e)return!1;const t=e.querySelectorAll(r);if(t.length<2)return!1;const i=Array.from(t).map(e=>e.getBoundingClientRect());let s=!1;for(let e=0;e<i.length-1;e++)if(i[e].right+5>i[e+1].left){s=!0;break}return s};module.exports=({labelLeft:d,labelMiddle:o,labelRight:u,labelRightProps:x,labelLeftProps:c,disabled:h,onChange:g,internalChange:b,max:m=5,min:f=1,marks:p,marksStep:j=1,step:S=1,value:M=f,slotProps:k,...C})=>{const{sanitisedMin:q,sanitisedMax:v}=((e,r)=>e>=r?{sanitisedMin:1,sanitisedMax:10}:{sanitisedMin:e,sanitisedMax:r})(f,m),B=i.useRef(null),y=p||((e,r,t)=>{const i=[];for(let s=e;s<=r;s++)s%t===0&&i.push({value:s,label:s.toString()});return i})(q,v,j),[L,w]=i.useState(!1),[R,A]=i.useState(!1),P=i.useCallback(()=>{w(a(B.current,".MuiSlider-markLabel")),A(a(B.current,".MuiSlider-mark"))},[B,w,A]);return i.useEffect(()=>{P()},[P,y?.length]),i.useEffect(()=>{const e=new ResizeObserver(P);return B.current&&e.observe(B.current),()=>{e.disconnect()}},[P]),e.jsxs(r.Box,{sx:t.mergeSx({minWidth:300},k?.root?.sx),...k?.root,children:[e.jsx(r.Box,{height:24,children:e.jsx(n.StyledSlider,{ref:B,valueLabelDisplay:h?"on":"auto",disabled:h,marks:y,step:S,hideMarkLabels:L,hideMarks:R,max:v,min:q,onChangeCommitted:()=>{b&&b()},onChange:(e,r,t)=>{g&&g(e,r,t)},value:M,...C})}),e.jsx(r.Box,{sx:{display:"flex",justifyContent:"space-between",pt:s.padding.lg,gap:1},children:(d||o||u)&&e.jsxs(e.Fragment,{children:[e.jsx(r.Box,{sx:{flex:1},children:e.jsx(l,{disabled:h,showicon:!1,...c,children:d})}),o&&e.jsx(r.Box,{sx:{flex:1,textAlign:"center"},children:e.jsx(l,{showicon:!1,disabled:h,children:o})}),e.jsx(r.Box,{sx:{flex:1,textAlign:"right"},children:e.jsx(l,{...x,showicon:!1,disabled:h,children:u})})]})})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("merge-sx"),i=require("react"),s=require("../../BrandCore/primitiveVariables.js"),l=require("../InputLabelHelp/InputLabelHelp.js"),n=require("./StyledSlider.js");const a=(e,r)=>{if(!e)return!1;const t=e.querySelectorAll(r);if(t.length<2)return!1;const i=Array.from(t).map(e=>e.getBoundingClientRect());let s=!1;for(let e=0;e<i.length-1;e++)if(i[e].right+5>i[e+1].left){s=!0;break}return s};module.exports=({labelLeft:d,labelMiddle:o,labelRight:u,labelRightProps:x,labelLeftProps:c,disabled:h,onChange:g,internalChange:b,max:m=5,min:f=1,marks:p,marksStep:j=1,step:S=1,value:M=f,slotProps:k,...C})=>{const{sanitisedMin:q,sanitisedMax:v}=((e,r)=>e>=r?{sanitisedMin:1,sanitisedMax:10}:{sanitisedMin:e,sanitisedMax:r})(f,m),B=i.useRef(null),y=p||((e,r,t)=>{const i=[];for(let s=e;s<=r;s++)s%t===0&&i.push({value:s,label:s.toString()});return i})(q,v,j),[L,w]=i.useState(!1),[R,A]=i.useState(!1),P=i.useCallback(()=>{w(a(B.current,".MuiSlider-markLabel")),A(a(B.current,".MuiSlider-mark"))},[B,w,A]);return i.useEffect(()=>{P()},[P,y?.length]),i.useEffect(()=>{const e=new ResizeObserver(P);return B.current&&e.observe(B.current),()=>{e.disconnect()}},[P]),e.jsxs(r.Box,{sx:t.mergeSx({minWidth:300},k?.root?.sx),...k?.root,children:[e.jsx(r.Box,{sx:{height:24},children:e.jsx(n.StyledSlider,{ref:B,valueLabelDisplay:h?"on":"auto",disabled:h,marks:y,step:S,hideMarkLabels:L,hideMarks:R,max:v,min:q,onChangeCommitted:()=>{b&&b()},onChange:(e,r,t)=>{g&&g(e,r,t)},value:M,...C})}),e.jsx(r.Box,{sx:{display:"flex",justifyContent:"space-between",pt:s.padding.lg,gap:1},children:(d||o||u)&&e.jsxs(e.Fragment,{children:[e.jsx(r.Box,{sx:{flex:1},children:e.jsx(l,{disabled:h,showicon:!1,...c,children:d})}),o&&e.jsx(r.Box,{sx:{flex:1,textAlign:"center"},children:e.jsx(l,{showicon:!1,disabled:h,children:o})}),e.jsx(r.Box,{sx:{flex:1,textAlign:"right"},children:e.jsx(l,{...x,showicon:!1,disabled:h,children:u})})]})})]})};

package/dist/systems/WebCore/Switch/Switch.d.ts

@@ -7,6 +7,7 @@ interface SwitchProps extends Omit<StyledSwitchProps, 'inputProps'> {
     value?: boolean;
     label?: string | ReactElement;
     labelPlacement?: Exclude<FormControlLabelProps['labelPlacement'], 'top' | 'bottom'>;
+    inputRef?: FormControlLabelProps['inputRef'];
     fullWidth?: boolean;
     onChange?: (event: React.SyntheticEvent<Element, Event>, checked: boolean) => void;
     internalChange?: () => void;

package/dist/systems/WebCore/Text/Text.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@mui/material/Typography"),r=require("@mui/material/styles"),o=require("merge-sx"),a=require("react"),i=require("./Text.helpers.js");function l(e){return e&&e.__esModule?e:{default:e}}var d=l(t);const s=a.forwardRef(({as:t="p",variant:a,component:l,size:s="md",clamp:n=0,disabled:u,monospaced:c,secondary:m,textColor:p,lockedWhite:y,ai:x,bold:v,headline:S,sx:f,...h},b)=>{const q=r.useTheme();return e.jsx(d.default,{ref:b,variant:i.getSizeBoundary(s,S??!1),component:S?l||"h2":"p",fontWeight:v?"500":"normal",...h,sx:o.mergeSx({..."button"===a?i.buttonVariantStyle():void 0,...c?i.monospacedStyle():void 0,...m?i.secondaryStyle(q):void 0,...x?i.aiStyle(q):void 0,...y?i.lockedWhiteColorStyle(q):void 0,...p?i.textColorStyle(p):void 0,...n?i.clampStyle(n):void 0,...u?i.disabledStyle(q):void 0},f)})});s.displayName="Text",exports.Text=s,exports.default=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@mui/material/Typography"),r=require("@mui/material/styles"),o=require("merge-sx"),a=require("react"),i=require("./Text.helpers.js");function l(e){return e&&e.__esModule?e:{default:e}}var d=l(t);const s=a.forwardRef(({as:t="p",variant:a,component:l,size:s="md",clamp:n=0,disabled:u,monospaced:c,secondary:m,textColor:p,lockedWhite:y,ai:x,bold:v,headline:S,sx:f,...h},b)=>{const q=r.useTheme();return e.jsx(d.default,{ref:b,variant:i.getSizeBoundary(s,S??!1),component:S?l||"h2":"p",...h,sx:o.mergeSx({fontWeight:v?"500":"normal"},{..."button"===a?i.buttonVariantStyle():void 0,...c?i.monospacedStyle():void 0,...m?i.secondaryStyle(q):void 0,...x?i.aiStyle(q):void 0,...y?i.lockedWhiteColorStyle(q):void 0,...p?i.textColorStyle(p):void 0,...n?i.clampStyle(n):void 0,...u?i.disabledStyle(q):void 0},f)})});s.displayName="Text",exports.Text=s,exports.default=s;

package/dist/systems/WebCore/Text/types.d.ts

@@ -18,7 +18,7 @@ declare module '@mui/material/styles' {
 type TextSizes = Exclude<GenericSizeMap, 'none'>;
 type TextVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'button';
 type TextTextColor = string;
-interface TextProps extends Omit<TypographyProps, 'variant' | 'size'> {
+interface TextProps extends Omit<TypographyProps, 'size'> {
     as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div' | 'label' | 'strong' | 'em' | 'small' | 'li';
     clamp?: number;
     variant?: TextVariant;

package/dist/systems/WebCore/TextField/TextField.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),n=require("@mui/material"),t=require("../../BrandCore/primitiveVariables.js"),r=require("../InputFieldBase/InputFieldBase.js");module.exports=({startAdornment:i,endAdornment:s,placeholder:a,onChange:d,internalChange:l,inputRef:p,...u})=>e.jsx(r,{placeholder:a,sx:{height:t.space[500],"& .MuiOutlinedInput-input":{pl:i?1:2,pr:i?1:2}},inputRef:p,InputProps:{startAdornment:i?e.jsx(n.InputAdornment,{position:"start",disablePointerEvents:u.disabled,sx:{pl:1},children:i}):null,endAdornment:s?e.jsx(n.InputAdornment,{position:"start",disablePointerEvents:u.disabled,sx:{pr:1},children:s}):null},...u,onChange:e=>{d&&d(e),l&&l()}});
+"use strict";var e=require("react/jsx-runtime"),n=require("@mui/material"),t=require("../../BrandCore/primitiveVariables.js"),r=require("../InputFieldBase/InputFieldBase.js");module.exports=({startAdornment:i,endAdornment:s,placeholder:a,onChange:l,internalChange:d,inputRef:o,...p})=>e.jsx(r,{placeholder:a,sx:{height:t.space[500],"& .MuiOutlinedInput-input":{pl:i?1:2,pr:i?1:2}},inputRef:o,slotProps:{input:{startAdornment:i?e.jsx(n.InputAdornment,{position:"start",disablePointerEvents:p.disabled,sx:{pl:1},children:i}):null,endAdornment:s?e.jsx(n.InputAdornment,{position:"start",disablePointerEvents:p.disabled,sx:{pr:1},children:s}):null}},...p,onChange:e=>{l&&l(e),d&&d()}});

package/dist/systems/WebCore/Textarea/Textarea.js

@@ -1 +1 @@
-"use strict";var n=require("react/jsx-runtime"),e=require("@mui/material"),t=require("../../BrandCore/Icon/Icon.js"),i=require("../../BrandCore/primitiveVariables.js"),r=require("../InputFieldBase/InputFieldBase.js");const o=e.styled(r)(({theme:n})=>({"& .MuiInputBase-root":{paddingTop:0,paddingBottom:0,minHeight:i.space[500],alignItems:"baseline","& .MuiInputBase-input":{},"& .MuiInputAdornment-root.MuiInputAdornment-positionStart":{alignSelf:"self-end",height:t.iconSizeMap.xl,marginTop:n.spacing(1),marginBottom:n.spacing(1),"&:first-of-type":{alignSelf:"self-start"}}}}));module.exports=({startAdornment:t,endAdornment:i,onChange:r,internalChange:a,inputRef:s,...u})=>n.jsx(o,{multiline:!0,inputRef:s,InputProps:{startAdornment:t?n.jsx(e.InputAdornment,{position:"start",children:t}):null,endAdornment:i?n.jsx(e.InputAdornment,{position:"start",children:i}):null},...u,onChange:n=>{r&&r(n),a&&a()}});
+"use strict";var n=require("react/jsx-runtime"),e=require("@mui/material"),t=require("../../BrandCore/Icon/Icon.js"),i=require("../../BrandCore/primitiveVariables.js"),r=require("../InputFieldBase/InputFieldBase.js");const o=e.styled(r)(({theme:n})=>({"& .MuiInputBase-root":{paddingTop:0,paddingBottom:0,minHeight:i.space[500],alignItems:"baseline","& .MuiInputBase-input":{},"& .MuiInputAdornment-root.MuiInputAdornment-positionStart":{alignSelf:"self-end",height:t.iconSizeMap.xl,marginTop:n.spacing(1),marginBottom:n.spacing(1),"&:first-of-type":{alignSelf:"self-start"}}}}));module.exports=({startAdornment:t,endAdornment:i,onChange:r,internalChange:s,inputRef:a,...u})=>n.jsx(o,{multiline:!0,inputRef:a,slotProps:{input:{startAdornment:t?n.jsx(e.InputAdornment,{position:"start",children:t}):null,endAdornment:i?n.jsx(e.InputAdornment,{position:"start",children:i}):null}},...u,onChange:n=>{r&&r(n),s&&s()}});

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@useloops/design-system",
-    "version": "1.4.675",
+    "version": "1.4.677",
     "description": "The official React based Loops design system",
     "main": "dist/index.js",
     "module": "dist/esm/index.js",
@@ -152,8 +152,8 @@
         "@emotion/react": "^11.14.0",
         "@emotion/styled": "^11.14.1",
         "@faker-js/faker": "^9.9.0",
-        "@mui/icons-material": "^7.3.11",
-        "@mui/material": "^7.3.11",
+        "@mui/icons-material": "^9.1.0",
+        "@mui/material": "^9.1.0",
         "@rollup/plugin-babel": "^6.1.0",
         "@rollup/plugin-commonjs": "^26.0.3",
         "@rollup/plugin-json": "^6.1.0",
@@ -209,8 +209,8 @@
     "peerDependencies": {
         "@emotion/react": "^11.14.0",
         "@emotion/styled": "^11.14.1",
-        "@mui/icons-material": "^7.3.4",
-        "@mui/material": "^7.3.4",
+        "@mui/icons-material": "^9.1.0",
+        "@mui/material": "^9.1.0",
         "react": "^19.2.0",
         "react-dom": "^19.2.0"
     },
@@ -222,7 +222,7 @@
         "@gsap/react": "^2.1.2",
         "@hookform/error-message": "^2.0.1",
         "@lottiefiles/dotlottie-react": "^0.13.5",
-        "@mui/lab": "^7.0.1-beta.25",
+        "@mui/lab": "^9.0.0-beta.4",
         "@number-flow/react": "^0.5.14",
         "@tiptap/extension-image": "3.7.0",
         "@tiptap/extension-placeholder": "^3.26.0",

package/dist/WebCore/Typography.d.ts

@@ -1 +0,0 @@
-export { TypographyProps, default } from '../systems/WebCore/Typography/Typography.js';

package/dist/WebCore/Typography.js

@@ -1 +0,0 @@
-"use strict";var e=require("../systems/WebCore/Typography/Typography.js");module.exports=e;

package/dist/esm/WebCore/Typography.js

@@ -1 +0,0 @@
-export{default}from"../systems/WebCore/Typography/Typography.js";

package/dist/esm/systems/WebCore/Typography/Typography.js

@@ -1 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import{useTheme as o,Typography as e}from"@mui/material";import{mergeSx as r}from"merge-sx";import{forwardRef as a}from"react";import{tone3 as i}from"../../BrandCore/gradients.js";import{FontWeight as n}from"../../BrandCore/types.js";const l=t=>"bold"===t?n.BOLD:n.DEFAULT,m=a(({component:a,weight:n="default",variation:m,clamp:p=0,type:s="default",disabled:c,monospaced:d,secondary:u,textColor:f,ai:b,...x},g)=>{const k=o();return t(e,{ref:g,variant:m,fontWeight:l(n),component:a,...x,sx:r(x.sx,!!p&&{display:"-webkit-box",overflow:"hidden",WebkitBoxOrient:"vertical",WebkitLineClamp:p},"button"===s&&{lineHeight:1.2},d&&{fontVariantNumeric:"tabular-nums"},u&&{color:k.custom.palette.text.secondary},c&&{color:k.custom.palette.text.disabled},Boolean(f)&&{color:f},b&&{background:i(k),backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent",width:"fit-content"})})});export{m as default};

package/dist/systems/WebCore/Typography/Typography.d.ts

@@ -1,20 +0,0 @@
-import * as react from 'react';
-import { TypographyProps as TypographyProps$1, SxProps, Theme } from '@mui/material';
-
-interface TypographyProps extends Omit<TypographyProps$1, 'ref'> {
-    clamp?: number;
-    component: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
-    type?: 'default' | 'button';
-    variation?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
-    weight?: 'default' | 'bold';
-    monospaced?: boolean;
-    disabled?: boolean;
-    sx?: SxProps<Theme>;
-    secondary?: boolean;
-    textColor?: string;
-    ai?: boolean;
-}
-declare const Typography: react.ForwardRefExoticComponent<TypographyProps & react.RefAttributes<HTMLHeadingElement | HTMLParagraphElement>>;
-
-export { Typography as default };
-export type { TypographyProps };

package/dist/systems/WebCore/Typography/Typography.js

@@ -1 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("merge-sx"),o=require("react"),i=require("../../BrandCore/gradients.js"),a=require("../../BrandCore/types.js");const n=e=>"bold"===e?a.FontWeight.BOLD:a.FontWeight.DEFAULT,l=o.forwardRef(({component:o,weight:a="default",variation:l,clamp:s=0,type:u="default",disabled:c,monospaced:d,secondary:m,textColor:p,ai:x,...b},g)=>{const f=t.useTheme();return e.jsx(t.Typography,{ref:g,variant:l,fontWeight:n(a),component:o,...b,sx:r.mergeSx(b.sx,!!s&&{display:"-webkit-box",overflow:"hidden",WebkitBoxOrient:"vertical",WebkitLineClamp:s},"button"===u&&{lineHeight:1.2},d&&{fontVariantNumeric:"tabular-nums"},m&&{color:f.custom.palette.text.secondary},c&&{color:f.custom.palette.text.disabled},Boolean(p)&&{color:p},x&&{background:i.tone3(f),backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent",width:"fit-content"})})});module.exports=l;