@useloops/design-system 1.4.730 → 1.4.731

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

@@ -1 +1 @@
-import{jsx as e,jsxs as t,Fragment as a}from"react/jsx-runtime";import{useTheme as r,Stack as o,Box as i}from"@mui/material";import s from"@number-flow/react";import n from"../../BrandCore/Icon/Icon.js";import d from"../../WebCore/IconButton/IconButton.js";import"../../BrandCore/primitiveVariables.js";import l from"../../WebCore/Menu/Menu.js";import m from"../../WebCore/ProgressBar/ProgressBar.js";import{Text as c}from"../../WebCore/Text/Text.js";import p from"../TestStatus/TestStatus.js";import u from"./_partials/AnimatedDuration.js";import b from"./_partials/FooterStat.js";import g from"./_partials/Root.js";import f from"./_partials/StatCard.js";import h from"./_partials/TagList.js";import{getCompletionPercentage as x,getIncompletePercentage as j,respondToLg as v}from"./helpers.js";const C=({status:C,title:y,activityDescription:I,tags:T,menuItems:w,progress:B,counts:_,animated:S=!0,selected:k=!1,disabled:z=!1,...R})=>{const D=r(),{card:M}=D.custom.component,P=`1px solid ${D.custom.palette.stroke.transparent}`;return e(g,{variation:"raised",selected:k,disabled:z,tabIndex:z?-1:0,...R,children:t(o,{component:"article",sx:{gap:2},children:[t(o,{component:"header",sx:{gap:1},children:[t(o,{direction:"row",sx:{justifyContent:"space-between",alignItems:"center",gap:1},children:[e(p,{status:C,sizing:"xs"}),Boolean(w?.length)&&e(i,{onClick:e=>e.stopPropagation(),children:e(l,{trigger:e(d,{icon:e(n,{name:"more-horizontal",size:16}),variation:"outlined",className:"TestItem__Menu",sx:{width:28,aspectRatio:1,borderRadius:"100% !important",transition:"opacity 0.3s ease",opacity:0,"&:focus":{background:`${D.custom.palette.interaction.press} !important`,opacity:1}}}),menuItems:w,width:200,offset:[0,8],placement:"bottom-end"})})]}),e(c,{size:"md",bold:!0,disabled:z,className:"TestItem__Title",children:y})]}),T&&T.length>0&&e(h,{tags:T}),B&&e(i,{sx:{background:M.surface.elevated,border:`1px solid ${M.stroke.default}`,padding:D.p.md,borderRadius:D.r.md},children:t(o,{sx:{gap:2},children:[e(m,{variation:"determinate",value:x(B),sx:{height:8,...z&&{"&.MuiLinearProgress-root .MuiLinearProgress-bar":{backgroundColor:D.custom.palette.neutralAlpha[2]}}}}),t(i,{sx:{display:"grid",gap:{sm:.5,md:1},justifyContent:"stretch",...v(D,{gridTemplateColumns:"repeat(3, 1fr)","& > :not(:last-child)":{borderRight:P,borderBottom:"none"}},{gridTemplateColumns:"auto","& > :not(:last-child)":{borderBottom:P,borderRight:"none"}})},children:[e(f,{label:"Completed",value:e(s,{value:B.completed,animated:S}),secondary:`of ${B.total}`,disabled:z}),e(f,{label:"Drop off",value:t(a,{children:[e(s,{value:j(B),animated:S}),"%"]}),secondary:t(a,{children:[e(s,{value:B.incomplete,animated:S})," respondents"]}),disabled:z}),e(f,{label:"Duration",value:e(u,{seconds:B.averageDurationSeconds,animated:S}),secondary:"average",disabled:z})]})]})}),t(o,{component:"footer",direction:"row",sx:{justifyContent:I?"space-between":"flex-end",alignItems:"center",gap:1},children:[I&&e(c,{clamp:1,size:"xs",secondary:!0,disabled:z,children:I}),"draft"!==C&&t(o,{direction:"row",sx:{alignItems:"center",gap:2,flexShrink:0},children:[e(b,{animated:S,iconName:"data-bar",iconSize:20,label:"answers",value:_?.answers??0,disabled:z}),e(b,{animated:S,iconName:"comment-filled",iconSize:20,label:"comments",value:_?.comments??0,disabled:z})]})]})]})})};export{C as default};
+import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import{useTheme as a,Stack as o,Box as i}from"@mui/material";import s from"@number-flow/react";import n from"../../BrandCore/Icon/Icon.js";import l from"../../WebCore/IconButton/IconButton.js";import"../../BrandCore/primitiveVariables.js";import d from"../../WebCore/Menu/Menu.js";import m from"../../WebCore/ProgressBar/ProgressBar.js";import{Text as c}from"../../WebCore/Text/Text.js";import p from"../TestStatus/TestStatus.js";import u from"./_partials/AnimatedDuration.js";import b from"./_partials/FooterStat.js";import g from"./_partials/Root.js";import f from"./_partials/StatCard.js";import h from"./_partials/TagList.js";import{getCompletionPercentage as x,getIncompletePercentage as j,respondToLg as v}from"./helpers.js";const C=({status:C,title:I,activityDescription:T,tags:_,menuItems:y,progress:w,counts:B,animated:k=!0,selected:M=!1,disabled:S=!1,onClick:z,...R})=>{const W=a(),{card:D}=W.custom.component,N=`1px solid ${W.custom.palette.stroke.transparent}`;return e(g,{variation:"raised",selected:M,disabled:S,tabIndex:S?-1:0,...R,onClick:e=>{e.target.closest(".TestItem__MenuWrapper, .MuiPopper-root")||z?.(e)},children:t(o,{component:"article",sx:{gap:2},children:[t(o,{component:"header",sx:{gap:1},children:[t(o,{direction:"row",sx:{justifyContent:"space-between",alignItems:"start",gap:1},children:[e(p,{status:C,sizing:"xs"}),Boolean(y?.length)&&e(i,{className:"TestItem__MenuWrapper",children:e(d,{trigger:e(l,{icon:e(n,{name:"more-horizontal",size:16}),variation:"outlined",className:"TestItem__Menu",sx:{width:24,aspectRatio:1,borderRadius:"100% !important",transition:"opacity 0.3s ease",opacity:0,"&:focus":{background:`${W.custom.palette.interaction.press} !important`,opacity:1}}}),menuItems:y,width:200,offset:[0,8],placement:"bottom-end"})})]}),e(c,{size:"md",bold:!0,disabled:S,className:"TestItem__Title",children:I}),_&&_.length>0&&e(h,{tags:_})]}),w&&e(i,{sx:{background:D.surface.elevated,border:`1px solid ${D.stroke.default}`,padding:W.p.md,borderRadius:W.r.md},children:t(o,{sx:{gap:2},children:[e(m,{variation:"determinate",value:x(w),sx:{height:8,...S&&{"&.MuiLinearProgress-root .MuiLinearProgress-bar":{backgroundColor:W.custom.palette.neutralAlpha[2]}}}}),t(i,{sx:{display:"grid",justifyContent:"stretch",...v(W,{gridTemplateColumns:"repeat(3, 1fr)","& > :not(:last-child)":{borderRight:N,borderBottom:"none"}},{gridTemplateColumns:"auto","& > :not(:last-child)":{borderBottom:N,borderRight:"none"}})},children:[e(f,{label:"Completed",value:e(s,{value:w.completed,animated:k}),secondary:`of ${w.total}`,disabled:S}),e(f,{label:"Drop off",value:t(r,{children:[e(s,{value:j(w),animated:k}),"%"]}),secondary:t(r,{children:[e(s,{value:w.incomplete,animated:k})," respondents"]}),disabled:S}),e(f,{label:"Duration",value:e(u,{seconds:w.averageDurationSeconds,animated:k}),secondary:"average",disabled:S})]})]})}),t(o,{component:"footer",direction:"row",sx:{justifyContent:T?"space-between":"flex-end",alignItems:"center",gap:1},children:[T&&e(c,{clamp:1,size:"xxs",secondary:!0,disabled:S,children:T}),"draft"!==C&&t(o,{direction:"row",sx:{alignItems:"center",gap:2,flexShrink:0},children:[e(b,{animated:k,iconName:"data-bar",iconSize:20,label:"answers",value:B?.answers??0,disabled:S}),e(b,{animated:k,iconName:"comment-filled",iconSize:20,label:"comments",value:B?.comments??0,disabled:S})]})]})]})})};export{C as default};

