@useloops/design-system 1.4.675 → 1.4.677

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

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as r,Box as t,useTheme as i,Stack as a,boxClasses as s}from"@mui/material";import p from"@number-flow/react";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 l from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as n}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 d from"../../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 b from"../../WebCore/HtmlParser/HtmlParser.js";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"../../WebCore/NumberField/NumberField.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.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/Typography/Typography.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import u from"../AssetItem/AssetItem.js";import{mapQuestionTypeToLabel as c}from"../utils/mapQuestionTypeToLabel.js";const C=({cardNumber:r,testTitle:m,question:C,questionType:h,subCopy:x,assetThumbnail:g,assetType:y,statTitle:B,statValue:f,onClickAsset:S,resultGraph:I,onClickShowMore:k})=>{const T=i(),{icon:L,label:A}=c(h);return e(j,{children:[e(W,{children:[o(a,{sx:{height:"22px",borderRadius:T.r.md,backgroundColor:T.custom.palette.icon.primary,paddingX:T.p.sm,justifyContent:"center"},children:o(n,{size:"sm",monospaced:!0,textColor:T.custom.palette.text.primaryInverted,children:r})}),o(n,{size:"md",children:m})]}),e(a,{sx:{flexDirection:"row",gap:T.m.xs,borderRadius:T.r.round,border:`1px solid ${T.custom.palette.stroke.light}`,placeSelf:"center",padding:`2px ${T.p.sm}`,alignItems:"center"},children:[o(l,{name:L,size:16}),o(n,{size:"sm",sx:{px:T.p.xs},children:A})]}),e(a,{sx:{gap:T.m.sm,flexDirection:"row",justifyContent:"space-between",paddingX:T.p.md},children:[e(a,{sx:{gap:T.m.sm},children:[o(n,{size:"lg",bold:!0,clamp:4,children:C}),x&&o(b,{typographyProps:{secondary:!0,size:"sm",clamp:3},children:x})]}),o(t,{sx:{minWidth:"92px",width:"92px",height:"92px",overflow:"hidden",borderRadius:T.r.xs,border:`1px solid ${T.custom.palette.stroke.light}`,boxShadow:T.custom.elevation.raised,[`> .${s.root}`]:{display:"flex",height:"100%"}},children:o(u,{mediaType:y,thumbnail:g,onClick:S})})]}),e(a,{sx:{gap:T.m.xs},children:[e(a,{sx:{placeSelf:"center",alignItems:"center",flexDirection:"row",gap:T.m.sm,height:"18px"},children:[o(n,{size:"xs",children:B}),f&&e(n,{size:"xs",bold:!0,monospaced:!0,children:[o(p,{value:f,animated:!0,format:{minimumFractionDigits:2,maximumFractionDigits:2}}),"likert"===h&&"%"]})]}),o(t,{sx:{display:"flex",flexDirection:"column",justifyContent:"center",height:"96px",paddingX:T.p.md},children:I})]}),k&&o(d,{sizing:"sm",sx:{placeSelf:"center"},variation:"outlined",endIcon:o(l,{name:"open-in-new"}),onClick:k,children:"View full result"})]})},j=r(t)(({theme:e})=>({backgroundColor:e.custom.palette.surface.default,borderRadius:e.r.lg,boxShadow:e.custom.elevation.raised,minWidth:32*m+"px",maxWidth:64*m+"px",paddingBottom:e.p.md,display:"grid",gridTemplateRows:"auto auto 1fr 118px auto",gap:e.m.md})),W=r(t)(({theme:e})=>({backgroundColor:e.custom.palette.surface.sunken,display:"flex",alignItems:"start",gap:e.m.sm,padding:e.p.md,borderRadius:`${e.r.lg} ${e.r.lg} 0 0`}));export{C as default};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as t,Box as r,useTheme as i,Stack as a,boxClasses as s}from"@mui/material";import p from"@number-flow/react";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 l from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as n}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 d from"../../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 b from"../../WebCore/HtmlParser/HtmlParser.js";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"../../WebCore/NumberField/NumberField.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.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 u from"../AssetItem/AssetItem.js";import{mapQuestionTypeToLabel as c}from"../utils/mapQuestionTypeToLabel.js";const C=({cardNumber:t,testTitle:m,question:C,questionType:x,subCopy:h,assetThumbnail:g,assetType:y,statTitle:B,statValue:f,onClickAsset:S,resultGraph:I,onClickShowMore:k})=>{const T=i(),{icon:L,label:A}=c(x);return e(j,{children:[e(W,{children:[o(a,{sx:{height:"22px",borderRadius:T.r.md,backgroundColor:T.custom.palette.icon.primary,paddingX:T.p.sm,justifyContent:"center"},children:o(n,{size:"sm",monospaced:!0,textColor:T.custom.palette.text.primaryInverted,children:t})}),o(n,{size:"md",children:m})]}),e(a,{sx:{flexDirection:"row",gap:T.m.xs,borderRadius:T.r.round,border:`1px solid ${T.custom.palette.stroke.light}`,placeSelf:"center",padding:`2px ${T.p.sm}`,alignItems:"center"},children:[o(l,{name:L,size:16}),o(n,{size:"sm",sx:{px:T.p.xs},children:A})]}),e(a,{sx:{gap:T.m.sm,flexDirection:"row",justifyContent:"space-between",paddingX:T.p.md},children:[e(a,{sx:{gap:T.m.sm},children:[o(n,{size:"lg",bold:!0,clamp:4,children:C}),h&&o(b,{typographyProps:{secondary:!0,size:"sm",clamp:3},children:h})]}),o(r,{sx:{minWidth:"92px",width:"92px",height:"92px",overflow:"hidden",borderRadius:T.r.xs,border:`1px solid ${T.custom.palette.stroke.light}`,boxShadow:T.custom.elevation.raised,[`> .${s.root}`]:{display:"flex",height:"100%"}},children:o(u,{mediaType:y,thumbnail:g,onClick:S})})]}),e(a,{sx:{gap:T.m.xs},children:[e(a,{sx:{placeSelf:"center",alignItems:"center",flexDirection:"row",gap:T.m.sm,height:"18px"},children:[o(n,{size:"xs",children:B}),f&&e(n,{size:"xs",bold:!0,monospaced:!0,children:[o(p,{value:f,animated:!0,format:{minimumFractionDigits:2,maximumFractionDigits:2}}),"likert"===x&&"%"]})]}),o(r,{sx:{display:"flex",flexDirection:"column",justifyContent:"center",height:"96px",paddingX:T.p.md},children:I})]}),k&&o(d,{sizing:"sm",sx:{placeSelf:"center"},variation:"outlined",endIcon:o(l,{name:"open-in-new"}),onClick:k,children:"View full result"})]})},j=t(r)(({theme:e})=>({backgroundColor:e.custom.palette.surface.default,borderRadius:e.r.lg,boxShadow:e.custom.elevation.raised,minWidth:32*m+"px",maxWidth:64*m+"px",paddingBottom:e.p.md,display:"grid",gridTemplateRows:"auto auto 1fr 118px auto",gap:e.m.md})),W=t(r)(({theme:e})=>({backgroundColor:e.custom.palette.surface.sunken,display:"flex",alignItems:"start",gap:e.m.sm,padding:e.p.md,borderRadius:`${e.r.lg} ${e.r.lg} 0 0`}));export{C as default};

