@useloops/design-system 1.4.671 → 1.4.673

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/Typography/Typography.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;
+"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;

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

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("react"),o=require("../../../../../utils/formatTime.js"),a=require("../../../../WebCore/Typography/Typography.js"),n=require("./components/Markers/Markers.js"),s=require("./components/Scrubber/Scrubber.js"),i=require("./components/VolumeControls/VolumeControls.js");const l=t.styled(t.Stack)({flex:1,position:"relative"}),m=t.styled(t.Stack)(({theme:e})=>({ml:"auto",alignItems:"center",position:"absolute",width:"100%",overflow:"hidden",right:0,bottom:8,gap:e.spacing(e.custom.margin.xs)})),u=t.styled(a)(({theme:e})=>({color:e.custom.palette.text.secondary,textOverflow:"ellipsis",overflow:"hidden",textWrap:"nowrap",marginLeft:"auto"})),d=t.styled(t.Box)(({theme:e})=>({position:"relative",width:"100%",display:"flex",gap:e.spacing(e.custom.margin.xs),alignItems:"center"})),c=t.styled(t.Box)(({theme:e,left:t,width:r})=>({background:e.custom.palette.neutral[300],height:4,position:"absolute",left:`${t}%`,pointerEvents:"none",top:"50%",transform:"translateY(-50%)",borderRadius:e.custom.radius.round,width:`${r}%`}));var p=r.memo(({startTime:t,currentTime:a,endTime:p,playing:h,markerIndicator:g,bufferRanges:k,handleSeeking:x,handleSeekEnd:b,handleSeekStart:C,markers:f,marker:v,markerIndicatorMode:T,markerIndicatorSize:j,volume:y,muted:w,handleVolumeMute:S,handleVolumeChange:q,volumeControlsType:I,volumeControls:M})=>{const[V,P]=r.useState(h),E=r.useCallback((e,t)=>{e.stopPropagation(),x?.(t)},[x]),z=r.useCallback((e,t)=>{e.stopPropagation(),b?.(V),V&&P(!1)},[V,b]),B=r.useCallback(e=>{e.stopPropagation(),h&&P(h),C?.(h)},[h,C]),R=r.useCallback(()=>{h&&P(h),C?.(h)},[h,C]),W=r.useCallback(()=>{b?.(V),V&&P(!1)},[V,b]);return e.jsxs(l,{children:[e.jsxs(m,{direction:"row",children:[e.jsxs(u,{component:"p",variation:"md",children:[o.formatTime(a-t)," / ",o.formatTime(p-t)]}),M&&e.jsx(i,{volume:y,muted:w,handleVolumeMute:S,handleVolumeChange:q,volumeControlsType:I})]}),k.length>0&&k.map(({startPercent:t,widthPercent:r},o)=>e.jsx(c,{left:t,width:r},o)),e.jsxs(d,{children:[e.jsx(s,{step:.05,value:a,max:p,min:t,onChangeCommitted:z,onMouseDown:B,onChange:E,onTouchStart:R,onTouchEnd:W}),f&&f?.length>0&&e.jsx(n,{markerIndicatorMode:T,markerIndicatorSize:j,markerIndicator:g,markers:f,marker:v,startTime:t,currentTime:a,endTime:p})]})]})});module.exports=p;
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("react"),o=require("../../../../../utils/formatTime.js"),a=require("../../../../WebCore/Text/Text.js"),n=require("./components/Markers/Markers.js"),s=require("./components/Scrubber/Scrubber.js"),i=require("./components/VolumeControls/VolumeControls.js");const l=t.styled(t.Stack)({flex:1,position:"relative"}),m=t.styled(t.Stack)(({theme:e})=>({ml:"auto",alignItems:"center",position:"absolute",width:"100%",overflow:"hidden",right:0,bottom:8,gap:e.spacing(e.custom.margin.xs)})),u=t.styled(a.Text)(({theme:e})=>({color:e.custom.palette.text.secondary,textOverflow:"ellipsis",overflow:"hidden",textWrap:"nowrap",marginLeft:"auto"})),d=t.styled(t.Box)(({theme:e})=>({position:"relative",width:"100%",display:"flex",gap:e.spacing(e.custom.margin.xs),alignItems:"center"})),c=t.styled(t.Box)(({theme:e,left:t,width:r})=>({background:e.custom.palette.neutral[300],height:4,position:"absolute",left:`${t}%`,pointerEvents:"none",top:"50%",transform:"translateY(-50%)",borderRadius:e.custom.radius.round,width:`${r}%`}));var h=r.memo(({startTime:t,currentTime:a,endTime:h,playing:p,markerIndicator:g,bufferRanges:k,handleSeeking:x,handleSeekEnd:b,handleSeekStart:C,markers:T,marker:f,markerIndicatorMode:j,markerIndicatorSize:v,volume:w,muted:S,handleVolumeMute:y,handleVolumeChange:q,volumeControlsType:I,volumeControls:M})=>{const[V,P]=r.useState(p),z=r.useCallback((e,t)=>{e.stopPropagation(),x?.(t)},[x]),E=r.useCallback((e,t)=>{e.stopPropagation(),b?.(V),V&&P(!1)},[V,b]),B=r.useCallback(e=>{e.stopPropagation(),p&&P(p),C?.(p)},[p,C]),R=r.useCallback(()=>{p&&P(p),C?.(p)},[p,C]),W=r.useCallback(()=>{b?.(V),V&&P(!1)},[V,b]);return e.jsxs(l,{children:[e.jsxs(m,{direction:"row",children:[e.jsxs(u,{size:"md",children:[o.formatTime(a-t)," / ",o.formatTime(h-t)]}),M&&e.jsx(i,{volume:w,muted:S,handleVolumeMute:y,handleVolumeChange:q,volumeControlsType:I})]}),k.length>0&&k.map(({startPercent:t,widthPercent:r},o)=>e.jsx(c,{left:t,width:r},o)),e.jsxs(d,{children:[e.jsx(s,{step:.05,value:a,max:h,min:t,onChangeCommitted:E,onMouseDown:B,onChange:z,onTouchStart:R,onTouchEnd:W}),T&&T?.length>0&&e.jsx(n,{markerIndicatorMode:j,markerIndicatorSize:v,markerIndicator:g,markers:T,marker:f,startTime:t,currentTime:a,endTime:h})]})]})});module.exports=h;

package/dist/systems/Platform/VideoControls/components/Timeline/components/Markers/Markers.d.ts

@@ -1,3 +1,5 @@
+import '../../../../../../WebCore/Text/types.js';
+
 type MarkerComponentProps = {
     isActive: boolean;
     meta?: Record<string, any>;

package/dist/systems/WebCore/Accordion/Accordion.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material"),n=require("@mui/material/styles"),i=require("react"),t=require("../../BrandCore/Icon/Icon.js"),a=require("../Typography/Typography.js");const o=n.styled(n=>e.jsx(r.Accordion,{disableGutters:!0,elevation:0,square:!0,...n}))(()=>({"&.Mui-expanded::before":{opacity:1}})),s=n.styled(n=>e.jsx(r.AccordionSummary,{expandIcon:e.jsx(t.default,{name:"chevron-down",size:24}),...n}))(({theme:e})=>({backgroundColor:e.custom.palette.surface.default,padding:`${e.spacing(1)} ${e.spacing(2)}`,minHeight:"none","& .MuiAccordionSummary-expandIconWrapper":{color:e.custom.palette.text.primary},"& .MuiAccordionSummary-content":{margin:0}})),c=n.styled(r.AccordionDetails)(({theme:e})=>({padding:`0 ${e.spacing(2)} ${e.spacing(4)}`}));exports.AccordionDetails=c,exports.AccordionSummary=s,exports.default=({heading:n,items:t})=>{const{custom:d}=r.useTheme(),[l,p]=i.useState("");return e.jsx(r.Container,{sx:{backgroundColor:d.palette.surface.default,color:d.palette.text.primary},children:e.jsxs(r.Grid,{container:!0,sx:{alignItems:"center",display:"flex",justifyContent:"center",py:{sm:4,lg:6},gap:2},children:[e.jsx(r.Grid,{size:[12,12,12,8],children:e.jsx(a,{variation:"xl",component:"h2",fontWeight:500,sx:{textAlign:"center"},children:n})}),e.jsx(r.Grid,{size:[12,12,12,8],children:t?.map(r=>{return e.jsxs(o,{expanded:l===r.heading,onChange:(n=r.heading,(e,r)=>{p(!!r&&n)}),children:[e.jsx(s,{"aria-controls":`${r.heading}-content`,id:`${r.heading}-header`,heading:r.heading,children:e.jsx(a,{variation:"lg",component:"p",fontWeight:500,children:r.heading})}),e.jsx(c,{children:"string"==typeof r.body?e.jsx(a,{variation:"lg",component:"p",sx:{whiteSpace:"break-spaces"},children:r.body}):r.body})]},r.heading);var n})})]})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material"),i=require("@mui/material/styles"),n=require("react"),t=require("../../BrandCore/Icon/Icon.js"),a=require("../Text/Text.js");const s=i.styled(i=>e.jsx(r.Accordion,{disableGutters:!0,elevation:0,square:!0,...i}))(()=>({"&.Mui-expanded::before":{opacity:1}})),d=i.styled(i=>e.jsx(r.AccordionSummary,{expandIcon:e.jsx(t.default,{name:"chevron-down",size:24}),...i}))(({theme:e})=>({backgroundColor:e.custom.palette.surface.default,padding:`${e.spacing(1)} ${e.spacing(2)}`,minHeight:"none","& .MuiAccordionSummary-expandIconWrapper":{color:e.custom.palette.text.primary},"& .MuiAccordionSummary-content":{margin:0}})),o=i.styled(r.AccordionDetails)(({theme:e})=>({padding:`0 ${e.spacing(2)} ${e.spacing(4)}`}));exports.AccordionDetails=o,exports.AccordionSummary=d,exports.default=({heading:i,items:t})=>{const{custom:c}=r.useTheme(),[l,u]=n.useState("");return e.jsx(r.Container,{sx:{backgroundColor:c.palette.surface.default,color:c.palette.text.primary},children:e.jsxs(r.Grid,{container:!0,sx:{alignItems:"center",display:"flex",justifyContent:"center",py:{sm:4,lg:6},gap:2},children:[e.jsx(r.Grid,{size:[12,12,12,8],children:e.jsx(a.Text,{size:"xl",headline:!0,bold:!0,sx:{color:"red"},children:i})}),e.jsx(r.Grid,{size:[12,12,12,8],children:t?.map(r=>{return e.jsxs(s,{expanded:l===r.heading,onChange:(i=r.heading,(e,r)=>{u(!!r&&i)}),children:[e.jsx(d,{"aria-controls":`${r.heading}-content`,id:`${r.heading}-header`,heading:r.heading,children:e.jsx(a.Text,{size:"lg",bold:!0,children:r.heading})}),e.jsx(o,{children:"string"==typeof r.body?e.jsx(a.Text,{size:"lg",sx:{whiteSpace:"break-spaces"},children:r.body}):r.body})]},r.heading);var i})})]})})};