package/dist/esm/systems/Platform/TestItem/_partials/FooterStat.js

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useTheme as r,Box as a}from"@mui/material";import n from"@number-flow/react";import i from"../../../BrandCore/Icon/Icon.js";import{Text as s}from"../../../WebCore/Text/Text.js";import{respondToLg as t}from"../helpers.js";const m=({animated:m,iconName:l,iconSize:c,label:p,value:d,disabled:x})=>{const f=r();return e(a,{sx:{display:"flex",alignItems:"center",gap:.5},children:[o(i,{name:l,size:c,sx:{color:f.custom.palette.icon.secondary}}),e(s,{monospaced:!0,component:"p",size:"xs",secondary:!0,disabled:x,sx:{"& > span":t(f,{display:"inline"},{display:"none"})},children:[o(n,{value:d,animated:m})," ",o("span",{children:p})]})]})};export{m as default};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useTheme as r,Box as a}from"@mui/material";import i from"@number-flow/react";import s from"../../../BrandCore/Icon/Icon.js";import{Text as n}from"../../../WebCore/Text/Text.js";import{respondToLg as m}from"../helpers.js";const t=({animated:t,iconName:l,iconSize:d,label:c,value:p,disabled:x})=>{const f=r();return e(a,{sx:{display:"flex",alignItems:"center",gap:.5},children:[o(s,{name:l,size:d,sx:{color:f.custom.palette.icon.secondary}}),o(n,{monospaced:!0,size:"sm",secondary:!0,disabled:x,children:o(i,{value:p,animated:t})}),o(n,{monospaced:!0,size:"xxs",secondary:!0,disabled:x,sx:m(f,{display:"inline"},{display:"none"}),children:c})]})};export{t as default};

package/dist/esm/systems/Platform/TestItem/_partials/Root.js