package/dist/esm/systems/Platform/MiniResultCard/graphVariants.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useTheme as t}from"@mui/material";import{Fragment as r}from"react";import a from"../../BrandCore/Icon/Icon.js";import o from"../GraphBar/GraphBar.js";import i from"../LikertGraph/LikertGraph.js";import"../SliderGraph/_partials/SliderGraphYAxis/SliderGraphYAxis.js";import n from"../SliderGraph/SliderGraph.js";import"@mui/material/styles";import"merge-sx";import"../../WebCore/Text/Text.js";import"../SliderGraph/_partials/StyledComponents.js";const l=({data:t})=>e(i,{hideLabels:!0,hideCheckboxes:!0,hideColorIndicators:!0,data:t,slotProps:{graphBarContainer:{sx:{height:"48px",alignSelf:"center"}},root:{sx:{minWidth:"227px"}}}}),s=({data:r})=>{const a=t();return e(n,{maxHeight:96,data:r,rounding:10,tickInterval:5,hideCheckboxes:!0,hideYAxis:!0,responsive:!0,slotProps:{root:{sx:{height:"96px",minHeight:"96px",padding:0}},bar:{slotProps:{bar:{sx:{backgroundColor:a.custom.palette.purple[100]}}}}}})},p=({data:i})=>{const n=t();return i.map((t,l)=>e(r,{children:e(o,{id:t.id,label:t?.label,relativePercentage:(i.length-l)/i.length*100,percentageSymbol:!0,respondentCount:t.respondentCount,checked:!0,slotProps:{graphBar:{barColor:n.custom.palette.purple[100]},listItem:{sx:{marginBottom:0}}},hideCheckbox:!0,hideUnitColumn1:!0,hideUnitColumn2:!0,icon:e(a,{name:`number-${(l+1).toString()}`,sx:{color:n.custom.palette.icon.secondary}}),animated:!0},t.id)},t.id))},m=({data:a})=>{const i=t();return a.map((t,a)=>e(r,{children:e(o,{id:t.id,label:t.label,relativePercentage:t.relativePercentage,value:t.value,percentageSymbol:!0,respondentCount:t.respondentCount,checked:!0,slotProps:{graphBar:{barColor:i.custom.palette.purple[100]},listItem:{sx:{marginBottom:0}}},hideCheckbox:!0,hideIcon:!0,animated:!0,compact:!0},t.id)},t.id))},d=({data:a})=>{const i=t();return a.map((t,a)=>e(r,{children:e(o,{id:t.id,label:t.label,relativePercentage:t.relativePercentage,value:t.value,percentageSymbol:!0,respondentCount:t.respondentCount,checked:!0,slotProps:{graphBar:{barColor:i.custom.palette.purple[100]},listItem:{sx:{marginBottom:0}}},hideCheckbox:!0,icon:t.icon,animated:!0,compact:!0},t.id)},t.id))},c=({data:i})=>{const n=t();return i.map((t,l)=>e(r,{children:e(o,{id:t.id,label:t.label,relativePercentage:(i.length-l)/i.length*100,hideUnitColumn2:!0,percentageSymbol:!0,value:t.value,icon:e(a,{name:`number-${l+1}`}),hideCheckbox:!0,compact:!0,checked:!0,slotProps:{graphBar:{barColor:"positive"===t.sentiment?n.custom.palette.data.sentimentPositive:n.custom.palette.data.sentimentNegative},unitText2:{sx:{width:"unset",maxWidth:42,flexShrink:1}},icon:{sx:{color:"positive"===t.sentiment?n.custom.palette.data.sentimentVeryPositive:n.custom.palette.data.sentimentVeryNegative}},graphBarTypography:{weight:"bold",sx:{color:n.custom.palette.red[1e3]}},listItem:{sx:{marginBottom:0}}}})},t.id))};export{d as MiniEmojiGraph,l as MiniLikertGraph,c as MiniOpenQuestionGraph,m as MiniPunchGraph,p as MiniRankGraph,s as MiniSliderGraph};
+import{jsx as e}from"react/jsx-runtime";import{useTheme as t}from"@mui/material";import{Fragment as r}from"react";import a from"../../BrandCore/Icon/Icon.js";import o from"../GraphBar/GraphBar.js";import i from"../LikertGraph/LikertGraph.js";import"../SliderGraph/_partials/SliderGraphYAxis/SliderGraphYAxis.js";import n from"../SliderGraph/SliderGraph.js";import"@mui/material/styles";import"merge-sx";import"../../WebCore/Text/Text.js";import"../SliderGraph/_partials/StyledComponents.js";const l=({data:t})=>e(i,{hideLabels:!0,hideCheckboxes:!0,hideColorIndicators:!0,data:t,slotProps:{graphBarContainer:{sx:{height:"48px",alignSelf:"center"}},root:{sx:{minWidth:"227px"}}}}),s=({data:r})=>{const a=t();return e(n,{maxHeight:96,data:r,rounding:10,tickInterval:5,hideCheckboxes:!0,hideYAxis:!0,responsive:!0,slotProps:{root:{sx:{height:"96px",minHeight:"96px",padding:0}},bar:{slotProps:{bar:{sx:{backgroundColor:a.custom.palette.purple[100]}}}}}})},p=({data:i})=>{const n=t();return i.map((t,l)=>e(r,{children:e(o,{id:t.id,label:t?.label,relativePercentage:(i.length-l)/i.length*100,percentageSymbol:!0,respondentCount:t.respondentCount,checked:!0,slotProps:{graphBar:{barColor:n.custom.palette.purple[100]},listItem:{sx:{marginBottom:0}}},hideCheckbox:!0,hideUnitColumn1:!0,hideUnitColumn2:!0,icon:e(a,{name:`number-${(l+1).toString()}`,sx:{color:n.custom.palette.icon.secondary}}),animated:!0},t.id)},t.id))},m=({data:a})=>{const i=t();return a.map((t,a)=>e(r,{children:e(o,{id:t.id,label:t.label,relativePercentage:t.relativePercentage,value:t.value,percentageSymbol:!0,respondentCount:t.respondentCount,checked:!0,slotProps:{graphBar:{barColor:i.custom.palette.purple[100]},listItem:{sx:{marginBottom:0}}},hideCheckbox:!0,hideIcon:!0,animated:!0,compact:!0},t.id)},t.id))},d=({data:a})=>{const i=t();return a.map((t,a)=>e(r,{children:e(o,{id:t.id,label:t.label,relativePercentage:t.relativePercentage,value:t.value,percentageSymbol:!0,respondentCount:t.respondentCount,checked:!0,slotProps:{graphBar:{barColor:i.custom.palette.purple[100]},listItem:{sx:{marginBottom:0}}},hideCheckbox:!0,icon:t.icon,animated:!0,compact:!0},t.id)},t.id))},c=({data:i})=>{const n=t();return i.map((t,l)=>e(r,{children:e(o,{id:t.id,label:t.label,relativePercentage:(i.length-l)/i.length*100,hideUnitColumn2:!0,percentageSymbol:!0,value:t.value,icon:e(a,{name:`number-${l+1}`}),hideCheckbox:!0,compact:!0,checked:!0,slotProps:{graphBar:{barColor:"positive"===t.sentiment?n.custom.palette.data.sentimentPositive:n.custom.palette.data.sentimentNegative},unitText2:{sx:{width:"unset",maxWidth:42,flexShrink:1}},icon:{sx:{color:"positive"===t.sentiment?n.custom.palette.data.sentimentVeryPositive:n.custom.palette.data.sentimentVeryNegative}},graphBarTypography:{bold:!0,sx:{color:n.custom.palette.red[1e3]}},listItem:{sx:{marginBottom:0}}}})},t.id))};export{d as MiniEmojiGraph,l as MiniLikertGraph,c as MiniOpenQuestionGraph,m as MiniPunchGraph,p as MiniRankGraph,s as MiniSliderGraph};

package/dist/esm/systems/Platform/OnboardingCard/StyledTimeline.js

@@ -1 +1 @@
-import{TimelineDot as o}from"@mui/lab";import{styled as t,Box as e,linkClasses as i,boxClasses as r}from"@mui/material";import n from"../../WebCore/Link/Link.js";import{Text as a}from"../../WebCore/Text/Text.js";import{fontSizemap as p}from"../../WebCore/utils/typography.util.js";const m=t(o)(({theme:o,completed:t})=>({width:"24px",height:"24px",backgroundColor:o.custom.palette.surface.raised,boxShadow:"none",border:"none",padding:0,margin:"4px 0",...!t&&{border:`2px dashed ${o.custom.palette.icon.disabled}`}})),c=t(e)(({theme:o})=>({display:"flex",flexDirection:"column",padding:`0 0 ${o.spacing(o.custom.padding.md)} ${o.spacing(o.custom.padding.sm)}`})),s=o=>({display:"flex",flexWrap:"wrap",alignItems:"center",gap:o.spacing(o.custom.padding.sm),marginTop:o.spacing(o.custom.margin.xs)}),l=t(n)(({theme:o})=>({[`&.${i.root}`]:{...s(o),"& .MuiSvgIcon-root":{color:o.custom.palette.icon.link},"> .MuiTypography-root":{textAlign:"start"},"&:hover":{"> .MuiTypography-root:first-child":{textDecoration:"underline"},"& .MuiSvgIcon-root":{color:o.custom.palette.icon.linkHover}}}})),d=t(e)(({theme:o})=>({[`&.${r.root}`]:{...s(o),"& .MuiTypography-root":{color:"inherit"}}})),g=t(a)(()=>({color:"inherit",fontWeight:500,fontSize:p.lg})),u=t(a)(({theme:o})=>({fontWeight:400,textDecoration:"none",color:o.custom.palette.text.secondary,flexBasis:"100%"}));export{u as DescriptionText,c as ItemContainer,d as StyledBoxWrapper,m as StyledDot,l as StyledLinkWrapper,g as TitleText};
+import{TimelineDot as o}from"@mui/lab";import{styled as t,Box as e,linkClasses as i,boxClasses as r}from"@mui/material";import n from"../../WebCore/Link/Link.js";import{Text as a}from"../../WebCore/Text/Text.js";import{fontSizemap as p}from"../../WebCore/utils/typography.util.js";const m=t(o)(({theme:o,completed:t})=>({width:"24px",height:"24px",backgroundColor:o.custom.palette.surface.raised,boxShadow:"none",border:"none",padding:0,margin:"4px 0",...!t&&{border:`2px dashed ${o.custom.palette.icon.disabled}`}})),c=t(e)(({theme:o})=>({display:"flex",flexDirection:"column",padding:`0 0 ${o.spacing(o.custom.padding.md)} ${o.spacing(o.custom.padding.sm)}`})),s=o=>({display:"flex",flexWrap:"wrap",alignItems:"center",gap:o.spacing(o.custom.padding.sm),marginTop:o.spacing(o.custom.margin.xs)}),l=t(n)(({theme:o})=>({[`&.${i.root}`]:{...s(o),"& .MuiSvgIcon-root":{color:o.custom.palette.icon.link},"> .MuiTypography-root":{textAlign:"start"},"&:hover":{"> .MuiTypography-root:first-child":{textDecoration:"underline"},"& .MuiSvgIcon-root":{color:o.custom.palette.icon.linkHover}}}})),d=t(e)(({theme:o})=>({[`&.${r.root}`]:{...s(o),"& .MuiTypography-root":{color:"inherit"}}})),g=t(a)(()=>({color:"inherit",fontWeight:500,fontSize:p.lg})),u=t(a)(({theme:o})=>({fontWeight:400,textDecoration:"none",color:o.custom.palette.text.secondary,flexBasis:"100%",fontSize:p.lg}));export{u as DescriptionText,c as ItemContainer,d as StyledBoxWrapper,m as StyledDot,l as StyledLinkWrapper,g as TitleText};