package/dist/systems/WebCore/AnnualController/AnnualController.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),a=require("@mui/material"),s=require("../../../utils/breakpoint.hook.js");require("../SelectItem/SelectItem.js");var i=require("../Select/Select.js"),n=require("../Switch/Switch.js"),t=require("../Typography/Typography.js");const l=a.styled(n)(({theme:e})=>({"& .MuiSwitch-root":{[e.breakpoints.up("lg")]:{width:54,height:30,"& .MuiSwitch-switchBase":{margin:3,"&.Mui-checked":{transform:"translateX(24px)"}},"& .MuiSwitch-thumb":{width:24,height:24,outline:"2px solid rgba(255, 255, 255, 0.12)"},"& .MuiSwitch-track":{borderRadius:15}}}}));module.exports=({body:n,currency:r,hideCurrency:c=!1,changeCurrencyEvent:d=()=>{},frequency:u,heading:o,setCurrency:g=()=>{},setFrequency:m=()=>{},togglePayAnnuallyEvent:p=()=>{},selections:h=[{value:"gbp",label:"£"},{value:"eur",label:"€"},{value:"usd",label:"$"}]})=>{const x=a.useTheme(),y=s.useBreakpoint();return e.jsxs(a.Box,{sx:{alignItems:"center",backgroundColor:x.custom.palette.surface.default,borderRadius:x.custom.radius.round,boxShadow:x.custom.elevation.raised,display:"flex",gap:{sm:x.spacing(x.custom.padding.md),lg:x.spacing(x.custom.padding.lg)},pl:{sm:x.spacing(x.custom.padding.md),lg:x.spacing(x.custom.padding.lg)},pr:{sm:x.spacing(x.custom.padding.md+.5),lg:x.spacing(x.custom.padding.lg)},py:x.spacing(x.custom.padding.md)},children:[e.jsxs(a.Box,{sx:{alignItems:"center",display:"flex",gap:e=>({sm:e.spacing(e.custom.padding.sm),lg:e.spacing(e.custom.padding.md)})},children:[e.jsx(a.Box,{sx:{pr:e=>e.spacing(e.custom.padding.md),display:"flex"},children:e.jsx(l,{onChange:()=>(p(),void m("monthly"===u?"annually":"monthly")),role:"switch","aria-checked":"annually"===u,"aria-label":"Switch between monthly and annual billing",checked:"annually"===u})}),e.jsxs(a.Stack,{sx:{alignItems:"flex-start",display:"flex"},children:[e.jsx(t,{variation:"md",component:"p",children:o}),e.jsx(t,{variation:"sm",component:"p",sx:{color:x.custom.palette.text.secondary},children:n})]})]}),!c&&e.jsx(i,{name:"currency",onChange:e=>{return a=e.target.value,d(a),void g(a);var a},selections:h,value:h.find(e=>e.value===r)?.value,sizing:["xs","sm","md"].includes(y)?"md":"lg",sx:{minWidth:{sm:64,lg:72}}})]})};
+"use strict";var e=require("react/jsx-runtime"),s=require("@mui/material"),a=require("../../../utils/breakpoint.hook.js");require("../SelectItem/SelectItem.js");var i=require("../Select/Select.js"),t=require("../Switch/Switch.js"),n=require("../Text/Text.js");const l=s.styled(t)(({theme:e})=>({"& .MuiSwitch-root":{[e.breakpoints.up("lg")]:{width:54,height:30,"& .MuiSwitch-switchBase":{margin:3,"&.Mui-checked":{transform:"translateX(24px)"}},"& .MuiSwitch-thumb":{width:24,height:24,outline:"2px solid rgba(255, 255, 255, 0.12)"},"& .MuiSwitch-track":{borderRadius:15}}}}));module.exports=({body:t,currency:r,hideCurrency:c=!1,changeCurrencyEvent:d=()=>{},frequency:u,heading:o,setCurrency:g=()=>{},setFrequency:m=()=>{},togglePayAnnuallyEvent:p=()=>{},selections:h=[{value:"gbp",label:"£"},{value:"eur",label:"€"},{value:"usd",label:"$"}]})=>{const x=s.useTheme(),y=a.useBreakpoint();return e.jsxs(s.Box,{sx:{alignItems:"center",backgroundColor:x.custom.palette.surface.default,borderRadius:x.custom.radius.round,boxShadow:x.custom.elevation.raised,display:"flex",gap:{sm:x.spacing(x.custom.padding.md),lg:x.spacing(x.custom.padding.lg)},pl:{sm:x.spacing(x.custom.padding.md),lg:x.spacing(x.custom.padding.lg)},pr:{sm:x.spacing(x.custom.padding.md+.5),lg:x.spacing(x.custom.padding.lg)},py:x.spacing(x.custom.padding.md)},children:[e.jsxs(s.Box,{sx:{alignItems:"center",display:"flex",gap:e=>({sm:e.spacing(e.custom.padding.sm),lg:e.spacing(e.custom.padding.md)})},children:[e.jsx(s.Box,{sx:{pr:e=>e.spacing(e.custom.padding.md),display:"flex"},children:e.jsx(l,{onChange:()=>(p(),void m("monthly"===u?"annually":"monthly")),role:"switch","aria-checked":"annually"===u,"aria-label":"Switch between monthly and annual billing",checked:"annually"===u})}),e.jsxs(s.Stack,{sx:{alignItems:"flex-start",display:"flex"},children:[e.jsx(n.Text,{children:o}),e.jsx(n.Text,{size:"sm",sx:{color:x.custom.palette.text.secondary},children:t})]})]}),!c&&e.jsx(i,{name:"currency",onChange:e=>{return s=e.target.value,d(s),void g(s);var s},selections:h,value:h.find(e=>e.value===r)?.value,sizing:["xs","sm","md"].includes(y)?"md":"lg",sx:{minWidth:{sm:64,lg:72}}})]})};

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"),i=require("../Typography/Typography.js");module.exports=({logo:t,headerText:a,subText:s})=>{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===t?null:t||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:[a&&e.jsx(i,{variation:"sm",component:"h1",align:"center",weight:"bold",children:a}),function(){if(s)return"string"==typeof s?e.jsx(i,{variation:"md",component:"p",align:"center",children:s}):s}()]})]})};
+"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}()]})]})};

package/dist/systems/WebCore/Badge/Badge.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("../Typography/Typography.js");const i=t.styled(t.Box)(({theme:e})=>({alignItems:"center",backgroundColor:e.custom.palette.red[500],borderRadius:e.custom.radius.round,display:"flex",height:16,justifyContent:"center",minWidth:16,padding:e.spacing(0,.5)})),o=t.styled(r)(({theme:e})=>({color:e.custom.palette.text.lockedWhite}));module.exports=({children:t})=>e.jsx(i,{children:e.jsx(o,{variation:"xs",component:"p",type:"button",weight:"bold",children:t})});
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("../Text/Text.js");const i=t.styled(t.Box)(({theme:e})=>({alignItems:"center",backgroundColor:e.custom.palette.red[500],borderRadius:e.custom.radius.round,display:"flex",height:16,justifyContent:"center",minWidth:16,padding:e.spacing(0,.5)}));module.exports=({children:t})=>e.jsx(i,{children:e.jsx(r.Text,{size:"xs",variant:"button",bold:!0,lockedWhite:!0,children:t})});