@@ -1 +1 @@
-import{styled as e}from"@mui/material";import"react";import{omitProps as o}from"../../../../utils/shouldForwardProp.js";import r from"../../../WebCore/Surface/Surface.js";const t=e(r,{shouldForwardProp:o("selected","disabled")})(({theme:e,selected:o,disabled:r})=>{const{card:t}=e.custom.component;return{position:"relative",padding:e.p.md,border:`1px solid ${o?t.stroke.selected:t.stroke.default}`,borderRadius:e.spacing(t.radius),width:"100%",cursor:r?"default":"pointer",transition:"border-color 0.2s ease, box-shadow 0.2s ease",...o&&{backgroundColor:t.surface.selected},"&:hover .TestItem__Menu":{opacity:1},"&::after":{content:'""',position:"absolute",inset:0,zIndex:0,borderRadius:"inherit",pointerEvents:"none",backgroundColor:r?t.interaction.disabled:t.interaction.none,transition:"background-color 0.2s ease"},"& > article":{position:"relative",zIndex:1},...r?{pointerEvents:"none","& ul .MuiTypography-root, & ul .MuiChip-label":{color:e.custom.palette.text.disabled}}:{"&:hover .TestItem__Title, &:active .TestItem__Title":{textDecoration:"underline"},"&:hover":{...!o&&{borderColor:t.stroke.hover},"&::after":{backgroundColor:t.interaction.hover}},"&:active::after":{backgroundColor:t.interaction.press},"&&:focus-visible":{outline:"none",...!o&&{borderColor:t.stroke.default},boxShadow:e.custom.boxShadow.input.focus}}}});export{t as default};
+import{styled as e}from"@mui/material";import"react";import{omitProps as o}from"../../../../utils/shouldForwardProp.js";import t from"../../../WebCore/Surface/Surface.js";const r=e(t,{shouldForwardProp:o("selected","disabled")})(({theme:e,selected:o,disabled:t})=>{const{card:r}=e.custom.component;return{position:"relative",padding:e.p.md,border:`1px solid ${o?r.stroke.selected:r.stroke.default}`,borderRadius:e.spacing(r.radius),width:"100%",maxWidth:576,cursor:t?"default":"pointer",transition:"border-color 0.2s ease, box-shadow 0.2s ease",...o&&{backgroundColor:r.surface.selected},"&:hover .TestItem__Menu":{opacity:1},"&::after":{content:'""',position:"absolute",inset:0,zIndex:0,borderRadius:"inherit",pointerEvents:"none",backgroundColor:t?r.interaction.disabled:r.interaction.none,transition:"background-color 0.2s ease"},"& > article":{position:"relative",zIndex:1},...t?{pointerEvents:"none","& ul .MuiTypography-root, & ul .MuiChip-label":{color:e.custom.palette.text.disabled}}:{"&:hover .TestItem__Title, &:active .TestItem__Title":{textDecoration:"underline"},"&&:hover":{...!o&&{borderColor:r.stroke.hover},boxShadow:e.custom.elevation.float,"&::after":{backgroundColor:r.interaction.hover}},"&&:active::after":{backgroundColor:r.interaction.press},"&&:focus-visible":{outline:"none",...!o&&{borderColor:r.stroke.default},boxShadow:e.custom.boxShadow.input.focus}}}});export{r as default};