package/dist/esm/systems/Platform/OnboardingCard/Timeline.js

@@ -1 +1 @@
-import{jsx as e,jsxs as i}from"react/jsx-runtime";import{timelineItemClasses as t,TimelineItem as n,TimelineSeparator as o,TimelineConnector as r,TimelineContent as l}from"@mui/lab";import c from"@mui/lab/Timeline";import{Box as m}from"@mui/material";import{motion as a}from"motion/react";import{useMemo as d,useRef as s,useState as p,useCallback as h,useEffect as u}from"react";import g from"../../BrandCore/Icon/Icon.js";import f from"../../WebCore/Button/Button.js";import{StyledDot as C,ItemContainer as x,TitleText as v,DescriptionText as b,StyledBoxWrapper as k,StyledLinkWrapper as w}from"./StyledTimeline.js";const z=({children:i,complete:t,onClick:n})=>t?e(k,{children:i}):e(w,{underline:"none",component:"button",onClick:n,target:"_self",children:i}),j=({complete:t,title:n,description:o,onClick:r})=>e(x,{children:i(z,{complete:t,onClick:r,children:[e(v,{component:"p",variation:"lg",children:n}),!t&&e(g,{name:"arrow-right",size:16}),!t&&o&&e(b,{variation:"lg",component:"p",children:o})]})}),y=({item:t,showConnector:c})=>{const{complete:m,title:a,description:d,onClick:s}=t;return i(n,{children:[i(o,{children:[e(C,{completed:m,children:m?e(g,{name:"badge-tick-in-circle",size:24}):void 0}),c&&e(r,{sx:{backgroundColor:e=>e.custom.palette.icon.disabled}})]}),t&&e(l,{sx:{pt:0},children:e(j,{complete:m,title:a,description:d,onClick:s})})]})},B={initial:{height:"auto",transition:{duration:0}},animate:e=>({height:e,transition:{duration:.4,ease:[.645,.045,.355,1]}})},T=({expanded:n,onToggleExpanded:o,items:r})=>{const l=r.find(e=>!e.complete),C=d(()=>n?r:[l],[n,r,l]),x=s(null),[v,b]=p(),k=h(()=>{if(!x.current)return;const e=x.current.scrollHeight;b(e)},[r]);return u(()=>{k()},[n,k]),u(()=>{const e=new ResizeObserver(k);return x.current&&e.observe(x.current),()=>e.disconnect()},[k]),e(a.div,{variants:B,initial:"initial",animate:"auto"===v?"initial":["initial","animate"],custom:v,style:{overflow:"hidden"},children:e("div",{ref:x,style:{display:"flex"},children:i(c,{sx:{paddingLeft:e=>e.spacing(e.custom.padding.xs),marginBottom:0,[`& .${t.root}`]:{minHeight:0,":before":{flex:0,padding:0}}},children:[C.map((i,t)=>{const n=t<C.length-1;return i&&i?.title===l?.title?e(y,{item:i,showConnector:C.length>1?n:!!l?.description},`${i.title}-${i.complete}`):i&&e(y,{item:i,showConnector:n},i.title)}),!n&&e(m,{sx:{marginTop:e=>e.spacing(e.custom.margin.md),alignSelf:"center"},children:e(f,{endIcon:e(g,{name:"chevron-down",size:16}),sizing:"xs",variation:"outlined",onClick:o,children:"Show more"})})]})})})};export{T as default};
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{timelineItemClasses as t,TimelineItem as n,TimelineSeparator as o,TimelineConnector as r,TimelineContent as l}from"@mui/lab";import c from"@mui/lab/Timeline";import{Box as m}from"@mui/material";import{motion as a}from"motion/react";import{useMemo as d,useRef as s,useState as p,useCallback as h,useEffect as u}from"react";import g from"../../BrandCore/Icon/Icon.js";import f from"../../WebCore/Button/Button.js";import{StyledDot as C,ItemContainer as x,TitleText as b,DescriptionText as k,StyledBoxWrapper as v,StyledLinkWrapper as w}from"./StyledTimeline.js";const z=({children:i,complete:t,onClick:n})=>t?e(v,{children:i}):e(w,{underline:"none",component:"button",onClick:n,target:"_self",children:i}),j=({complete:t,title:n,description:o,onClick:r})=>e(x,{children:i(z,{complete:t,onClick:r,children:[e(b,{children:n}),!t&&e(g,{name:"arrow-right",size:16}),!t&&o&&e(k,{children:o})]})}),y=({item:t,showConnector:c})=>{const{complete:m,title:a,description:d,onClick:s}=t;return i(n,{children:[i(o,{children:[e(C,{completed:m,children:m?e(g,{name:"badge-tick-in-circle",size:24}):void 0}),c&&e(r,{sx:{backgroundColor:e=>e.custom.palette.icon.disabled}})]}),t&&e(l,{sx:{pt:0},children:e(j,{complete:m,title:a,description:d,onClick:s})})]})},B={initial:{height:"auto",transition:{duration:0}},animate:e=>({height:e,transition:{duration:.4,ease:[.645,.045,.355,1]}})},T=({expanded:n,onToggleExpanded:o,items:r})=>{const l=r.find(e=>!e.complete),C=d(()=>n?r:[l],[n,r,l]),x=s(null),[b,k]=p(),v=h(()=>{if(!x.current)return;const e=x.current.scrollHeight;k(e)},[r]);return u(()=>{v()},[n,v]),u(()=>{const e=new ResizeObserver(v);return x.current&&e.observe(x.current),()=>e.disconnect()},[v]),e(a.div,{variants:B,initial:"initial",animate:"auto"===b?"initial":["initial","animate"],custom:b,style:{overflow:"hidden"},children:e("div",{ref:x,style:{display:"flex"},children:i(c,{sx:{paddingLeft:e=>e.spacing(e.custom.padding.xs),marginBottom:0,[`& .${t.root}`]:{minHeight:0,":before":{flex:0,padding:0}}},children:[C.map((i,t)=>{const n=t<C.length-1;return i&&i?.title===l?.title?e(y,{item:i,showConnector:C.length>1?n:!!l?.description},`${i.title}-${i.complete}`):i&&e(y,{item:i,showConnector:n},i.title)}),!n&&e(m,{sx:{marginTop:e=>e.spacing(e.custom.margin.md),alignSelf:"center"},children:e(f,{endIcon:e(g,{name:"chevron-down",size:16}),sizing:"xs",variation:"outlined",onClick:o,children:"Show more"})})]})})})};export{T as default};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useTheme as t,Stack as r}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"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.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 a 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"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.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/Typography/Typography.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";const p=({children:p,items:s,activeItem:m,onClickNext:l,onClickPrevious:n,renderTitle:b})=>{const C=t(),c=({active:e})=>o("svg",{xmlns:"http://www.w3.org/2000/svg",width:"4",height:"4",viewBox:"0 0 4 4",fill:"none",children:o("circle",{cx:"2",cy:"2",r:"2",fill:e?C.custom.palette.icon.primary:C.custom.palette.icon.disabled})});return e(r,{sx:{pt:C.spacing(C.custom.padding.xs),gap:C.spacing(C.custom.padding.sm),justifyContent:"center",alignItems:"center"},children:[e(r,{direction:"row",justifyContent:"space-between",alignItems:"center",width:"100%",children:[b||null,s?.length>1&&e(r,{direction:"row",sx:{ml:"auto",gap:"2px"},children:[o(a,{shape:"round",variation:"outlined",sizing:"xs",icon:o(i,{name:"chevron-left",color:C.custom.palette.icon.primary}),onClick:n}),o(a,{shape:"round",variation:"outlined",sizing:"xs",icon:o(i,{name:"chevron-right",color:C.custom.palette.icon.primary}),onClick:l})]})]}),p,o(r,{direction:"row",gap:C.spacing(C.custom.margin.xs),children:s.map((e,t)=>o(c,{active:e===m},`pag-ctrl-dot-${t}`))})]})};export{p as default};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useTheme as t,Stack as r}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"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.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 a 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"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.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";const p=({children:p,items:s,activeItem:m,onClickNext:l,onClickPrevious:n,renderTitle:b})=>{const c=t(),C=({active:e})=>o("svg",{xmlns:"http://www.w3.org/2000/svg",width:"4",height:"4",viewBox:"0 0 4 4",fill:"none",children:o("circle",{cx:"2",cy:"2",r:"2",fill:e?c.custom.palette.icon.primary:c.custom.palette.icon.disabled})});return e(r,{sx:{pt:c.spacing(c.custom.padding.xs),gap:c.spacing(c.custom.padding.sm),justifyContent:"center",alignItems:"center"},children:[e(r,{direction:"row",sx:{justifyContent:"space-between",alignItems:"center",width:"100%"},children:[b||null,s?.length>1&&e(r,{direction:"row",sx:{ml:"auto",gap:"2px"},children:[o(a,{shape:"round",variation:"outlined",sizing:"xs",icon:o(i,{name:"chevron-left",color:c.custom.palette.icon.primary}),onClick:n}),o(a,{shape:"round",variation:"outlined",sizing:"xs",icon:o(i,{name:"chevron-right",color:c.custom.palette.icon.primary}),onClick:l})]})]}),p,o(r,{direction:"row",sx:{gap:c.spacing(c.custom.margin.xs)},children:s.map((e,t)=>o(C,{active:e===m},`pag-ctrl-dot-${t}`))})]})};export{p as default};

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

