@useloops/design-system 1.4.709 → 1.4.711

package/dist/esm/systems/Platform/TimeToFindGraph/TimeToFindGraph.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useTheme as r,Box as o,Stack as i}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as a}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import n from"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import s from"../../WebCore/Tooltip/Tooltip.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/RankItemContainer/RankItemContainer.js";import"../../WebCore/RankItem/_partials/RankItemDragArea/RankItemDragArea.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import p from"../../WebCore/Slider/Slider.js";import"../../WebCore/StarRating/StarRating.js";import l from"../../WebCore/Switch/Switch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import{HistogramWrapper as m,HistogramInner as d,ZoneLayer as b,Zone as u,BarsLayer as c,Bar as C,ZoneLine as j}from"./_partials/StyledComponents.js";const h=({label:o,value:n,prefix:s})=>{const p=r();return e(i,{sx:{flex:1,alignItems:"center",gap:p.p.xs},children:[t(a,{size:"sm",secondary:!0,children:o}),t(a,{size:"sm",bold:!0,monospaced:!0,children:s?`${s} ${n}`:n})]})},W=({min:W,max:x,bins:g,binTooltips:f,p25:B,p50:y,p75:S,mean:I,range:A,onRangeChange:L,capped:k,onCapChange:M,capLabel:T="Cap to 60 seconds",step:w=1,marksStep:R=10,unit:P="sec",formatStat:v,disabled:F,slotProps:G})=>{const _=r(),z=x-W||1,D=e=>(e=>Math.max(0,Math.min(100,e)))((e-W)/z*100),O=Math.max(1,...g),N=z/(g.length||1),K=v??(e=>`${e.toFixed(1)} ${P}`),[V,$]=A,E=D(B),U=D(S);return e(o,{...G?.root,children:[t(o,{sx:{display:"flex",justifyContent:"flex-end",mb:_.p.lg},children:t(l,{sizing:"sm",value:k,label:t(a,{size:"xs",secondary:!0,children:T}),disabled:F,onChange:(e,t)=>M(t)})}),e(i,{sx:{gap:_.p.sm},children:[e(i,{direction:"row",children:[t(h,{label:"Fastest 25%",prefix:"≤",value:K(B)}),t(h,{label:"Average",value:K(I)}),t(h,{label:"Slowest 25%",prefix:"≥",value:K(S)})]}),t(m,{children:e(d,{children:[e(b,{children:[t(u,{tone:"green",widthPct:E}),t(u,{tone:"yellow",widthPct:Math.max(0,U-E)}),t(u,{tone:"red",widthPct:Math.max(0,100-U)})]}),t(c,{children:g.map((r,o)=>{const n=W+(o+.5)*N,p=n>=V&&n<=$,l=r/O*100,m=f?.[o];return m?t(s,{followCursor:!0,enterDelay:200,enterNextDelay:100,message:e(i,{sx:{gap:_.p.xs,p:_.p.xs},children:[t(a,{size:"sm",bold:!0,children:m.headline}),t(a,{size:"xs",secondary:!0,children:m.body})]}),slotProps:{popper:{modifiers:[{name:"offset",options:{offset:[0,12]}}]},wrapper:{sx:{flex:1,height:"100%",flexDirection:"column",justifyContent:"flex-end",alignItems:"center",pointerEvents:"auto"}}},children:t(C,{heightPct:l,inRange:p})},o):t(C,{heightPct:l,inRange:p},o)})}),t(j,{leftPct:D(B)}),t(j,{leftPct:D(y)}),t(j,{leftPct:D(S)})]})}),t(p,{labelLeft:"",labelRight:"",min:W,max:x,step:w,marksStep:R,value:A,valueLabelFormat:e=>`${Math.round(e)}`,disabled:F,onChange:(e,t)=>{Array.isArray(t)&&L([t[0],t[1]])}}),e(i,{direction:"row",sx:{justifyContent:"space-between",gap:_.p.md},children:[e(i,{sx:{gap:_.p.xs,alignItems:"center"},children:[t(a,{size:"sm",children:"Minimum"}),t(o,{sx:{width:104},children:t(n,{value:V,min:W,max:$,step:w,disabled:F,hideActionButtons:!0,slotProps:{input:{sx:{width:"100%",height:40,"& .MuiOutlinedInput-root":{justifyContent:"center"},"& .MuiOutlinedInput-input":{width:"4ch",flexGrow:0,px:0,textAlign:"center"}}}},endAdornment:t(a,{size:"sm",secondary:!0,children:P}),onChange:e=>{"number"==typeof e&&L([e,$])}})})]}),e(i,{sx:{gap:_.p.xs,alignItems:"center"},children:[t(a,{size:"sm",children:"Maximum"}),t(o,{sx:{width:104},children:t(n,{value:$,min:V,max:x,step:w,disabled:F,hideActionButtons:!0,slotProps:{input:{sx:{width:"100%",height:40,"& .MuiOutlinedInput-root":{justifyContent:"center"},"& .MuiOutlinedInput-input":{width:"4ch",flexGrow:0,px:0,textAlign:"center"}}}},endAdornment:t(a,{size:"sm",secondary:!0,children:P}),onChange:e=>{"number"==typeof e&&L([V,e])}})})]})]})]})]})};export{W as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useTheme as o,Box as r,Stack as i}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as a}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import s from"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import n from"../../WebCore/Tooltip/Tooltip.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import p from"../../WebCore/Slider/Slider.js";import"../../WebCore/StarRating/StarRating.js";import l from"../../WebCore/Switch/Switch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import{HistogramWrapper as m,HistogramInner as d,ZoneLayer as b,Zone as u,BarsLayer as c,Bar as C,ZoneLine as j}from"./_partials/StyledComponents.js";const h=({label:r,value:s,prefix:n})=>{const p=o();return e(i,{sx:{flex:1,alignItems:"center",gap:p.p.xs},children:[t(a,{size:"sm",secondary:!0,children:r}),t(a,{size:"sm",bold:!0,monospaced:!0,children:n?`${n} ${s}`:s})]})},W=({min:W,max:x,bins:g,binTooltips:f,p25:y,p50:B,p75:S,mean:I,range:L,onRangeChange:A,capped:M,onCapChange:T,capLabel:w="Cap to 60 seconds",step:k=1,marksStep:P=10,unit:v="sec",formatStat:F,disabled:R,slotProps:G})=>{const _=o(),z=x-W||1,D=e=>(e=>Math.max(0,Math.min(100,e)))((e-W)/z*100),O=Math.max(1,...g),N=z/(g.length||1),K=F??(e=>`${e.toFixed(1)} ${v}`),[V,$]=L,E=D(y),U=D(S);return e(r,{...G?.root,children:[t(r,{sx:{display:"flex",justifyContent:"flex-end",mb:_.p.lg},children:t(l,{sizing:"sm",value:M,label:t(a,{size:"xs",secondary:!0,children:w}),disabled:R,onChange:(e,t)=>T(t)})}),e(i,{sx:{gap:_.p.sm},children:[e(i,{direction:"row",children:[t(h,{label:"Fastest 25%",prefix:"≤",value:K(y)}),t(h,{label:"Average",value:K(I)}),t(h,{label:"Slowest 25%",prefix:"≥",value:K(S)})]}),t(m,{children:e(d,{children:[e(b,{children:[t(u,{tone:"green",widthPct:E}),t(u,{tone:"yellow",widthPct:Math.max(0,U-E)}),t(u,{tone:"red",widthPct:Math.max(0,100-U)})]}),t(c,{children:g.map((o,r)=>{const s=W+(r+.5)*N,p=s>=V&&s<=$,l=o/O*100,m=f?.[r];return m?t(n,{followCursor:!0,enterDelay:200,enterNextDelay:100,message:e(i,{sx:{gap:_.p.xs,p:_.p.xs},children:[t(a,{size:"sm",bold:!0,children:m.headline}),t(a,{size:"xs",secondary:!0,children:m.body})]}),slotProps:{popper:{modifiers:[{name:"offset",options:{offset:[0,12]}}]},wrapper:{sx:{flex:1,height:"100%",flexDirection:"column",justifyContent:"flex-end",alignItems:"center",pointerEvents:"auto"}}},children:t(C,{heightPct:l,inRange:p})},r):t(C,{heightPct:l,inRange:p},r)})}),t(j,{leftPct:D(y)}),t(j,{leftPct:D(B)}),t(j,{leftPct:D(S)})]})}),t(p,{labelLeft:"",labelRight:"",min:W,max:x,step:k,marksStep:P,value:L,valueLabelFormat:e=>`${Math.round(e)}`,disabled:R,onChange:(e,t)=>{Array.isArray(t)&&A([t[0],t[1]])}}),e(i,{direction:"row",sx:{justifyContent:"space-between",gap:_.p.md},children:[e(i,{sx:{gap:_.p.xs,alignItems:"center"},children:[t(a,{size:"sm",children:"Minimum"}),t(r,{sx:{width:104},children:t(s,{value:V,min:W,max:$,step:k,disabled:R,hideActionButtons:!0,slotProps:{input:{sx:{width:"100%",height:40,"& .MuiOutlinedInput-root":{justifyContent:"center"},"& .MuiOutlinedInput-input":{width:"4ch",flexGrow:0,px:0,textAlign:"center"}}}},endAdornment:t(a,{size:"sm",secondary:!0,children:v}),onChange:e=>{"number"==typeof e&&A([e,$])}})})]}),e(i,{sx:{gap:_.p.xs,alignItems:"center"},children:[t(a,{size:"sm",children:"Maximum"}),t(r,{sx:{width:104},children:t(s,{value:$,min:V,max:x,step:k,disabled:R,hideActionButtons:!0,slotProps:{input:{sx:{width:"100%",height:40,"& .MuiOutlinedInput-root":{justifyContent:"center"},"& .MuiOutlinedInput-input":{width:"4ch",flexGrow:0,px:0,textAlign:"center"}}}},endAdornment:t(a,{size:"sm",secondary:!0,children:v}),onChange:e=>{"number"==typeof e&&A([V,e])}})})]})]})]})]})};export{W as default};