package/dist/systems/WebCore/Breadcrumb/Breadcrumb.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("react"),o=require("../Link/Link.js"),s=require("../Typography/Typography.js");const n=t.styled(t.Box)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(.5)})),i=t.styled(o)(({theme:e})=>({[`&.${t.linkClasses.root}`]:{"&:hover":{textDecorationColor:e.custom.palette.text.secondary}}})),l=t.styled(s)(({theme:e})=>({color:e.custom.palette.text.secondary})),a=t.styled(s)(({theme:e})=>({color:e.custom.palette.text.secondary}));module.exports=({links:t})=>e.jsx(n,{children:t?.map(({label:o,...s},n)=>e.jsxs(r.Fragment,{children:[s.href||void 0!==s.onClick?e.jsx(i,{underline:"hover",...s,children:e.jsx(l,{variation:"sm",component:"p",children:o})},o):e.jsx(l,{variation:"sm",component:"p",children:o}),e.jsx(a,{variation:"sm",component:"p",children:n+1<t?.length?"/":""})]},o))});
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),s=require("react"),t=require("../Link/Link.js"),i=require("../Text/Text.js");const n=r.styled(r.Box)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(.5)})),l=r.styled(t)(({theme:e})=>({[`&.${r.linkClasses.root}`]:{"&:hover":{textDecorationColor:e.custom.palette.text.secondary}}}));module.exports=({links:r})=>e.jsx(n,{children:r?.map(({label:t,...n},a)=>e.jsxs(s.Fragment,{children:[n.href||void 0!==n.onClick?e.jsx(l,{underline:"hover",...n,children:e.jsx(i.Text,{size:"sm",secondary:!0,children:t})},t):e.jsx(i.Text,{size:"sm",secondary:!0,children:t}),e.jsx(i.Text,{size:"sm",secondary:!0,children:a+1<r?.length?"/":""})]},t))});

package/dist/systems/WebCore/ButtonTabGroup/ButtonTabGroup.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("react"),a=require("../Typography/Typography.js"),i=require("./_partials/ActiveIndicator.js"),s=require("./_partials/ButtonTabsWrapper.js"),n=require("./_partials/TabButton.js");module.exports=({tabs:o,defaultActiveTab:c=0,onTabChange:l,id:d,sx:u})=>{const[p,m]=r.useState(c),x=t.useTheme(),b=o.some(e=>void 0!==e.active),h=(()=>{if(b){const e=o.findIndex(e=>e.active);return-1!==e?e:0}return p})(),j=o.length,v=x.m.xs,q=`calc((100% - ${x.p.sm} - (${j} - 1) * ${v}) / ${j})`,T=`translateX(calc(${h} * (100% + ${v})))`;return e.jsxs(s,{id:d,tabCount:j,sx:u,children:[e.jsx(i,{sx:{width:q,transform:T}}),o.map((t,r)=>{const i=t.index??r,s=b?t.active:h===r;return e.jsx(n,{isActive:s,onClick:()=>((e,t)=>{e.disabled||(b||m(t),e.onClick?.(),l?.(t))})(t,r),disabled:t.disabled,children:e.jsx(a,{variation:"sm",component:"p",sx:{transition:"color 300ms ease",color:s?x.custom.palette.text.lockedWhite:x.custom.palette.text.primary,fontWeight:500},disabled:t.disabled,children:t.label})},i)})]})};
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),i=require("react"),r=require("../Text/Text.js"),s=require("./_partials/ActiveIndicator.js"),a=require("./_partials/ButtonTabsWrapper.js"),n=require("./_partials/TabButton.js");module.exports=({tabs:d,defaultActiveTab:l=0,onTabChange:c,id:u,sx:o})=>{const[x,b]=i.useState(l),m=t.useTheme(),j=d.some(e=>void 0!==e.active),h=(()=>{if(j){const e=d.findIndex(e=>e.active);return-1!==e?e:0}return x})(),p=d.length,v=m.m.xs,T=`calc((100% - ${m.p.sm} - (${p} - 1) * ${v}) / ${p})`,q=`translateX(calc(${h} * (100% + ${v})))`;return e.jsxs(a,{id:u,tabCount:p,sx:o,children:[e.jsx(s,{sx:{width:T,transform:q}}),d.map((t,i)=>{const s=t.index??i,a=j?t.active:h===i;return e.jsx(n,{isActive:a,onClick:()=>((e,t)=>{e.disabled||(j||b(t),e.onClick?.(),c?.(t))})(t,i),disabled:t.disabled,children:e.jsx(r.Text,{size:"sm",bold:!0,lockedWhite:a,disabled:t.disabled,sx:{transition:"color 300ms ease"},children:t.label})},s)})]})};

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

@@ -1,10 +1,10 @@
 import { BoxProps, Theme } from '@mui/material';
 import react__default from 'react';
 import { GenericSizeMap } from 'systems/BrandCore';
-import { TypographyProps } from '../Typography/Typography.js';
+import { TextProps } from '../Text/types.js';
 
 type ButtonSizing = Exclude<GenericSizeMap, 'none' | 'xxxl'>;
-interface ExpandableTypographyClampProps extends Partial<TypographyProps> {
+interface ExpandableTypographyClampProps extends Partial<TextProps> {
     onShowMoreClick?: BoxProps['onClick'];
     onShowLessClick?: BoxProps['onClick'];
     disabled?: boolean;

package/dist/systems/WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),s=require("@mui/material"),o=require("react"),r=require("../../../utils/usePrevious.js"),t=require("../Typography/Typography.js"),i=require("./components/ExpandCollapseButton/ExpandCollapseButton.js"),n=require("./components/GradientShim/GradientShim.js"),a=require("./helpers/shimUtils.js");const l=s.styled(s.Box)(()=>({position:"absolute",bottom:0,right:0,display:"flex",alignItems:"center",overflow:"hidden"}));module.exports=({onShowMoreClick:u,onShowLessClick:c,disabled:d,backgroundColorOverride:x,dimmed:p,sizing:h="sm",slotProps:m,...g})=>{const b=s.useTheme(),f=o.useRef(null),[j,y]=o.useState(!1),w=r.usePrevious(j),B=()=>{if(!f.current)return;const{scrollHeight:e,clientHeight:s}=f.current;y(e>s)};return o.useEffect(()=>{if(f.current){B();new ResizeObserver(B).observe(f.current)}return()=>{}},[g.children]),e.jsxs(s.Box,{sx:{position:"relative"},id:"ExpandableTypography",children:[e.jsx(t,{ref:f,component:"p",clamp:2,sx:{color:d||p?b.custom.palette.text.disabled:b.custom.palette.text.primary},...g}),void 0!==u&&j&&e.jsxs(l,{className:"ExpandableTypography__show-more-container",children:[e.jsx(n,{...m?.gradientBox,sizing:h}),e.jsx(s.Box,{className:"ExpandableTypography__show-more-button",sx:{backgroundColor:x??b.custom.palette.surface.default,boxShadow:a.createShimGradient(x??b.custom.palette.surface.default),...m?.showMoreButton?.sx},children:e.jsx(i,{sizing:h,disabled:d,onClick:d?void 0:u,...m?.showMoreButton,children:"More"})})]}),void 0!==c&&w&&!j&&e.jsxs(l,{children:[e.jsx(n,{...m?.gradientBox,sx:m?.gradientBox?.sx,sizing:h}),e.jsx(s.Box,{className:"ExpandableTypography__show-more-button",sx:{backgroundColor:x??b.custom.palette.surface.default,boxShadow:a.createShimGradient(x??b.custom.palette.surface.default),...m?.showLessButton?.sx},children:e.jsx(i,{sizing:h,onClick:d?void 0:c,...m?.showLessButton,sx:m?.showLessButton?.sx,children:"Less"})})]})]})};
+"use strict";var e=require("react/jsx-runtime"),s=require("@mui/material"),r=require("react"),o=require("../../../utils/usePrevious.js"),t=require("../Text/Text.js"),i=require("./components/ExpandCollapseButton/ExpandCollapseButton.js"),n=require("./components/GradientShim/GradientShim.js"),a=require("./helpers/shimUtils.js");const l=s.styled(s.Box)(()=>({position:"absolute",bottom:0,right:0,display:"flex",alignItems:"center",overflow:"hidden"}));module.exports=({onShowMoreClick:u,onShowLessClick:d,disabled:c,backgroundColorOverride:x,dimmed:h,sizing:p="sm",slotProps:m,...g})=>{const b=s.useTheme(),f=r.useRef(null),[j,w]=r.useState(!1),B=o.usePrevious(j),v=()=>{if(!f.current)return;const{scrollHeight:e,clientHeight:s}=f.current;w(e>s)};return r.useEffect(()=>{if(f.current){v();new ResizeObserver(v).observe(f.current)}return()=>{}},[g.children]),e.jsxs(s.Box,{sx:{position:"relative"},id:"ExpandableTypography",children:[e.jsx(t.Text,{ref:f,clamp:2,disabled:c||h,...g}),void 0!==u&&j&&e.jsxs(l,{className:"ExpandableTypography__show-more-container",children:[e.jsx(n,{...m?.gradientBox,sizing:p}),e.jsx(s.Box,{className:"ExpandableTypography__show-more-button",sx:{backgroundColor:x??b.custom.palette.surface.default,boxShadow:a.createShimGradient(x??b.custom.palette.surface.default),...m?.showMoreButton?.sx},children:e.jsx(i,{sizing:p,disabled:c,onClick:c?void 0:u,...m?.showMoreButton,children:"More"})})]}),void 0!==d&&B&&!j&&e.jsxs(l,{children:[e.jsx(n,{...m?.gradientBox,sx:m?.gradientBox?.sx,sizing:p}),e.jsx(s.Box,{className:"ExpandableTypography__show-more-button",sx:{backgroundColor:x??b.custom.palette.surface.default,boxShadow:a.createShimGradient(x??b.custom.palette.surface.default),...m?.showLessButton?.sx},children:e.jsx(i,{sizing:p,onClick:c?void 0:d,...m?.showLessButton,sx:m?.showLessButton?.sx,children:"Less"})})]})]})};

package/dist/systems/WebCore/ExpandableTypographyClamp/components/ExpandCollapseButton/ExpandCollapseButton.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("merge-sx"),i=require("../../../Typography/Typography.js");module.exports=({onClick:o,sizing:s,sx:n,children:a,disabled:u,...c})=>{const p=r.useTheme();return e.jsx(r.Box,{onClick:o,sx:t.mergeSx({pointerEvents:u?"none":"auto",paddingX:p.custom.padding.xs,"&:hover":{cursor:"pointer"}},n),...c,children:e.jsx(i,{component:"p",variation:s,sx:{textTransform:"uppercase",fontWeight:500,color:u?p.custom.palette.text.disabled:p.custom.palette.text.link},children:a})})};
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("merge-sx"),s=require("../../../Text/Text.js");module.exports=({onClick:i,sizing:n,sx:o,children:x,disabled:u,...d})=>{const l=r.useTheme();return e.jsx(r.Box,{onClick:i,sx:t.mergeSx({pointerEvents:u?"none":"auto",paddingX:l.custom.padding.xs,"&:hover":{cursor:"pointer"}},o),...d,children:e.jsx(s.Text,{size:n,bold:!0,disabled:u,textColor:l.custom.palette.text.link,sx:{textTransform:"uppercase"},children:x})})};

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"),a=require("../../../Typography/Typography.js"),o=require("./components/LinearBar/LinearBar.js"),i=require("./helpers/getColorBasedOnScore.js");module.exports=({label:n="Strength",width:c=60,value:u,onChange:l})=>{const[d,h]=s.useState(0),p=r.useTheme();return s.useEffect(()=>{if(u){const e=t.passwordStrength(u);h(e.id+1)}else h(0)},[u]),s.useEffect(()=>{l(d)},[d]),e.jsxs(r.Stack,{direction:"row",gap:1,sx:{alignItems:"center"},children:[e.jsx(a,{variation:"sm",component:"p",children:n}),e.jsx(o,{variant:"determinate",value:0===d?6.6:25*d,score:d,sx:{width:c}}),e.jsx(a,{variation:"sm",component:"p",sx:{color:i.getTextColorBasedOnScore(d,p)},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",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]})]})};

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