@@ -1 +1 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{DotLottieReact as t}from"@lottiefiles/dotlottie-react";import{useTheme as r,Box as i}from"@mui/material";import{AnimatePresence as a,motion as p}from"motion/react";import{memo as s}from"react";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as m}from"../../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"../../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/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.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/Typography/Typography.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import l from"./_partials/StyledSurface/StyledSurface.js";const n="https://useloops-public.s3.eu-west-2.amazonaws.com/public/logo/pinch-to-zoom-light.json",b="https://useloops-public.s3.eu-west-2.amazonaws.com/public/logo/pinch-to-zoom-dark.json",d={sm:65,md:79},u=s(({lightMode:o})=>e(t,{src:o?n:b,loop:!0,autoplay:!0,width:1920,height:1080})),C=({instructionText:t,size:s,show:n})=>{const b=r(),C="light"===b.palette.mode;return e(a,{children:n&&e(i,{component:p.div,initial:{opacity:0,y:32},animate:{opacity:1,y:0},exit:{opacity:0,y:32},transition:{duration:.3,ease:"easeInOut"},children:o(l,{variation:"overlay",borderradius:"lg",size:s,children:[e(i,{sx:{width:d[s],height:d[s],pt:b.p.xs,pr:b.p.sm,pb:b.p.sm,display:"flex",flex:"1 0 auto"},children:e(u,{lightMode:C})}),e(i,{sx:{display:"flex",alignItems:"center",flex:"0 1 auto",height:d[s],overflow:"hidden"},children:e(m,{size:s,textColor:b.custom.palette.text.primaryInverted,children:t})})]})})})};export{C as default};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{DotLottieReact as t}from"@lottiefiles/dotlottie-react";import{useTheme as r,Box as i}from"@mui/material";import{AnimatePresence as a,motion as p}from"motion/react";import{memo as s}from"react";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as l}from"../../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"../../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/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.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 m from"./_partials/StyledSurface/StyledSurface.js";const n="https://useloops-public.s3.eu-west-2.amazonaws.com/public/logo/pinch-to-zoom-light.json",b="https://useloops-public.s3.eu-west-2.amazonaws.com/public/logo/pinch-to-zoom-dark.json",d={sm:65,md:79},u=s(({lightMode:o})=>e(t,{src:o?n:b,loop:!0,autoplay:!0,width:1920,height:1080})),C=({instructionText:t,size:s,show:n})=>{const b=r(),C="light"===b.palette.mode;return e(a,{children:n&&e(i,{component:p.div,initial:{opacity:0,y:32},animate:{opacity:1,y:0},exit:{opacity:0,y:32},transition:{duration:.3,ease:"easeInOut"},children:o(m,{variation:"overlay",borderradius:"lg",size:s,children:[e(i,{sx:{width:d[s],height:d[s],pt:b.p.xs,pr:b.p.sm,pb:b.p.sm,display:"flex",flex:"1 0 auto"},children:e(u,{lightMode:C})}),e(i,{sx:{display:"flex",alignItems:"center",flex:"0 1 auto",height:d[s],overflow:"hidden"},children:e(l,{size:s,textColor:b.custom.palette.text.primaryInverted,children:t})})]})})})};export{C as default};

package/dist/esm/systems/Platform/PinchIndicator/_partials/StyledSurface/StyledSurface.js

@@ -1 +1 @@
-import{styled as e}from"@mui/material";import"../../../../../utils/formValidation/misc.js";import"react/jsx-runtime";import"../../../../BrandCore/Icon/Icon.js";import"../../../../BrandCore/primitiveVariables.js";import"../../../../WebCore/utils/typography.util.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"../../../../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 o 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/Select/StyledSelect.js";import"../../../../WebCore/RankItem/RankItemContainer.js";import"../../../../WebCore/RankItem/RankItemLabel.js";import"../../../../WebCore/SortableList/SortableList.js";import"../../../../WebCore/SortableList/components/SortableItem/SortableItem.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/Typography/Typography.js";import"../../../../WebCore/UserMenu/UserMenuButton.js";import"../../../../WebCore/VideoModal/VideoModal.js";import{omitProps as r}from"../../../../../utils/shouldForwardProp.js";const t=e(o,{shouldForwardProp:r(["size"])})(({theme:e,size:o})=>({display:"flex",alignItems:"center",padding:`${e.spacing(e.p.sm)} ${e.spacing(e.p.md)}`,gap:e.spacing(e.p.sm),backgroundColor:e.custom.palette.icon.primary,maxWidth:"md"===o?360:264}));export{t as default};
+import{styled as e}from"@mui/material";import"../../../../../utils/formValidation/misc.js";import"react/jsx-runtime";import"../../../../BrandCore/Icon/Icon.js";import"../../../../BrandCore/primitiveVariables.js";import"../../../../WebCore/utils/typography.util.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"../../../../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 o 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/Select/StyledSelect.js";import"../../../../WebCore/RankItem/RankItemContainer.js";import"../../../../WebCore/RankItem/RankItemLabel.js";import"../../../../WebCore/SortableList/SortableList.js";import"../../../../WebCore/SortableList/components/SortableItem/SortableItem.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{omitProps as r}from"../../../../../utils/shouldForwardProp.js";const t=e(o,{shouldForwardProp:r(["size"])})(({theme:e,size:o})=>({display:"flex",alignItems:"center",padding:`${e.spacing(e.p.sm)} ${e.spacing(e.p.md)}`,gap:e.spacing(e.p.sm),backgroundColor:e.custom.palette.icon.primary,maxWidth:"md"===o?360:264}));export{t as default};

package/dist/esm/systems/Platform/ProjectItem/ProjectItemEmpty.js

