@useloops/design-system 1.4.737 → 1.4.739

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

@@ -1 +1 @@
-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/FormBuilder/FormBuilder.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"../../BrandCore/Sticker/Sticker.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:B,p50:y,p75:S,mean:I,range:L,onRangeChange:A,capped:M,onCapChange:k,capLabel:T="Cap to 60 seconds",step:w=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(B),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:T}),disabled:R,onChange:(e,t)=>k(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((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(B)}),t(j,{leftPct:D(y)}),t(j,{leftPct:D(S)})]})}),t(p,{labelLeft:"",labelRight:"",min:W,max:x,step:w,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:w,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:w,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};
+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/FormBuilder/FormBuilder.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"../../BrandCore/Sticker/Sticker.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:f,binTooltips:g,p25:B,p50:y,p75:S,range:I,onRangeChange:L,capped:A,onCapChange:M,capLabel:k="Cap to 60 seconds",step:T=1,marksStep:w=10,unit:P="sec",formatStat:F,disabled:v,slotProps:R})=>{const G=o(),_=x-W||1,z=e=>(e=>Math.max(0,Math.min(100,e)))((e-W)/_*100),D=Math.max(1,...f),O=_/(f.length||1),N=F??(e=>`${e.toFixed(1)} ${P}`),[K,V]=I,$=z(B),E=z(S);return e(r,{...R?.root,children:[t(r,{sx:{display:"flex",justifyContent:"flex-end",mb:G.p.lg},children:t(l,{sizing:"sm",value:A,label:t(a,{size:"xs",secondary:!0,children:k}),disabled:v,onChange:(e,t)=>M(t)})}),e(i,{sx:{gap:G.p.sm},children:[e(i,{direction:"row",children:[t(h,{label:"Fastest 25%",prefix:"≤",value:N(B)}),t(h,{label:"Median",value:N(y)}),t(h,{label:"Slowest 25%",prefix:"≥",value:N(S)})]}),t(m,{children:e(d,{children:[e(b,{children:[t(u,{tone:"green",widthPct:$}),t(u,{tone:"yellow",widthPct:Math.max(0,E-$)}),t(u,{tone:"red",widthPct:Math.max(0,100-E)})]}),t(c,{children:f.map((o,r)=>{const s=W+(r+.5)*O,p=s>=K&&s<=V,l=o/D*100,m=g?.[r];return m?t(n,{followCursor:!0,enterDelay:200,enterNextDelay:100,message:e(i,{sx:{gap:G.p.xs,p:G.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:z(B)}),t(j,{leftPct:z(y)}),t(j,{leftPct:z(S)})]})}),t(p,{labelLeft:"",labelRight:"",min:W,max:x,step:T,marksStep:w,value:I,valueLabelFormat:e=>`${Math.round(e)}`,disabled:v,onChange:(e,t)=>{Array.isArray(t)&&L([t[0],t[1]])}}),e(i,{direction:"row",sx:{justifyContent:"space-between",gap:G.p.md},children:[e(i,{sx:{gap:G.p.xs,alignItems:"center"},children:[t(a,{size:"sm",children:"Minimum"}),t(r,{sx:{width:104},children:t(s,{value:K,min:W,max:V,step:T,disabled:v,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,V])}})})]}),e(i,{sx:{gap:G.p.xs,alignItems:"center"},children:[t(a,{size:"sm",children:"Maximum"}),t(r,{sx:{width:104},children:t(s,{value:V,min:K,max:x,step:T,disabled:v,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([K,e])}})})]})]})]})]})};export{W as default};

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