@@ -8,6 +8,7 @@ import { CheckboxGroupProps } from '../CheckboxGroup/CheckboxGroup.js';
 import { CreatableAutocompleteProps } from '../CreatableAutocomplete/CreatableAutocomplete.js';
 import { CustomFieldProps } from '../CustomField/CustomField.js';
 import { DifferentialProps } from '../Differential/Differential.js';
+import '../Text/types.js';
 import { HtmlProps } from '../Html/Html.js';
 import { InputLabelProps } from '../InputLabel/InputLabel.js';
 import { InputLabelHelpProps } from '../InputLabelHelp/InputLabelHelp.js';

package/dist/systems/WebCore/GridOverlay/GridOverlay.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@mui/material"),o=require("react"),i=require("../../../utils/breakpoint.hook.js"),r=require("../../../utils/useKeyCombo.js"),s=require("../Typography/Typography.js");const l=t.styled(t.Box)(({position:e,theme:t})=>({alignItems:"center",display:"flex",flexDirection:"column",height:"100%",left:0,pointerEvents:"none",position:e,top:0,width:"100%",zIndex:t.zIndex.tooltip})),n=t.styled(t.Container)(({theme:e})=>({background:e.custom.palette.red[300],display:"flex",flex:1,opacity:.2,position:"relative"})),d=t.styled(t.Box)(({theme:e})=>({background:e.custom.palette.purple[300],display:"flex",flex:1})),a=t.styled(t.Box)(({theme:e})=>({background:e.custom.palette.green[300],height:"100%"})),p=t.styled(t.Box)(({theme:e})=>({backgroundColor:e.custom.palette.surface.default,borderRadius:e.spacing(e.custom.radius.md),bottom:16,boxShadow:e.custom.elevation.overlay,display:"block",left:16,padding:e.spacing(1,2),position:"fixed"}));exports.GridContainer=n,exports.default=({breakpoint:c=!0,maxWidth:u=!1,position:x="fixed",visible:m=!1})=>{const h=Array.from({length:6},(e,t)=>t),g=i.useBreakpoint(),[y,b]=o.useState(m);return r.useKeyCombo("cmd+g",e=>{e.preventDefault(),console.log("Command+G keyboard shortcut triggered"),b(!y)}),y&&e.jsxs(l,{position:x,children:[e.jsx(n,{maxWidth:!!u&&"xl",children:e.jsx(d,{children:e.jsxs(t.Grid,{container:!0,spacing:2,sx:{flex:1},children:[h.map(o=>e.jsx(t.Grid,{sx:{display:{sm:"none",md:"block"}},size:"grow",children:e.jsx(a,{})},`grid-1-${o}`)),h.map(o=>e.jsx(t.Grid,{sx:{display:{sm:"block"}},size:"grow",children:e.jsx(a,{})},`grid-2-${o}`))]})})}),c&&e.jsx(p,{children:e.jsx(s,{variation:"md",component:"p",weight:"bold",children:g})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@mui/material"),i=require("react"),o=require("../../../utils/breakpoint.hook.js"),r=require("../../../utils/useKeyCombo.js"),s=require("../Text/Text.js");const l=t.styled(t.Box)(({position:e,theme:t})=>({alignItems:"center",display:"flex",flexDirection:"column",height:"100%",left:0,pointerEvents:"none",position:e,top:0,width:"100%",zIndex:t.zIndex.tooltip})),d=t.styled(t.Container)(({theme:e})=>({background:e.custom.palette.red[300],display:"flex",flex:1,opacity:.2,position:"relative"})),n=t.styled(t.Box)(({theme:e})=>({background:e.custom.palette.purple[300],display:"flex",flex:1})),a=t.styled(t.Box)(({theme:e})=>({background:e.custom.palette.green[300],height:"100%"})),c=t.styled(t.Box)(({theme:e})=>({backgroundColor:e.custom.palette.surface.default,borderRadius:e.spacing(e.custom.radius.md),bottom:16,boxShadow:e.custom.elevation.overlay,display:"block",left:16,padding:e.spacing(1,2),position:"fixed"}));exports.GridContainer=d,exports.default=({breakpoint:x=!0,maxWidth:u=!1,position:p="fixed",visible:m=!1})=>{const h=Array.from({length:6},(e,t)=>t),g=o.useBreakpoint(),[b,y]=i.useState(m);return r.useKeyCombo("cmd+g",e=>{e.preventDefault(),console.log("Command+G keyboard shortcut triggered"),y(!b)}),b&&e.jsxs(l,{position:p,children:[e.jsx(d,{maxWidth:!!u&&"xl",children:e.jsx(n,{children:e.jsxs(t.Grid,{container:!0,spacing:2,sx:{flex:1},children:[h.map(i=>e.jsx(t.Grid,{sx:{display:{sm:"none",md:"block"}},size:"grow",children:e.jsx(a,{})},`grid-1-${i}`)),h.map(i=>e.jsx(t.Grid,{sx:{display:{sm:"block"}},size:"grow",children:e.jsx(a,{})},`grid-2-${i}`))]})})}),x&&e.jsx(c,{children:e.jsx(s.Text,{bold:!0,children:g})})]})};

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

@@ -1,9 +1,9 @@
 import { FC } from 'react';
-import { TypographyProps } from '../Typography/Typography.js';
+import { TextProps } from '../Text/types.js';
 
 type HtmlParserProps = {
     children: string;
-    typographyProps?: Partial<TypographyProps>;
+    typographyProps?: Partial<TextProps>;
 };
 declare const HtmlParser: FC<HtmlParserProps>;
 

package/dist/systems/WebCore/HtmlParser/HtmlParser.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),i=require("html-react-parser"),n=require("../Typography/Typography.js");function o(e){return e&&e.__esModule?e:{default:e}}var t=o(i);module.exports=({children:o,typographyProps:l={variation:"lg",component:"p"}})=>{const a=(e=>{const r=e.replaceAll(/<p><\/p>/g,"<br />");return/<(p|div|h[1-6]|ul|ol|li|blockquote)[\s>]/i.test(r)?r:`<p>${r}</p>`})(o),c={replace(o){const t=o;if(t.attribs){if("p"===t.name)return e.jsx(n,{...l,children:i.domToReact(t.children,c)});if("ul"===t.name)return e.jsx(r.Box,{component:"ul",sx:{margin:0,pl:4},children:i.domToReact(t.children,c)});if("ol"===t.name)return e.jsx(r.Box,{component:"ol",sx:{margin:0,pl:4},children:i.domToReact(t.children,c)});if("li"===t.name)return e.jsx(r.Box,{component:"li",sx:{...l?.sx||{},fontSize:"inherit",lineHeight:"inherit"},children:i.domToReact(t.children,c)})}}};return e.jsx(r.Box,{sx:{overflowWrap:"break-word",whiteSpace:"pre-wrap"},children:t.default(a,c)})};
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("html-react-parser"),i=require("../Text/Text.js");function n(e){return e&&e.__esModule?e:{default:e}}var o=n(t);module.exports=({children:n,typographyProps:l={size:"lg"}})=>{const c=(e=>{const r=e.replaceAll(/<p><\/p>/g,"<br />");return/<(p|div|h[1-6]|ul|ol|li|blockquote)[\s>]/i.test(r)?r:`<p>${r}</p>`})(n),a={replace(n){const o=n;if(o.attribs){if("p"===o.name)return e.jsx(i.Text,{...l,children:t.domToReact(o.children,a)});if("ul"===o.name)return e.jsx(r.Box,{component:"ul",sx:{margin:0,pl:4},children:t.domToReact(o.children,a)});if("ol"===o.name)return e.jsx(r.Box,{component:"ol",sx:{margin:0,pl:4},children:t.domToReact(o.children,a)});if("li"===o.name)return e.jsx(r.Box,{component:"li",sx:{...l?.sx||{},fontSize:"inherit",lineHeight:"inherit"},children:t.domToReact(o.children,a)})}}};return e.jsx(r.Box,{sx:{overflowWrap:"break-word",whiteSpace:"pre-wrap"},children:o.default(c,a)})};

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