@@ -1 +1 @@
-import{jsx as i,jsxs as e}from"react/jsx-runtime";import{useTheme as t,Stack as n}from"@mui/material";import a from"../../BrandCore/Icon/Icon.js";import r from"./_partials/ProjectItemTitle.js";import{CardContainer as s,CardActionArea as l,ImageContainer as d,Tile as o,CardContent as c}from"./_partials/styledPartials.js";const m=({onClick:m,viewType:p,title:h})=>{const x=t();return i(s,"list"===p?{disableRaisedEffect:!0,sx:{borderBottom:`1px solid ${x.custom.palette.stroke.light}`},children:e(l,{component:"div",onClick:m,sx:{display:"flex",gap:x.spacing(x.custom.margin.sm),alignItems:"center",padding:x.spacing(x.custom.padding.xs)},children:[i(d,{sx:{height:72,width:108},"data-id":"image-container",children:i(o,{viewType:p,children:i(a,{name:"add"})})}),i(c,{sx:{overflow:"hidden",pl:x.spacing(x.custom.padding.sm),minWidth:67,flex:1,"&:last-child":{pb:0}},children:i(n,{gap:x.spacing(x.custom.margin.xs),children:i(r,{title:h,maxLines:1})})})]})}:{sx:{height:"100%"},children:e(l,{component:"div",onClick:m,disableHoverStyle:!0,sx:{height:"inherit",display:"flex",flexDirection:"column",justifyContent:"flex-start",alignItems:"flex-start"},children:[i(d,{"data-id":"image-container",sx:{width:"100%"},children:i(o,{viewType:p,children:i(a,{name:"add"})})}),i(c,{children:i(r,{title:h,maxLines:2})})]})})};export{m as default};
+import{jsx as i,jsxs as e}from"react/jsx-runtime";import{useTheme as t,Stack as n}from"@mui/material";import a from"../../BrandCore/Icon/Icon.js";import s from"./_partials/ProjectItemTitle.js";import{CardContainer as r,CardActionArea as l,ImageContainer as d,Tile as o,CardContent as c}from"./_partials/styledPartials.js";const m=({onClick:m,viewType:p,title:h})=>{const x=t();return i(r,"list"===p?{disableRaisedEffect:!0,sx:{borderBottom:`1px solid ${x.custom.palette.stroke.light}`},children:e(l,{component:"div",onClick:m,sx:{display:"flex",gap:x.spacing(x.custom.margin.sm),alignItems:"center",padding:x.spacing(x.custom.padding.xs)},children:[i(d,{sx:{height:72,width:108},"data-id":"image-container",children:i(o,{viewType:p,children:i(a,{name:"add"})})}),i(c,{sx:{overflow:"hidden",pl:x.spacing(x.custom.padding.sm),minWidth:67,flex:1,"&:last-child":{pb:0}},children:i(n,{sx:{gap:x.spacing(x.custom.margin.xs)},children:i(s,{title:h,maxLines:1})})})]})}:{sx:{height:"100%"},children:e(l,{component:"div",onClick:m,disableHoverStyle:!0,sx:{height:"inherit",display:"flex",flexDirection:"column",justifyContent:"flex-start",alignItems:"flex-start"},children:[i(d,{"data-id":"image-container",sx:{width:"100%"},children:i(o,{viewType:p,children:i(a,{name:"add"})})}),i(c,{children:i(s,{title:h,maxLines:2})})]})})};export{m as default};

package/dist/esm/systems/Platform/ProjectItem/ProjectItemGridView.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Box as o}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.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"../../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/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.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 r from"../../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/Typography/Typography.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import i from"./_partials/NoThumbnailPlaceholder.js";import a from"./_partials/ProjectInfo.js";import p from"./_partials/ProjectItemBadge.js";import s from"./_partials/ProjectItemTitle.js";import{CardContainer as m,CardActionArea as l,ImageContainer as n,CardContent as d,LazyImage as b}from"./_partials/styledPartials.js";import C from"./_partials/UpdatedInfo.js";const j=({title:j,description:c,loopCount:u,testCount:W,draftCount:B,updatedAt:h,moreActions:y,thumbnail:S,noThumbnailMessage:g,isDemo:f,loading:I,onClick:L})=>e(m,I?{disableRaisedEffect:!0,sx:{pointerEvents:"none"},children:t(l,{component:"div",disableHoverStyle:!0,children:[e(n,{"data-id":"image-container",children:e(r,{})}),t(d,{children:[e(o,{"data-id":"title-container",height:32,children:e(r,{})}),e(r,{height:20}),e(r,{height:16,width:"60%"})]})]})}:{children:t(l,{component:"div",disableHoverStyle:!0,onClick:e=>{e.target.closest('[data-id="more-actions-container"]')||L?.()},children:[t(n,{"data-id":"image-container",sx:{border:e=>`1px solid ${e.custom.palette.stroke.light}`},children:[f&&e(p,{body:"Demo",sx:{bottom:8,left:8}}),S&&e(b,{thumbnail:S,title:j,description:c}),!S&&g&&e(i,{text:g,textSizing:"sm"})]}),t(d,{children:[t(o,{"data-id":"title-container",children:[e(s,{title:j,maxLines:2}),e(o,{"data-id":"more-actions-container",children:y})]}),e(a,{loops:u,tests:W,drafts:B}),e(C,{updatedDate:h,format:!0})]})]})});export{j as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Box as o}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.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"../../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/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.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 r from"../../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 i from"./_partials/NoThumbnailPlaceholder.js";import a from"./_partials/ProjectInfo.js";import p from"./_partials/ProjectItemBadge.js";import s from"./_partials/ProjectItemTitle.js";import{CardContainer as l,CardActionArea as m,ImageContainer as n,CardContent as d,LazyImage as b}from"./_partials/styledPartials.js";import C from"./_partials/UpdatedInfo.js";const j=({title:j,description:c,loopCount:u,testCount:W,draftCount:B,updatedAt:h,moreActions:S,thumbnail:y,noThumbnailMessage:f,isDemo:g,loading:I,onClick:L})=>e(l,I?{disableRaisedEffect:!0,sx:{pointerEvents:"none"},children:t(m,{component:"div",disableHoverStyle:!0,children:[e(n,{"data-id":"image-container",children:e(r,{})}),t(d,{children:[e(o,{"data-id":"title-container",sx:{height:32},children:e(r,{})}),e(r,{height:20}),e(r,{height:16,width:"60%"})]})]})}:{children:t(m,{component:"div",disableHoverStyle:!0,onClick:e=>{e.target.closest('[data-id="more-actions-container"]')||L?.()},children:[t(n,{"data-id":"image-container",sx:{border:e=>`1px solid ${e.custom.palette.stroke.light}`},children:[g&&e(p,{body:"Demo",sx:{bottom:8,left:8}}),y&&e(b,{thumbnail:y,title:j,description:c}),!y&&f&&e(i,{text:f,textSizing:"sm"})]}),t(d,{children:[t(o,{"data-id":"title-container",children:[e(s,{title:j,maxLines:2}),e(o,{"data-id":"more-actions-container",children:S})]}),e(a,{loops:u,tests:W,drafts:B}),e(C,{updatedDate:h,format:!0})]})]})});export{j as default};

