@useloops/design-system 1.4.710 → 1.4.711

package/dist/systems/Platform/VideoControls2/VideoControls2.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("../../BrandCore/textures.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/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/_partials/RankItemContainer/RankItemContainer.js"),require("../../WebCore/RankItem/_partials/RankItemDragArea/RankItemDragArea.js"),require("../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.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"),require("../../WebCore/TintedSurface/TintedSurface.js");var n=require("./components/ActionButton/ActionButton.js"),l=require("./components/OverlayControl/OverlayControl.js"),s=require("./components/Timeline/Timeline.js");function u(e){return e&&e.__esModule?e:{default:e}}var d=u(i);const m=t.styled(o)(({theme:e})=>({display:"flex",flex:1,padding:"2px",gap:e.spacing(e.custom.padding.sm),flexDirection:"column",borderRadius:18})),c=t.styled(t.Stack)({alignItems:"center",justifyContent:"start",flexDirection:"row",flex:1}),b=r.forwardRef(({id:t,videoElement:i,initialEndTime:o=0,initialCurrentTime:u=0,initialMuted:b,initialVolume:C,markers:p,options:f,slots:q,events:{onEnd:j,onPlay:g,onSeekEnd:T,onSeeking:y,onSeekStart:k,onTimeUpdate:W,onPause:v,onVolumeChange:B,onVolumeMute:S,onRestart:h,onFirstPlay:F,onFirstEnded:I,onReset:E}={},videoSeekTime:x,slotProps:L},P)=>{const[A,R]=r.useState(!1),[w,M]=r.useState(!1),[_,G]=r.useState([]),V={rtl:!1,volumeControls:!0,normaliseTime:!1,markerIndicatorMode:"time",markerIndicator:!1,markerIndicatorSize:3,volumeControlsType:"mute",disableBufferingEvents:!1,fullscreenControls:!1,overlayControls:!0,hideStartTime:!1,hideEndTime:!1,...f},[{seeking:D,endTime:K,currentTime:N,playing:O,buffering:z,loaded:U,ended:H,volume:J,muted:Q,startTime:X,firstPlay:Y,firstEnded:Z},$]=r.useState({startTime:a.normaliseFloat(V.normaliseTime?u:0),endTime:a.normaliseFloat(V.normaliseTime?o:i.duration),currentTime:a.normaliseFloat(u??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=Q,i.volume=J,V.normaliseTime&&(void 0===o||void 0===u))throw new Error("Please supply an initial end time and initial currentTime for normalising time in VideoControls2.tsx");return()=>{ce()}},[]),r.useEffect(()=>{$(e=>({...e,startTime:a.normaliseFloat(V.normaliseTime?u:0),endTime:a.normaliseFloat(V.normaliseTime?o:i.duration),currentTime:a.normaliseFloat(u??0)})),i.currentTime=a.normaliseFloat(u??0)},[u,o]);const ee=r.useCallback(()=>{$(e=>({...e,playing:!1,ended:!0,...!Z&&{firstEnded:!0}})),j&&j(),!Z&&I&&I()},[Z]);r.useEffect(()=>{if(!i||null==x)return;(async()=>{const e=!i.paused,r=x===K;$(e=>({...e,playing:!1,currentTime:a.normaliseFloat(x)})),await new Promise(e=>{const r=()=>{i.removeEventListener("seeked",r),e()};i.addEventListener("seeked",r),setTimeout(e,500)}),$(e=>({...e,currentTime:a.normaliseFloat(x)})),await new Promise(e=>setTimeout(e,50)),$(t=>({...t,playing:e,currentTime:a.normaliseFloat(r?x-.001:x+.001)}))})().catch(e=>{console.error("Error seeking video:",e)})},[x,i]);const re=r.useCallback(e=>{$(r=>({...r,muted:e.target?.muted,volume:"number"==typeof e.target?.volume?e.target?.volume:1})),Q!==e.target?.muted&&S&&S(!Q),J!==e.target?.volume&&B&&B(J)},[Q,J]),te=r.useCallback(()=>{const e=a.normaliseFloat(i.currentTime)>=K&&K!==a.normaliseFloat(i.duration)&&!H,r=a.normaliseFloat(i.currentTime)>=K&&K===a.normaliseFloat(i.duration)&&!H&&!O;(e||r)&&(i.pause(),i.dispatchEvent(new Event("ended"))),$(e=>({...e,currentTime:a.normaliseFloat(i.currentTime)})),W&&W(a.normaliseFloat(i.currentTime))},[K,H,O]),ie=r.useCallback(()=>{$(e=>({...e,playing:!1})),v&&v()},[N]),ae=r.useCallback(()=>{$(e=>({...e,playing:!0,ended:!1,...!V?.disableBufferingEvents&&{buffering:!1},...!Y&&{firstPlay:!0}})),!Y&&F&&F(),g&&g()},[Y,V?.disableBufferingEvents]),oe=r.useCallback(()=>{V?.disableBufferingEvents||$(e=>({...e,buffering:!0}))},[V?.disableBufferingEvents]),ne=r.useCallback(()=>{V?.disableBufferingEvents||$(e=>({...e,buffering:!1}))},[z,V?.disableBufferingEvents]),le=r.useCallback(()=>{if(V?.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>=X&&t<=K){const r=Math.max(t,X),i=Math.min(a,K);e.push({start:r-X,end:i-X,startPercent:(r-X)/(K-X)*100,widthPercent:(i-r)/(K-X)*100})}}G(e)},[D,K,N,O,z,U,H,J,Q,X,_,V?.disableBufferingEvents]),se=r.useCallback(async e=>{O&&ce(),i.currentTime=X,e&&await me(),h&&h()},[O,N,X,K,H]),ue=r.useCallback(async()=>{O&&ce(),i.currentTime=X,$(e=>({...e,startTime:a.normaliseFloat(V.normaliseTime?u:0),endTime:a.normaliseFloat(V.normaliseTime?o:i.duration),currentTime:a.normaliseFloat(u??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1})),E&&E()},[O,N,X,K,H,u,o]),de=async()=>{H?await se(!0):O?ce():await me()},me=async()=>{await i.play()},ce=()=>{i.pause()},be=r.useCallback(e=>{i.currentTime=a.normaliseFloat(e),$(r=>({...r,currentTime:a.normaliseFloat(e),ended:!1,seeking:!0,...!V?.disableBufferingEvents&&{buffering:!1},firstPlay:!Y||r.firstPlay,bufferProgress:e})),y&&y(e),!Y&&F&&F()},[z,Y,V?.disableBufferingEvents]),Ce=r.useCallback(async()=>{document.hidden?O&&!i.paused?(R(!0),ce()):R(!1):(A&&!O&&await me(),R(!1))},[O,A,ce,me,i]),pe=r.useCallback(e=>{e&&i.pause(),$(e=>({...e,seeking:!0})),k&&k()},[H]),fe=r.useCallback(async(e,r,t)=>{r&&(i.currentTime=r),e&&!H&&await i.play(),t&&O&&i.pause(),$(e=>({...e,...r?{currentTime:r}:{},ended:!t&&e.ended,seeking:!1})),T&&T(r)},[O,H,z,D]),qe=r.useCallback(()=>{document.fullscreenElement?document.exitFullscreen():i.requestFullscreen()},[i]);return d.default("fullscreenchange",()=>M(!!document.fullscreenElement),document),d.default("visibilitychange",Ce,document),d.default("pause",ie,i),d.default("playing",ae,i),d.default("timeupdate",te,i),d.default("ended",ee,i),d.default("volumechange",re,i),d.default("waiting",oe,i),d.default("canplay",ne,i),d.default("progress",le,i),r.useImperativeHandle(P,()=>({play:me,pause:ce,restart:se,reset:ue,seek:(e,r,t)=>fe(r,e,t),videoState:{seeking:D,endTime:K,currentTime:N,playing:O,buffering:z,loaded:U,ended:H,volume:J,firstPlay:Y,firstEnded:Z,muted:Q,startTime:X}})),e.jsxs(e.Fragment,{children:[V.overlayControls&&e.jsx(l,{videoElement:i,playing:O,firstPlay:Y,ended:H,handleAction:de}),e.jsxs(m,{variation:"raised",id:t,sx:L?.paperContainer?.sx,children:[e.jsxs(c,{...V?.rtl&&{dir:"rtl"},children:[e.jsx(n,{seeking:D,playing:O,ended:H,buffering:z,handleAction:de}),e.jsx(s,{handleSeeking:be,handleSeekEnd:fe,handleSeekStart:pe,ended:H,marker:q?.marker,markersContainerProps:L?.markersContainer,markers:p,markerIndicatorMode:V.markerIndicatorMode,markerIndicatorSize:V.markerIndicatorSize,markerIndicator:V.markerIndicator,startTime:V.normaliseTime?X:0,currentTime:N,endTime:K,playing:O,bufferRanges:_,buffering:z,volume:J,muted:Q,volumeControls:V.volumeControls,volumeControlsType:V.volumeControlsType,handleVolumeMute:()=>{i.muted=!Q},handleVolumeChange:e=>{i.volume=e,Q&&(i.muted=!1)},fullscreenControls:V.fullscreenControls,hideStartTime:V.hideStartTime,hideEndTime:V.hideEndTime,isFullScreen:w,handlefullscreenToggle:qe})]}),q?.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("../../BrandCore/textures.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/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.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"),require("../../WebCore/TintedSurface/TintedSurface.js");var n=require("./components/ActionButton/ActionButton.js"),s=require("./components/OverlayControl/OverlayControl.js"),l=require("./components/Timeline/Timeline.js");function u(e){return e&&e.__esModule?e:{default:e}}var d=u(i);const m=t.styled(o)(({theme:e})=>({display:"flex",flex:1,padding:"2px",gap:e.spacing(e.custom.padding.sm),flexDirection:"column",borderRadius:18})),c=t.styled(t.Stack)({alignItems:"center",justifyContent:"start",flexDirection:"row",flex:1}),b=r.forwardRef(({id:t,videoElement:i,initialEndTime:o=0,initialCurrentTime:u=0,initialMuted:b,initialVolume:C,markers:p,options:f,slots:q,events:{onEnd:j,onPlay:g,onSeekEnd:y,onSeeking:T,onSeekStart:W,onTimeUpdate:k,onPause:v,onVolumeChange:B,onVolumeMute:S,onRestart:h,onFirstPlay:F,onFirstEnded:E,onReset:I}={},videoSeekTime:x,slotProps:L},P)=>{const[A,w]=r.useState(!1),[M,R]=r.useState(!1),[_,G]=r.useState([]),V={rtl:!1,volumeControls:!0,normaliseTime:!1,markerIndicatorMode:"time",markerIndicator:!1,markerIndicatorSize:3,volumeControlsType:"mute",disableBufferingEvents:!1,fullscreenControls:!1,overlayControls:!0,hideStartTime:!1,hideEndTime:!1,...f},[{seeking:D,endTime:K,currentTime:N,playing:O,buffering:z,loaded:U,ended:H,volume:J,muted:Q,startTime:X,firstPlay:Y,firstEnded:Z},$]=r.useState({startTime:a.normaliseFloat(V.normaliseTime?u:0),endTime:a.normaliseFloat(V.normaliseTime?o:i.duration),currentTime:a.normaliseFloat(u??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=Q,i.volume=J,V.normaliseTime&&(void 0===o||void 0===u))throw new Error("Please supply an initial end time and initial currentTime for normalising time in VideoControls2.tsx");return()=>{ce()}},[]),r.useEffect(()=>{$(e=>({...e,startTime:a.normaliseFloat(V.normaliseTime?u:0),endTime:a.normaliseFloat(V.normaliseTime?o:i.duration),currentTime:a.normaliseFloat(u??0)})),i.currentTime=a.normaliseFloat(u??0)},[u,o]);const ee=r.useCallback(()=>{$(e=>({...e,playing:!1,ended:!0,...!Z&&{firstEnded:!0}})),j&&j(),!Z&&E&&E()},[Z]);r.useEffect(()=>{if(!i||null==x)return;(async()=>{const e=!i.paused,r=x===K;$(e=>({...e,playing:!1,currentTime:a.normaliseFloat(x)})),await new Promise(e=>{const r=()=>{i.removeEventListener("seeked",r),e()};i.addEventListener("seeked",r),setTimeout(e,500)}),$(e=>({...e,currentTime:a.normaliseFloat(x)})),await new Promise(e=>setTimeout(e,50)),$(t=>({...t,playing:e,currentTime:a.normaliseFloat(r?x-.001:x+.001)}))})().catch(e=>{console.error("Error seeking video:",e)})},[x,i]);const re=r.useCallback(e=>{$(r=>({...r,muted:e.target?.muted,volume:"number"==typeof e.target?.volume?e.target?.volume:1})),Q!==e.target?.muted&&S&&S(!Q),J!==e.target?.volume&&B&&B(J)},[Q,J]),te=r.useCallback(()=>{const e=a.normaliseFloat(i.currentTime)>=K&&K!==a.normaliseFloat(i.duration)&&!H,r=a.normaliseFloat(i.currentTime)>=K&&K===a.normaliseFloat(i.duration)&&!H&&!O;(e||r)&&(i.pause(),i.dispatchEvent(new Event("ended"))),$(e=>({...e,currentTime:a.normaliseFloat(i.currentTime)})),k&&k(a.normaliseFloat(i.currentTime))},[K,H,O]),ie=r.useCallback(()=>{$(e=>({...e,playing:!1})),v&&v()},[N]),ae=r.useCallback(()=>{$(e=>({...e,playing:!0,ended:!1,...!V?.disableBufferingEvents&&{buffering:!1},...!Y&&{firstPlay:!0}})),!Y&&F&&F(),g&&g()},[Y,V?.disableBufferingEvents]),oe=r.useCallback(()=>{V?.disableBufferingEvents||$(e=>({...e,buffering:!0}))},[V?.disableBufferingEvents]),ne=r.useCallback(()=>{V?.disableBufferingEvents||$(e=>({...e,buffering:!1}))},[z,V?.disableBufferingEvents]),se=r.useCallback(()=>{if(V?.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>=X&&t<=K){const r=Math.max(t,X),i=Math.min(a,K);e.push({start:r-X,end:i-X,startPercent:(r-X)/(K-X)*100,widthPercent:(i-r)/(K-X)*100})}}G(e)},[D,K,N,O,z,U,H,J,Q,X,_,V?.disableBufferingEvents]),le=r.useCallback(async e=>{O&&ce(),i.currentTime=X,e&&await me(),h&&h()},[O,N,X,K,H]),ue=r.useCallback(async()=>{O&&ce(),i.currentTime=X,$(e=>({...e,startTime:a.normaliseFloat(V.normaliseTime?u:0),endTime:a.normaliseFloat(V.normaliseTime?o:i.duration),currentTime:a.normaliseFloat(u??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1})),I&&I()},[O,N,X,K,H,u,o]),de=async()=>{H?await le(!0):O?ce():await me()},me=async()=>{await i.play()},ce=()=>{i.pause()},be=r.useCallback(e=>{i.currentTime=a.normaliseFloat(e),$(r=>({...r,currentTime:a.normaliseFloat(e),ended:!1,seeking:!0,...!V?.disableBufferingEvents&&{buffering:!1},firstPlay:!Y||r.firstPlay,bufferProgress:e})),T&&T(e),!Y&&F&&F()},[z,Y,V?.disableBufferingEvents]),Ce=r.useCallback(async()=>{document.hidden?O&&!i.paused?(w(!0),ce()):w(!1):(A&&!O&&await me(),w(!1))},[O,A,ce,me,i]),pe=r.useCallback(e=>{e&&i.pause(),$(e=>({...e,seeking:!0})),W&&W()},[H]),fe=r.useCallback(async(e,r,t)=>{r&&(i.currentTime=r),e&&!H&&await i.play(),t&&O&&i.pause(),$(e=>({...e,...r?{currentTime:r}:{},ended:!t&&e.ended,seeking:!1})),y&&y(r)},[O,H,z,D]),qe=r.useCallback(()=>{document.fullscreenElement?document.exitFullscreen():i.requestFullscreen()},[i]);return d.default("fullscreenchange",()=>R(!!document.fullscreenElement),document),d.default("visibilitychange",Ce,document),d.default("pause",ie,i),d.default("playing",ae,i),d.default("timeupdate",te,i),d.default("ended",ee,i),d.default("volumechange",re,i),d.default("waiting",oe,i),d.default("canplay",ne,i),d.default("progress",se,i),r.useImperativeHandle(P,()=>({play:me,pause:ce,restart:le,reset:ue,seek:(e,r,t)=>fe(r,e,t),videoState:{seeking:D,endTime:K,currentTime:N,playing:O,buffering:z,loaded:U,ended:H,volume:J,firstPlay:Y,firstEnded:Z,muted:Q,startTime:X}})),e.jsxs(e.Fragment,{children:[V.overlayControls&&e.jsx(s,{videoElement:i,playing:O,firstPlay:Y,ended:H,handleAction:de}),e.jsxs(m,{variation:"raised",id:t,sx:L?.paperContainer?.sx,children:[e.jsxs(c,{...V?.rtl&&{dir:"rtl"},children:[e.jsx(n,{seeking:D,playing:O,ended:H,buffering:z,handleAction:de}),e.jsx(l,{handleSeeking:be,handleSeekEnd:fe,handleSeekStart:pe,ended:H,marker:q?.marker,markersContainerProps:L?.markersContainer,markers:p,markerIndicatorMode:V.markerIndicatorMode,markerIndicatorSize:V.markerIndicatorSize,markerIndicator:V.markerIndicator,startTime:V.normaliseTime?X:0,currentTime:N,endTime:K,playing:O,bufferRanges:_,buffering:z,volume:J,muted:Q,volumeControls:V.volumeControls,volumeControlsType:V.volumeControlsType,handleVolumeMute:()=>{i.muted=!Q},handleVolumeChange:e=>{i.volume=e,Q&&(i.muted=!1)},fullscreenControls:V.fullscreenControls,hideStartTime:V.hideStartTime,hideEndTime:V.hideEndTime,isFullScreen:M,handlefullscreenToggle:qe})]}),q?.bottom]})]})});var C=r.memo(b);module.exports=C;

package/dist/systems/Platform/VideoControls2/components/Timeline/components/FullscreenControls/FullscreenControls.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime");require("@mui/material");var r=require("../../../../../../BrandCore/Icon/Icon.js");require("../../../../../../../utils/formValidation/misc.js"),require("../../../../../../BrandCore/primitiveVariables.js"),require("../../../../../../WebCore/utils/typography.util.js"),require("../../../../../../BrandCore/textures.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("react"),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");var o=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"),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/SortableList/components/SortableItem/SortableItem.js"),require("../../../../../../WebCore/Select/StyledSelect.js"),require("../../../../../../WebCore/RankItem/_partials/RankItemContainer/RankItemContainer.js"),require("../../../../../../WebCore/RankItem/_partials/RankItemDragArea/RankItemDragArea.js"),require("../../../../../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../../../../../WebCore/SortableList/SortableList.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"),require("../../../../../../WebCore/TintedSurface/TintedSurface.js");module.exports=({isFullScreen:t,handlefullscreenToggle:i})=>e.jsx(o,{icon:e.jsx(r.default,{name:t?"reduce-window":"expand-window"}),variation:"default",shape:"round",sizing:"xs",onClick:i});
+"use strict";var e=require("react/jsx-runtime");require("@mui/material");var r=require("../../../../../../BrandCore/Icon/Icon.js");require("../../../../../../../utils/formValidation/misc.js"),require("../../../../../../BrandCore/primitiveVariables.js"),require("../../../../../../WebCore/utils/typography.util.js"),require("../../../../../../BrandCore/textures.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("react"),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");var o=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"),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/SortableList/components/SortableItem/SortableItem.js"),require("../../../../../../WebCore/Select/StyledSelect.js"),require("../../../../../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../../../../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../../../../../WebCore/SortableList/SortableList.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"),require("../../../../../../WebCore/TintedSurface/TintedSurface.js");module.exports=({isFullScreen:t,handlefullscreenToggle:i})=>e.jsx(o,{icon:e.jsx(r.default,{name:t?"reduce-window":"expand-window"}),variation:"default",shape:"round",sizing:"xs",onClick:i});

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

@@ -1,12 +1,13 @@
-import { ReactElement, FunctionComponent } from 'react';
 import { SxProps } from '@mui/material';
 import { Theme } from '@mui/material/styles';
+import { ReactElement, FunctionComponent } from 'react';
 import { InputVariation } from '../InputLabelBase/InputLabelBase.variants-helpers.js';
 
 interface InputLabelProps {
     variation?: InputVariation;
     align?: 'left' | 'center' | 'right' | undefined;
     sx?: SxProps<Theme>;
+    className?: string;
     children?: ReactElement | string;
     disabled?: boolean;
     error?: boolean;

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

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/icons-material"),i=require("@mui/material"),t=require("../SortableList/components/SortableItem/SortableItem.js"),a=require("../../../utils/breakpoint.hook.js");require("react");var s=require("../../BrandCore/Icon/Icon.js"),l=require("../../BrandCore/primitiveVariables.js");require("../SelectItem/SelectItem.js");var n=require("../Select/Select.js"),o=require("./_partials/RankItemContainer/RankItemContainer.js"),c=require("./_partials/RankItemDragArea/RankItemDragArea.js"),d=require("./_partials/RankItemLabel/RankItemLabel.js");module.exports=({label:m="Placeholder",disabled:u,onChange:p,options:x,fullWidth:g,sizing:h="lg"})=>{const b=i.useTheme(),j=x.map(e=>e.label).indexOf(m),I=a.useBreakpoint(),{touchListeners:f,ref:q}=t.useSortableItemContext();return e.jsx(o,{disabled:u,fullWidth:g,sizing:h,children:e.jsxs(i.Stack,{sx:{display:"flex",justifyContent:"space-between",flexDirection:"row",alignItems:"center",position:"relative",zIndex:1},children:[e.jsxs(i.Box,{sx:{display:"flex",alignItems:"center","& svg":{fill:b.custom.palette.icon.secondary}},children:[e.jsx(c,{size:h,ref:q,...f,children:e.jsx(r.DragHandle,{"aria-label":"drag-handle",sx:{width:s.iconSizeMap.lg,height:s.iconSizeMap.lg,mr:b.custom.padding.sm}})}),e.jsx(d,{sizing:h,align:"left",disabled:u,children:m})]}),"lg"===h?e.jsx(i.Box,{sx:{mr:b.m.md},children:e.jsx(n,{name:"rank",sizing:"sm"===I?"md":"xs",selections:x.map((e,r)=>({label:`${r+1}`,value:`${r}`})),disabled:u,value:`${j}`,onChange:function(e){const r=j,i=Number(e.target.value),t=x;let a=1;const s=t.splice(r,a)[0];a=0,t.splice(i,a,s),p(t)},MenuProps:{anchorOrigin:{vertical:l.space[400],horizontal:"center"}},sx:{[`&.${i.selectClasses.root}`]:{width:6*l.base,textAlign:"center"},[`& .${i.typographyClasses.root}`]:{width:"fit-content",overflow:"visible"}}})}):void 0]})})};
+"use strict";var e=require("react/jsx-runtime"),a=require("@mui/material"),r=require("../SortableList/components/SortableItem/SortableItem.js"),t=require("../../../utils/breakpoint.hook.js");require("react");var i=require("../../BrandCore/Icon/Icon.js"),s=require("../../BrandCore/primitiveVariables.js");require("../SelectItem/SelectItem.js");var n=require("../Select/Select.js"),l=require("./_partials/LayoutComponents/LayoutComponents.js"),o=require("./_partials/RankItemLabel/RankItemLabel.js");module.exports=({label:c="Placeholder",disabled:d,onChange:u,options:m,fullWidth:b,sizing:h="lg"})=>{const p=a.useTheme(),g=m.map(e=>e.label).indexOf(c),j=t.useBreakpoint(),{touchListeners:x,ref:C}=r.useSortableItemContext();return e.jsxs(l.RankItemContainer,{direction:"row",disabled:d,fullWidth:b,sizing:h,children:[e.jsx(l.DragHandleContainer,{className:"rank-main-container",disabled:d,children:e.jsx(l.RankItemDragArea,{size:h,ref:C,...x,children:e.jsx(i.default,{name:"drag-handle-dots","aria-label":"drag-handle",size:20,disabled:d,color:p.custom.palette.icon.secondary})})}),e.jsxs(l.StackContainer,{sizing:h,children:[e.jsx(o,{sizing:h,align:"left",disabled:d,className:"rank-item-label",children:c}),"lg"===h&&e.jsx(l.SelectContainer,{className:"select-container",children:e.jsx(n,{name:"rank",sizing:"sm"===j?"md":"xs",selections:m.map((e,a)=>({label:`${a+1}`,value:`${a}`})),disabled:d,value:`${g}`,onChange:function(e){const a=g,r=Number(e.target.value),t=m;let i=1;const s=t.splice(a,i)[0];i=0,t.splice(r,i,s),u(t)},MenuProps:{anchorOrigin:{vertical:s.space[400],horizontal:"center"}},sx:{[`&.${a.selectClasses.root}`]:{width:6*s.base,textAlign:"center"},[`& .${a.typographyClasses.root}`]:{width:"fit-content",overflow:"visible"}}})})]})]})};

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

@@ -0,0 +1 @@
+"use strict";var e=require("@mui/material");require("react");var t=require("../../../../../utils/shouldForwardProp.js");const o=e.styled(e.Stack,{shouldForwardProp:t.omitProps(["fullWidth","sizing"])})(({theme:e,disabled:t,fullWidth:o,sizing:a})=>({width:o?"100%":"auto",minWidth:240,backgroundColor:t?e.custom.palette.input.disabled:e.custom.palette.surface.raised,border:`1px solid ${t?e.custom.palette.stroke.disabled:e.custom.palette.stroke.default}`,borderRadius:e.spacing(e.custom.radius.lg),overflow:"hidden",position:"relative",zIndex:0,cursor:"grab",[e.breakpoints.down("md")]:{cursor:"default"},"&:after":{content:'""',backgroundColor:e.custom.palette.interaction.none,borderRadius:e.spacing(e.custom.radius.lg),position:"absolute",inset:0},"&:hover":{"&:after":{backgroundColor:e.custom.palette.interaction.hover}},"&:active":{"&:after":{backgroundColor:e.custom.palette.interaction.press}}})),a=e.styled(e.Stack)(({theme:e,sizing:t})=>({display:"flex",gap:e.spacing(e.m.sm),paddingLeft:e.spacing(e.p.sm),paddingRight:"sm"===t?e.spacing(e.p.sm):e.spacing(e.p.md),justifyContent:"space-between",flexDirection:"row",alignItems:"center",position:"relative",flex:1,zIndex:1})),i=e.styled(e.Box)(({theme:e,disabled:t})=>({display:"flex",alignItems:"center",position:"relative",zIndex:1,borderRight:`1px solid ${e.custom.palette.stroke.light}`,...t&&{background:e.custom.palette.input.disabled,borderColor:e.custom.palette.stroke.disabled,"&:after":{backgroundColor:e.custom.palette.interaction.none}}})),r=e.styled(e.Box)(({theme:e,size:t})=>({alignSelf:"stretch",display:"flex",alignItems:"center",cursor:"grab",touchAction:"none",paddingLeft:e.spacing(e.custom.padding.md),paddingRight:e.spacing(e.custom.padding.md)})),s=e.styled(e.Box)(({theme:e})=>({mr:e.m.md}));exports.DragHandleContainer=i,exports.RankItemContainer=o,exports.RankItemDragArea=r,exports.SelectContainer=s,exports.StackContainer=a;

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

@@ -1 +1 @@
-"use strict";var t=require("@mui/material"),e=require("../../../InputLabel/InputLabel.js"),i=require("../../../utils/typography.util.js");const p=t.styled(e)(({theme:t,sizing:e})=>({fontSize:i.typographyVariantMap.button.md,color:t.custom.palette.text.primary,lineHeight:"120%",letterSpacing:"0.16px",padding:"sm"===e?`${t.p.sm} ${t.p.xs}`:`${t.p.md} ${t.p.xs}`}));module.exports=p;
+"use strict";var t=require("@mui/material"),e=require("../../../InputLabel/InputLabel.js"),r=require("../../../utils/typography.util.js");const i=t.styled(e)(({theme:t,sizing:e})=>({fontSize:r.typographyVariantMap.button.md,padding:"sm"===e?"7px 4px":"15px 4px",cursor:"inherit"}));module.exports=i;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@useloops/design-system",
-    "version": "1.4.710",
+    "version": "1.4.711",
     "description": "The official React based Loops design system",
     "main": "dist/index.js",
     "module": "dist/esm/index.js",

package/dist/esm/systems/WebCore/RankItem/_partials/RankItemContainer/RankItemContainer.js

@@ -1 +0,0 @@
-import{styled as t,Box as o}from"@mui/material";import"react";import{omitProps as e}from"../../../../../utils/shouldForwardProp.js";const r=t(o,{shouldForwardProp:e(["fullWidth","sizing"])})(({theme:t,disabled:o,fullWidth:e,sizing:r})=>({width:e?"100%":"auto",minWidth:240,backgroundColor:o?t.custom.palette.input.disabled:t.custom.palette.surface.raised,border:`1px solid ${o?t.custom.palette.stroke.disabled:t.custom.palette.stroke.default}`,borderRadius:t.spacing(t.custom.radius.lg),overflow:"hidden",position:"relative",zIndex:0,"&:after":{content:'""',backgroundColor:t.custom.palette.interaction.none,borderRadius:t.spacing(t.custom.radius.lg),position:"absolute",inset:0},"&:hover":{"&:after":{backgroundColor:t.custom.palette.interaction.hover}},"&:active":{"&:after":{backgroundColor:t.custom.palette.interaction.press}},"& svg":{fill:t.custom.palette.icon.primary},...o&&{background:t.custom.palette.input.disabled,borderColor:t.custom.palette.stroke.disabled,"&:after":{backgroundColor:t.custom.palette.interaction.none},"& .MuiBox-root > .MuiSvgIcon-root":{fill:"none"}}}));export{r as default};

package/dist/esm/systems/WebCore/RankItem/_partials/RankItemDragArea/RankItemDragArea.js

@@ -1 +0,0 @@
-import{styled as t,Box as i}from"@mui/material";const s=t(i)(({theme:t,size:i})=>({paddingLeft:"sm"===i?t.spacing(t.custom.padding.sm):t.spacing(t.custom.padding.md),alignSelf:"stretch",display:"flex",alignItems:"center",cursor:"grab",touchAction:"none",marginRight:0,[t.breakpoints.down("md")]:{borderRight:`1px solid ${t.custom.palette.stroke.light}`,marginRight:t.spacing(t.custom.padding.sm)}}));export{s as default};

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

@@ -1 +0,0 @@
-"use strict";var t=require("@mui/material");require("react");var o=require("../../../../../utils/shouldForwardProp.js");const e=t.styled(t.Box,{shouldForwardProp:o.omitProps(["fullWidth","sizing"])})(({theme:t,disabled:o,fullWidth:e,sizing:r})=>({width:e?"100%":"auto",minWidth:240,backgroundColor:o?t.custom.palette.input.disabled:t.custom.palette.surface.raised,border:`1px solid ${o?t.custom.palette.stroke.disabled:t.custom.palette.stroke.default}`,borderRadius:t.spacing(t.custom.radius.lg),overflow:"hidden",position:"relative",zIndex:0,"&:after":{content:'""',backgroundColor:t.custom.palette.interaction.none,borderRadius:t.spacing(t.custom.radius.lg),position:"absolute",inset:0},"&:hover":{"&:after":{backgroundColor:t.custom.palette.interaction.hover}},"&:active":{"&:after":{backgroundColor:t.custom.palette.interaction.press}},"& svg":{fill:t.custom.palette.icon.primary},...o&&{background:t.custom.palette.input.disabled,borderColor:t.custom.palette.stroke.disabled,"&:after":{backgroundColor:t.custom.palette.interaction.none},"& .MuiBox-root > .MuiSvgIcon-root":{fill:"none"}}}));module.exports=e;

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

@@ -1 +0,0 @@
-"use strict";var t=require("@mui/material");const i=t.styled(t.Box)(({theme:t,size:i})=>({paddingLeft:"sm"===i?t.spacing(t.custom.padding.sm):t.spacing(t.custom.padding.md),alignSelf:"stretch",display:"flex",alignItems:"center",cursor:"grab",touchAction:"none",marginRight:0,[t.breakpoints.down("md")]:{borderRight:`1px solid ${t.custom.palette.stroke.light}`,marginRight:t.spacing(t.custom.padding.sm)}}));module.exports=i;