@@ -6,7 +6,7 @@ import { TextFieldProps } from '@mui/material';
 type InputFieldBaseProps = TextFieldProps;
 declare const InputFieldBase: _emotion_styled.StyledComponent<{
     variant?: _mui_material.TextFieldVariants | undefined;
-} & Omit<_mui_material.FilledTextFieldProps | _mui_material.OutlinedTextFieldProps | _mui_material.StandardTextFieldProps, "variant"> & (_mui_system.MUIStyledCommonProps<_mui_material.Theme> & InputFieldBaseProps), {}, {}>;
+} & Omit<_mui_material.OutlinedTextFieldProps | _mui_material.FilledTextFieldProps | _mui_material.StandardTextFieldProps, "variant"> & (_mui_system.MUIStyledCommonProps<_mui_material.Theme> & InputFieldBaseProps), {}, {}>;
 
 export { InputFieldBase as default };
 export type { InputFieldBaseProps };

package/dist/systems/WebCore/KbdGroup/Kbd.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),o=require("../Typography/Typography.js");const t=r.styled("kbd")(({theme:e})=>({display:"flex",minWidth:20,boxSizing:"border-box",justifyContent:"center",alignItems:"center",backgroundColor:e.custom.palette.surface.default,border:`1px solid ${e.custom.palette.stroke.light}`,borderRadius:e.spacing(e.custom.radius.sm),padding:"2px 4px"}));module.exports=({children:r})=>e.jsx(t,{children:e.jsx(o,{variation:"sm",component:"p",secondary:!0,sx:{lineHeight:"110%",fontFamily:'"SF Compact", "Segoe UI Symbol", "Segoe Fluent Icons", "Segoe UI Emoji", "Founders Grotesk", sans-serif'},children:r})});
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("../Text/Text.js");const s=t.styled("kbd")(({theme:e})=>({display:"flex",minWidth:20,boxSizing:"border-box",justifyContent:"center",alignItems:"center",backgroundColor:e.custom.palette.surface.default,border:`1px solid ${e.custom.palette.stroke.light}`,borderRadius:e.spacing(e.custom.radius.sm),padding:"2px 4px"}));module.exports=({children:t})=>e.jsx(s,{children:e.jsx(r.Text,{size:"sm",secondary:!0,sx:{lineHeight:"110%",fontFamily:'"SF Compact", "Segoe UI Symbol", "Segoe Fluent Icons", "Segoe UI Emoji", "Founders Grotesk", sans-serif'},children:t})});

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

@@ -1,6 +1,6 @@
 import { BoxProps } from '@mui/material';
 import { FunctionComponent, PropsWithChildren } from 'react';
-import { TypographyProps } from '../Typography/Typography.js';
+import { TextProps } from '../Text/types.js';
 
 interface KbdGroupProps extends PropsWithChildren {
     startText?: string;
@@ -8,8 +8,8 @@ interface KbdGroupProps extends PropsWithChildren {
     slotProps?: {
         root?: BoxProps;
         iconContainer?: BoxProps;
-        startText?: TypographyProps;
-        endText?: TypographyProps;
+        startText?: TextProps;
+        endText?: TextProps;
     };
 }
 declare const KbdGroup: FunctionComponent<KbdGroupProps>;

package/dist/systems/WebCore/KbdGroup/KbdGroup.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),s=require("merge-sx"),t=require("../Typography/Typography.js");const o=r.styled(r.Box,{shouldForwardProp:e=>"sx"!==e})(({theme:e,sx:r})=>({display:"flex",alignItems:"center",gap:e.spacing(.5),color:e.custom.palette.text.secondary,fontSize:"0.875rem"}));module.exports=({startText:n,children:a,endText:i,slotProps:x})=>e.jsxs(o,{...x?.root,children:[n&&e.jsx(t,{component:"p",variation:"sm",secondary:!0,...x?.startText,children:n}),e.jsx(r.Box,{sx:s.mergeSx({display:"flex",gap:e=>e.p.xs},x?.iconContainer?.sx),children:a}),i&&e.jsx(t,{component:"p",variation:"sm",secondary:!0,...x?.endText,children:i})]});
+"use strict";var e=require("react/jsx-runtime"),s=require("@mui/material"),r=require("merge-sx"),t=require("../utils/typography.util.js"),i=require("../Text/Text.js");const x=s.styled(s.Box,{shouldForwardProp:e=>"sx"!==e})(({theme:e,sx:s})=>({display:"flex",alignItems:"center",gap:e.spacing(.5),color:e.custom.palette.text.secondary,fontSize:t.bodyFontSizeMap.sm}));module.exports=({startText:t,children:o,endText:a,slotProps:n})=>e.jsxs(x,{...n?.root,children:[t&&e.jsx(i.Text,{size:"sm",secondary:!0,...n?.startText,children:t}),e.jsx(s.Box,{sx:r.mergeSx({display:"flex",gap:e=>e.p.xs},n?.iconContainer?.sx),children:o}),a&&e.jsx(i.Text,{size:"sm",secondary:!0,...n?.endText,children:a})]});

package/dist/systems/WebCore/KeyValueLabel/KeyValueLabel.js

@@ -1 +1 @@
-"use strict";var r=require("react/jsx-runtime"),e=require("@mui/material"),s=require("../Tooltip/Tooltip.js"),t=require("../Typography/Typography.js");const o=e.styled(e.Box)(({theme:r})=>({backgroundColor:r.custom.palette.neutral[50],border:`1px solid ${r.custom.palette.stroke.light}`,borderRadius:r.r.md,padding:`${r.p.xs} ${r.p.sm}`,maxWidth:"192px"}));module.exports=({keyString:e,valueString:i})=>r.jsx(s,{message:r.jsxs(r.Fragment,{children:[r.jsx("strong",{children:e}),r.jsx("br",{}),i]}),slotProps:{wrapper:{sx:{maxWidth:192,cursor:"default"}}},children:r.jsxs(o,{children:[r.jsx(t,{component:"p",variation:"xxs",secondary:!0,clamp:1,children:e}),r.jsx(t,{component:"p",variation:"sm",clamp:1,children:i})]})});
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),s=require("../Text/Text.js"),t=require("../Tooltip/Tooltip.js");const i=r.styled(r.Box)(({theme:e})=>({backgroundColor:e.custom.palette.neutral[50],border:`1px solid ${e.custom.palette.stroke.light}`,borderRadius:e.r.md,padding:`${e.p.xs} ${e.p.sm}`,maxWidth:"192px"}));module.exports=({keyString:r,valueString:l})=>e.jsx(t,{message:e.jsxs(e.Fragment,{children:[e.jsx("strong",{children:r}),e.jsx("br",{}),l]}),slotProps:{wrapper:{sx:{maxWidth:192,cursor:"default"}}},children:e.jsxs(i,{children:[e.jsx(s.Text,{size:"xxs",secondary:!0,clamp:1,children:r}),e.jsx(s.Text,{size:"sm",clamp:1,children:l})]})});

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

@@ -1,8 +1,8 @@
 import { FC } from 'react';
-import { TypographyProps } from '../Typography/Typography.js';
+import { TextProps } from '../Text/types.js';
 
 type MarkdownProps = {
-    typographyProps?: Partial<TypographyProps>;
+    typographyProps?: Partial<TextProps>;
     children?: string;
 };
 declare const Markdown: FC<MarkdownProps>;

package/dist/systems/WebCore/Markdown/Markdown.js

@@ -1 +1 @@
-"use strict";var r=require("react/jsx-runtime"),o=require("markdown-to-jsx"),e=require("../Typography/Typography.js");function p(r){return r&&r.__esModule?r:{default:r}}var t=p(o);module.exports=({typographyProps:o={variation:"lg",component:"p"},children:p=""})=>r.jsx(t.default,{options:{overrides:{p:{component:e,props:o},ul:{component:({children:o,...e})=>r.jsx("ul",{...e,children:o}),props:{style:{color:"object"==typeof o?.sx&&o?.sx&&"color"in o.sx&&"string"==typeof o.sx.color?o.sx.color:"inherit"}}}},forceBlock:!0,forceWrapper:!0},children:p});
+"use strict";var e=require("react/jsx-runtime"),r=require("markdown-to-jsx"),o=require("../Text/Text.js");function t(e){return e&&e.__esModule?e:{default:e}}var s=t(r);module.exports=({typographyProps:r={size:"lg"},children:t=""})=>e.jsx(s.default,{options:{overrides:{p:{component:o.Text,props:r},ul:{component:({children:r,...o})=>e.jsx("ul",{...o,children:r}),props:{style:{color:"object"==typeof r?.sx&&r?.sx&&"color"in r.sx&&"string"==typeof r.sx.color?r.sx.color:"inherit"}}}},forceBlock:!0,forceWrapper:!0},children:t});

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

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

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"),r=require("../../BrandCore/Icon/Icon.js"),s=require("../ButtonBase/Button.variant-helpers.js");require("../ButtonBase/ButtonBase.js");var o=require("../Typography/Typography.js");const a=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(o)(({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)}},d=t.styled(t.Button,{shouldForwardProp:e=>!["active","sizing"].includes(e)})(({active:e,fullWidth:n,sizing:i,theme:r})=>({...s.buttonInteraction(r,e),alignItems:"center",backgroundColor:e?r.custom.palette.interaction.press:"transparent",borderRadius:r.spacing(r.custom.radius.md),color:r.custom.palette.text.primary,display:"flex",gap:r.spacing(1),justifyContent:n?"space-between":"center",minWidth:0,padding:u(i,r),textTransform:"none",width:n?"100%":"auto","&:hover":{...s.buttonInteraction(r,e)["&:hover"],[`.${t.boxClasses.root}`]:{opacity:1}},"&:focus":{...s.buttonInteraction(r,e)["&:focus"],[`.${t.boxClasses.root}`]:{opacity:1}}}));module.exports=({active:s,fullWidth:u=!0,danger:p,href:x,target:m,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(a,{onClick:g&&x?()=>window.open(x,m||"_blank"):j,children:[e.jsxs(d,{active:!x&&s,sizing:v,fullWidth:u,children:[e.jsxs(t.Box,{display:"flex",alignItems:"center",justifyContent:"center",gap:1.5,ref:b,children:[h&&e.jsx(r.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(o,{component:"p",variation:"sm"===v?"xs":"md",type:"button",clamp:1,sx:n.mergeSx(p&&{color:B.custom.palette.text.negative}),children:y})})})})})]}),"lg"===f&&g&&e.jsx(c,{children:e.jsx(r.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:s,component:"p",type:"button",variation:"xs",sx:n.mergeSx(p&&{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,{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})})})]})};