package/dist/esm/systems/Platform/ProjectItem/ProjectItemListView.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useTheme as o,Stack as r,Box 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"../../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"../../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/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.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 a from"../../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/Typography/Typography.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import s from"./_partials/NoThumbnailPlaceholder.js";import p from"./_partials/ProjectInfo.js";import m from"./_partials/ProjectItemBadge.js";import l from"./_partials/ProjectItemTitle.js";import{CardContainer as n,CardActionArea as d,ImageContainer as b,CardContent as c,LazyImage as u}from"./_partials/styledPartials.js";import C from"./_partials/UpdatedInfo.js";const j=({title:j,description:W,loopCount:g,testCount:h,draftCount:B,updatedAt:x,moreActions:f,thumbnail:y,noThumbnailMessage:S,isDemo:I,loading:k,onClick:L})=>{const A=o();return e(n,k?{disableRaisedEffect:!0,sx:{pointerEvents:"none",borderBottom:`1px solid ${A.custom.palette.stroke.light}`},children:t(d,{component:"div",onClick:L,sx:{display:"flex",gap:A.spacing(A.custom.margin.sm),alignItems:"center",padding:A.spacing(A.custom.padding.xs)},children:[e(b,{sx:{border:e=>`1px solid ${e.custom.palette.stroke.light}`,height:72,width:108},"data-id":"image-container",children:e(a,{})}),e(c,{sx:{overflow:"hidden",pl:A.spacing(A.custom.padding.sm),minWidth:67,flex:1,"&:last-child":{pb:0}},children:t(r,{gap:A.spacing(A.custom.margin.xs),children:[e(a,{width:"100%",height:20}),t(r,{direction:"row",gap:A.spacing(A.custom.margin.xs),justifyContent:"space-between",flexWrap:"wrap",children:[e(a,{height:20,width:"70%"}),e(a,{height:16,width:200})]})]})})]})}:{disableRaisedEffect:!0,sx:{borderBottom:`1px solid ${A.custom.palette.stroke.light}`},children:t(d,{component:"div",onClick:e=>{e.target.closest('[data-id="more-actions-container"]')||L?.()},sx:{display:"flex",gap:A.spacing(A.custom.margin.sm),alignItems:"center",padding:A.spacing(A.custom.padding.xs)},children:[t(b,{sx:{border:e=>`1px solid ${e.custom.palette.stroke.light}`,height:72,width:108},"data-id":"image-container",children:[I&&e(m,{sx:{top:4,right:4},body:"Demo"}),y&&e(u,{thumbnail:y,title:j,description:W}),!y&&S&&e(s,{text:S,textSizing:"xxs"})]}),e(c,{sx:{overflow:"hidden",pl:A.spacing(A.custom.padding.sm),minWidth:67,flex:1,"&:last-child":{pb:0}},children:t(r,{gap:A.spacing(A.custom.margin.xs),children:[e(l,{title:j,maxLines:1}),t(r,{direction:"row",gap:A.spacing(A.custom.margin.xs),justifyContent:"space-between",flexWrap:"wrap",children:[e(p,{loops:g,tests:h,drafts:B}),e(C,{updatedDate:x,format:!0,noWrap:!0})]})]})}),f&&e(i,{"data-id":"more-actions-container",children:f})]})})};export{j as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useTheme as o,Stack as r,Box 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"../../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"../../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/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.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 a from"../../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 s from"./_partials/NoThumbnailPlaceholder.js";import p from"./_partials/ProjectInfo.js";import m from"./_partials/ProjectItemBadge.js";import l from"./_partials/ProjectItemTitle.js";import{CardContainer as n,CardActionArea as d,ImageContainer as b,CardContent as c,LazyImage as u}from"./_partials/styledPartials.js";import C from"./_partials/UpdatedInfo.js";const j=({title:j,description:W,loopCount:g,testCount:h,draftCount:x,updatedAt:B,moreActions:f,thumbnail:y,noThumbnailMessage:S,isDemo:I,loading:k,onClick:L})=>{const A=o();return e(n,k?{disableRaisedEffect:!0,sx:{pointerEvents:"none",borderBottom:`1px solid ${A.custom.palette.stroke.light}`},children:t(d,{component:"div",onClick:L,sx:{display:"flex",gap:A.spacing(A.custom.margin.sm),alignItems:"center",padding:A.spacing(A.custom.padding.xs)},children:[e(b,{sx:{border:e=>`1px solid ${e.custom.palette.stroke.light}`,height:72,width:108},"data-id":"image-container",children:e(a,{})}),e(c,{sx:{overflow:"hidden",pl:A.spacing(A.custom.padding.sm),minWidth:67,flex:1,"&:last-child":{pb:0}},children:t(r,{sx:{gap:A.spacing(A.custom.margin.xs)},children:[e(a,{width:"100%",height:20}),t(r,{direction:"row",sx:{gap:A.spacing(A.custom.margin.xs),justifyContent:"space-between",flexWrap:"wrap"},children:[e(a,{height:20,width:"70%"}),e(a,{height:16,width:200})]})]})})]})}:{disableRaisedEffect:!0,sx:{borderBottom:`1px solid ${A.custom.palette.stroke.light}`},children:t(d,{component:"div",onClick:e=>{e.target.closest('[data-id="more-actions-container"]')||L?.()},sx:{display:"flex",gap:A.spacing(A.custom.margin.sm),alignItems:"center",padding:A.spacing(A.custom.padding.xs)},children:[t(b,{sx:{border:e=>`1px solid ${e.custom.palette.stroke.light}`,height:72,width:108},"data-id":"image-container",children:[I&&e(m,{sx:{top:4,right:4},body:"Demo"}),y&&e(u,{thumbnail:y,title:j,description:W}),!y&&S&&e(s,{text:S,textSizing:"xxs"})]}),e(c,{sx:{overflow:"hidden",pl:A.spacing(A.custom.padding.sm),minWidth:67,flex:1,"&:last-child":{pb:0}},children:t(r,{sx:{gap:A.spacing(A.custom.margin.xs)},children:[e(l,{title:j,maxLines:1}),t(r,{direction:"row",sx:{gap:A.spacing(A.custom.margin.xs),justifyContent:"space-between",flexWrap:"wrap"},children:[e(p,{loops:g,tests:h,drafts:x}),e(C,{updatedDate:B,format:!0,noWrap:!0})]})]})}),f&&e(i,{"data-id":"more-actions-container",children:f})]})})};export{j as default};

package/dist/esm/systems/Platform/ProjectItem/_partials/NoThumbnailPlaceholder.js

@@ -1 +1 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useTheme as t,Box as r,Stack as i}from"@mui/material";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/primitiveVariables.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import a from"../../../BrandCore/Icon/Icon.js";import"../../../../utils/formValidation/misc.js";import"../../../WebCore/utils/typography.util.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/SelectItem/SelectItem.js";import"../../../WebCore/Accordion/Accordion.js";import"../../../WebCore/Animations/FadeIn.js";import{Text as p}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"../../../WebCore/NumberField/NumberField.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/Select/StyledSelect.js";import"../../../WebCore/RankItem/RankItemContainer.js";import"../../../WebCore/RankItem/RankItemLabel.js";import"../../../WebCore/SortableList/SortableList.js";import"../../../WebCore/SortableList/components/SortableItem/SortableItem.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/Typography/Typography.js";import"../../../WebCore/UserMenu/UserMenuButton.js";import"../../../WebCore/VideoModal/VideoModal.js";const s=({text:s,textSizing:m="sm"})=>{const l=t();return e(r,{sx:{p:l.custom.padding.sm,background:`linear-gradient(135deg, ${l.custom.palette.neutral[50]} 0%, ${l.custom.palette.neutral[100]} 100%)`},children:o(i,{display:"flex",alignItems:"center",justifyContent:"center",height:1,width:1,gap:l.custom.margin.xs,children:[e(a,{name:"image-no",color:l.custom.palette.icon.secondary}),e(p,{align:"center",size:m,secondary:!0,sx:{lineHeight:1.2},children:s})]})})};export{s as default};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useTheme as t,Box as r,Stack as i}from"@mui/material";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/primitiveVariables.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import a from"../../../BrandCore/Icon/Icon.js";import"../../../../utils/formValidation/misc.js";import"../../../WebCore/utils/typography.util.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/SelectItem/SelectItem.js";import"../../../WebCore/Accordion/Accordion.js";import"../../../WebCore/Animations/FadeIn.js";import{Text as p}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"../../../WebCore/NumberField/NumberField.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/Select/StyledSelect.js";import"../../../WebCore/RankItem/RankItemContainer.js";import"../../../WebCore/RankItem/RankItemLabel.js";import"../../../WebCore/SortableList/SortableList.js";import"../../../WebCore/SortableList/components/SortableItem/SortableItem.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";const s=({text:s,textSizing:m="sm"})=>{const l=t();return e(r,{sx:{p:l.custom.padding.sm,background:`linear-gradient(135deg, ${l.custom.palette.neutral[50]} 0%, ${l.custom.palette.neutral[100]} 100%)`},children:o(i,{sx:{display:"flex",alignItems:"center",justifyContent:"center",height:1,width:1,gap:l.custom.margin.xs},children:[e(a,{name:"image-no",color:l.custom.palette.icon.secondary}),e(p,{align:"center",size:m,secondary:!0,sx:{lineHeight:1.2},children:s})]})})};export{s as default};