package/dist/esm/systems/Platform/TimeToFindResult/TimeToFindResult.js

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useTheme as r,Stack as t}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as i}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import a from"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/RankItemContainer/RankItemContainer.js";import"../../WebCore/RankItem/_partials/RankItemDragArea/RankItemDragArea.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import{MiniMap as p,MiniMapAsset as s,MINI_MAP_MAX as m,MiniMapDot as l}from"./_partials/StyledComponents.js";const n=e=>Math.max(0,Math.min(1,e)),b=({x:b,y:C,aspectRatio:d=1,prefix:j="Found in",label:u,tone:W="green"})=>{const c=r(),B=d>=1?m:m*d,S=d>=1?m/d:m;return e(t,{direction:"row",sx:{alignItems:"center",gap:c.p.sm,flexWrap:"wrap"},children:[o(p,{children:o(s,{boxWidth:B,boxHeight:S,children:o(l,{leftPct:100*n(b),topPct:100*n(C)})})}),j&&o(i,{size:"sm",secondary:!0,children:j}),o(a,{sizing:"xxs",colorScheme:W,tone:100,body:u})]})};export{b as default};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useTheme as r,Stack as t}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as i}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import a from"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import{MiniMap as p,MiniMapAsset as s,MINI_MAP_MAX as m,MiniMapDot as l}from"./_partials/StyledComponents.js";const n=e=>Math.max(0,Math.min(1,e)),b=({x:b,y:C,aspectRatio:d=1,prefix:u="Found in",label:j,tone:W="green"})=>{const c=r(),B=d>=1?m:m*d,S=d>=1?m/d:m;return e(t,{direction:"row",sx:{alignItems:"center",gap:c.p.sm,flexWrap:"wrap"},children:[o(p,{children:o(s,{boxWidth:B,boxHeight:S,children:o(l,{leftPct:100*n(b),topPct:100*n(C)})})}),u&&o(i,{size:"sm",secondary:!0,children:u}),o(a,{sizing:"xxs",colorScheme:W,tone:100,body:j})]})};export{b as default};

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

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

package/dist/esm/systems/Platform/VideoControls2/VideoControls2.js

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

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

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import"@mui/material";import o from"../../../../../../BrandCore/Icon/Icon.js";import"../../../../../../../utils/formValidation/misc.js";import"../../../../../../BrandCore/primitiveVariables.js";import"../../../../../../WebCore/utils/typography.util.js";import"../../../../../../BrandCore/textures.js";import"../../../../../../WebCore/AnnualController/AnnualController.js";import"../../../../../../WebCore/SelectItem/SelectItem.js";import"../../../../../../WebCore/Accordion/Accordion.js";import"../../../../../../WebCore/Animations/FadeIn.js";import"../../../../../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../../../../../WebCore/Badge/Badge.js";import"../../../../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../../../../WebCore/Button/Button.js";import"../../../../../../WebCore/ButtonBase/ButtonBase.js";import"../../../../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../../../../WebCore/Differential/DifferentialContainer.js";import"../../../../../../WebCore/Differential/DifferentialRadio.js";import"../../../../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../../../../WebCore/FormGenerator/FormGenerator.js";import"../../../../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import r from"../../../../../../WebCore/IconButton/IconButton.js";import"../../../../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../../../../WebCore/Image/Image.js";import"../../../../../../WebCore/KbdGroup/Kbd.js";import"../../../../../../WebCore/KbdGroup/KbdGroup.js";import"../../../../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../../../../WebCore/Label/Label.js";import"../../../../../../WebCore/Likert/LikertContainer.js";import"../../../../../../WebCore/Likert/LikertLabel.js";import"../../../../../../WebCore/Likert/LikertRadio.js";import"../../../../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../../../../WebCore/Surface/Surface.js";import"../../../../../../WebCore/Menu/MenuItem.js";import"../../../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../../../../WebCore/NavigationButton/NavigationButton.js";import"../../../../../../WebCore/Nudge/NudgeButton.js";import"../../../../../../WebCore/NumberField/NumberField.js";import"../../../../../../BrandCore/colorRamps.js";import"../../../../../../BrandCore/semanticColor.js";import"../../../../../../BrandCore/types.js";import"../../../../../../BrandCore/typography.js";import"../../../../../../WebCore/Progress/Progress.js";import"../../../../../../WebCore/Pill/StyledPill.js";import"../../../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../../../WebCore/Radio/StyledRadio.js";import"../../../../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../../../../WebCore/Select/StyledSelect.js";import"../../../../../../WebCore/RankItem/_partials/RankItemContainer/RankItemContainer.js";import"../../../../../../WebCore/RankItem/_partials/RankItemDragArea/RankItemDragArea.js";import"../../../../../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../../../../../WebCore/SortableList/SortableList.js";import"../../../../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../../../../WebCore/Skeleton/Skeleton.js";import"../../../../../../WebCore/Slider/StyledSlider.js";import"../../../../../../WebCore/StarRating/StarRating.js";import"../../../../../../WebCore/Switch/StyledSwitch.js";import"../../../../../../WebCore/Textarea/Textarea.js";import"../../../../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../../../../WebCore/TrialCard/TrialPill.js";import"../../../../../../WebCore/UserMenu/UserMenuButton.js";import"../../../../../../WebCore/VideoModal/VideoModal.js";import"../../../../../../WebCore/TintedSurface/TintedSurface.js";const t=({isFullScreen:t,handlefullscreenToggle:i})=>e(r,{icon:e(o,{name:t?"reduce-window":"expand-window"}),variation:"default",shape:"round",sizing:"xs",onClick:i});export{t as default};
+import{jsx as e}from"react/jsx-runtime";import"@mui/material";import o from"../../../../../../BrandCore/Icon/Icon.js";import"../../../../../../../utils/formValidation/misc.js";import"../../../../../../BrandCore/primitiveVariables.js";import"../../../../../../WebCore/utils/typography.util.js";import"../../../../../../BrandCore/textures.js";import"../../../../../../WebCore/AnnualController/AnnualController.js";import"../../../../../../WebCore/SelectItem/SelectItem.js";import"../../../../../../WebCore/Accordion/Accordion.js";import"../../../../../../WebCore/Animations/FadeIn.js";import"../../../../../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../../../../../WebCore/Badge/Badge.js";import"../../../../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../../../../WebCore/Button/Button.js";import"../../../../../../WebCore/ButtonBase/ButtonBase.js";import"../../../../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../../../../WebCore/Differential/DifferentialContainer.js";import"../../../../../../WebCore/Differential/DifferentialRadio.js";import"../../../../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../../../../WebCore/FormGenerator/FormGenerator.js";import"../../../../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import r from"../../../../../../WebCore/IconButton/IconButton.js";import"../../../../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../../../../WebCore/Image/Image.js";import"../../../../../../WebCore/KbdGroup/Kbd.js";import"../../../../../../WebCore/KbdGroup/KbdGroup.js";import"../../../../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../../../../WebCore/Label/Label.js";import"../../../../../../WebCore/Likert/LikertContainer.js";import"../../../../../../WebCore/Likert/LikertLabel.js";import"../../../../../../WebCore/Likert/LikertRadio.js";import"../../../../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../../../../WebCore/Surface/Surface.js";import"../../../../../../WebCore/Menu/MenuItem.js";import"../../../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../../../../WebCore/NavigationButton/NavigationButton.js";import"../../../../../../WebCore/Nudge/NudgeButton.js";import"../../../../../../WebCore/NumberField/NumberField.js";import"../../../../../../BrandCore/colorRamps.js";import"../../../../../../BrandCore/semanticColor.js";import"../../../../../../BrandCore/types.js";import"../../../../../../BrandCore/typography.js";import"../../../../../../WebCore/Progress/Progress.js";import"../../../../../../WebCore/Pill/StyledPill.js";import"../../../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../../../WebCore/Radio/StyledRadio.js";import"../../../../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../../../../WebCore/Select/StyledSelect.js";import"../../../../../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../../../../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../../../../../WebCore/SortableList/SortableList.js";import"../../../../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../../../../WebCore/Skeleton/Skeleton.js";import"../../../../../../WebCore/Slider/StyledSlider.js";import"../../../../../../WebCore/StarRating/StarRating.js";import"../../../../../../WebCore/Switch/StyledSwitch.js";import"../../../../../../WebCore/Textarea/Textarea.js";import"../../../../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../../../../WebCore/TrialCard/TrialPill.js";import"../../../../../../WebCore/UserMenu/UserMenuButton.js";import"../../../../../../WebCore/VideoModal/VideoModal.js";import"../../../../../../WebCore/TintedSurface/TintedSurface.js";const t=({isFullScreen:t,handlefullscreenToggle:i})=>e(r,{icon:e(o,{name:t?"reduce-window":"expand-window"}),variation:"default",shape:"round",sizing:"xs",onClick:i});export{t as default};

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

@@ -1 +1 @@
-import{jsxs as o,jsx as e,Fragment as r}from"react/jsx-runtime";import{useTheme as s}from"@mui/material";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import i from"../../BrandCore/Icon/Icon.js";import t from"../IconButton/IconButton.js";import n from"../Progress/Progress.js";import{Text as a}from"../Text/Text.js";import d from"../Tooltip/Tooltip.js";import l from"./StyledPill.js";import m from"./useTextTruncation.js";const p=p=>{const c=s(),{label:u,secondaryLabel:x,iconLeft:f,iconRight:g,onDelete:b,active:j,slots:y,loading:B,sizing:C,disabled:h,slotProps:T}=p,{textRef:z,isTruncated:I}=m([u]),P=o(l,{className:"loops-pill",tabIndex:0,...p,sx:{...T?.root?.sx},children:[B&&e(n,{sizing:C||"xl",sx:{color:c.custom.palette.icon.disabled}}),!B&&o(r,{children:[f&&e(i,{disabled:h,size:16,name:f}),"string"==typeof u?e(a,{size:"sm",noWrap:!0,ref:z,disabled:h,sx:{padding:`0 ${c.spacing(c.custom.padding.xs)}`},children:u}):u,"string"==typeof x?e(a,{secondary:!0,size:"sm",monospaced:!0,noWrap:!0,ref:z,disabled:h,sx:{padding:`0 ${c.spacing(c.custom.padding.xs)}`},children:x}):x,g&&e(i,{disabled:h,size:16,name:g}),b&&e(t,{sizing:"xs",onClick:b,shape:"round",disabled:h,variation:"default",sx:{"&.MuiIconButton-root.Mui-disabled":{"&:before":{backgroundColor:"transparent"}}},icon:e(i,{name:"cancel",sx:{color:j?c.custom.palette.blue[1e3]:c.custom.palette.icon.secondary}})})]})]});return I?e(d,{message:u,...y?.tooltip,children:P}):P};export{p as default};
+import{jsxs as o,jsx as r,Fragment as e}from"react/jsx-runtime";import{useTheme as s}from"@mui/material";import{mergeSx as i}from"merge-sx";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import t from"../../BrandCore/Icon/Icon.js";import a from"../IconButton/IconButton.js";import n from"../Progress/Progress.js";import{Text as l}from"../Text/Text.js";import d from"../Tooltip/Tooltip.js";import m from"./StyledPill.js";import{pillVariationIconColor as p}from"./pill.helpers.js";import c from"./useTextTruncation.js";const x=x=>{const u=s(),{label:f,secondaryLabel:g,iconLeft:b,iconRight:j,onDelete:h,active:y,slots:B,loading:C,sizing:T,disabled:v,variation:z,sx:I,slotProps:P}=x,{textRef:R,isTruncated:k}=c([f]),L=!v&&z?p(u,z):void 0,{sx:M,...W}=P?.root??{},$=o(m,{className:"loops-pill",tabIndex:0,...x,...W,sx:i(I,M),children:[C&&r(n,{sizing:T||"xl",sx:{color:u.custom.palette.icon.disabled}}),!C&&o(e,{children:[b&&r(t,{disabled:v,size:16,name:b,sx:L?{color:L}:void 0}),f&&"string"==typeof f?r(l,{size:"sm",noWrap:!0,ref:R,disabled:v,sx:{padding:`0 ${u.spacing(u.custom.padding.xs)}`},children:f}):f,"string"==typeof g?r(l,{secondary:!0,size:"sm",monospaced:!0,noWrap:!0,ref:R,disabled:v,sx:{padding:`0 ${u.spacing(u.custom.padding.xs)}`},children:g}):g,j&&r(t,{disabled:v,size:16,name:j,sx:L?{color:L}:void 0}),h&&r(a,{sizing:"xs",onClick:h,shape:"round",disabled:v,variation:"default",sx:{"&.MuiIconButton-root.Mui-disabled":{"&:before":{backgroundColor:"transparent"}}},icon:r(t,{name:"cancel",sx:{color:y?u.custom.palette.blue[1e3]:u.custom.palette.icon.secondary}})})]})]});return k?r(d,{message:f,...B?.tooltip,children:$}):$};export{x as default};

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