package/dist/systems/WebCore/Nudge/NudgeBox.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),i=require("../Typography/Typography.js");module.exports=({children:s,description:t,title:a})=>e.jsxs(r.Stack,{sx:{gap:2,p:1},children:[e.jsxs(r.Stack,{sx:{gap:1},children:[e.jsx(i,{variation:"sm",component:"p",weight:"bold",children:a}),e.jsx(i,{variation:"sm",component:"p",children:t})]}),s]});
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),s=require("../Text/Text.js");module.exports=({children:i,description:t,title:x})=>e.jsxs(r.Stack,{sx:{gap:2,p:1},children:[e.jsxs(r.Stack,{sx:{gap:1},children:[e.jsx(s.Text,{size:"sm",bold:!0,children:x}),e.jsx(s.Text,{size:"sm",children:t})]}),i]});

package/dist/systems/WebCore/Pill/Pill.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material");require("../../BrandCore/colorRamps.js"),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("../IconButton/IconButton.js"),i=require("../Progress/Progress.js"),a=require("../Tooltip/Tooltip.js"),n=require("../Typography/Typography.js"),t=require("./StyledPill.js"),d=require("./useTextTruncation.js");module.exports=l=>{const c=r.useTheme(),{label:u,secondaryLabel:p,iconLeft:x,iconRight:m,onDelete:j,active:g,slots:b,loading:q,sizing:y,disabled:f,slotProps:h}=l,{textRef:B,isTruncated:C}=d([u]),T=e.jsxs(t,{className:"loops-pill",tabIndex:0,...l,sx:{...h?.root?.sx},children:[q&&e.jsx(i,{sizing:y||"xl",sx:{color:c.custom.palette.icon.disabled}}),!q&&e.jsxs(e.Fragment,{children:[x&&e.jsx(s.default,{disabled:f,size:16,name:x}),"string"==typeof u?e.jsx(n,{component:"p",variation:"sm",noWrap:!0,ref:B,disabled:f,sx:{padding:`0 ${c.spacing(c.custom.padding.xs)}`},children:u}):u,"string"==typeof p?e.jsx(n,{component:"p",secondary:!0,variation:"sm",monospaced:!0,noWrap:!0,ref:B,disabled:f,sx:{padding:`0 ${c.spacing(c.custom.padding.xs)}`},children:p}):p,m&&e.jsx(s.default,{disabled:f,size:16,name:m}),j&&e.jsx(o,{sizing:"xs",onClick:j,shape:"round",disabled:f,variation:"default",sx:{"&.MuiIconButton-root.Mui-disabled":{"&:before":{backgroundColor:"transparent"}}},icon:e.jsx(s.default,{name:"cancel",sx:{color:g?c.custom.palette.blue[1e3]:c.custom.palette.icon.secondary}})})]})]});return C?e.jsx(a,{message:u,...b?.tooltip,children:T}):T};
+"use strict";var e=require("react/jsx-runtime"),s=require("@mui/material");require("../../BrandCore/colorRamps.js"),require("../../BrandCore/primitiveVariables.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js");var r=require("../../BrandCore/Icon/Icon.js"),i=require("../IconButton/IconButton.js"),o=require("../Progress/Progress.js"),a=require("../Text/Text.js"),t=require("../Tooltip/Tooltip.js"),n=require("./StyledPill.js"),d=require("./useTextTruncation.js");module.exports=l=>{const c=s.useTheme(),{label:u,secondaryLabel:x,iconLeft:p,iconRight:j,onDelete:m,active:g,slots:b,loading:q,sizing:f,disabled:T,slotProps:h}=l,{textRef:y,isTruncated:B}=d([u]),C=e.jsxs(n,{className:"loops-pill",tabIndex:0,...l,sx:{...h?.root?.sx},children:[q&&e.jsx(o,{sizing:f||"xl",sx:{color:c.custom.palette.icon.disabled}}),!q&&e.jsxs(e.Fragment,{children:[p&&e.jsx(r.default,{disabled:T,size:16,name:p}),"string"==typeof u?e.jsx(a.Text,{size:"sm",noWrap:!0,ref:y,disabled:T,sx:{padding:`0 ${c.spacing(c.custom.padding.xs)}`},children:u}):u,"string"==typeof x?e.jsx(a.Text,{secondary:!0,size:"sm",monospaced:!0,noWrap:!0,ref:y,disabled:T,sx:{padding:`0 ${c.spacing(c.custom.padding.xs)}`},children:x}):x,j&&e.jsx(r.default,{disabled:T,size:16,name:j}),m&&e.jsx(i,{sizing:"xs",onClick:m,shape:"round",disabled:T,variation:"default",sx:{"&.MuiIconButton-root.Mui-disabled":{"&:before":{backgroundColor:"transparent"}}},icon:e.jsx(r.default,{name:"cancel",sx:{color:g?c.custom.palette.blue[1e3]:c.custom.palette.icon.secondary}})})]})]});return B?e.jsx(t,{message:u,...b?.tooltip,children:C}):C};

package/dist/systems/WebCore/Select/Select.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),l=require("@mui/icons-material"),i=require("@mui/material"),r=require("../../../utils/breakpoint.hook.js"),t=require("../Typography/Typography.js"),a=require("../AutocompleteBaseField/_partials/StyledPopper.js"),n=require("../SelectItem/SelectItem.js"),s=require("./StyledSelect.js");module.exports=({selections:o,disabled:p=!1,disablePortal:u=!1,inputRef:d,internalChange:m,onChange:c,placeholder:h="",selectOptionProps:x,sizing:g="lg",sx:v,value:j=[],multi:b,renderListItem:y,renderSelectedItem:q,...S})=>{const f=i.useTheme(),I=r.useBreakpoint();return e.jsx(s,{sizing:g,inputRef:d,MenuProps:{disablePortal:u,sx:a.popperStyles(f,g),anchorOrigin:{vertical:"bottom",horizontal:"center"}},multiple:b,disabled:p,displayEmpty:!0,IconComponent:l.KeyboardArrowDown,renderValue:l=>h&&!l||h&&0===l.length?e.jsx(t,{component:"p",variation:"sm"===I||"md"===I?"sm":"lg",sx:{color:f.custom.palette.text.placeholder},children:h}):q?e.jsx(i.Box,{sx:{display:"flex",alignItems:"center",pl:f.p.xs,width:1},children:q(l,o?.find(({value:e})=>e===l)?.label)}):b?e.jsx(t,{id:"value-multi",component:"p",variation:"sm"===I||"md"===I?"sm":"lg",children:l.map(e=>o?.find(({value:l})=>l===e)?.label||e).join(", ")}):e.jsx(t,{id:"value-single",component:"p",variation:"sm"===I||"md"===I?"sm":"lg",children:o?.find(({value:e})=>e===l)?.label}),onChange:(e,l)=>{c&&c(e,l),m&&m()},sx:v,value:j,...S,children:o?.map(({value:l,label:i})=>e.jsx(n,{value:l,...x,sizing:g,children:y?y(l,i):i},l))})};
+"use strict";var e=require("react/jsx-runtime"),l=require("@mui/icons-material"),i=require("@mui/material"),r=require("../../../utils/breakpoint.hook.js"),t=require("../Text/Text.js"),s=require("../AutocompleteBaseField/_partials/StyledPopper.js"),a=require("../SelectItem/SelectItem.js"),n=require("./StyledSelect.js");module.exports=({selections:o,disabled:u=!1,disablePortal:d=!1,inputRef:m,internalChange:p,onChange:c,placeholder:x="",selectOptionProps:h,sizing:g="lg",sx:j,value:b=[],multi:v,renderListItem:q,renderSelectedItem:y,...z})=>{const S=i.useTheme(),f=r.useBreakpoint();return e.jsx(n,{sizing:g,inputRef:m,MenuProps:{disablePortal:d,sx:s.popperStyles(S,g),anchorOrigin:{vertical:"bottom",horizontal:"center"}},multiple:v,disabled:u,displayEmpty:!0,IconComponent:l.KeyboardArrowDown,renderValue:l=>x&&!l||x&&0===l.length?e.jsx(t.Text,{size:"sm"===f||"md"===f?"sm":"lg",sx:{color:S.custom.palette.text.placeholder},children:x}):y?e.jsx(i.Box,{sx:{display:"flex",alignItems:"center",pl:S.p.xs,width:1},children:y(l,o?.find(({value:e})=>e===l)?.label)}):v?e.jsx(t.Text,{id:"value-multi",size:"sm"===f||"md"===f?"sm":"lg",children:l.map(e=>o?.find(({value:l})=>l===e)?.label||e).join(", ")}):e.jsx(t.Text,{id:"value-single",size:"sm"===f||"md"===f?"sm":"lg",children:o?.find(({value:e})=>e===l)?.label}),onChange:(e,l)=>{c&&c(e,l),p&&p()},sx:j,value:b,...z,children:o?.map(({value:l,label:i})=>e.jsx(a,{value:l,...h,sizing:g,children:q?q(l,i):i},l))})};

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

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { TextProps } from './types.js';
+
+declare const TextComponent: react.ForwardRefExoticComponent<Omit<TextProps, "ref"> & react.RefAttributes<HTMLElement>>;
+
+export { TextComponent as Text, TextComponent as default };

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