package/dist/esm/systems/Platform/TestItem/_partials/TagList.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useTheme as o}from"@mui/material";import{useState as r}from"react";import{TruncatedList as t}from"react-truncate-list";import i from"../../../BrandCore/Icon/Icon.js";import"../../../../utils/formValidation/misc.js";import"../../../BrandCore/primitiveVariables.js";import"../../../WebCore/utils/typography.util.js";import"../../../BrandCore/textures.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/SelectItem/SelectItem.js";import"../../../WebCore/Accordion/Accordion.js";import"../../../WebCore/Animations/FadeIn.js";import"../../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../WebCore/FormBuilder/FormBuilder.js";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import 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 p from"../../../WebCore/KeyValueLabel/KeyValueLabel.js";import s from"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../WebCore/Surface/Surface.js";import"../../../WebCore/Menu/MenuItem.js";import"../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../WebCore/NavigationButton/NavigationButton.js";import"../../../WebCore/Nudge/NudgeButton.js";import"../../../WebCore/NumberField/NumberField.js";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../WebCore/Select/StyledSelect.js";import"../../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../../WebCore/SortableList/SortableList.js";import"../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../WebCore/Skeleton/Skeleton.js";import"../../../WebCore/Slider/StyledSlider.js";import"../../../WebCore/StarRating/StarRating.js";import"../../../WebCore/Switch/StyledSwitch.js";import"../../../WebCore/Textarea/Textarea.js";import"../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../WebCore/TrialCard/TrialPill.js";import"../../../WebCore/UserMenu/UserMenuButton.js";import"../../../WebCore/VideoModal/VideoModal.js";import"../../../WebCore/TintedSurface/TintedSurface.js";const m=({tags:m})=>{const l=o(),[n,b]=r(!1);return e(t,{style:{display:"flex",flexWrap:"wrap",alignItems:"center",maxHeight:n?"none":56,gap:l.m.xs,listStyleType:"none",paddingInlineStart:0,margin:0},alwaysShowTruncator:n,renderTruncator:({hiddenItemsCount:o})=>o>0?e(s,{body:`+${o}`,weight:"light",onClick:e=>{e.stopPropagation(),b(!0)},sx:{background:l.custom.palette.neutral[50]}}):e(a,{sizing:"sm",icon:e(i,{name:"chevron-up",size:16}),onClick:e=>{e.stopPropagation(),b(!1)},sx:{color:l.custom.palette.icon.primary}}),children:m.map(({category:o,selection:r})=>e(p,{keyString:o,valueString:r},o))})};export{m as default};
+import{jsx as e}from"react/jsx-runtime";import{useTheme as o}from"@mui/material";import{useState as r}from"react";import{TruncatedList as t}from"react-truncate-list";import i from"../../../BrandCore/Icon/Icon.js";import"../../../../utils/formValidation/misc.js";import"../../../BrandCore/primitiveVariables.js";import"../../../WebCore/utils/typography.util.js";import"../../../BrandCore/textures.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/SelectItem/SelectItem.js";import"../../../WebCore/Accordion/Accordion.js";import"../../../WebCore/Animations/FadeIn.js";import"../../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../WebCore/FormBuilder/FormBuilder.js";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import 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 p from"../../../WebCore/KeyValueLabel/KeyValueLabel.js";import s from"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../WebCore/Surface/Surface.js";import"../../../WebCore/Menu/MenuItem.js";import"../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../WebCore/NavigationButton/NavigationButton.js";import"../../../WebCore/Nudge/NudgeButton.js";import"../../../WebCore/NumberField/NumberField.js";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../WebCore/Select/StyledSelect.js";import"../../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../../WebCore/SortableList/SortableList.js";import"../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../WebCore/Skeleton/Skeleton.js";import"../../../WebCore/Slider/StyledSlider.js";import"../../../WebCore/StarRating/StarRating.js";import"../../../WebCore/Switch/StyledSwitch.js";import"../../../WebCore/Textarea/Textarea.js";import"../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../WebCore/TrialCard/TrialPill.js";import"../../../WebCore/UserMenu/UserMenuButton.js";import"../../../WebCore/VideoModal/VideoModal.js";import"../../../WebCore/TintedSurface/TintedSurface.js";const m=({tags:m})=>{const l=o(),[n,b]=r(!1);return e(t,{style:{display:"flex",flexWrap:"wrap",alignItems:"center",maxHeight:n?"none":56,gap:l.m.xs,listStyleType:"none",paddingInlineStart:0,margin:0},alwaysShowTruncator:n,renderTruncator:({hiddenItemsCount:o})=>o>0?e(s,{body:`+${o}`,weight:"light",onClick:e=>{e.stopPropagation(),b(!0)},sx:{background:l.custom.palette.neutral[50]}}):e(a,{sizing:"sm",icon:e(i,{name:"chevron-up",size:16}),onClick:e=>{e.stopPropagation(),b(!1)},sx:{color:l.custom.palette.icon.primary}}),children:m.map(({category:o,selection:r})=>e(p,{keyString:o,valueString:r,cursor:"inherit"},o))})};export{m as default};

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

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