@@ -1 +1 @@
-import{styled as e,Box as t}from"@mui/material";import"react";import{omitProps as i}from"../../../utils/shouldForwardProp.js";import{buttonHeightMap as s}from"../ButtonBase/Button.variant-helpers.js";import{focusedInputState as o}from"../styleblocks/focusedStyle.js";import{selectedState as a,selectedStateActive as r,selectedStateHover as l}from"../styleblocks/selectedStyle.js";import{pillDefaultState as n,pillDisabledState as d,pillDefaultStateActive as m,pillDefaultStateHover as c}from"./pill.helpers.js";const p=e(t,{shouldForwardProp:i("active","disabled","sizing","onDelete","iconRight","iconLeft","freezeInteractions","loading","secondaryLabel","slots","slotProps")})(({theme:e,active:t,disabled:i,sizing:p,onDelete:u,freezeInteractions:g,loading:f})=>({display:"flex",justifyContent:"center",alignItems:"center",maxWidth:"fill-available",height:s[p||"md"],paddingLeft:e.spacing(e.custom.padding.sm),paddingRight:u?e.spacing(e.custom.padding.xs):e.spacing(e.custom.padding.sm),borderRadius:e.spacing(e.custom.radius.md),transition:"all 180ms ease",cursor:g?"auto":"pointer",...n(e),...t&&a(e),...(i||f)&&d(e),"&:hover":{...c(e),...(i||f)&&d(e),...t&&l(e),...g&&n(e),...g&&t&&a(e)},"&:active":{...m(e),...(i||f)&&d(e),...t&&r(e),...g&&n(e),...g&&t&&a(e)},"&:focus-visible":{...o(e)}}));export{p as default};
+import{styled as e,Box as t}from"@mui/material";import"react";import{omitProps as i}from"../../../utils/shouldForwardProp.js";import{buttonHeightMap as o}from"../ButtonBase/Button.variant-helpers.js";import{focusedInputState as a}from"../styleblocks/focusedStyle.js";import{selectedState as s,selectedStateActive as l,selectedStateHover as r}from"../styleblocks/selectedStyle.js";import{pillVariationState as n,pillDefaultState as d,pillDisabledState as c,pillVariationStateActive as m,pillDefaultStateActive as p,pillVariationStateHover as u,pillDefaultStateHover as f}from"./pill.helpers.js";const g=e(t,{shouldForwardProp:i("active","disabled","sizing","onDelete","iconRight","iconLeft","freezeInteractions","loading","label","secondaryLabel","variation","slots","slotProps")})(({theme:e,active:t,disabled:i,sizing:g,onDelete:h,freezeInteractions:b,loading:v,variation:y,label:j,secondaryLabel:L,iconLeft:x,iconRight:z})=>{const B=!j&&!L&&!h&&Boolean(x||z),R=o[g||"md"];return{display:"flex",justifyContent:"center",alignItems:"center",maxWidth:"fill-available",height:R,width:B?R:void 0,paddingLeft:B?0:e.spacing(e.custom.padding.sm),paddingRight:B?0:h?e.spacing(e.custom.padding.xs):e.spacing(e.custom.padding.sm),borderRadius:e.spacing(e.custom.radius.md),transition:"all 180ms ease",cursor:b?"auto":"pointer",...d(e),...y&&"default"!==y&&n(e,y),...t&&s(e),...(i||v)&&c(e),"&:hover":{...f(e),...y&&"default"!==y&&u(e,y),...(i||v)&&c(e),...t&&r(e),...b&&d(e),...b&&y&&"default"!==y&&n(e,y),...b&&t&&s(e)},"&:active":{...p(e),...y&&"default"!==y&&m(e,y),...(i||v)&&c(e),...t&&l(e),...b&&d(e),...b&&y&&"default"!==y&&n(e,y),...b&&t&&s(e)},"&:focus-visible":{...a(e)}}});export{g as default};

package/dist/esm/systems/WebCore/Pill/pill.helpers.js

@@ -1 +1 @@
-import{getInteractionStateStyles as t}from"../styleblocks/interactionStates.js";const o=t=>({backgroundColor:t.custom.palette.neutral[0],border:`1px solid ${t.custom.palette.stroke.default}`}),e=o=>({backgroundColor:t(o,"hover",o.custom.palette.neutral[0]),border:`1px solid ${o.custom.palette.stroke.default}`}),r=o=>({backgroundColor:t(o,"active",o.custom.palette.neutral[0]),border:`1px solid ${o.custom.palette.stroke.default}`}),l=t=>({backgroundColor:t.custom.palette.interaction.disabled,borderColor:t.custom.palette.stroke.disabled,pointerEvents:"none"});export{o as pillDefaultState,r as pillDefaultStateActive,e as pillDefaultStateHover,l as pillDisabledState};
+import{getInteractionStateStyles as e}from"../styleblocks/interactionStates.js";const t=(e,t)=>{switch(t){case"info":return e.custom.palette.blue;case"success":return e.custom.palette.green;case"warning":return e.custom.palette.yellow;case"danger":return e.custom.palette.red;default:return null}},o=(e,o)=>{const r=t(e,o);return r?{backgroundColor:r[0],border:`1px solid ${r[500]}`}:{}},r=(o,r)=>{const l=t(o,r);return l?{backgroundColor:e(o,"hover",l[0]),border:`1px solid ${l[500]}`}:{}},l=(o,r)=>{const l=t(o,r);return l?{backgroundColor:e(o,"active",l[0]),border:`1px solid ${l[500]}`}:{}},s=(e,o)=>t(e,o)?.[500],a=e=>({backgroundColor:e.custom.palette.neutral[0],border:`1px solid ${e.custom.palette.stroke.default}`}),u=t=>({backgroundColor:e(t,"hover",t.custom.palette.neutral[0]),border:`1px solid ${t.custom.palette.stroke.default}`}),n=t=>({backgroundColor:e(t,"active",t.custom.palette.neutral[0]),border:`1px solid ${t.custom.palette.stroke.default}`}),c=e=>({backgroundColor:e.custom.palette.interaction.disabled,borderColor:e.custom.palette.stroke.disabled,pointerEvents:"none"});export{a as pillDefaultState,n as pillDefaultStateActive,u as pillDefaultStateHover,c as pillDisabledState,s as pillVariationIconColor,o as pillVariationState,l as pillVariationStateActive,r as pillVariationStateHover};

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

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

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

@@ -0,0 +1 @@
+import{styled as e,Stack as t,Box as o}from"@mui/material";import"react";import{omitProps as i}from"../../../../../utils/shouldForwardProp.js";const a=e(t,{shouldForwardProp:i(["fullWidth","sizing"])})(({theme:e,disabled:t,fullWidth:o,sizing:i})=>({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}}})),r=e(t)(({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})),s=e(o)(({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}}})),d=e(o)(({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)})),n=e(o)(({theme:e})=>({mr:e.m.md}));export{s as DragHandleContainer,a as RankItemContainer,d as RankItemDragArea,n as SelectContainer,r as StackContainer};

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

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

package/dist/index.d.ts

@@ -37,6 +37,7 @@ export { default as FilterPyramidGraph, FilterPyramidGraphBarProps } from './sys
 export { default as FilterRow, FilterRowProps } from './systems/Platform/FilterRow/FilterRow.js';
 export { default as GraphBar, GraphBarProps } from './systems/Platform/GraphBar/GraphBar.js';
 export { default as Header, HeaderProps } from './systems/Platform/Header/Header.js';
+export { HeaderSearchProps } from './systems/Platform/Header/_partials/HeaderSearch.js';
 export { default as KpiDataPopover, KpiDataPopoverProps, QuestionStats } from './systems/Platform/KpiDataPopover/KpiDataPopover.js';
 export { default as KpiIndicator, KpiIndicatorProps } from './systems/Platform/KpiIndicator/KpiIndicator.js';
 export { getKpiIndicatorColor, mapKpiColorSchemeByInteger } from './systems/Platform/KpiIndicator/utils.js';