package/dist/esm/systems/Platform/ProjectItem/_partials/ProjectInfo.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{Box as s}from"@mui/material";import{pluralise as t}from"../../../../utils/pluralise.js";import{Text as i}from"../../../WebCore/Text/Text.js";const l=(l,o)=>e(s,{display:"flex",gap:.5,children:[r(i,{size:"sm",bold:!0,children:l||0}),r(i,{size:"sm",secondary:!0,children:t(o,l||0)})]}),o=({loops:r,tests:t,drafts:i})=>e(s,{display:"flex",alignItems:"center",flexWrap:"wrap",columnGap:1,children:[!!r&&l(r,"Loop"),!!t&&l(t,"Test"),!!i&&l(i,"Draft")]});export{o as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{Box as s}from"@mui/material";import{pluralise as t}from"../../../../utils/pluralise.js";import{Text as i}from"../../../WebCore/Text/Text.js";const l=(l,o)=>e(s,{sx:{display:"flex",gap:.5},children:[r(i,{size:"sm",bold:!0,children:l||0}),r(i,{size:"sm",secondary:!0,children:t(o,l||0)})]}),o=({loops:r,tests:t,drafts:i})=>e(s,{sx:{display:"flex",alignItems:"center",flexWrap:"wrap",columnGap:1},children:[!!r&&l(r,"Loop"),!!t&&l(t,"Test"),!!i&&l(i,"Draft")]});export{o as default};

package/dist/esm/systems/Platform/ProjectItem/_partials/styledPartials.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{styled as o,Box as t,CardActionArea as r,boxClasses as i,CardContent as a}from"@mui/material";import"../../../../utils/formValidation/misc.js";import"../../../BrandCore/Icon/Icon.js";import"../../../BrandCore/primitiveVariables.js";import"../../../WebCore/utils/typography.util.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"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import p from"../../../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/Select/StyledSelect.js";import"../../../WebCore/RankItem/RankItemContainer.js";import"../../../WebCore/RankItem/RankItemLabel.js";import"../../../WebCore/SortableList/SortableList.js";import"../../../WebCore/SortableList/components/SortableItem/SortableItem.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/Typography/Typography.js";import"../../../WebCore/UserMenu/UserMenuButton.js";import"../../../WebCore/VideoModal/VideoModal.js";const s=150,l=72,m=108,n=o(t,{shouldForwardProp:e=>!["disableRaisedEffect"].includes(e)})(({theme:e,disableRaisedEffect:o})=>({width:"100%",transition:"all 0.3s ease","&:hover":{'*[data-id="image-container"]':{boxShadow:o?"none":e.custom.elevation.raised}}})),d=o(r,{shouldForwardProp:e=>!["disableHoverStyle"].includes(e)})(({theme:e,disableHoverStyle:o=!1})=>({cursor:"pointer",...!0===o&&{"& .MuiCardActionArea-focusHighlight":{backgroundColor:e.palette.background.paper}}})),b=o(t)(({theme:e})=>({boxShadow:"none",overflow:"hidden",height:150,position:"relative",borderRadius:e.spacing(e.custom.radius.md),[`> .${i.root}`]:{display:"flex",height:"100%","> span":{display:"flex",width:"100%"}}})),u=({title:o,description:t,thumbnail:r})=>{const i=[o,t].filter(Boolean).join(" | ");return e(p,{src:r,alt:i,title:i,style:{width:"100%",height:"auto",objectFit:"cover"}})},C=o(a)(({theme:e})=>({paddingTop:e.spacing(e.custom.padding.xs),paddingBottom:e.spacing(e.custom.padding.xs),paddingLeft:0,paddingRight:0,display:"flex",flexDirection:"column",gap:e.spacing(e.custom.margin.xs),'& [data-id="title-container"]':{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"start",gap:e.spacing(e.custom.margin.xs),"& > p":{alignSelf:"center"}}})),c=o(t,{shouldForwardProp:e=>!["viewType"].includes(e)})(({theme:e,viewType:o})=>({width:"grid"===o?"100%":108,height:"grid"===o?150:72,backgroundColor:e.custom.palette.purple[0],display:"flex",justifyContent:"center",alignItems:"center",borderRadius:e.spacing(e.custom.radius.md),"& svg":{height:"grid"===o?64:32,width:"grid"===o?64:32}}));export{d as CardActionArea,n as CardContainer,C as CardContent,s as GridImageHeight,b as ImageContainer,u as LazyImage,l as ListImageHeight,m as ListImageWidth,c as Tile};
+import{jsx as e}from"react/jsx-runtime";import{styled as o,Box as t,CardActionArea as r,boxClasses as i,CardContent as a}from"@mui/material";import"../../../../utils/formValidation/misc.js";import"../../../BrandCore/Icon/Icon.js";import"../../../BrandCore/primitiveVariables.js";import"../../../WebCore/utils/typography.util.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"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import p from"../../../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/Select/StyledSelect.js";import"../../../WebCore/RankItem/RankItemContainer.js";import"../../../WebCore/RankItem/RankItemLabel.js";import"../../../WebCore/SortableList/SortableList.js";import"../../../WebCore/SortableList/components/SortableItem/SortableItem.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";const s=150,l=72,m=108,n=o(t,{shouldForwardProp:e=>!["disableRaisedEffect"].includes(e)})(({theme:e,disableRaisedEffect:o})=>({width:"100%",transition:"all 0.3s ease","&:hover":{'*[data-id="image-container"]':{boxShadow:o?"none":e.custom.elevation.raised}}})),d=o(r,{shouldForwardProp:e=>!["disableHoverStyle"].includes(e)})(({theme:e,disableHoverStyle:o=!1})=>({cursor:"pointer",...!0===o&&{"& .MuiCardActionArea-focusHighlight":{backgroundColor:e.palette.background.paper}}})),b=o(t)(({theme:e})=>({boxShadow:"none",overflow:"hidden",height:150,position:"relative",borderRadius:e.spacing(e.custom.radius.md),[`> .${i.root}`]:{display:"flex",height:"100%","> span":{display:"flex",width:"100%"}}})),u=({title:o,description:t,thumbnail:r})=>{const i=[o,t].filter(Boolean).join(" | ");return e(p,{src:r??void 0,alt:i,title:i,style:{width:"100%",height:"auto",objectFit:"cover"}})},C=o(a)(({theme:e})=>({paddingTop:e.spacing(e.custom.padding.xs),paddingBottom:e.spacing(e.custom.padding.xs),paddingLeft:0,paddingRight:0,display:"flex",flexDirection:"column",gap:e.spacing(e.custom.margin.xs),'& [data-id="title-container"]':{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"start",gap:e.spacing(e.custom.margin.xs),"& > p":{alignSelf:"center"}}})),c=o(t,{shouldForwardProp:e=>!["viewType"].includes(e)})(({theme:e,viewType:o})=>({width:"grid"===o?"100%":108,height:"grid"===o?150:72,backgroundColor:e.custom.palette.purple[0],display:"flex",justifyContent:"center",alignItems:"center",borderRadius:e.spacing(e.custom.radius.md),"& svg":{height:"grid"===o?64:32,width:"grid"===o?64:32}}));export{d as CardActionArea,n as CardContainer,C as CardContent,s as GridImageHeight,b as ImageContainer,u as LazyImage,l as ListImageHeight,m as ListImageWidth,c as Tile};

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

@@ -1 +1 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{styled as t,Box as r,useTheme as i,Stack as a}from"@mui/material";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import p from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as s}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 m 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"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.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 l from"../../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/Typography/Typography.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import{mapQuestionTypeToLabel as n}from"../utils/mapQuestionTypeToLabel.js";const b=t(r)(({theme:e,type:o})=>({backgroundColor:"focus"===o?e.custom.palette.peach[300]:e.custom.palette.surface.sunken,display:"flex",height:40,alignItems:"center",justifyContent:"space-between",gap:e.spacing(e.custom.margin.xs),padding:`${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.md)}`})),d=t(r)(()=>({display:"flex",alignItems:"center"})),u=({type:t,loading:r,slotProps:u,labels:C})=>{const c=i(),j=n(t);return r?e(l,{width:"100%",height:40,sx:{borderRadius:`${c.spacing(c.custom.radius.lg)} ${c.spacing(c.custom.radius.lg)} 0 0`}}):o(b,{...u?.container,type:t,children:[o(d,{children:[e(p,{name:j.icon,size:16}),e(s,{size:"sm",sx:{px:c.spacing(c.custom.padding.sm)},children:j.label})]}),C&&e(a,{direction:"row",gap:c.m.xs,children:C.map(({text:o,id:r})=>e(m,{colorScheme:"focus"===t?"peach":"neutral",tone:"focus"===t?500:0,sizing:"xxs",weight:"light",body:o},r))})]})};export{u as default};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{styled as t,Box as r,useTheme as i,Stack as a}from"@mui/material";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import p from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as s}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 m 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"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.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 l from"../../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{mapQuestionTypeToLabel as n}from"../utils/mapQuestionTypeToLabel.js";const b=t(r)(({theme:e,type:o})=>({backgroundColor:"focus"===o?e.custom.palette.peach[300]:e.custom.palette.surface.sunken,display:"flex",height:40,alignItems:"center",justifyContent:"space-between",gap:e.spacing(e.custom.margin.xs),padding:`${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.md)}`})),d=t(r)(()=>({display:"flex",alignItems:"center"})),u=({type:t,loading:r,slotProps:u,labels:C})=>{const c=i(),j=n(t);return r?e(l,{width:"100%",height:40,sx:{borderRadius:`${c.spacing(c.custom.radius.lg)} ${c.spacing(c.custom.radius.lg)} 0 0`}}):o(b,{...u?.container,type:t,children:[o(d,{children:[e(p,{name:j.icon,size:16}),e(s,{size:"sm",sx:{px:c.spacing(c.custom.padding.sm)},children:j.label})]}),C&&e(a,{direction:"row",sx:{gap:c.m.xs},children:C.map(({text:o,id:r})=>e(m,{colorScheme:"focus"===t?"peach":"neutral",tone:"focus"===t?500:0,sizing:"xxs",weight:"light",body:o},r))})]})};export{u as default};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as r,Stack as t,useTheme as i,Box as a}from"@mui/material";import"react";import{omitProps as p}from"../../../utils/shouldForwardProp.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as s}from"../../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 m from"../../WebCore/HtmlParser/HtmlParser.js";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 l 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/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.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 n from"../../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/Typography/Typography.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import b from"../QuestionBar/QuestionBar.js";const d=r(t,{shouldForwardProp:p("variation")})(({theme:e,variation:o})=>({border:"simple"===o?"none":`1px solid ${e.custom.palette.stroke.light}`,borderRadius:e.spacing(e.custom.radius.lg),overflow:"simple"===o?"visible":"hidden"})),u=r(t,{shouldForwardProp:p("variation")})(({theme:e,variation:o})=>({gap:e.p.sm,padding:"simple"===o?"0px":e.spacing(e.custom.padding.md)})),C=({preQuestionText:r,questionText:p,questionNumber:C,questionType:j,supportText:c,labels:W,loading:B,variation:h="default",slots:y,slotProps:S})=>{const g=i();return e(d,B?{variation:h,children:["simple"!==h&&o(b,{loading:!0}),e(u,{variation:h,children:[o(n,{width:"100%",height:22}),o(n,{width:"100%",height:44}),o(n,{width:"100%",height:66})]})]}:{variation:h,children:["simple"!==h&&o(b,{type:j,labels:W}),e(t,{gap:g.p.sm,direction:"row",children:["simple"===h&&void 0!==C&&o(l,{body:C,sizing:"xxs",colorScheme:"neutral",sx:{minWidth:32}}),e(t,{width:"100%",children:[e(u,{variation:h,children:[r&&o(s,{size:"md",secondary:!0,sx:{whiteSpace:"pre-wrap"},children:r}),o(s,{size:"md",bold:!0,sx:{whiteSpace:"pre-wrap"},...S?.questionText,children:p}),y?.supportText??(c&&o(m,{typographyProps:S?.supportText,children:c}))]}),y?.answerPreview&&"complex"===h&&o(a,{children:y.answerPreview})]})]})]})};export{C as default};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as r,Stack as t,useTheme as i,Box as a}from"@mui/material";import"react";import{omitProps as p}from"../../../utils/shouldForwardProp.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as s}from"../../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 m from"../../WebCore/HtmlParser/HtmlParser.js";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 l 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/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.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 n from"../../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 d from"../QuestionBar/QuestionBar.js";const b=r(t,{shouldForwardProp:p("variation")})(({theme:e,variation:o})=>({border:"simple"===o?"none":`1px solid ${e.custom.palette.stroke.light}`,borderRadius:e.spacing(e.custom.radius.lg),overflow:"simple"===o?"visible":"hidden"})),u=r(t,{shouldForwardProp:p("variation")})(({theme:e,variation:o})=>({gap:e.p.sm,padding:"simple"===o?"0px":e.spacing(e.custom.padding.md)})),C=({preQuestionText:r,questionText:p,questionNumber:C,questionType:j,supportText:c,labels:W,loading:B,variation:h="default",slots:S,slotProps:y})=>{const g=i();return e(b,B?{variation:h,children:["simple"!==h&&o(d,{loading:!0}),e(u,{variation:h,children:[o(n,{width:"100%",height:22}),o(n,{width:"100%",height:44}),o(n,{width:"100%",height:66})]})]}:{variation:h,children:["simple"!==h&&o(d,{type:j,labels:W}),e(t,{direction:"row",sx:{gap:g.p.sm},children:["simple"===h&&void 0!==C&&o(l,{body:C,sizing:"xxs",colorScheme:"neutral",sx:{minWidth:32}}),e(t,{sx:{width:"100%"},children:[e(u,{variation:h,children:[r&&o(s,{size:"md",secondary:!0,sx:{whiteSpace:"pre-wrap"},children:r}),o(s,{size:"md",bold:!0,sx:{whiteSpace:"pre-wrap"},...y?.questionText,children:p}),S?.supportText??(c&&o(m,{typographyProps:y?.supportText,children:c}))]}),S?.answerPreview&&"complex"===h&&o(a,{children:S.answerPreview})]})]})]})};export{C as default};

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