@@ -0,0 +1 @@
+"use strict";var t=require("../../BrandCore/gradients.js");require("../utils/typography.util.js");exports.aiStyle=e=>({background:t.tone3(e),backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent",width:"fit-content"}),exports.buttonVariantStyle=()=>({lineHeight:1.2}),exports.clampStyle=t=>({display:"-webkit-box",overflow:"hidden",WebkitBoxOrient:"vertical",WebkitLineClamp:t}),exports.disabledStyle=t=>({color:t.custom.palette.text.disabled}),exports.getSizeBoundary=(t,e)=>e?"xxs"===t||"xs"===t?"sm":t:"xxxl"===t?"xxl":t,exports.lockedWhiteColorStyle=t=>({color:t.custom.palette.text.lockedWhite}),exports.monospacedStyle=()=>({fontVariantNumeric:"tabular-nums"}),exports.secondaryStyle=t=>({color:t.custom.palette.text.secondary}),exports.textColorStyle=t=>({color:t});

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

@@ -0,0 +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;

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

@@ -0,0 +1,38 @@
+import { TypographyProps } from '@mui/material';
+import { SxProps, Theme } from '@mui/material/styles';
+import { GenericSizeMap } from '../../BrandCore/primitiveVariables.js';
+
+declare module '@mui/material/Typography' {
+    interface TypographyPropsVariantOverrides {
+        p: true;
+    }
+}
+declare module '@mui/material/styles' {
+    interface TypographyVariants {
+        p: React.CSSProperties;
+    }
+    interface TypographyVariantsOptions {
+        p?: React.CSSProperties;
+    }
+}
+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'> {
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div' | 'label' | 'strong' | 'em' | 'small' | 'li';
+    clamp?: number;
+    variant?: TextVariant;
+    headline?: boolean;
+    component?: TypographyProps['component'];
+    size?: TextSizes;
+    bold?: boolean;
+    lockedWhite?: boolean;
+    monospaced?: boolean;
+    disabled?: boolean;
+    sx?: SxProps<Theme>;
+    secondary?: boolean;
+    textColor?: TextTextColor;
+    ai?: boolean;
+}
+
+export type { TextProps, TextSizes, TextTextColor, TextVariant };

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

@@ -1,10 +1,10 @@
 import { SxProps, Theme } from '@mui/material';
 import { FunctionComponent } from 'react';
-import { TypographyProps } from '../Typography/Typography.js';
+import { TextProps } from '../Text/types.js';
 
 interface TextBarDividerProps {
     sx?: SxProps<Theme>;
-    typographyProps?: Partial<TypographyProps>;
+    typographyProps?: Partial<TextProps>;
     text: string;
 }
 declare const TextBarDivider: FunctionComponent<TextBarDividerProps>;

package/dist/systems/WebCore/TextBarDivider/TextBarDivider.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("merge-sx"),i=require("../Typography/Typography.js");module.exports=({typographyProps:a,text:s,sx:n})=>{const o=t.useTheme();return e.jsx(t.Box,{sx:r.mergeSx(n,{width:"100%",position:"relative",display:"flex",gap:4,my:o.spacing(o.custom.margin.md),"&:before":{content:'""',width:"100%",background:o.custom.palette.stroke.default,height:"1px",display:"flex",alignSelf:"center"},"&:after":{content:'""',width:"100%",background:o.custom.palette.stroke.default,height:"1px",display:"flex",alignSelf:"center"}}),children:e.jsx(i,{align:"center",variation:"sm",component:"p",...a,children:s})})};
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("merge-sx"),i=require("../Text/Text.js");module.exports=({typographyProps:s,text:a,sx:l})=>{const n=t.useTheme();return e.jsx(t.Box,{sx:r.mergeSx(l,{width:"100%",position:"relative",display:"flex",gap:4,my:n.spacing(n.custom.margin.md),"&:before":{content:'""',width:"100%",background:n.custom.palette.stroke.default,height:"1px",display:"flex",alignSelf:"center"},"&:after":{content:'""',width:"100%",background:n.custom.palette.stroke.default,height:"1px",display:"flex",alignSelf:"center"}}),children:e.jsx(i.Text,{align:"center",size:"sm",...s,children:a})})};

package/dist/systems/WebCore/Toast/Toast.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),s=require("../../BrandCore/Icon/Icon.js"),t=require("../Typography/Typography.js");const a=({status:s})=>{const t=r.useTheme();switch(s){case"neutral":return null;case"success":return e.jsx(o,{backgroundColor:t.custom.palette.green[500],name:"check-circle"});case"warning":return e.jsx(o,{backgroundColor:t.custom.palette.yellow[500],name:"error"});case"danger":return e.jsx(o,{backgroundColor:t.custom.palette.red[500],name:"warning"});case"discover":return e.jsx(o,{backgroundColor:t.custom.palette.purple[500],name:"lightbulb"})}},o=({backgroundColor:t,name:a})=>{const o=r.useTheme();return e.jsx(r.Box,{sx:{display:"flex",alignItems:"flex-start",pt:.25},children:e.jsx(r.Box,{sx:{backgroundColor:t,borderRadius:o.custom.radius.round,color:o.custom.palette.white,display:"flex",p:.5},children:e.jsx(s.default,{name:a,size:20})})})};module.exports=({buttons:s,message:o,status:l="neutral",variation:n="sm"})=>{const c=r.useTheme();return e.jsx(r.Stack,{sx:{backgroundColor:c.custom.palette.surface.overlay,borderRadius:c.spacing(c.custom.radius.lg),boxShadow:c.custom.elevation.overlay,color:c.custom.palette.text.primaryInverted,display:"flex",flex:1,gap:1,p:2},children:e.jsxs(r.Box,{sx:{display:"flex",flex:1,flexDirection:"sm"===n?"row":"column",gap:2},children:[e.jsxs(r.Box,{sx:{display:"flex",flex:1,gap:1},children:["neutral"!==l&&e.jsx(a,{status:l}),e.jsx(r.Box,{sx:{display:"flex"},children:e.jsx(t,{variation:"md",component:"p",sx:{px:1,pt:.5},children:o})})]}),s&&e.jsx(r.Box,{sx:{alignItems:"center",display:"flex",gap:2,justifyContent:"flex-end"},children:s})]})})};
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),s=require("../../BrandCore/Icon/Icon.js"),t=require("../Text/Text.js");const a=({status:s})=>{const t=r.useTheme();switch(s){case"neutral":return null;case"success":return e.jsx(o,{backgroundColor:t.custom.palette.green[500],name:"check-circle"});case"warning":return e.jsx(o,{backgroundColor:t.custom.palette.yellow[500],name:"error"});case"danger":return e.jsx(o,{backgroundColor:t.custom.palette.red[500],name:"warning"});case"discover":return e.jsx(o,{backgroundColor:t.custom.palette.purple[500],name:"lightbulb"})}},o=({backgroundColor:t,name:a})=>{const o=r.useTheme();return e.jsx(r.Box,{sx:{display:"flex",alignItems:"flex-start",pt:.25},children:e.jsx(r.Box,{sx:{backgroundColor:t,borderRadius:o.custom.radius.round,color:o.custom.palette.white,display:"flex",p:.5},children:e.jsx(s.default,{name:a,size:20})})})};module.exports=({buttons:s,message:o,status:l="neutral",variation:n="sm"})=>{const u=r.useTheme();return e.jsx(r.Stack,{sx:{backgroundColor:u.custom.palette.surface.overlay,borderRadius:u.spacing(u.custom.radius.lg),boxShadow:u.custom.elevation.overlay,color:u.custom.palette.text.primaryInverted,display:"flex",flex:1,gap:1,p:2},children:e.jsxs(r.Box,{sx:{display:"flex",flex:1,flexDirection:"sm"===n?"row":"column",gap:2},children:[e.jsxs(r.Box,{sx:{display:"flex",flex:1,gap:1},children:["neutral"!==l&&e.jsx(a,{status:l}),e.jsx(r.Box,{sx:{display:"flex"},children:e.jsx(t.Text,{sx:{px:1,pt:.5},children:o})})]}),s&&e.jsx(r.Box,{sx:{alignItems:"center",display:"flex",gap:2,justifyContent:"flex-end"},children:s})]})})};