@@ -1 +1 @@
-import{jsx as e,Fragment as r}from"react/jsx-runtime";import{usePopupState as t}from"material-ui-popup-state/hooks";import{mergeSx as o}from"merge-sx";import p from"../Popper/Popper.js";import a from"./MenuItem.js";const i=({menuItems:a,offset:i,placement:n,state:m,parentState:l,bindOn:c=["toggle"],trigger:h,width:d=192,showItemNumbers:u=!1,hoverLeaveDelay:f=0,slotProps:g})=>{const v=m||t({variant:"popper",parentPopupState:l});return e(p,{popperProps:{modifiers:i&&[{name:"offset",options:{offset:i}}],placement:n,...g?.popper},surfaceProps:{...g?.surface,sx:o({ml:1,p:1,width:d},g?.surface?.sx)},bindOn:c,trigger:h,state:v,hoverLeaveDelay:f,children:e(r,{children:a?.map((e,r)=>s(e,r,v,u,f,v))})})},s=(o,i,n,m,l,c)=>{const h=t({variant:"popper",parentPopupState:c});return o.children?.length?e(p,{popperProps:{placement:"right-end"},surfaceProps:{sx:{p:1,width:o.width}},bindOn:["trigger","hover"],state:h,trigger:e(a,{...o,active:h.isOpen}),hoverLeaveDelay:l,children:e(r,{children:o?.children?.map((e,r)=>s(e,r,n,void 0,l,h))})},`${o.label}-${i}`):e(a,{...o,onClick:e=>{return r=e,t=o?.onClick,r.stopPropagation(),void(t&&t(r));var r,t},baseState:n,showItemNumber:m,itemNumber:i+1},`${o.label}-${i}`)};export{i as default,s as mapMenuItems};
+import{jsx as e,Fragment as t}from"react/jsx-runtime";import{usePopupState as r}from"material-ui-popup-state/hooks";import{mergeSx as o}from"merge-sx";import p from"../Popper/Popper.js";import a from"./MenuItem.js";const i="min(320px, calc(100vw - 32px))",n=({menuItems:a,offset:n,placement:s,state:d,parentState:l,bindOn:c=["toggle"],trigger:h,width:f=192,maxWidth:u=i,showItemNumbers:v=!1,hoverLeaveDelay:g=0,slotProps:x})=>{const P=d||r({variant:"popper",parentPopupState:l});return e(p,{popperProps:{modifiers:[...n?[{name:"offset",options:{offset:n}}]:[],{name:"preventOverflow",options:{padding:8}}],placement:s,...x?.popper},surfaceProps:{...x?.surface,sx:o({ml:1,p:1,width:"max-content",minWidth:f,maxWidth:u},x?.surface?.sx)},bindOn:c,trigger:h,state:P,hoverLeaveDelay:g,children:e(t,{children:a?.map((e,t)=>m(e,t,P,v,g,P))})})},m=(o,n,s,d,l,c)=>{const h=r({variant:"popper",parentPopupState:c});return o.children?.length?e(p,{popperProps:{placement:"right-end",modifiers:[{name:"preventOverflow",options:{padding:8}}]},surfaceProps:{sx:{p:1,width:"max-content",minWidth:o.width,maxWidth:i}},bindOn:["trigger","hover"],state:h,trigger:e(a,{...o,active:h.isOpen}),hoverLeaveDelay:l,children:e(t,{children:o?.children?.map((e,t)=>m(e,t,s,void 0,l,h))})},`${o.label}-${n}`):e(a,{...o,onClick:e=>{return t=e,r=o?.onClick,t.stopPropagation(),void(r&&r(t));var t,r},baseState:s,showItemNumber:d,itemNumber:n+1},`${o.label}-${n}`)};export{i as MENU_MAX_WIDTH,n as default,m as mapMenuItems};

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

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

package/dist/systems/Platform/SliderGraph/_partials/StyledComponents.d.ts

@@ -12,7 +12,7 @@ declare const SliderGraphWrapper: _emotion_styled.StyledComponent<_mui_system.Bo
 } & {
     responsive?: boolean;
 }, {}, {}>;