package/dist/systems/Platform/TestItem/TestItem.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),a=require("@number-flow/react"),s=require("../../BrandCore/Icon/Icon.js"),r=require("../../WebCore/IconButton/IconButton.js");require("../../BrandCore/primitiveVariables.js");var i=require("../../WebCore/Menu/Menu.js"),o=require("../../WebCore/ProgressBar/ProgressBar.js"),n=require("../../WebCore/Text/Text.js"),d=require("../TestStatus/TestStatus.js"),l=require("./_partials/AnimatedDuration.js"),c=require("./_partials/FooterStat.js"),u=require("./_partials/Root.js"),m=require("./_partials/StatCard.js"),p=require("./_partials/TagList.js"),x=require("./helpers.js");function j(e){return e&&e.__esModule?e:{default:e}}var g=j(a);module.exports=({status:a,title:j,activityDescription:b,tags:h,menuItems:f,progress:v,counts:q,animated:C=!0,selected:S=!1,disabled:T=!1,...k})=>{const I=t.useTheme(),{card:y}=I.custom.component,B=`1px solid ${I.custom.palette.stroke.transparent}`;return e.jsx(u,{variation:"raised",selected:S,disabled:T,tabIndex:T?-1:0,...k,children:e.jsxs(t.Stack,{component:"article",sx:{gap:2},children:[e.jsxs(t.Stack,{component:"header",sx:{gap:1},children:[e.jsxs(t.Stack,{direction:"row",sx:{justifyContent:"space-between",alignItems:"center",gap:1},children:[e.jsx(d,{status:a,sizing:"xs"}),Boolean(f?.length)&&e.jsx(t.Box,{onClick:e=>e.stopPropagation(),children:e.jsx(i.default,{trigger:e.jsx(r,{icon:e.jsx(s.default,{name:"more-horizontal",size:16}),variation:"outlined",className:"TestItem__Menu",sx:{width:28,aspectRatio:1,borderRadius:"100% !important",transition:"opacity 0.3s ease",opacity:0,"&:focus":{background:`${I.custom.palette.interaction.press} !important`,opacity:1}}}),menuItems:f,width:200,offset:[0,8],placement:"bottom-end"})})]}),e.jsx(n.Text,{size:"md",bold:!0,disabled:T,className:"TestItem__Title",children:j})]}),h&&h.length>0&&e.jsx(p,{tags:h}),v&&e.jsx(t.Box,{sx:{background:y.surface.elevated,border:`1px solid ${y.stroke.default}`,padding:I.p.md,borderRadius:I.r.md},children:e.jsxs(t.Stack,{sx:{gap:2},children:[e.jsx(o,{variation:"determinate",value:x.getCompletionPercentage(v),sx:{height:8,...T&&{"&.MuiLinearProgress-root .MuiLinearProgress-bar":{backgroundColor:I.custom.palette.neutralAlpha[2]}}}}),e.jsxs(t.Box,{sx:{display:"grid",gap:{sm:.5,md:1},justifyContent:"stretch",...x.respondToLg(I,{gridTemplateColumns:"repeat(3, 1fr)","& > :not(:last-child)":{borderRight:B,borderBottom:"none"}},{gridTemplateColumns:"auto","& > :not(:last-child)":{borderBottom:B,borderRight:"none"}})},children:[e.jsx(m,{label:"Completed",value:e.jsx(g.default,{value:v.completed,animated:C}),secondary:`of ${v.total}`,disabled:T}),e.jsx(m,{label:"Drop off",value:e.jsxs(e.Fragment,{children:[e.jsx(g.default,{value:x.getIncompletePercentage(v),animated:C}),"%"]}),secondary:e.jsxs(e.Fragment,{children:[e.jsx(g.default,{value:v.incomplete,animated:C})," respondents"]}),disabled:T}),e.jsx(m,{label:"Duration",value:e.jsx(l,{seconds:v.averageDurationSeconds,animated:C}),secondary:"average",disabled:T})]})]})}),e.jsxs(t.Stack,{component:"footer",direction:"row",sx:{justifyContent:b?"space-between":"flex-end",alignItems:"center",gap:1},children:[b&&e.jsx(n.Text,{clamp:1,size:"xs",secondary:!0,disabled:T,children:b}),"draft"!==a&&e.jsxs(t.Stack,{direction:"row",sx:{alignItems:"center",gap:2,flexShrink:0},children:[e.jsx(c,{animated:C,iconName:"data-bar",iconSize:20,label:"answers",value:q?.answers??0,disabled:T}),e.jsx(c,{animated:C,iconName:"comment-filled",iconSize:20,label:"comments",value:q?.comments??0,disabled:T})]})]})]})})};
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),a=require("@number-flow/react"),r=require("../../BrandCore/Icon/Icon.js"),s=require("../../WebCore/IconButton/IconButton.js");require("../../BrandCore/primitiveVariables.js");var i=require("../../WebCore/Menu/Menu.js"),o=require("../../WebCore/ProgressBar/ProgressBar.js"),n=require("../../WebCore/Text/Text.js"),l=require("../TestStatus/TestStatus.js"),d=require("./_partials/AnimatedDuration.js"),c=require("./_partials/FooterStat.js"),u=require("./_partials/Root.js"),m=require("./_partials/StatCard.js"),p=require("./_partials/TagList.js"),x=require("./helpers.js");function j(e){return e&&e.__esModule?e:{default:e}}var g=j(a);module.exports=({status:a,title:j,activityDescription:b,tags:h,menuItems:f,progress:v,counts:C,animated:q=!0,selected:T=!1,disabled:I=!1,onClick:_,...k})=>{const S=t.useTheme(),{card:y}=S.custom.component,B=`1px solid ${S.custom.palette.stroke.transparent}`;return e.jsx(u,{variation:"raised",selected:T,disabled:I,tabIndex:I?-1:0,...k,onClick:e=>{e.target.closest(".TestItem__MenuWrapper, .MuiPopper-root")||_?.(e)},children:e.jsxs(t.Stack,{component:"article",sx:{gap:2},children:[e.jsxs(t.Stack,{component:"header",sx:{gap:1},children:[e.jsxs(t.Stack,{direction:"row",sx:{justifyContent:"space-between",alignItems:"start",gap:1},children:[e.jsx(l,{status:a,sizing:"xs"}),Boolean(f?.length)&&e.jsx(t.Box,{className:"TestItem__MenuWrapper",children:e.jsx(i.default,{trigger:e.jsx(s,{icon:e.jsx(r.default,{name:"more-horizontal",size:16}),variation:"outlined",className:"TestItem__Menu",sx:{width:24,aspectRatio:1,borderRadius:"100% !important",transition:"opacity 0.3s ease",opacity:0,"&:focus":{background:`${S.custom.palette.interaction.press} !important`,opacity:1}}}),menuItems:f,width:200,offset:[0,8],placement:"bottom-end"})})]}),e.jsx(n.Text,{size:"md",bold:!0,disabled:I,className:"TestItem__Title",children:j}),h&&h.length>0&&e.jsx(p,{tags:h})]}),v&&e.jsx(t.Box,{sx:{background:y.surface.elevated,border:`1px solid ${y.stroke.default}`,padding:S.p.md,borderRadius:S.r.md},children:e.jsxs(t.Stack,{sx:{gap:2},children:[e.jsx(o,{variation:"determinate",value:x.getCompletionPercentage(v),sx:{height:8,...I&&{"&.MuiLinearProgress-root .MuiLinearProgress-bar":{backgroundColor:S.custom.palette.neutralAlpha[2]}}}}),e.jsxs(t.Box,{sx:{display:"grid",justifyContent:"stretch",...x.respondToLg(S,{gridTemplateColumns:"repeat(3, 1fr)","& > :not(:last-child)":{borderRight:B,borderBottom:"none"}},{gridTemplateColumns:"auto","& > :not(:last-child)":{borderBottom:B,borderRight:"none"}})},children:[e.jsx(m,{label:"Completed",value:e.jsx(g.default,{value:v.completed,animated:q}),secondary:`of ${v.total}`,disabled:I}),e.jsx(m,{label:"Drop off",value:e.jsxs(e.Fragment,{children:[e.jsx(g.default,{value:x.getIncompletePercentage(v),animated:q}),"%"]}),secondary:e.jsxs(e.Fragment,{children:[e.jsx(g.default,{value:v.incomplete,animated:q})," respondents"]}),disabled:I}),e.jsx(m,{label:"Duration",value:e.jsx(d,{seconds:v.averageDurationSeconds,animated:q}),secondary:"average",disabled:I})]})]})}),e.jsxs(t.Stack,{component:"footer",direction:"row",sx:{justifyContent:b?"space-between":"flex-end",alignItems:"center",gap:1},children:[b&&e.jsx(n.Text,{clamp:1,size:"xxs",secondary:!0,disabled:I,children:b}),"draft"!==a&&e.jsxs(t.Stack,{direction:"row",sx:{alignItems:"center",gap:2,flexShrink:0},children:[e.jsx(c,{animated:q,iconName:"data-bar",iconSize:20,label:"answers",value:C?.answers??0,disabled:I}),e.jsx(c,{animated:q,iconName:"comment-filled",iconSize:20,label:"comments",value:C?.comments??0,disabled:I})]})]})]})})};