package/dist/systems/BrandCore/Icon/Icon.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("merge-sx"),s=require("react"),n=require("../primitiveVariables.js"),o=require("./components/Add.js"),u=require("./components/Ai.js"),t=require("./components/AlertDot.js"),c=require("./components/ArrowDown.js"),a=require("./components/ArrowLeft.js"),i=require("./components/ArrowRight.js"),j=require("./components/ArrowUp.js"),m=require("./components/AttachFile.js"),p=require("./components/BadgeCross.js"),f=require("./components/BadgeCrossInCircle.js"),x=require("./components/BadgeFlag.js"),l=require("./components/BadgeFlagInCircle.js"),q=require("./components/BadgeHyphen.js"),d=require("./components/BadgeHyphenInCircle.js"),b=require("./components/BadgeQuestion.js"),g=require("./components/BadgeQuestionInCircle.js"),h=require("./components/BadgeThumbUp.js"),N=require("./components/BadgeThumbUpInCircle.js"),w=require("./components/BadgeTick.js"),v=require("./components/BadgeTickInCircle.js"),C=require("./components/BatteryFull.js"),S=require("./components/BrandLogomark.js"),y=require("./components/BrandWordmark.js"),k=require("./components/Cancel.js"),F=require("./components/Chat.js"),D=require("./components/Check.js"),P=require("./components/CheckCircle.js"),L=require("./components/CheckCircleFilled.js"),B=require("./components/CheckDouble.js"),U=require("./components/ChevronDown.js"),I=require("./components/ChevronLeft.js"),T=require("./components/ChevronRight.js"),V=require("./components/ChevronUp.js"),H=require("./components/Close.js"),M=require("./components/Comment.js"),E=require("./components/CommentFilled.js"),z=require("./components/Compress.js"),A=require("./components/Controls.js"),R=require("./components/Copy.js"),G=require("./components/Crosshair.js"),O=require("./components/Dashboard.js"),W=require("./components/DataBar.js"),Q=require("./components/Delete.js"),Z=require("./components/Document.js"),_=require("./components/Dollar.js"),K=require("./components/DragHandle.js"),Y=require("./components/DragHorizontal.js"),J=require("./components/DragHorizontalVertical.js"),X=require("./components/DragSelect.js"),$=require("./components/DragVertical.js"),ee=require("./components/Earth.js"),re=require("./components/Edit.js"),se=require("./components/Email.js"),ne=require("./components/Emoticon.js"),oe=require("./components/Error.js"),ue=require("./components/Euro.js"),te=require("./components/Expand.js"),ce=require("./components/ExpandWindow.js"),ae=require("./components/Eye.js"),ie=require("./components/EyeOff.js"),je=require("./components/FilterList.js"),me=require("./components/Fingerprint.js"),pe=require("./components/FocusHollow.js"),fe=require("./components/FocusPoint.js"),xe=require("./components/Folder.js"),le=require("./components/FormatBold.js"),qe=require("./components/FormatItalic.js"),de=require("./components/FormatUnderlined.js"),be=require("./components/Gift.js"),ge=require("./components/GridView.js"),he=require("./components/GridViewFilled.js"),Ne=require("./components/GridViewLarge.js"),we=require("./components/GridViewSmall.js"),ve=require("./components/Hand.js"),Ce=require("./components/Help.js"),Se=require("./components/Home.js"),ye=require("./components/HomeFilled.js"),ke=require("./components/Image.js"),Fe=require("./components/ImageAdd.js"),De=require("./components/ImageNo.js"),Pe=require("./components/ImageSearch.js"),Le=require("./components/Info.js"),Be=require("./components/InfoFilled.js"),Ue=require("./components/Keyboard.js"),Ie=require("./components/Label.js"),Te=require("./components/Lasso.js"),Ve=require("./components/Layers.js"),He=require("./components/Lightbulb.js"),Me=require("./components/LinearScale.js"),Ee=require("./components/Link.js"),ze=require("./components/ListView.js"),Ae=require("./components/Lock.js"),Re=require("./components/Menu.js"),Ge=require("./components/MenuOpen.js"),Oe=require("./components/Microphone.js"),We=require("./components/MicrophoneOff.js"),Qe=require("./components/Monitor.js"),Ze=require("./components/MoreHorizontal.js"),_e=require("./components/MoreVertical.js"),Ke=require("./components/NavPushDown.js"),Ye=require("./components/NavPushLeft.js"),Je=require("./components/NavPushRight.js"),Xe=require("./components/NavPushUp.js"),$e=require("./components/NavToggle.js"),er=require("./components/NetworkSignalStrength.js"),rr=require("./components/Notification.js"),sr=require("./components/Number0.js"),nr=require("./components/Number1.js"),or=require("./components/Number10.js"),ur=require("./components/Number11.js"),tr=require("./components/Number12.js"),cr=require("./components/Number13.js"),ar=require("./components/Number14.js"),ir=require("./components/Number15.js"),jr=require("./components/Number16.js"),mr=require("./components/Number17.js"),pr=require("./components/Number18.js"),fr=require("./components/Number19.js"),xr=require("./components/Number2.js"),lr=require("./components/Number20.js"),qr=require("./components/Number21.js"),dr=require("./components/Number22.js"),br=require("./components/Number23.js"),gr=require("./components/Number24.js"),hr=require("./components/Number25.js"),Nr=require("./components/Number26.js"),wr=require("./components/Number27.js"),vr=require("./components/Number28.js"),Cr=require("./components/Number29.js"),Sr=require("./components/Number3.js"),yr=require("./components/Number30.js"),kr=require("./components/Number31.js"),Fr=require("./components/Number32.js"),Dr=require("./components/Number33.js"),Pr=require("./components/Number34.js"),Lr=require("./components/Number35.js"),Br=require("./components/Number36.js"),Ur=require("./components/Number37.js"),Ir=require("./components/Number38.js"),Tr=require("./components/Number39.js"),Vr=require("./components/Number4.js"),Hr=require("./components/Number40.js"),Mr=require("./components/Number41.js"),Er=require("./components/Number42.js"),zr=require("./components/Number43.js"),Ar=require("./components/Number44.js"),Rr=require("./components/Number45.js"),Gr=require("./components/Number46.js"),Or=require("./components/Number47.js"),Wr=require("./components/Number48.js"),Qr=require("./components/Number49.js"),Zr=require("./components/Number5.js"),_r=require("./components/Number50.js"),Kr=require("./components/Number6.js"),Yr=require("./components/Number7.js"),Jr=require("./components/Number8.js"),Xr=require("./components/Number9.js"),$r=require("./components/OpenInNew.js"),es=require("./components/Pause.js"),rs=require("./components/PaymentCardAmex.js"),ss=require("./components/PaymentCardMastercard.js"),ns=require("./components/PaymentCardVisa.js"),os=require("./components/Phone.js"),us=require("./components/Pin.js"),ts=require("./components/PinFilled.js"),cs=require("./components/PinLocation.js"),as=require("./components/Play.js"),is=require("./components/PlayCircle.js"),js=require("./components/PlayVideo.js"),ms=require("./components/Pound.js"),ps=require("./components/Rank.js"),fs=require("./components/Redo.js"),xs=require("./components/ReduceWindow.js"),ls=require("./components/Remove.js"),qs=require("./components/Replay.js"),ds=require("./components/RotateDevice.js"),bs=require("./components/Save.js"),gs=require("./components/Search.js"),hs=require("./components/Select.js"),Ns=require("./components/Send.js"),ws=require("./components/SentimentDoubleDown.js"),vs=require("./components/SentimentDoubleUp.js"),Cs=require("./components/SentimentDown.js"),Ss=require("./components/SentimentFlat.js"),ys=require("./components/SentimentUp.js"),ks=require("./components/Settings.js"),Fs=require("./components/Shuffle.js"),Ds=require("./components/SocialGoogleFullColour.js"),Ps=require("./components/SocialLinkedinFullColour.js"),Ls=require("./components/SocialLinkedinSingleColour.js"),Bs=require("./components/SocialMediumSingleColour.js"),Us=require("./components/SocialYoutubeSingleColour.js"),Is=require("./components/Sort.js"),Ts=require("./components/Star.js"),Vs=require("./components/StarFilled.js"),Hs=require("./components/StarHalf.js"),Ms=require("./components/Stop.js"),Es=require("./components/Tablet.js"),zs=require("./components/Test.js"),As=require("./components/TestEdit.js"),Rs=require("./components/TestPending.js"),Gs=require("./components/ThumbDown.js"),Os=require("./components/ThumbUp.js"),Ws=require("./components/ThumbsUpDown.js"),Qs=require("./components/Time.js"),Zs=require("./components/TimeFilled.js"),_s=require("./components/Translate.js"),Ks=require("./components/Unfold.js"),Ys=require("./components/Upload.js"),Js=require("./components/UploadCloud.js"),Xs=require("./components/UploadCloudFilled.js"),$s=require("./components/UserSearch.js"),en=require("./components/Users.js"),rn=require("./components/VolumeHigh.js"),sn=require("./components/VolumeLow.js"),nn=require("./components/VolumeMute.js"),on=require("./components/Warning.js"),un=require("./components/Wifi.js"),tn=require("./components/Work.js"),cn=require("./components/ZoomIn.js"),an=require("./components/ZoomOut.js");const jn={xs:2*n.base,sm:2*n.base,md:2*n.base,lg:2.5*n.base,xl:3*n.base},mn=s.forwardRef(({color:s,name:n,size:mn,disabled:pn,sx:fn,...xn},ln)=>{const qn=mn||jn.xl,dn=mn||jn.xl,bn={sx:r.mergeSx({color:s,height:qn,width:dn},pn&&{color:e=>e.custom.palette.icon.disabled},fn),...xn};switch(n){case"payment-card-visa":return e.jsx(ns,{ref:ln,...bn});case"payment-card-mastercard":return e.jsx(ss,{ref:ln,...bn});case"payment-card-amex":return e.jsx(rs,{ref:ln,...bn});case"brand-wordmark":return e.jsx(y,{ref:ln,...bn});case"brand-logomark":return e.jsx(S,{ref:ln,...bn});case"menu":return e.jsx(Re,{ref:ln,...bn});case"menu-open":return e.jsx(Ge,{ref:ln,...bn});case"close":return e.jsx(H,{ref:ln,...bn});case"more-horizontal":return e.jsx(Ze,{ref:ln,...bn});case"more-vertical":return e.jsx(_e,{ref:ln,...bn});case"chevron-up":return e.jsx(V,{ref:ln,...bn});case"chevron-down":return e.jsx(U,{ref:ln,...bn});case"chevron-left":return e.jsx(I,{ref:ln,...bn});case"chevron-right":return e.jsx(T,{ref:ln,...bn});case"arrow-up":return e.jsx(j,{ref:ln,...bn});case"arrow-down":return e.jsx(c,{ref:ln,...bn});case"arrow-left":return e.jsx(a,{ref:ln,...bn});case"arrow-right":return e.jsx(i,{ref:ln,...bn});case"drag-horizontal-vertical":return e.jsx(J,{ref:ln,...bn});case"drag-horizontal":return e.jsx(Y,{ref:ln,...bn});case"drag-vertical":return e.jsx($,{ref:ln,...bn});case"search":return e.jsx(gs,{ref:ln,...bn});case"home":return e.jsx(Se,{ref:ln,...bn});case"home-filled":return e.jsx(ye,{ref:ln,...bn});case"settings":return e.jsx(ks,{ref:ln,...bn});case"controls":return e.jsx(A,{ref:ln,...bn});case"help":return e.jsx(Ce,{ref:ln,...bn});case"filter-list":return e.jsx(je,{ref:ln,...bn});case"sort":return e.jsx(Is,{ref:ln,...bn});case"open-in-new":return e.jsx($r,{ref:ln,...bn});case"nav-toggle":return e.jsx($e,{ref:ln,...bn});case"nav-push-left":return e.jsx(Ye,{ref:ln,...bn});case"nav-push-right":return e.jsx(Je,{ref:ln,...bn});case"nav-push-up":return e.jsx(Xe,{ref:ln,...bn});case"nav-push-down":return e.jsx(Ke,{ref:ln,...bn});case"expand-window":return e.jsx(ce,{ref:ln,...bn});case"reduce-window":return e.jsx(xs,{ref:ln,...bn});case"redo":return e.jsx(fs,{ref:ln,...bn});case"hand":return e.jsx(ve,{ref:ln,...bn});case"select":return e.jsx(hs,{ref:ln,...bn});case"lasso":return e.jsx(Te,{ref:ln,...bn});case"play-circle":return e.jsx(is,{ref:ln,...bn});case"play-video":return e.jsx(js,{ref:ln,...bn});case"email":return e.jsx(se,{ref:ln,...bn});case"document":return e.jsx(Z,{ref:ln,...bn});case"folder":return e.jsx(xe,{ref:ln,...bn});case"attach-file":return e.jsx(m,{ref:ln,...bn});case"save":return e.jsx(bs,{ref:ln,...bn});case"image":return e.jsx(ke,{ref:ln,...bn});case"image-add":return e.jsx(Fe,{ref:ln,...bn});case"image-search":return e.jsx(Pe,{ref:ln,...bn});case"image-no":return e.jsx(De,{ref:ln,...bn});case"upload":return e.jsx(Ys,{ref:ln,...bn});case"upload-cloud":return e.jsx(Js,{ref:ln,...bn});case"upload-cloud-filled":return e.jsx(Xs,{ref:ln,...bn});case"time":return e.jsx(Qs,{ref:ln,...bn});case"time-filled":return e.jsx(Zs,{ref:ln,...bn});case"zoom-in":return e.jsx(cn,{ref:ln,...bn});case"zoom-out":return e.jsx(an,{ref:ln,...bn});case"add":return e.jsx(o,{ref:ln,...bn});case"remove":return e.jsx(ls,{ref:ln,...bn});case"dashboard":return e.jsx(O,{ref:ln,...bn});case"list-view":return e.jsx(ze,{ref:ln,...bn});case"grid-view":return e.jsx(ge,{ref:ln,...bn});case"grid-view-filled":return e.jsx(he,{ref:ln,...bn});case"grid-view-small":return e.jsx(we,{ref:ln,...bn});case"grid-view-large":return e.jsx(Ne,{ref:ln,...bn});case"eye":return e.jsx(ae,{ref:ln,...bn});case"eye-off":return e.jsx(ie,{ref:ln,...bn});case"notification":return e.jsx(rr,{ref:ln,...bn});case"pound":return e.jsx(ms,{ref:ln,...bn});case"euro":return e.jsx(ue,{ref:ln,...bn});case"dollar":return e.jsx(_,{ref:ln,...bn});case"play":return e.jsx(as,{ref:ln,...bn});case"pause":return e.jsx(es,{ref:ln,...bn});case"stop":return e.jsx(Ms,{ref:ln,...bn});case"shuffle":return e.jsx(Fs,{ref:ln,...bn});case"replay":return e.jsx(qs,{ref:ln,...bn});case"volume-mute":return e.jsx(nn,{ref:ln,...bn});case"volume-high":return e.jsx(rn,{ref:ln,...bn});case"volume-low":return e.jsx(sn,{ref:ln,...bn});case"test":return e.jsx(zs,{ref:ln,...bn});case"test-pending":return e.jsx(Rs,{ref:ln,...bn});case"test-edit":return e.jsx(As,{ref:ln,...bn});case"data-bar":return e.jsx(W,{ref:ln,...bn});case"label":return e.jsx(Ie,{ref:ln,...bn});case"send":return e.jsx(Ns,{ref:ln,...bn});case"comment":return e.jsx(M,{ref:ln,...bn});case"comment-filled":return e.jsx(E,{ref:ln,...bn});case"chat":return e.jsx(F,{ref:ln,...bn});case"translate":return e.jsx(_s,{ref:ln,...bn});case"format-bold":return e.jsx(le,{ref:ln,...bn});case"format-italic":return e.jsx(qe,{ref:ln,...bn});case"format-underlined":return e.jsx(de,{ref:ln,...bn});case"monitor":return e.jsx(Qe,{ref:ln,...bn});case"tablet":return e.jsx(Es,{ref:ln,...bn});case"phone":return e.jsx(os,{ref:ln,...bn});case"microphone":return e.jsx(Oe,{ref:ln,...bn});case"microphone-off":return e.jsx(We,{ref:ln,...bn});case"keyboard":return e.jsx(Ue,{ref:ln,...bn});case"wifi":return e.jsx(un,{ref:ln,...bn});case"battery-full":return e.jsx(C,{ref:ln,...bn});case"network-signal-strength":return e.jsx(er,{ref:ln,...bn});case"rotate-device":return e.jsx(ds,{ref:ln,...bn});case"error":return e.jsx(oe,{ref:ln,...bn});case"warning":return e.jsx(on,{ref:ln,...bn});case"lightbulb":return e.jsx(He,{ref:ln,...bn});case"thumb-up":return e.jsx(Os,{ref:ln,...bn});case"thumb-down":return e.jsx(Gs,{ref:ln,...bn});case"info":return e.jsx(Le,{ref:ln,...bn});case"info-filled":return e.jsx(Be,{ref:ln,...bn});case"cancel":return e.jsx(k,{ref:ln,...bn});case"compress":return e.jsx(z,{ref:ln,...bn});case"expand":return e.jsx(te,{ref:ln,...bn});case"unfold":return e.jsx(Ks,{ref:ln,...bn});case"drag-handle":return e.jsx(K,{ref:ln,...bn});case"focus-hollow":return e.jsx(pe,{ref:ln,...bn});case"focus-point":return e.jsx(fe,{ref:ln,...bn});case"drag-select":return e.jsx(X,{ref:ln,...bn});case"lock":return e.jsx(Ae,{ref:ln,...bn});case"earth":return e.jsx(ee,{ref:ln,...bn});case"copy":return e.jsx(R,{ref:ln,...bn});case"edit":return e.jsx(re,{ref:ln,...bn});case"delete":return e.jsx(Q,{ref:ln,...bn});case"check":return e.jsx(D,{ref:ln,...bn});case"check-circle":return e.jsx(P,{ref:ln,...bn});case"check-circle-filled":return e.jsx(L,{ref:ln,...bn});case"alert-dot":return e.jsx(t,{ref:ln,...bn});case"pin":return e.jsx(us,{ref:ln,...bn});case"pin-filled":return e.jsx(ts,{ref:ln,...bn});case"link":return e.jsx(Ee,{ref:ln,...bn});case"user-search":return e.jsx($s,{ref:ln,...bn});case"crosshair":return e.jsx(G,{ref:ln,...bn});case"fingerprint":return e.jsx(me,{ref:ln,...bn});case"users":return e.jsx(en,{ref:ln,...bn});case"layers":return e.jsx(Ve,{ref:ln,...bn});case"star":return e.jsx(Ts,{ref:ln,...bn});case"star-half":return e.jsx(Hs,{ref:ln,...bn});case"star-filled":return e.jsx(Vs,{ref:ln,...bn});case"thumbs-up-down":return e.jsx(Ws,{ref:ln,...bn});case"emoticon":return e.jsx(ne,{ref:ln,...bn});case"linear-scale":return e.jsx(Me,{ref:ln,...bn});case"check-double":return e.jsx(B,{ref:ln,...bn});case"rank":return e.jsx(ps,{ref:ln,...bn});case"sentiment-double-down":return e.jsx(ws,{ref:ln,...bn});case"sentiment-down":return e.jsx(Cs,{ref:ln,...bn});case"sentiment-flat":return e.jsx(Ss,{ref:ln,...bn});case"sentiment-up":return e.jsx(ys,{ref:ln,...bn});case"sentiment-double-up":return e.jsx(vs,{ref:ln,...bn});case"pin-location":return e.jsx(cs,{ref:ln,...bn});case"ai":return e.jsx(u,{ref:ln,...bn});case"work":return e.jsx(tn,{ref:ln,...bn});case"gift":return e.jsx(be,{ref:ln,...bn});case"social-medium-single-colour":return e.jsx(Bs,{ref:ln,...bn});case"social-linkedin-single-colour":return e.jsx(Ls,{ref:ln,...bn});case"social-youtube-single-colour":return e.jsx(Us,{ref:ln,...bn});case"social-linkedin-full-colour":return e.jsx(Ps,{ref:ln,...bn});case"social-google-full-colour":return e.jsx(Ds,{ref:ln,...bn});case"badge-tick":return e.jsx(w,{ref:ln,...bn});case"badge-tick-in-circle":return e.jsx(v,{ref:ln,...bn});case"badge-cross":return e.jsx(p,{ref:ln,...bn});case"badge-cross-in-circle":return e.jsx(f,{ref:ln,...bn});case"badge-hyphen":return e.jsx(q,{ref:ln,...bn});case"badge-hyphen-in-circle":return e.jsx(d,{ref:ln,...bn});case"badge-question":return e.jsx(b,{ref:ln,...bn});case"badge-question-in-circle":return e.jsx(g,{ref:ln,...bn});case"badge-flag":return e.jsx(x,{ref:ln,...bn});case"badge-flag-in-circle":return e.jsx(l,{ref:ln,...bn});case"badge-thumb-up":return e.jsx(h,{ref:ln,...bn});case"badge-thumb-up-in-circle":return e.jsx(N,{ref:ln,...bn});case"number-0":return e.jsx(sr,{ref:ln,...bn});case"number-1":return e.jsx(nr,{ref:ln,...bn});case"number-2":return e.jsx(xr,{ref:ln,...bn});case"number-3":return e.jsx(Sr,{ref:ln,...bn});case"number-4":return e.jsx(Vr,{ref:ln,...bn});case"number-5":return e.jsx(Zr,{ref:ln,...bn});case"number-6":return e.jsx(Kr,{ref:ln,...bn});case"number-7":return e.jsx(Yr,{ref:ln,...bn});case"number-8":return e.jsx(Jr,{ref:ln,...bn});case"number-9":return e.jsx(Xr,{ref:ln,...bn});case"number-10":return e.jsx(or,{ref:ln,...bn});case"number-11":return e.jsx(ur,{ref:ln,...bn});case"number-12":return e.jsx(tr,{ref:ln,...bn});case"number-13":return e.jsx(cr,{ref:ln,...bn});case"number-14":return e.jsx(ar,{ref:ln,...bn});case"number-15":return e.jsx(ir,{ref:ln,...bn});case"number-16":return e.jsx(jr,{ref:ln,...bn});case"number-17":return e.jsx(mr,{ref:ln,...bn});case"number-18":return e.jsx(pr,{ref:ln,...bn});case"number-19":return e.jsx(fr,{ref:ln,...bn});case"number-20":return e.jsx(lr,{ref:ln,...bn});case"number-21":return e.jsx(qr,{ref:ln,...bn});case"number-22":return e.jsx(dr,{ref:ln,...bn});case"number-23":return e.jsx(br,{ref:ln,...bn});case"number-24":return e.jsx(gr,{ref:ln,...bn});case"number-25":return e.jsx(hr,{ref:ln,...bn});case"number-26":return e.jsx(Nr,{ref:ln,...bn});case"number-27":return e.jsx(wr,{ref:ln,...bn});case"number-28":return e.jsx(vr,{ref:ln,...bn});case"number-29":return e.jsx(Cr,{ref:ln,...bn});case"number-30":return e.jsx(yr,{ref:ln,...bn});case"number-31":return e.jsx(kr,{ref:ln,...bn});case"number-32":return e.jsx(Fr,{ref:ln,...bn});case"number-33":return e.jsx(Dr,{ref:ln,...bn});case"number-34":return e.jsx(Pr,{ref:ln,...bn});case"number-35":return e.jsx(Lr,{ref:ln,...bn});case"number-36":return e.jsx(Br,{ref:ln,...bn});case"number-37":return e.jsx(Ur,{ref:ln,...bn});case"number-38":return e.jsx(Ir,{ref:ln,...bn});case"number-39":return e.jsx(Tr,{ref:ln,...bn});case"number-40":return e.jsx(Hr,{ref:ln,...bn});case"number-41":return e.jsx(Mr,{ref:ln,...bn});case"number-42":return e.jsx(Er,{ref:ln,...bn});case"number-43":return e.jsx(zr,{ref:ln,...bn});case"number-44":return e.jsx(Ar,{ref:ln,...bn});case"number-45":return e.jsx(Rr,{ref:ln,...bn});case"number-46":return e.jsx(Gr,{ref:ln,...bn});case"number-47":return e.jsx(Or,{ref:ln,...bn});case"number-48":return e.jsx(Wr,{ref:ln,...bn});case"number-49":return e.jsx(Qr,{ref:ln,...bn});case"number-50":return e.jsx(_r,{ref:ln,...bn});default:return e.jsx(e.Fragment,{})}});exports.default=mn,exports.iconSizeMap=jn;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("merge-sx"),s=require("react"),n=require("../primitiveVariables.js"),o=require("./components/Add.js"),u=require("./components/Ai.js"),t=require("./components/AlertDot.js"),c=require("./components/ArrowDown.js"),a=require("./components/ArrowLeft.js"),i=require("./components/ArrowRight.js"),j=require("./components/ArrowUp.js"),m=require("./components/AttachFile.js"),p=require("./components/BadgeCross.js"),f=require("./components/BadgeCrossInCircle.js"),l=require("./components/BadgeFlag.js"),x=require("./components/BadgeFlagInCircle.js"),q=require("./components/BadgeHyphen.js"),d=require("./components/BadgeHyphenInCircle.js"),b=require("./components/BadgeQuestion.js"),g=require("./components/BadgeQuestionInCircle.js"),h=require("./components/BadgeThumbUp.js"),N=require("./components/BadgeThumbUpInCircle.js"),w=require("./components/BadgeTick.js"),v=require("./components/BadgeTickInCircle.js"),C=require("./components/BatteryFull.js"),S=require("./components/BrandLogomark.js"),y=require("./components/BrandWordmark.js"),k=require("./components/Cancel.js"),F=require("./components/Chat.js"),D=require("./components/Check.js"),P=require("./components/CheckCircle.js"),L=require("./components/CheckCircleFilled.js"),B=require("./components/CheckDouble.js"),U=require("./components/ChevronDown.js"),I=require("./components/ChevronLeft.js"),T=require("./components/ChevronRight.js"),H=require("./components/ChevronUp.js"),V=require("./components/Close.js"),M=require("./components/Comment.js"),E=require("./components/CommentFilled.js"),z=require("./components/Compress.js"),A=require("./components/Controls.js"),R=require("./components/Copy.js"),G=require("./components/Crosshair.js"),O=require("./components/Dashboard.js"),W=require("./components/DataBar.js"),Q=require("./components/Delete.js"),Z=require("./components/Document.js"),_=require("./components/Dollar.js"),K=require("./components/DragHandle.js"),Y=require("./components/DragHandleDots.js"),J=require("./components/DragHorizontal.js"),X=require("./components/DragHorizontalVertical.js"),$=require("./components/DragSelect.js"),ee=require("./components/DragVertical.js"),re=require("./components/Earth.js"),se=require("./components/Edit.js"),ne=require("./components/Email.js"),oe=require("./components/Emoticon.js"),ue=require("./components/Error.js"),te=require("./components/Euro.js"),ce=require("./components/Expand.js"),ae=require("./components/ExpandWindow.js"),ie=require("./components/Eye.js"),je=require("./components/EyeOff.js"),me=require("./components/FilterList.js"),pe=require("./components/Fingerprint.js"),fe=require("./components/FocusHollow.js"),le=require("./components/FocusPoint.js"),xe=require("./components/Folder.js"),qe=require("./components/FormatBold.js"),de=require("./components/FormatItalic.js"),be=require("./components/FormatUnderlined.js"),ge=require("./components/Gift.js"),he=require("./components/GridView.js"),Ne=require("./components/GridViewFilled.js"),we=require("./components/GridViewLarge.js"),ve=require("./components/GridViewSmall.js"),Ce=require("./components/Hand.js"),Se=require("./components/Help.js"),ye=require("./components/Home.js"),ke=require("./components/HomeFilled.js"),Fe=require("./components/Image.js"),De=require("./components/ImageAdd.js"),Pe=require("./components/ImageNo.js"),Le=require("./components/ImageSearch.js"),Be=require("./components/Info.js"),Ue=require("./components/InfoFilled.js"),Ie=require("./components/Keyboard.js"),Te=require("./components/Label.js"),He=require("./components/Lasso.js"),Ve=require("./components/Layers.js"),Me=require("./components/Lightbulb.js"),Ee=require("./components/LinearScale.js"),ze=require("./components/Link.js"),Ae=require("./components/ListView.js"),Re=require("./components/Lock.js"),Ge=require("./components/Menu.js"),Oe=require("./components/MenuOpen.js"),We=require("./components/Microphone.js"),Qe=require("./components/MicrophoneOff.js"),Ze=require("./components/Monitor.js"),_e=require("./components/MoreHorizontal.js"),Ke=require("./components/MoreVertical.js"),Ye=require("./components/NavPushDown.js"),Je=require("./components/NavPushLeft.js"),Xe=require("./components/NavPushRight.js"),$e=require("./components/NavPushUp.js"),er=require("./components/NavToggle.js"),rr=require("./components/NetworkSignalStrength.js"),sr=require("./components/Notification.js"),nr=require("./components/Number0.js"),or=require("./components/Number1.js"),ur=require("./components/Number10.js"),tr=require("./components/Number11.js"),cr=require("./components/Number12.js"),ar=require("./components/Number13.js"),ir=require("./components/Number14.js"),jr=require("./components/Number15.js"),mr=require("./components/Number16.js"),pr=require("./components/Number17.js"),fr=require("./components/Number18.js"),lr=require("./components/Number19.js"),xr=require("./components/Number2.js"),qr=require("./components/Number20.js"),dr=require("./components/Number21.js"),br=require("./components/Number22.js"),gr=require("./components/Number23.js"),hr=require("./components/Number24.js"),Nr=require("./components/Number25.js"),wr=require("./components/Number26.js"),vr=require("./components/Number27.js"),Cr=require("./components/Number28.js"),Sr=require("./components/Number29.js"),yr=require("./components/Number3.js"),kr=require("./components/Number30.js"),Fr=require("./components/Number31.js"),Dr=require("./components/Number32.js"),Pr=require("./components/Number33.js"),Lr=require("./components/Number34.js"),Br=require("./components/Number35.js"),Ur=require("./components/Number36.js"),Ir=require("./components/Number37.js"),Tr=require("./components/Number38.js"),Hr=require("./components/Number39.js"),Vr=require("./components/Number4.js"),Mr=require("./components/Number40.js"),Er=require("./components/Number41.js"),zr=require("./components/Number42.js"),Ar=require("./components/Number43.js"),Rr=require("./components/Number44.js"),Gr=require("./components/Number45.js"),Or=require("./components/Number46.js"),Wr=require("./components/Number47.js"),Qr=require("./components/Number48.js"),Zr=require("./components/Number49.js"),_r=require("./components/Number5.js"),Kr=require("./components/Number50.js"),Yr=require("./components/Number6.js"),Jr=require("./components/Number7.js"),Xr=require("./components/Number8.js"),$r=require("./components/Number9.js"),es=require("./components/OpenInNew.js"),rs=require("./components/Pause.js"),ss=require("./components/PaymentCardAmex.js"),ns=require("./components/PaymentCardMastercard.js"),os=require("./components/PaymentCardVisa.js"),us=require("./components/Phone.js"),ts=require("./components/Pin.js"),cs=require("./components/PinFilled.js"),as=require("./components/PinLocation.js"),is=require("./components/Play.js"),js=require("./components/PlayCircle.js"),ms=require("./components/PlayVideo.js"),ps=require("./components/Pound.js"),fs=require("./components/Rank.js"),ls=require("./components/Redo.js"),xs=require("./components/ReduceWindow.js"),qs=require("./components/Remove.js"),ds=require("./components/Replay.js"),bs=require("./components/RotateDevice.js"),gs=require("./components/Save.js"),hs=require("./components/Search.js"),Ns=require("./components/Select.js"),ws=require("./components/Send.js"),vs=require("./components/SentimentDoubleDown.js"),Cs=require("./components/SentimentDoubleUp.js"),Ss=require("./components/SentimentDown.js"),ys=require("./components/SentimentFlat.js"),ks=require("./components/SentimentUp.js"),Fs=require("./components/Settings.js"),Ds=require("./components/Shuffle.js"),Ps=require("./components/SocialGoogleFullColour.js"),Ls=require("./components/SocialLinkedinFullColour.js"),Bs=require("./components/SocialLinkedinSingleColour.js"),Us=require("./components/SocialMediumSingleColour.js"),Is=require("./components/SocialYoutubeSingleColour.js"),Ts=require("./components/Sort.js"),Hs=require("./components/Star.js"),Vs=require("./components/StarFilled.js"),Ms=require("./components/StarHalf.js"),Es=require("./components/Stop.js"),zs=require("./components/Tablet.js"),As=require("./components/Test.js"),Rs=require("./components/TestEdit.js"),Gs=require("./components/TestPending.js"),Os=require("./components/ThumbDown.js"),Ws=require("./components/ThumbUp.js"),Qs=require("./components/ThumbsUpDown.js"),Zs=require("./components/Time.js"),_s=require("./components/TimeFilled.js"),Ks=require("./components/Translate.js"),Ys=require("./components/Unfold.js"),Js=require("./components/Upload.js"),Xs=require("./components/UploadCloud.js"),$s=require("./components/UploadCloudFilled.js"),en=require("./components/UserSearch.js"),rn=require("./components/Users.js"),sn=require("./components/VolumeHigh.js"),nn=require("./components/VolumeLow.js"),on=require("./components/VolumeMute.js"),un=require("./components/Warning.js"),tn=require("./components/Wifi.js"),cn=require("./components/Work.js"),an=require("./components/ZoomIn.js"),jn=require("./components/ZoomOut.js");const mn={xs:2*n.base,sm:2*n.base,md:2*n.base,lg:2.5*n.base,xl:3*n.base},pn=s.forwardRef(({color:s,name:n,size:pn,disabled:fn,sx:ln,...xn},qn)=>{const dn=pn||mn.xl,bn=pn||mn.xl,gn={sx:r.mergeSx({color:s,height:dn,width:bn},fn&&{color:e=>e.custom.palette.icon.disabled},ln),...xn};switch(n){case"payment-card-visa":return e.jsx(os,{ref:qn,...gn});case"payment-card-mastercard":return e.jsx(ns,{ref:qn,...gn});case"payment-card-amex":return e.jsx(ss,{ref:qn,...gn});case"brand-wordmark":return e.jsx(y,{ref:qn,...gn});case"brand-logomark":return e.jsx(S,{ref:qn,...gn});case"menu":return e.jsx(Ge,{ref:qn,...gn});case"menu-open":return e.jsx(Oe,{ref:qn,...gn});case"close":return e.jsx(V,{ref:qn,...gn});case"more-horizontal":return e.jsx(_e,{ref:qn,...gn});case"more-vertical":return e.jsx(Ke,{ref:qn,...gn});case"chevron-up":return e.jsx(H,{ref:qn,...gn});case"chevron-down":return e.jsx(U,{ref:qn,...gn});case"chevron-left":return e.jsx(I,{ref:qn,...gn});case"chevron-right":return e.jsx(T,{ref:qn,...gn});case"arrow-up":return e.jsx(j,{ref:qn,...gn});case"arrow-down":return e.jsx(c,{ref:qn,...gn});case"arrow-left":return e.jsx(a,{ref:qn,...gn});case"arrow-right":return e.jsx(i,{ref:qn,...gn});case"drag-horizontal-vertical":return e.jsx(X,{ref:qn,...gn});case"drag-horizontal":return e.jsx(J,{ref:qn,...gn});case"drag-vertical":return e.jsx(ee,{ref:qn,...gn});case"search":return e.jsx(hs,{ref:qn,...gn});case"home":return e.jsx(ye,{ref:qn,...gn});case"home-filled":return e.jsx(ke,{ref:qn,...gn});case"settings":return e.jsx(Fs,{ref:qn,...gn});case"controls":return e.jsx(A,{ref:qn,...gn});case"help":return e.jsx(Se,{ref:qn,...gn});case"filter-list":return e.jsx(me,{ref:qn,...gn});case"sort":return e.jsx(Ts,{ref:qn,...gn});case"open-in-new":return e.jsx(es,{ref:qn,...gn});case"nav-toggle":return e.jsx(er,{ref:qn,...gn});case"nav-push-left":return e.jsx(Je,{ref:qn,...gn});case"nav-push-right":return e.jsx(Xe,{ref:qn,...gn});case"nav-push-up":return e.jsx($e,{ref:qn,...gn});case"nav-push-down":return e.jsx(Ye,{ref:qn,...gn});case"expand-window":return e.jsx(ae,{ref:qn,...gn});case"reduce-window":return e.jsx(xs,{ref:qn,...gn});case"redo":return e.jsx(ls,{ref:qn,...gn});case"hand":return e.jsx(Ce,{ref:qn,...gn});case"select":return e.jsx(Ns,{ref:qn,...gn});case"lasso":return e.jsx(He,{ref:qn,...gn});case"play-circle":return e.jsx(js,{ref:qn,...gn});case"play-video":return e.jsx(ms,{ref:qn,...gn});case"email":return e.jsx(ne,{ref:qn,...gn});case"document":return e.jsx(Z,{ref:qn,...gn});case"folder":return e.jsx(xe,{ref:qn,...gn});case"attach-file":return e.jsx(m,{ref:qn,...gn});case"save":return e.jsx(gs,{ref:qn,...gn});case"image":return e.jsx(Fe,{ref:qn,...gn});case"image-add":return e.jsx(De,{ref:qn,...gn});case"image-search":return e.jsx(Le,{ref:qn,...gn});case"image-no":return e.jsx(Pe,{ref:qn,...gn});case"upload":return e.jsx(Js,{ref:qn,...gn});case"upload-cloud":return e.jsx(Xs,{ref:qn,...gn});case"upload-cloud-filled":return e.jsx($s,{ref:qn,...gn});case"time":return e.jsx(Zs,{ref:qn,...gn});case"time-filled":return e.jsx(_s,{ref:qn,...gn});case"zoom-in":return e.jsx(an,{ref:qn,...gn});case"zoom-out":return e.jsx(jn,{ref:qn,...gn});case"add":return e.jsx(o,{ref:qn,...gn});case"remove":return e.jsx(qs,{ref:qn,...gn});case"dashboard":return e.jsx(O,{ref:qn,...gn});case"list-view":return e.jsx(Ae,{ref:qn,...gn});case"grid-view":return e.jsx(he,{ref:qn,...gn});case"grid-view-filled":return e.jsx(Ne,{ref:qn,...gn});case"grid-view-small":return e.jsx(ve,{ref:qn,...gn});case"grid-view-large":return e.jsx(we,{ref:qn,...gn});case"eye":return e.jsx(ie,{ref:qn,...gn});case"eye-off":return e.jsx(je,{ref:qn,...gn});case"notification":return e.jsx(sr,{ref:qn,...gn});case"pound":return e.jsx(ps,{ref:qn,...gn});case"euro":return e.jsx(te,{ref:qn,...gn});case"dollar":return e.jsx(_,{ref:qn,...gn});case"play":return e.jsx(is,{ref:qn,...gn});case"pause":return e.jsx(rs,{ref:qn,...gn});case"stop":return e.jsx(Es,{ref:qn,...gn});case"shuffle":return e.jsx(Ds,{ref:qn,...gn});case"replay":return e.jsx(ds,{ref:qn,...gn});case"volume-mute":return e.jsx(on,{ref:qn,...gn});case"volume-high":return e.jsx(sn,{ref:qn,...gn});case"volume-low":return e.jsx(nn,{ref:qn,...gn});case"test":return e.jsx(As,{ref:qn,...gn});case"test-pending":return e.jsx(Gs,{ref:qn,...gn});case"test-edit":return e.jsx(Rs,{ref:qn,...gn});case"data-bar":return e.jsx(W,{ref:qn,...gn});case"label":return e.jsx(Te,{ref:qn,...gn});case"send":return e.jsx(ws,{ref:qn,...gn});case"comment":return e.jsx(M,{ref:qn,...gn});case"comment-filled":return e.jsx(E,{ref:qn,...gn});case"chat":return e.jsx(F,{ref:qn,...gn});case"translate":return e.jsx(Ks,{ref:qn,...gn});case"format-bold":return e.jsx(qe,{ref:qn,...gn});case"format-italic":return e.jsx(de,{ref:qn,...gn});case"format-underlined":return e.jsx(be,{ref:qn,...gn});case"monitor":return e.jsx(Ze,{ref:qn,...gn});case"tablet":return e.jsx(zs,{ref:qn,...gn});case"phone":return e.jsx(us,{ref:qn,...gn});case"microphone":return e.jsx(We,{ref:qn,...gn});case"microphone-off":return e.jsx(Qe,{ref:qn,...gn});case"keyboard":return e.jsx(Ie,{ref:qn,...gn});case"wifi":return e.jsx(tn,{ref:qn,...gn});case"battery-full":return e.jsx(C,{ref:qn,...gn});case"network-signal-strength":return e.jsx(rr,{ref:qn,...gn});case"rotate-device":return e.jsx(bs,{ref:qn,...gn});case"error":return e.jsx(ue,{ref:qn,...gn});case"warning":return e.jsx(un,{ref:qn,...gn});case"lightbulb":return e.jsx(Me,{ref:qn,...gn});case"thumb-up":return e.jsx(Ws,{ref:qn,...gn});case"thumb-down":return e.jsx(Os,{ref:qn,...gn});case"info":return e.jsx(Be,{ref:qn,...gn});case"info-filled":return e.jsx(Ue,{ref:qn,...gn});case"cancel":return e.jsx(k,{ref:qn,...gn});case"compress":return e.jsx(z,{ref:qn,...gn});case"expand":return e.jsx(ce,{ref:qn,...gn});case"unfold":return e.jsx(Ys,{ref:qn,...gn});case"drag-handle":return e.jsx(K,{ref:qn,...gn});case"drag-handle-dots":return e.jsx(Y,{ref:qn,...gn});case"focus-hollow":return e.jsx(fe,{ref:qn,...gn});case"focus-point":return e.jsx(le,{ref:qn,...gn});case"drag-select":return e.jsx($,{ref:qn,...gn});case"lock":return e.jsx(Re,{ref:qn,...gn});case"earth":return e.jsx(re,{ref:qn,...gn});case"copy":return e.jsx(R,{ref:qn,...gn});case"edit":return e.jsx(se,{ref:qn,...gn});case"delete":return e.jsx(Q,{ref:qn,...gn});case"check":return e.jsx(D,{ref:qn,...gn});case"check-circle":return e.jsx(P,{ref:qn,...gn});case"check-circle-filled":return e.jsx(L,{ref:qn,...gn});case"alert-dot":return e.jsx(t,{ref:qn,...gn});case"pin":return e.jsx(ts,{ref:qn,...gn});case"pin-filled":return e.jsx(cs,{ref:qn,...gn});case"link":return e.jsx(ze,{ref:qn,...gn});case"user-search":return e.jsx(en,{ref:qn,...gn});case"crosshair":return e.jsx(G,{ref:qn,...gn});case"fingerprint":return e.jsx(pe,{ref:qn,...gn});case"users":return e.jsx(rn,{ref:qn,...gn});case"layers":return e.jsx(Ve,{ref:qn,...gn});case"star":return e.jsx(Hs,{ref:qn,...gn});case"star-half":return e.jsx(Ms,{ref:qn,...gn});case"star-filled":return e.jsx(Vs,{ref:qn,...gn});case"thumbs-up-down":return e.jsx(Qs,{ref:qn,...gn});case"emoticon":return e.jsx(oe,{ref:qn,...gn});case"linear-scale":return e.jsx(Ee,{ref:qn,...gn});case"check-double":return e.jsx(B,{ref:qn,...gn});case"rank":return e.jsx(fs,{ref:qn,...gn});case"sentiment-double-down":return e.jsx(vs,{ref:qn,...gn});case"sentiment-down":return e.jsx(Ss,{ref:qn,...gn});case"sentiment-flat":return e.jsx(ys,{ref:qn,...gn});case"sentiment-up":return e.jsx(ks,{ref:qn,...gn});case"sentiment-double-up":return e.jsx(Cs,{ref:qn,...gn});case"pin-location":return e.jsx(as,{ref:qn,...gn});case"ai":return e.jsx(u,{ref:qn,...gn});case"work":return e.jsx(cn,{ref:qn,...gn});case"gift":return e.jsx(ge,{ref:qn,...gn});case"social-medium-single-colour":return e.jsx(Us,{ref:qn,...gn});case"social-linkedin-single-colour":return e.jsx(Bs,{ref:qn,...gn});case"social-youtube-single-colour":return e.jsx(Is,{ref:qn,...gn});case"social-linkedin-full-colour":return e.jsx(Ls,{ref:qn,...gn});case"social-google-full-colour":return e.jsx(Ps,{ref:qn,...gn});case"badge-tick":return e.jsx(w,{ref:qn,...gn});case"badge-tick-in-circle":return e.jsx(v,{ref:qn,...gn});case"badge-cross":return e.jsx(p,{ref:qn,...gn});case"badge-cross-in-circle":return e.jsx(f,{ref:qn,...gn});case"badge-hyphen":return e.jsx(q,{ref:qn,...gn});case"badge-hyphen-in-circle":return e.jsx(d,{ref:qn,...gn});case"badge-question":return e.jsx(b,{ref:qn,...gn});case"badge-question-in-circle":return e.jsx(g,{ref:qn,...gn});case"badge-flag":return e.jsx(l,{ref:qn,...gn});case"badge-flag-in-circle":return e.jsx(x,{ref:qn,...gn});case"badge-thumb-up":return e.jsx(h,{ref:qn,...gn});case"badge-thumb-up-in-circle":return e.jsx(N,{ref:qn,...gn});case"number-0":return e.jsx(nr,{ref:qn,...gn});case"number-1":return e.jsx(or,{ref:qn,...gn});case"number-2":return e.jsx(xr,{ref:qn,...gn});case"number-3":return e.jsx(yr,{ref:qn,...gn});case"number-4":return e.jsx(Vr,{ref:qn,...gn});case"number-5":return e.jsx(_r,{ref:qn,...gn});case"number-6":return e.jsx(Yr,{ref:qn,...gn});case"number-7":return e.jsx(Jr,{ref:qn,...gn});case"number-8":return e.jsx(Xr,{ref:qn,...gn});case"number-9":return e.jsx($r,{ref:qn,...gn});case"number-10":return e.jsx(ur,{ref:qn,...gn});case"number-11":return e.jsx(tr,{ref:qn,...gn});case"number-12":return e.jsx(cr,{ref:qn,...gn});case"number-13":return e.jsx(ar,{ref:qn,...gn});case"number-14":return e.jsx(ir,{ref:qn,...gn});case"number-15":return e.jsx(jr,{ref:qn,...gn});case"number-16":return e.jsx(mr,{ref:qn,...gn});case"number-17":return e.jsx(pr,{ref:qn,...gn});case"number-18":return e.jsx(fr,{ref:qn,...gn});case"number-19":return e.jsx(lr,{ref:qn,...gn});case"number-20":return e.jsx(qr,{ref:qn,...gn});case"number-21":return e.jsx(dr,{ref:qn,...gn});case"number-22":return e.jsx(br,{ref:qn,...gn});case"number-23":return e.jsx(gr,{ref:qn,...gn});case"number-24":return e.jsx(hr,{ref:qn,...gn});case"number-25":return e.jsx(Nr,{ref:qn,...gn});case"number-26":return e.jsx(wr,{ref:qn,...gn});case"number-27":return e.jsx(vr,{ref:qn,...gn});case"number-28":return e.jsx(Cr,{ref:qn,...gn});case"number-29":return e.jsx(Sr,{ref:qn,...gn});case"number-30":return e.jsx(kr,{ref:qn,...gn});case"number-31":return e.jsx(Fr,{ref:qn,...gn});case"number-32":return e.jsx(Dr,{ref:qn,...gn});case"number-33":return e.jsx(Pr,{ref:qn,...gn});case"number-34":return e.jsx(Lr,{ref:qn,...gn});case"number-35":return e.jsx(Br,{ref:qn,...gn});case"number-36":return e.jsx(Ur,{ref:qn,...gn});case"number-37":return e.jsx(Ir,{ref:qn,...gn});case"number-38":return e.jsx(Tr,{ref:qn,...gn});case"number-39":return e.jsx(Hr,{ref:qn,...gn});case"number-40":return e.jsx(Mr,{ref:qn,...gn});case"number-41":return e.jsx(Er,{ref:qn,...gn});case"number-42":return e.jsx(zr,{ref:qn,...gn});case"number-43":return e.jsx(Ar,{ref:qn,...gn});case"number-44":return e.jsx(Rr,{ref:qn,...gn});case"number-45":return e.jsx(Gr,{ref:qn,...gn});case"number-46":return e.jsx(Or,{ref:qn,...gn});case"number-47":return e.jsx(Wr,{ref:qn,...gn});case"number-48":return e.jsx(Qr,{ref:qn,...gn});case"number-49":return e.jsx(Zr,{ref:qn,...gn});case"number-50":return e.jsx(Kr,{ref:qn,...gn});default:return e.jsx(e.Fragment,{})}});exports.default=pn,exports.iconSizeMap=mn;