@@ -1 +1 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useTheme as r,Box as t,Stack as i}from"@mui/material";import{usePopupState as a}from"material-ui-popup-state/hooks";import{mergeSx as s}from"merge-sx";import{memo as p}from"react";import n from"@number-flow/react";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import l from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as m}from"../../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"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import d from"../../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 u 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 b from"../../WebCore/Menu/Menu.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/Surface/Surface.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.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 c from"../../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/Typography/Typography.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";const C=p(({handleNavigateRegion:p,questionMenuItems:C,questionTitle:j,currentRegionIndex:W=0,loading:g,popperState:h,slotProps:B})=>{const f=r(),y=h||a({variant:"popper"});return g?e(c,{width:"30%",height:32,sx:{borderRadius:f.spacing(f.custom.radius.md)}}):o(t,{sx:{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",gap:f.custom.padding.md},children:[e(t,{sx:{minWidth:0},children:e(b,{showItemNumbers:!0,width:300,offset:[0,8],placement:"bottom-start",state:y,slotProps:{surface:{sx:s({overflowY:"auto",paddingRight:0,"& .MuiButton-root":{height:40,borderRadius:0},"& .MuiTypography-root":{px:f.spacing(f.custom.padding.xs)}},B?.surface?.sx)}},trigger:e(d,{sx:{overflow:"hidden",flex:1,">div":{flex:"0 1 auto",textWrap:"nowrap",overflow:"hidden",minWidth:0,textOverflow:"ellipsis",whiteSpace:"nowrap"},">span":{flex:"0 0 auto"},fontVariantNumeric:"tabular-nums"},sizing:"lg",variation:"secondary",endIcon:y.isOpen?e(l,{name:"chevron-up"}):e(l,{name:"chevron-down"}),children:j}),menuItems:C})}),o(i,{direction:"row",alignItems:"center",gap:f.spacing(f.custom.margin.md),sx:{flex:"0 0 auto",minWidth:0},children:[e(t,{children:o(m,{monospaced:!0,size:"xs",secondary:!0,sx:{"& strong":{color:f.custom.palette.text.primary,fontWeight:500}},children:[e("strong",{children:e(n,{value:(W||0)+1})})," ","of ",C?.length||0]})}),e(t,{sx:{display:"flex",alignItems:"center"},children:o(i,{direction:"row",spacing:.5,children:[e(u,{icon:e(l,{name:"arrow-left"}),shape:"round",variation:"toggle",sizing:"lg",disabled:W+1===1,onClick:()=>p(-1),sx:{"&.MuiIconButton-root.MuiButtonBase-root":{backgroundColor:f.custom.palette.purple[0],"&:hover:before":{backgroundColor:f.custom.palette.interaction.hover}}}}),e(u,{icon:e(l,{name:"arrow-right"}),shape:"round",variation:"toggle",sizing:"lg",disabled:W+1===C?.length,onClick:()=>p(1),sx:{"&.MuiIconButton-root.MuiButtonBase-root":{backgroundColor:f.custom.palette.purple[0],"&:hover:before":{backgroundColor:f.custom.palette.interaction.hover}}}})]})})]})]})});export{C as default};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useTheme as t,Box as r,Stack as i}from"@mui/material";import{usePopupState as a}from"material-ui-popup-state/hooks";import{mergeSx as s}from"merge-sx";import{memo as p}from"react";import n from"@number-flow/react";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import l from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as m}from"../../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"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import d from"../../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 u 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 b from"../../WebCore/Menu/Menu.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/Surface/Surface.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.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 c from"../../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";const C=p(({handleNavigateRegion:p,questionMenuItems:C,questionTitle:j,currentRegionIndex:W=0,loading:g,popperState:B,slotProps:h})=>{const f=t(),x=B||a({variant:"popper"});return g?e(c,{width:"30%",height:32,sx:{borderRadius:f.spacing(f.custom.radius.md)}}):o(r,{sx:{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",gap:f.custom.padding.md},children:[e(r,{sx:{minWidth:0},children:e(b,{showItemNumbers:!0,width:300,offset:[0,8],placement:"bottom-start",state:x,slotProps:{surface:{sx:s({overflowY:"auto",paddingRight:0,"& .MuiButton-root":{height:40,borderRadius:0},"& .MuiTypography-root":{px:f.spacing(f.custom.padding.xs)}},h?.surface?.sx)}},trigger:e(d,{sx:{overflow:"hidden",flex:1,">div":{flex:"0 1 auto",textWrap:"nowrap",overflow:"hidden",minWidth:0,textOverflow:"ellipsis",whiteSpace:"nowrap"},">span":{flex:"0 0 auto"},fontVariantNumeric:"tabular-nums"},sizing:"lg",variation:"secondary",endIcon:x.isOpen?e(l,{name:"chevron-up"}):e(l,{name:"chevron-down"}),children:j}),menuItems:C})}),o(i,{direction:"row",sx:{alignItems:"center",gap:f.spacing(f.custom.margin.md),flex:"0 0 auto",minWidth:0},children:[e(r,{children:o(m,{monospaced:!0,size:"xs",secondary:!0,sx:{"& strong":{color:f.custom.palette.text.primary,fontWeight:500}},children:[e("strong",{children:e(n,{value:(W||0)+1})})," ","of ",C?.length||0]})}),e(r,{sx:{display:"flex",alignItems:"center"},children:o(i,{direction:"row",spacing:.5,children:[e(u,{icon:e(l,{name:"arrow-left"}),shape:"round",variation:"toggle",sizing:"lg",disabled:W+1===1,onClick:()=>p(-1),sx:{"&.MuiIconButton-root.MuiButtonBase-root":{backgroundColor:f.custom.palette.purple[0],"&:hover:before":{backgroundColor:f.custom.palette.interaction.hover}}}}),e(u,{icon:e(l,{name:"arrow-right"}),shape:"round",variation:"toggle",sizing:"lg",disabled:W+1===C?.length,onClick:()=>p(1),sx:{"&.MuiIconButton-root.MuiButtonBase-root":{backgroundColor:f.custom.palette.purple[0],"&:hover:before":{backgroundColor:f.custom.palette.interaction.hover}}}})]})})]})]})});export{C as default};