package/dist/systems/Platform/TestItem/_partials/FooterStat.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),s=require("@number-flow/react"),n=require("../../../BrandCore/Icon/Icon.js"),a=require("../../../WebCore/Text/Text.js"),i=require("../helpers.js");function o(e){return e&&e.__esModule?e:{default:e}}var l=o(s);module.exports=({animated:s,iconName:o,iconSize:t,label:d,value:u,disabled:c})=>{const x=r.useTheme();return e.jsxs(r.Box,{sx:{display:"flex",alignItems:"center",gap:.5},children:[e.jsx(n.default,{name:o,size:t,sx:{color:x.custom.palette.icon.secondary}}),e.jsxs(a.Text,{monospaced:!0,component:"p",size:"xs",secondary:!0,disabled:c,sx:{"& > span":i.respondToLg(x,{display:"inline"},{display:"none"})},children:[e.jsx(l.default,{value:u,animated:s})," ",e.jsx("span",{children:d})]})]})};
+"use strict";var e=require("react/jsx-runtime"),s=require("@mui/material"),r=require("@number-flow/react"),a=require("../../../BrandCore/Icon/Icon.js"),i=require("../../../WebCore/Text/Text.js"),n=require("../helpers.js");function o(e){return e&&e.__esModule?e:{default:e}}var d=o(r);module.exports=({animated:r,iconName:o,iconSize:l,label:t,value:u,disabled:c})=>{const x=s.useTheme();return e.jsxs(s.Box,{sx:{display:"flex",alignItems:"center",gap:.5},children:[e.jsx(a.default,{name:o,size:l,sx:{color:x.custom.palette.icon.secondary}}),e.jsx(i.Text,{monospaced:!0,size:"sm",secondary:!0,disabled:c,children:e.jsx(d.default,{value:u,animated:r})}),e.jsx(i.Text,{monospaced:!0,size:"xxs",secondary:!0,disabled:c,sx:n.respondToLg(x,{display:"inline"},{display:"none"}),children:t})]})};

package/dist/systems/Platform/TestItem/_partials/Root.js

@@ -1 +1 @@
-"use strict";var e=require("@mui/material");require("react");var o=require("../../../../utils/shouldForwardProp.js"),r=require("../../../WebCore/Surface/Surface.js");const t=e.styled(r,{shouldForwardProp:o.omitProps("selected","disabled")})(({theme:e,selected:o,disabled:r})=>{const{card:t}=e.custom.component;return{position:"relative",padding:e.p.md,border:`1px solid ${o?t.stroke.selected:t.stroke.default}`,borderRadius:e.spacing(t.radius),width:"100%",cursor:r?"default":"pointer",transition:"border-color 0.2s ease, box-shadow 0.2s ease",...o&&{backgroundColor:t.surface.selected},"&:hover .TestItem__Menu":{opacity:1},"&::after":{content:'""',position:"absolute",inset:0,zIndex:0,borderRadius:"inherit",pointerEvents:"none",backgroundColor:r?t.interaction.disabled:t.interaction.none,transition:"background-color 0.2s ease"},"& > article":{position:"relative",zIndex:1},...r?{pointerEvents:"none","& ul .MuiTypography-root, & ul .MuiChip-label":{color:e.custom.palette.text.disabled}}:{"&:hover .TestItem__Title, &:active .TestItem__Title":{textDecoration:"underline"},"&:hover":{...!o&&{borderColor:t.stroke.hover},"&::after":{backgroundColor:t.interaction.hover}},"&:active::after":{backgroundColor:t.interaction.press},"&&:focus-visible":{outline:"none",...!o&&{borderColor:t.stroke.default},boxShadow:e.custom.boxShadow.input.focus}}}});module.exports=t;
+"use strict";var e=require("@mui/material");require("react");var o=require("../../../../utils/shouldForwardProp.js"),r=require("../../../WebCore/Surface/Surface.js");const t=e.styled(r,{shouldForwardProp:o.omitProps("selected","disabled")})(({theme:e,selected:o,disabled:r})=>{const{card:t}=e.custom.component;return{position:"relative",padding:e.p.md,border:`1px solid ${o?t.stroke.selected:t.stroke.default}`,borderRadius:e.spacing(t.radius),width:"100%",maxWidth:576,cursor:r?"default":"pointer",transition:"border-color 0.2s ease, box-shadow 0.2s ease",...o&&{backgroundColor:t.surface.selected},"&:hover .TestItem__Menu":{opacity:1},"&::after":{content:'""',position:"absolute",inset:0,zIndex:0,borderRadius:"inherit",pointerEvents:"none",backgroundColor:r?t.interaction.disabled:t.interaction.none,transition:"background-color 0.2s ease"},"& > article":{position:"relative",zIndex:1},...r?{pointerEvents:"none","& ul .MuiTypography-root, & ul .MuiChip-label":{color:e.custom.palette.text.disabled}}:{"&:hover .TestItem__Title, &:active .TestItem__Title":{textDecoration:"underline"},"&&:hover":{...!o&&{borderColor:t.stroke.hover},boxShadow:e.custom.elevation.float,"&::after":{backgroundColor:t.interaction.hover}},"&&:active::after":{backgroundColor:t.interaction.press},"&&:focus-visible":{outline:"none",...!o&&{borderColor:t.stroke.default},boxShadow:e.custom.boxShadow.input.focus}}}});module.exports=t;