-declare const VeticalBarWrapper: _emotion_styled.StyledComponent<_mui_material.ListItemButtonOwnProps & Omit<_mui_material.ButtonBaseOwnProps, keyof _mui_material.ListItemButtonOwnProps> & Omit<_mui_material.ButtonBaseOwnProps, "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "type" | keyof _mui_material.ListItemButtonOwnProps> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "disabled" | "sx" | "alignItems" | "style" | "children" | "autoFocus" | "className" | "tabIndex" | "classes" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "type" | "dense" | "disableGutters" | "divider" | "selected"> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & {
+declare const VeticalBarWrapper: _emotion_styled.StyledComponent<_mui_material.ListItemButtonOwnProps & Omit<_mui_material.ButtonBaseOwnProps, keyof _mui_material.ListItemButtonOwnProps> & Omit<_mui_material.ButtonBaseOwnProps, "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "type" | keyof _mui_material.ListItemButtonOwnProps> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "sx" | "alignItems" | "disabled" | "style" | "children" | "autoFocus" | "className" | "tabIndex" | "classes" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "type" | "dense" | "disableGutters" | "divider" | "selected"> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & {
     component?: React.ElementType | undefined;
 } & {
     maxHeight: number;

package/dist/systems/Platform/TimeToFindGraph/TimeToFindGraph.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");var t=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/FormBuilder/FormBuilder.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");var i=require("../../WebCore/NumberField/NumberField.js");require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../BrandCore/Sticker/Sticker.js"),require("../../WebCore/Progress/Progress.js");var o=require("../../WebCore/Tooltip/Tooltip.js");require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../WebCore/Skeleton/Skeleton.js");var s=require("../../WebCore/Slider/Slider.js");require("../../WebCore/StarRating/StarRating.js");var a=require("../../WebCore/Switch/Switch.js");require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js"),require("../../WebCore/TintedSurface/TintedSurface.js");var n=require("./_partials/StyledComponents.js");const l=({label:i,value:o,prefix:s})=>{const a=r.useTheme();return e.jsxs(r.Stack,{sx:{flex:1,alignItems:"center",gap:a.p.xs},children:[e.jsx(t.Text,{size:"sm",secondary:!0,children:i}),e.jsx(t.Text,{size:"sm",bold:!0,monospaced:!0,children:s?`${s} ${o}`:o})]})};module.exports=({min:u,max:d,bins:p,binTooltips:b,p25:j,p50:c,p75:x,mean:C,range:m,onRangeChange:q,capped:h,onCapChange:W,capLabel:B="Cap to 60 seconds",step:g=1,marksStep:y=10,unit:S="sec",formatStat:f,disabled:L,slotProps:I})=>{const T=r.useTheme(),k=d-u||1,A=e=>(e=>Math.max(0,Math.min(100,e)))((e-u)/k*100),v=Math.max(1,...p),M=k/(p.length||1),w=f??(e=>`${e.toFixed(1)} ${S}`),[P,F]=m,R=A(j),G=A(x);return e.jsxs(r.Box,{...I?.root,children:[e.jsx(r.Box,{sx:{display:"flex",justifyContent:"flex-end",mb:T.p.lg},children:e.jsx(a,{sizing:"sm",value:h,label:e.jsx(t.Text,{size:"xs",secondary:!0,children:B}),disabled:L,onChange:(e,r)=>W(r)})}),e.jsxs(r.Stack,{sx:{gap:T.p.sm},children:[e.jsxs(r.Stack,{direction:"row",children:[e.jsx(l,{label:"Fastest 25%",prefix:"≤",value:w(j)}),e.jsx(l,{label:"Average",value:w(C)}),e.jsx(l,{label:"Slowest 25%",prefix:"≥",value:w(x)})]}),e.jsx(n.HistogramWrapper,{children:e.jsxs(n.HistogramInner,{children:[e.jsxs(n.ZoneLayer,{children:[e.jsx(n.Zone,{tone:"green",widthPct:R}),e.jsx(n.Zone,{tone:"yellow",widthPct:Math.max(0,G-R)}),e.jsx(n.Zone,{tone:"red",widthPct:Math.max(0,100-G)})]}),e.jsx(n.BarsLayer,{children:p.map((i,s)=>{const a=u+(s+.5)*M,l=a>=P&&a<=F,d=i/v*100,p=b?.[s];return p?e.jsx(o,{followCursor:!0,enterDelay:200,enterNextDelay:100,message:e.jsxs(r.Stack,{sx:{gap:T.p.xs,p:T.p.xs},children:[e.jsx(t.Text,{size:"sm",bold:!0,children:p.headline}),e.jsx(t.Text,{size:"xs",secondary:!0,children:p.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:e.jsx(n.Bar,{heightPct:d,inRange:l})},s):e.jsx(n.Bar,{heightPct:d,inRange:l},s)})}),e.jsx(n.ZoneLine,{leftPct:A(j)}),e.jsx(n.ZoneLine,{leftPct:A(c)}),e.jsx(n.ZoneLine,{leftPct:A(x)})]})}),e.jsx(s,{labelLeft:"",labelRight:"",min:u,max:d,step:g,marksStep:y,value:m,valueLabelFormat:e=>`${Math.round(e)}`,disabled:L,onChange:(e,r)=>{Array.isArray(r)&&q([r[0],r[1]])}}),e.jsxs(r.Stack,{direction:"row",sx:{justifyContent:"space-between",gap:T.p.md},children:[e.jsxs(r.Stack,{sx:{gap:T.p.xs,alignItems:"center"},children:[e.jsx(t.Text,{size:"sm",children:"Minimum"}),e.jsx(r.Box,{sx:{width:104},children:e.jsx(i.default,{value:P,min:u,max:F,step:g,disabled:L,hideActionButtons:!0,slotProps:{input:{sx:{width:"100%",height:40,"& .MuiOutlinedInput-root":{justifyContent:"center"},"& .MuiOutlinedInput-input":{width:"4ch",flexGrow:0,px:0,textAlign:"center"}}}},endAdornment:e.jsx(t.Text,{size:"sm",secondary:!0,children:S}),onChange:e=>{"number"==typeof e&&q([e,F])}})})]}),e.jsxs(r.Stack,{sx:{gap:T.p.xs,alignItems:"center"},children:[e.jsx(t.Text,{size:"sm",children:"Maximum"}),e.jsx(r.Box,{sx:{width:104},children:e.jsx(i.default,{value:F,min:P,max:d,step:g,disabled:L,hideActionButtons:!0,slotProps:{input:{sx:{width:"100%",height:40,"& .MuiOutlinedInput-root":{justifyContent:"center"},"& .MuiOutlinedInput-input":{width:"4ch",flexGrow:0,px:0,textAlign:"center"}}}},endAdornment:e.jsx(t.Text,{size:"sm",secondary:!0,children:S}),onChange:e=>{"number"==typeof e&&q([P,e])}})})]})]})]})]})};
+"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");var t=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/FormBuilder/FormBuilder.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");var i=require("../../WebCore/NumberField/NumberField.js");require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../BrandCore/Sticker/Sticker.js"),require("../../WebCore/Progress/Progress.js");var o=require("../../WebCore/Tooltip/Tooltip.js");require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../WebCore/Skeleton/Skeleton.js");var s=require("../../WebCore/Slider/Slider.js");require("../../WebCore/StarRating/StarRating.js");var a=require("../../WebCore/Switch/Switch.js");require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js"),require("../../WebCore/TintedSurface/TintedSurface.js");var n=require("./_partials/StyledComponents.js");const l=({label:i,value:o,prefix:s})=>{const a=r.useTheme();return e.jsxs(r.Stack,{sx:{flex:1,alignItems:"center",gap:a.p.xs},children:[e.jsx(t.Text,{size:"sm",secondary:!0,children:i}),e.jsx(t.Text,{size:"sm",bold:!0,monospaced:!0,children:s?`${s} ${o}`:o})]})};module.exports=({min:u,max:d,bins:p,binTooltips:b,p25:j,p50:c,p75:x,range:C,onRangeChange:m,capped:q,onCapChange:h,capLabel:W="Cap to 60 seconds",step:B=1,marksStep:g=10,unit:y="sec",formatStat:S,disabled:f,slotProps:L})=>{const I=r.useTheme(),T=d-u||1,k=e=>(e=>Math.max(0,Math.min(100,e)))((e-u)/T*100),A=Math.max(1,...p),v=T/(p.length||1),M=S??(e=>`${e.toFixed(1)} ${y}`),[w,P]=C,F=k(j),R=k(x);return e.jsxs(r.Box,{...L?.root,children:[e.jsx(r.Box,{sx:{display:"flex",justifyContent:"flex-end",mb:I.p.lg},children:e.jsx(a,{sizing:"sm",value:q,label:e.jsx(t.Text,{size:"xs",secondary:!0,children:W}),disabled:f,onChange:(e,r)=>h(r)})}),e.jsxs(r.Stack,{sx:{gap:I.p.sm},children:[e.jsxs(r.Stack,{direction:"row",children:[e.jsx(l,{label:"Fastest 25%",prefix:"≤",value:M(j)}),e.jsx(l,{label:"Median",value:M(c)}),e.jsx(l,{label:"Slowest 25%",prefix:"≥",value:M(x)})]}),e.jsx(n.HistogramWrapper,{children:e.jsxs(n.HistogramInner,{children:[e.jsxs(n.ZoneLayer,{children:[e.jsx(n.Zone,{tone:"green",widthPct:F}),e.jsx(n.Zone,{tone:"yellow",widthPct:Math.max(0,R-F)}),e.jsx(n.Zone,{tone:"red",widthPct:Math.max(0,100-R)})]}),e.jsx(n.BarsLayer,{children:p.map((i,s)=>{const a=u+(s+.5)*v,l=a>=w&&a<=P,d=i/A*100,p=b?.[s];return p?e.jsx(o,{followCursor:!0,enterDelay:200,enterNextDelay:100,message:e.jsxs(r.Stack,{sx:{gap:I.p.xs,p:I.p.xs},children:[e.jsx(t.Text,{size:"sm",bold:!0,children:p.headline}),e.jsx(t.Text,{size:"xs",secondary:!0,children:p.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:e.jsx(n.Bar,{heightPct:d,inRange:l})},s):e.jsx(n.Bar,{heightPct:d,inRange:l},s)})}),e.jsx(n.ZoneLine,{leftPct:k(j)}),e.jsx(n.ZoneLine,{leftPct:k(c)}),e.jsx(n.ZoneLine,{leftPct:k(x)})]})}),e.jsx(s,{labelLeft:"",labelRight:"",min:u,max:d,step:B,marksStep:g,value:C,valueLabelFormat:e=>`${Math.round(e)}`,disabled:f,onChange:(e,r)=>{Array.isArray(r)&&m([r[0],r[1]])}}),e.jsxs(r.Stack,{direction:"row",sx:{justifyContent:"space-between",gap:I.p.md},children:[e.jsxs(r.Stack,{sx:{gap:I.p.xs,alignItems:"center"},children:[e.jsx(t.Text,{size:"sm",children:"Minimum"}),e.jsx(r.Box,{sx:{width:104},children:e.jsx(i.default,{value:w,min:u,max:P,step:B,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:e.jsx(t.Text,{size:"sm",secondary:!0,children:y}),onChange:e=>{"number"==typeof e&&m([e,P])}})})]}),e.jsxs(r.Stack,{sx:{gap:I.p.xs,alignItems:"center"},children:[e.jsx(t.Text,{size:"sm",children:"Maximum"}),e.jsx(r.Box,{sx:{width:104},children:e.jsx(i.default,{value:P,min:w,max:d,step:B,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:e.jsx(t.Text,{size:"sm",secondary:!0,children:y}),onChange:e=>{"number"==typeof e&&m([w,e])}})})]})]})]})]})};

package/dist/systems/Platform/TimeToFindGraph/types.d.ts

@@ -19,12 +19,10 @@ interface TimeToFindGraphProps {
     }[];
     /** 25th percentile: the green|yellow zone boundary and first dotted line. */
     p25: number;
-    /** 50th percentile (median): the middle dotted line. */
+    /** 50th percentile (median): the middle dotted line and the "Median" headline value. */
     p50: number;
     /** 75th percentile: the yellow|red zone boundary and third dotted line. */
     p75: number;
-    /** Arithmetic mean, shown as the "Average" headline value. */
-    mean: number;
     /** Current [min, max] slider selection. */
     range: [number, number];
     /** Fired when the slider or the Minimum/Maximum fields change. */

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

@@ -13,7 +13,9 @@ interface MenuProps extends PropsWithChildren {
     parentState?: PopupState;
     bindOn?: PopperProps$1['bindOn'];
     trigger: ReactElement;
+    /** Minimum width — the menu grows past this to fit its widest item. */
     width?: number;
+    maxWidth?: number | string;
     showItemNumbers?: boolean;
     hoverLeaveDelay?: number;
     slotProps?: {

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("material-ui-popup-state/hooks"),t=require("merge-sx"),p=require("../Popper/Popper.js"),s=require("./MenuItem.js");const a=(t,o,i,n,u,l)=>{const m=r.usePopupState({variant:"popper",parentPopupState:l});return t.children?.length?e.jsx(p,{popperProps:{placement:"right-end"},surfaceProps:{sx:{p:1,width:t.width}},bindOn:["trigger","hover"],state:m,trigger:e.jsx(s,{...t,active:m.isOpen}),hoverLeaveDelay:u,children:e.jsx(e.Fragment,{children:t?.children?.map((e,r)=>a(e,r,i,void 0,u,m))})},`${t.label}-${o}`):e.jsx(s,{...t,onClick:e=>{return r=e,p=t?.onClick,r.stopPropagation(),void(p&&p(r));var r,p},baseState:i,showItemNumber:n,itemNumber:o+1},`${t.label}-${o}`)};exports.default=({menuItems:s,offset:o,placement:i,state:n,parentState:u,bindOn:l=["toggle"],trigger:m,width:c=192,showItemNumbers:d=!1,hoverLeaveDelay:h=0,slotProps:g})=>{const v=n||r.usePopupState({variant:"popper",parentPopupState:u});return e.jsx(p,{popperProps:{modifiers:o&&[{name:"offset",options:{offset:o}}],placement:i,...g?.popper},surfaceProps:{...g?.surface,sx:t.mergeSx({ml:1,p:1,width:c},g?.surface?.sx)},bindOn:l,trigger:m,state:v,hoverLeaveDelay:h,children:e.jsx(e.Fragment,{children:s?.map((e,r)=>a(e,r,v,d,h,v))})})},exports.mapMenuItems=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("material-ui-popup-state/hooks"),r=require("merge-sx"),p=require("../Popper/Popper.js"),a=require("./MenuItem.js");const o="min(320px, calc(100vw - 32px))",n=(r,s,i,m,u,d)=>{const l=t.usePopupState({variant:"popper",parentPopupState:d});return r.children?.length?e.jsx(p,{popperProps:{placement:"right-end",modifiers:[{name:"preventOverflow",options:{padding:8}}]},surfaceProps:{sx:{p:1,width:"max-content",minWidth:r.width,maxWidth:o}},bindOn:["trigger","hover"],state:l,trigger:e.jsx(a,{...r,active:l.isOpen}),hoverLeaveDelay:u,children:e.jsx(e.Fragment,{children:r?.children?.map((e,t)=>n(e,t,i,void 0,u,l))})},`${r.label}-${s}`):e.jsx(a,{...r,onClick:e=>{return t=e,p=r?.onClick,t.stopPropagation(),void(p&&p(t));var t,p},baseState:i,showItemNumber:m,itemNumber:s+1},`${r.label}-${s}`)};exports.MENU_MAX_WIDTH=o,exports.default=({menuItems:a,offset:s,placement:i,state:m,parentState:u,bindOn:d=["toggle"],trigger:l,width:c=192,maxWidth:h=o,showItemNumbers:x=!1,hoverLeaveDelay:v=0,slotProps:g})=>{const f=m||t.usePopupState({variant:"popper",parentPopupState:u});return e.jsx(p,{popperProps:{modifiers:[...s?[{name:"offset",options:{offset:s}}]:[],{name:"preventOverflow",options:{padding:8}}],placement:i,...g?.popper},surfaceProps:{...g?.surface,sx:r.mergeSx({ml:1,p:1,width:"max-content",minWidth:c,maxWidth:h},g?.surface?.sx)},bindOn:d,trigger:l,state:f,hoverLeaveDelay:v,children:e.jsx(e.Fragment,{children:a?.map((e,t)=>n(e,t,f,x,v,f))})})},exports.mapMenuItems=n;

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

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

package/package.json

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