package/dist/systems/BrandCore/Icon/components/DragHandleDots.d.ts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { SvgIconProps } from '@mui/material';
+
+declare const DragHandleDots: (props: SvgIconProps) => react.JSX.Element;
+
+export { DragHandleDots as default };

package/dist/systems/BrandCore/Icon/components/DragHandleDots.js

@@ -0,0 +1 @@
+"use strict";var r=require("react/jsx-runtime"),e=require("@mui/material");module.exports=s=>r.jsx(e.SvgIcon,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...s,children:r.jsx("path",{d:"M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z",fill:"currentColor"})});

package/dist/systems/BrandCore/Icon/components/Folder.js

@@ -1 +1 @@
-"use strict";var r=require("react/jsx-runtime"),e=require("@mui/material");module.exports=l=>r.jsx(e.SvgIcon,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...l,children:r.jsx("path",{d:"M9.17 6l2 2H20v10H4V6h5.17zM10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z",fill:"currentColor"})});
+"use strict";var r=require("react/jsx-runtime"),e=require("@mui/material");module.exports=i=>r.jsx(e.SvgIcon,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...i,children:r.jsx("path",{d:"M9.17 8H20v10H4V8h5.17zM10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z",fill:"currentColor"})});

package/dist/systems/Marketing/PlanFeatureTable/PlanFeatureTableSkeleton.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material");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("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"),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");var t=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");const i=()=>e.jsx(r.Box,{sx:{display:"flex",alignItems:"center",textAlign:"center",width:122},children:e.jsx(r.Box,{sx:{display:"flex",justifyContent:"center",alignItems:"center",p:{sm:.5,md:1},flex:1},children:e.jsx(t,{height:30,width:40})})});module.exports=()=>{const o=r.useTheme(),a=Array.from({length:4},(e,r)=>({heading:`Heading ${r+1}`})),s=Array.from({length:11},(e,r)=>({key:r}));return e.jsxs(r.Stack,{sx:{backgroundColor:o.custom.palette.surface.default,borderRadius:o.spacing(o.custom.radius.xl),boxShadow:o.custom.elevation.raised,display:"flex",gap:2,pb:{sm:2,lg:4},px:{sm:2,lg:4},minWidth:{sm:680}},children:[e.jsxs(r.Box,{sx:{display:"flex",py:2,px:1,justifyContent:"space-between",gap:2},children:[e.jsx(r.Box,{sx:{width:160}}),a.map(({heading:i})=>e.jsxs(r.Stack,{sx:{alignItems:"center",display:"flex",justifyContent:"center",width:122,gap:1},children:[e.jsx(t,{height:32,width:100}),e.jsx(t,{height:22})]},i))]}),s.map(a=>e.jsxs(r.Box,{sx:{display:"flex",justifyContent:"space-between",p:1,"&:nth-of-type(even)":{backgroundColor:o.custom.palette.surface.sunken}},children:[e.jsx(r.Box,{sx:{display:"flex",alignItems:"center",width:160},children:e.jsx(r.Box,{sx:{display:"flex",justifyContent:"flex-start",alignItems:"center",flex:1,gap:1},children:e.jsx(t,{height:30})})}),e.jsx(i,{}),e.jsx(i,{}),e.jsx(i,{}),e.jsx(i,{})]},a.key))]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material");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("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"),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");var t=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");const o=()=>e.jsx(r.Box,{sx:{display:"flex",alignItems:"center",textAlign:"center",width:122},children:e.jsx(r.Box,{sx:{display:"flex",justifyContent:"center",alignItems:"center",p:{sm:.5,md:1},flex:1},children:e.jsx(t,{height:30,width:40})})});module.exports=()=>{const i=r.useTheme(),a=Array.from({length:4},(e,r)=>({heading:`Heading ${r+1}`})),s=Array.from({length:11},(e,r)=>({key:r}));return e.jsxs(r.Stack,{sx:{backgroundColor:i.custom.palette.surface.default,borderRadius:i.spacing(i.custom.radius.xl),boxShadow:i.custom.elevation.raised,display:"flex",gap:2,pb:{sm:2,lg:4},px:{sm:2,lg:4},minWidth:{sm:680}},children:[e.jsxs(r.Box,{sx:{display:"flex",py:2,px:1,justifyContent:"space-between",gap:2},children:[e.jsx(r.Box,{sx:{width:160}}),a.map(({heading:o})=>e.jsxs(r.Stack,{sx:{alignItems:"center",display:"flex",justifyContent:"center",width:122,gap:1},children:[e.jsx(t,{height:32,width:100}),e.jsx(t,{height:22})]},o))]}),s.map(a=>e.jsxs(r.Box,{sx:{display:"flex",justifyContent:"space-between",p:1,"&:nth-of-type(even)":{backgroundColor:i.custom.palette.surface.sunken}},children:[e.jsx(r.Box,{sx:{display:"flex",alignItems:"center",width:160},children:e.jsx(r.Box,{sx:{display:"flex",justifyContent:"flex-start",alignItems:"center",flex:1,gap:1},children:e.jsx(t,{height:30})})}),e.jsx(o,{}),e.jsx(o,{}),e.jsx(o,{}),e.jsx(o,{})]},a.key))]})};