package/dist/systems/WebCore/TrialCard/TrialCard.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime");require("@mui/material");var r=require("../../BrandCore/Icon/Icon.js"),i=require("../Typography/Typography.js"),t=require("./TrialCardContainers.js"),a=require("./TrialPill.js");module.exports=({promoHeadline:n,promoDescription:o,ctaText:s,ctaFn:l})=>e.jsxs(t.TrialCard,{gradient:"tone1",texture:"noise1",children:[e.jsxs(t.Top,{sx:{alignItems:"start"},children:[e.jsx(a.TrialPill,{body:n,weight:"heavy",icon:e.jsx(r.default,{name:"gift"})}),e.jsx(i,{component:"p",variation:"lg",sx:{maxWidth:{lg:600,md:"initial"},color:e=>e.custom.palette.text.lockedWhite},children:o})]}),e.jsx(t.CtaButtonContainer,{children:e.jsx(t.CtaButton,{variation:"secondary",onClick:l,children:s})})]});
+"use strict";var e=require("react/jsx-runtime");require("@mui/material");var r=require("../../BrandCore/Icon/Icon.js"),i=require("../Text/Text.js"),t=require("./TrialCardContainers.js"),a=require("./TrialPill.js");module.exports=({promoHeadline:n,promoDescription:s,ctaText:l,ctaFn:o})=>e.jsxs(t.TrialCard,{gradient:"tone1",texture:"noise1",children:[e.jsxs(t.Top,{sx:{alignItems:"start"},children:[e.jsx(a.TrialPill,{body:n,weight:"heavy",icon:e.jsx(r.default,{name:"gift"})}),e.jsx(i.Text,{size:"lg",lockedWhite:!0,sx:{maxWidth:{lg:600,md:"initial"}},children:s})]}),e.jsx(t.CtaButtonContainer,{children:e.jsx(t.CtaButton,{variation:"secondary",onClick:o,children:l})})]});

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

@@ -14,7 +14,7 @@ interface TypographyProps extends Omit<TypographyProps$1, 'ref'> {
     textColor?: string;
     ai?: boolean;
 }
-declare const Typography: react.ForwardRefExoticComponent<TypographyProps & react.RefAttributes<HTMLParagraphElement | HTMLHeadingElement>>;
+declare const Typography: react.ForwardRefExoticComponent<TypographyProps & react.RefAttributes<HTMLHeadingElement | HTMLParagraphElement>>;
 
 export { Typography as default };
 export type { TypographyProps };

package/dist/systems/WebCore/UserMenu/UserMenuButton.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("react"),n=require("../../BrandCore/Icon/Icon.js"),o=require("../Avatar/Avatar.js"),s=require("../Typography/Typography.js");const i=t.styled(t.Box)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(1),justifyContent:"space-between"})),a=t.styled(t.Stack,{shouldForwardProp:e=>!["withMenu"].includes(e)})(({withMenu:e})=>({textAlign:"left",width:e?118:152,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"})),d=t.styled(t.Stack)(({theme:e})=>({alignItems:"center",color:e.custom.palette.icon.secondary,display:"flex",justifyContent:"center"})),c=t.styled(t.Button,{shouldForwardProp:e=>!["active","rounded"].includes(e)})(({active:e,rounded:t,theme:r})=>({backgroundColor:e?r.custom.palette.interaction.press:"transparent",borderRadius:r.spacing(t?r.custom.radius.round:r.custom.radius.md),justifyContent:"flex-start",minWidth:0,overflow:"hidden",padding:r.spacing(.5),textTransform:"none",width:"100%","&:hover":{backgroundColor:r.custom.palette.interaction.hover}}));module.exports=({active:u,avatar:l,email:p,name:h,rounded:m,withMenu:x})=>{const j=t.useTheme(),y=r.useRef(null);return e.jsx(c,{active:u,rounded:m,children:e.jsxs(i,{ref:y,children:[e.jsx(o,{src:l,sizing:"sm"}),e.jsx(t.Fade,{in:!0,children:e.jsxs(i,{children:[e.jsxs(a,{withMenu:x,children:[e.jsx(s,{variation:"sm",component:"p",type:"button",noWrap:!0,children:h}),e.jsx(s,{variation:"xs",component:"p",type:"button",noWrap:!0,sx:{color:j.custom.palette.text.secondary},children:p})]}),x&&e.jsx(d,{children:e.jsx(n.default,{name:"chevron-right",size:24})})]})})]})})};
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("react"),n=require("../../BrandCore/Icon/Icon.js"),s=require("../Avatar/Avatar.js"),i=require("../Text/Text.js");const a=t.styled(t.Box)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(1),justifyContent:"space-between"})),o=t.styled(t.Stack,{shouldForwardProp:e=>!["withMenu"].includes(e)})(({withMenu:e})=>({textAlign:"left",width:e?118:152,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"})),d=t.styled(t.Stack)(({theme:e})=>({alignItems:"center",color:e.custom.palette.icon.secondary,display:"flex",justifyContent:"center"})),c=t.styled(t.Button,{shouldForwardProp:e=>!["active","rounded"].includes(e)})(({active:e,rounded:t,theme:r})=>({backgroundColor:e?r.custom.palette.interaction.press:"transparent",borderRadius:r.spacing(t?r.custom.radius.round:r.custom.radius.md),justifyContent:"flex-start",minWidth:0,overflow:"hidden",padding:r.spacing(.5),textTransform:"none",width:"100%","&:hover":{backgroundColor:r.custom.palette.interaction.hover}}));module.exports=({active:u,avatar:l,email:h,name:x,rounded:m,withMenu:p})=>{const j=t.useTheme(),v=r.useRef(null);return e.jsx(c,{active:u,rounded:m,children:e.jsxs(a,{ref:v,children:[e.jsx(s,{src:l,sizing:"sm"}),e.jsx(t.Fade,{in:!0,children:e.jsxs(a,{children:[e.jsxs(o,{withMenu:p,children:[e.jsx(i.Text,{size:"sm",variant:"button",noWrap:!0,children:x}),e.jsx(i.Text,{size:"xs",variant:"button",noWrap:!0,sx:{color:j.custom.palette.text.secondary},children:h})]}),p&&e.jsx(d,{children:e.jsx(n.default,{name:"chevron-right",size:24})})]})})]})})};

package/dist/systems/WebCore/utils/typography.util.js

@@ -1 +1 @@
-"use strict";var t=require("../../BrandCore/typography.js");const o=["xxs","xs","sm","md","lg","xl","xxl","xxxl"],n=(t,o=16)=>{const n=1/o*t;return Math.round(1e3*n)/1e3},e=(t,e="xs")=>{const s=o.reduce((n,s,r)=>{const a=o.indexOf(e)||0,p=Number((16*Math.pow(t,r-a)).toFixed(2));return n[s]=p,n},{}),r={};for(const[t,o]of Object.entries(s))r[t]=n(o)+"rem";return r},s={lg:{headline:e(1.309,"xs"),body:e(1.125,"md")},sm:{headline:e(1.125,"xs"),body:e(1.1,"md")},button:e(1.125,"md")},r={xxs:s.button.xxs,xs:s.button.xs,sm:s.button.sm,md:s.button.sm,lg:s.button.md,xl:s.button.lg,xxl:s.button.xl,xxxl:s.button.xxl};exports.fontSizemap=r,exports.pxToRem=n,exports.typographicScale=e,exports.typographicSizes=o,exports.typographyVariantMap=s,exports.typographyVariants=n=>{const e=o.map(o=>({props:{variant:o},style:{fontFamily:`${t.fonts.FontStack.Serif}`,fontSize:s[n].headline[o]}})),r=o.map(o=>({props:{variant:o,component:"h5"},style:{fontFamily:`${t.fonts.FontStack.SansSerif}`,fontSize:s[n].body[o]}})),a=o.map(o=>({props:{variant:o,component:"h6"},style:{fontFamily:`${t.fonts.FontStack.SansSerif}`,fontSize:s[n].body[o]}}));return[...e,...o.map(o=>({props:{variant:o,component:"p"},style:{fontFamily:`${t.fonts.FontStack.SansSerif}`,fontSize:s[n].body[o]}})),...r,...a]};
+"use strict";var t=require("../../BrandCore/typography.js");const o=["xxs","xs","sm","md","lg","xl","xxl","xxxl"],n=(t,o=16)=>{const n=1/o*t;return Math.round(1e3*n)/1e3},x=(t,x="xs")=>{const s=o.reduce((n,s,e)=>{const r=o.indexOf(x)||0,a=Number((16*Math.pow(t,e-r)).toFixed(2));return n[s]=a,n},{}),e={};for(const[t,o]of Object.entries(s))e[t]=n(o)+"rem";return e},s={lg:{headline:x(1.309,"xs"),body:x(1.125,"md")},sm:{headline:x(1.125,"xs"),body:x(1.1,"md")},button:x(1.125,"md")},e={xxs:s.button.xxs,xs:s.button.xs,sm:s.button.sm,md:s.button.sm,lg:s.button.md,xl:s.button.lg,xxl:s.button.xl,xxxl:s.button.xxl},r={xxs:s.lg.body.xxs,xs:s.lg.body.xs,sm:s.lg.body.sm,md:s.lg.body.md,lg:s.lg.body.lg,xl:s.lg.body.xl,xxl:s.lg.body.xxl,xxxl:s.lg.body.xxxl};exports.bodyFontSizeMap=r,exports.fontSizemap=e,exports.pxToRem=n,exports.typographicScale=x,exports.typographicSizes=o,exports.typographyVariantMap=s,exports.typographyVariants=n=>{const x=o.map(o=>({props:{variant:o},style:{fontFamily:`${t.fonts.FontStack.Serif}`,fontSize:s[n].headline[o]}})),e=o.map(o=>({props:{variant:o,component:"h5"},style:{fontFamily:`${t.fonts.FontStack.SansSerif}`,fontSize:s[n].body[o]}})),r=o.map(o=>({props:{variant:o,component:"h6"},style:{fontFamily:`${t.fonts.FontStack.SansSerif}`,fontSize:s[n].body[o]}}));return[...x,...o.map(o=>({props:{variant:o,component:"p"},style:{fontFamily:`${t.fonts.FontStack.SansSerif}`,fontSize:s[n].body[o]}})),...e,...r]};