package/dist/systems/Platform/TestItem/_partials/TagList.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),o=require("react"),t=require("react-truncate-list"),i=require("../../../BrandCore/Icon/Icon.js");require("../../../../utils/formValidation/misc.js"),require("../../../BrandCore/primitiveVariables.js"),require("../../../WebCore/utils/typography.util.js"),require("../../../BrandCore/textures.js"),require("../../../WebCore/AnnualController/AnnualController.js"),require("../../../WebCore/SelectItem/SelectItem.js"),require("../../../WebCore/Accordion/Accordion.js"),require("../../../WebCore/Animations/FadeIn.js"),require("../../../WebCore/Text/Text.js"),require("@mui/icons-material"),require("../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("merge-sx"),require("../../../WebCore/Badge/Badge.js"),require("../../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../../WebCore/Button/Button.js"),require("../../../WebCore/ButtonBase/ButtonBase.js"),require("../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../../WebCore/Checkbox/StyledCheckbox.js"),require("../../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../../WebCore/Differential/DifferentialContainer.js"),require("../../../WebCore/Differential/DifferentialRadio.js"),require("../../../WebCore/DropdownMenu/StyledMenu.js"),require("../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../../WebCore/FormBuilder/FormBuilder.js"),require("../../../WebCore/FormGenerator/FormGenerator.js"),require("../../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser");var a=require("../../../WebCore/IconButton/IconButton.js");require("../../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../../WebCore/Image/Image.js"),require("../../../WebCore/KbdGroup/Kbd.js"),require("../../../WebCore/KbdGroup/KbdGroup.js");var u=require("../../../WebCore/KeyValueLabel/KeyValueLabel.js"),s=require("../../../WebCore/Label/Label.js");require("../../../WebCore/Likert/LikertContainer.js"),require("../../../WebCore/Likert/LikertLabel.js"),require("../../../WebCore/Likert/LikertRadio.js"),require("../../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../../WebCore/Surface/Surface.js"),require("../../../WebCore/Menu/MenuItem.js"),require("../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../../WebCore/NavigationButton/NavigationButton.js"),require("../../../WebCore/Nudge/NudgeButton.js"),require("../../../WebCore/NumberField/NumberField.js"),require("../../../BrandCore/colorRamps.js"),require("../../../BrandCore/semanticColor.js"),require("../../../BrandCore/types.js"),require("../../../BrandCore/typography.js"),require("../../../WebCore/Progress/Progress.js"),require("../../../WebCore/Pill/StyledPill.js"),require("../../../WebCore/ProgressBar/ProgressBar.js"),require("../../../WebCore/Radio/StyledRadio.js"),require("../../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../../WebCore/Select/StyledSelect.js"),require("../../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../../WebCore/SortableList/SortableList.js"),require("../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../../WebCore/Skeleton/Skeleton.js"),require("../../../WebCore/Slider/StyledSlider.js"),require("../../../WebCore/StarRating/StarRating.js"),require("../../../WebCore/Switch/StyledSwitch.js"),require("../../../WebCore/Textarea/Textarea.js"),require("../../../WebCore/TrialCard/TrialCardContainers.js"),require("../../../WebCore/TrialCard/TrialPill.js"),require("../../../WebCore/UserMenu/UserMenuButton.js"),require("../../../WebCore/VideoModal/VideoModal.js"),require("../../../WebCore/TintedSurface/TintedSurface.js");module.exports=({tags:l})=>{const n=r.useTheme(),[b,C]=o.useState(!1);return e.jsx(t.TruncatedList,{style:{display:"flex",flexWrap:"wrap",alignItems:"center",maxHeight:b?"none":56,gap:n.m.xs,listStyleType:"none",paddingInlineStart:0,margin:0},alwaysShowTruncator:b,renderTruncator:({hiddenItemsCount:r})=>r>0?e.jsx(s,{body:`+${r}`,weight:"light",onClick:e=>{e.stopPropagation(),C(!0)},sx:{background:n.custom.palette.neutral[50]}}):e.jsx(a,{sizing:"sm",icon:e.jsx(i.default,{name:"chevron-up",size:16}),onClick:e=>{e.stopPropagation(),C(!1)},sx:{color:n.custom.palette.icon.primary}}),children:l.map(({category:r,selection:o})=>e.jsx(u,{keyString:r,valueString:o},r))})};
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),o=require("react"),t=require("react-truncate-list"),i=require("../../../BrandCore/Icon/Icon.js");require("../../../../utils/formValidation/misc.js"),require("../../../BrandCore/primitiveVariables.js"),require("../../../WebCore/utils/typography.util.js"),require("../../../BrandCore/textures.js"),require("../../../WebCore/AnnualController/AnnualController.js"),require("../../../WebCore/SelectItem/SelectItem.js"),require("../../../WebCore/Accordion/Accordion.js"),require("../../../WebCore/Animations/FadeIn.js"),require("../../../WebCore/Text/Text.js"),require("@mui/icons-material"),require("../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("merge-sx"),require("../../../WebCore/Badge/Badge.js"),require("../../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../../WebCore/Button/Button.js"),require("../../../WebCore/ButtonBase/ButtonBase.js"),require("../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../../WebCore/Checkbox/StyledCheckbox.js"),require("../../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../../WebCore/Differential/DifferentialContainer.js"),require("../../../WebCore/Differential/DifferentialRadio.js"),require("../../../WebCore/DropdownMenu/StyledMenu.js"),require("../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../../WebCore/FormBuilder/FormBuilder.js"),require("../../../WebCore/FormGenerator/FormGenerator.js"),require("../../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser");var a=require("../../../WebCore/IconButton/IconButton.js");require("../../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../../WebCore/Image/Image.js"),require("../../../WebCore/KbdGroup/Kbd.js"),require("../../../WebCore/KbdGroup/KbdGroup.js");var u=require("../../../WebCore/KeyValueLabel/KeyValueLabel.js"),s=require("../../../WebCore/Label/Label.js");require("../../../WebCore/Likert/LikertContainer.js"),require("../../../WebCore/Likert/LikertLabel.js"),require("../../../WebCore/Likert/LikertRadio.js"),require("../../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../../WebCore/Surface/Surface.js"),require("../../../WebCore/Menu/MenuItem.js"),require("../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../../WebCore/NavigationButton/NavigationButton.js"),require("../../../WebCore/Nudge/NudgeButton.js"),require("../../../WebCore/NumberField/NumberField.js"),require("../../../BrandCore/colorRamps.js"),require("../../../BrandCore/semanticColor.js"),require("../../../BrandCore/types.js"),require("../../../BrandCore/typography.js"),require("../../../WebCore/Progress/Progress.js"),require("../../../WebCore/Pill/StyledPill.js"),require("../../../WebCore/ProgressBar/ProgressBar.js"),require("../../../WebCore/Radio/StyledRadio.js"),require("../../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../../WebCore/Select/StyledSelect.js"),require("../../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../../WebCore/SortableList/SortableList.js"),require("../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../../WebCore/Skeleton/Skeleton.js"),require("../../../WebCore/Slider/StyledSlider.js"),require("../../../WebCore/StarRating/StarRating.js"),require("../../../WebCore/Switch/StyledSwitch.js"),require("../../../WebCore/Textarea/Textarea.js"),require("../../../WebCore/TrialCard/TrialCardContainers.js"),require("../../../WebCore/TrialCard/TrialPill.js"),require("../../../WebCore/UserMenu/UserMenuButton.js"),require("../../../WebCore/VideoModal/VideoModal.js"),require("../../../WebCore/TintedSurface/TintedSurface.js");module.exports=({tags:l})=>{const n=r.useTheme(),[b,C]=o.useState(!1);return e.jsx(t.TruncatedList,{style:{display:"flex",flexWrap:"wrap",alignItems:"center",maxHeight:b?"none":56,gap:n.m.xs,listStyleType:"none",paddingInlineStart:0,margin:0},alwaysShowTruncator:b,renderTruncator:({hiddenItemsCount:r})=>r>0?e.jsx(s,{body:`+${r}`,weight:"light",onClick:e=>{e.stopPropagation(),C(!0)},sx:{background:n.custom.palette.neutral[50]}}):e.jsx(a,{sizing:"sm",icon:e.jsx(i.default,{name:"chevron-up",size:16}),onClick:e=>{e.stopPropagation(),C(!1)},sx:{color:n.custom.palette.icon.primary}}),children:l.map(({category:r,selection:o})=>e.jsx(u,{keyString:r,valueString:o,cursor:"inherit"},r))})};

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

@@ -1,8 +1,9 @@
-import { FunctionComponent } from 'react';
+import { FunctionComponent, CSSProperties } from 'react';
 
 interface KeyValueLabelProps {
     keyString: string;
     valueString: string;
+    cursor?: CSSProperties['cursor'];
 }
 declare const KeyValueLabel: FunctionComponent<KeyValueLabelProps>;
 

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

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

package/package.json

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