@useloops/design-system 1.4.729 → 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/FormBuilder/Field.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r,Fragment as o}from"react/jsx-runtime";import{useTheme as t}from"@mui/material";import{memo as n,useRef as i,useEffect as l}from"react";import{useWatch as a,Controller as c}from"react-hook-form";import{space as s}from"../../BrandCore/primitiveVariables.js";import d from"../Html/Html.js";import f from"../InputLabel/InputLabel.js";import p from"./ArrayFieldRows.js";import u from"./components/StrengthIndicator/StrengthIndicator.js";import m from"./FieldCollapse.js";import h,{CollapseMessage as v}from"./FieldMessage.js";import{extractNoneOfThese as g,splitFieldProps as y,getFieldDefinition as b}from"./fieldRegistry.js";const x=n(({field:n,fieldRef:x,control:j,appear:R=!1})=>{const{custom:S}=t(),B=n,{fieldType:I,name:F,label:T,labelProps:L,helperText:k,helpTextProps:w,content:P,styleOverrides:C,strengthIndicator:H,hidden:M,visibleWhen:O,deriveProps:$,hideError:z,focusOnReveal:A}=B,E=g(y(B)),V=Boolean(O)||Boolean($)||"function"==typeof T,W=a({control:j,disabled:!V}),q=Boolean(M)||!!O&&!O(W??{}),D=i(null),G=i(q),J=G.current&&!q;l(()=>{G.current=q});const K=Boolean(A)&&J,N=Boolean(E.autoFocus)||K&&"richTextfield"===I;l(()=>{if(!N&&!K)return;const e=D.current;if(e&&"function"==typeof e.focus&&(e.focus({preventScroll:!0}),"string"==typeof e.value&&"function"==typeof e.setSelectionRange))try{e.setSelectionRange(e.value.length,e.value.length)}catch{}},[N,K]);const Q=$?$(W??{}):void 0,U="function"==typeof T?T:void 0,X=U?U(W??{}):T,Y=a({control:j,name:F,disabled:!H}),Z="checkbox"===I?`${"lg"===E.sizing?s[600]:s[500]}px`:void 0,_=`${F}-error`;return e(m,{hidden:q,appear:R,sx:C?.sxInputStack,children:["switch"!==I?X&&r(f,{...L,children:X}):null,(()=>{if("html"===I)return P?r(d,{children:P}):null;if("array"===I)return r(p,{field:B,control:j});const t=b(I);if(!t)return null;const n=t.component;return r(c,{name:F,control:j,render:({field:{ref:i,...l},fieldState:a})=>e(o,{children:[r(n,{...E,...Q,...l,...t.adapt?.({...B,label:X},l)??{},autoFocus:N,"aria-invalid":!!a.error||void 0,"aria-describedby":a.error?_:void 0,inputRef:e=>{i(e),((e,r)=>{"function"==typeof e?e(r):e&&(e.current=r)})(x,e),D.current=e}}),H&&r(u,{value:Y}),r(v,{id:_,errorMessage:z?void 0:a.error?.message,paddingLeft:Z,showicon:!0})]})})})(),k?r(h,{helperText:k,paddingLeft:Z,...w}):null]})});export{x as default};
+import{jsxs as e,jsx as r,Fragment as o}from"react/jsx-runtime";import{useTheme as t}from"@mui/material";import{memo as n,useRef as i,useEffect as l}from"react";import{useWatch as a,Controller as c}from"react-hook-form";import{space as s}from"../../BrandCore/primitiveVariables.js";import d from"../Html/Html.js";import f from"../InputLabel/InputLabel.js";import p from"./ArrayFieldRows.js";import m from"./components/StrengthIndicator/StrengthIndicator.js";import u from"./FieldCollapse.js";import h,{CollapseMessage as v}from"./FieldMessage.js";import{extractNoneOfThese as g,splitFieldProps as y,getFieldDefinition as b}from"./fieldRegistry.js";const j=n(({field:n,fieldRef:j,control:x,appear:B=!1})=>{const{custom:R}=t(),S=n,{fieldType:I,name:F,label:T,labelProps:w,helperText:L,helpTextProps:k,content:A,styleOverrides:O,strengthIndicator:P,hidden:C,visibleWhen:E,deriveProps:H,watch:M,hideError:$,focusOnReveal:z}=S,V=g(y(S)),W=Boolean(E)||Boolean(H)||"function"==typeof T,q=W&&Array.isArray(M)&&M.length>0?M:void 0,D=a({control:x,name:q,disabled:!W||!q}),G=a({control:x,disabled:!W||Boolean(q)}),J=q?Object.fromEntries(q.map((e,r)=>[e,D?.[r]])):G,K=Boolean(C)||!!E&&!E(J??{}),N=i(null),Q=i(K),U=Q.current&&!K;l(()=>{Q.current=K});const X=Boolean(z)&&U,Y=Boolean(V.autoFocus)||X&&"richTextfield"===I;l(()=>{if(!Y&&!X)return;const e=N.current;if(e&&"function"==typeof e.focus&&(e.focus({preventScroll:!0}),"string"==typeof e.value&&"function"==typeof e.setSelectionRange))try{e.setSelectionRange(e.value.length,e.value.length)}catch{}},[Y,X]);const Z=H?H(J??{}):void 0,_="function"==typeof T?T:void 0,ee=_?_(J??{}):T,re=a({control:x,name:F,disabled:!P}),oe="checkbox"===I?`${"lg"===V.sizing?s[600]:s[500]}px`:void 0,te=`${F}-error`;return e(u,{hidden:K,appear:B,sx:O?.sxInputStack,children:["switch"!==I?ee&&r(f,{...w,children:ee}):null,(()=>{if("html"===I)return A?r(d,{children:A}):null;if("array"===I)return r(p,{field:S,control:x});const t=b(I);if(!t)return null;const n=t.component;return r(c,{name:F,control:x,render:({field:{ref:i,...l},fieldState:a})=>e(o,{children:[r(n,{...V,...Z,...l,...t.adapt?.({...S,label:ee},l)??{},autoFocus:Y,"aria-invalid":!!a.error||void 0,"aria-describedby":a.error?te:void 0,inputRef:e=>{i(e),((e,r)=>{"function"==typeof e?e(r):e&&(e.current=r)})(j,e),N.current=e}}),P&&r(m,{value:re}),r(v,{id:te,errorMessage:$?void 0:a.error?.message,paddingLeft:oe,showicon:!0})]})})})(),L?r(h,{helperText:L,paddingLeft:oe,...k}):null]})});export{j as default};

package/dist/esm/systems/WebCore/FormBuilder/fieldRegistry.js

@@ -1 +1 @@
-import e from"../AutocompleteField/AutocompleteField.js";import t from"../Checkbox/Checkbox.js";import"../Checkbox/StyledCheckbox.js";import o from"../CheckboxGroup/CheckboxGroup.js";import a from"../CreatableAutocomplete/CreatableAutocomplete.js";import l from"../CustomField/CustomField.js";import r from"../Differential/Differential.js";import n from"../Likert/Likert.js";import i from"../NumberField/NumberField.js";import u from"../RadioGroup/RadioGroup.js";import f from"../Rank/Rank.js";import m from"../RichTextField/RichTextField.js";import"../SelectItem/SelectItem.js";import d from"../Select/Select.js";import p from"../Slider/Slider.js";import c from"../StarRating/StarRating.js";import s from"../Switch/Switch.js";import h from"../Textarea/Textarea.js";import g from"../TextField/TextField.js";const b={textfield:{component:g,getDefault:e=>e.defaultValue??""},numberfield:{component:i,getDefault:e=>e.defaultValue??0},textarea:{component:h,getDefault:e=>e.defaultValue??""},creatableautocomplete:{component:a,getDefault:e=>e.defaultValue??""},select:{component:d,getDefault:e=>e.defaultValue??""},autocomplete:{component:e,getDefault:e=>e.defaultValue,adapt:(e,t)=>({onChange:(e,o)=>t.onChange(o)})},checkbox:{component:t,getDefault:e=>e.defaultValue??!1},checkboxGroup:{component:o,getDefault:e=>e.defaultValue??[]},switch:{component:s,getDefault:e=>e.defaultValue??!1,adapt:e=>({label:e.label})},slider:{component:p,getDefault:e=>Array.isArray(e.defaultValue)?e.defaultValue:e.defaultValue??e.min??0,adapt:(e,t)=>({onChange:(e,o)=>t.onChange(o)})},starRating:{component:c,getDefault:e=>e.defaultValue??0,adapt:(e,t)=>({onChange:(e,o)=>t.onChange(o)})},differential:{component:r,getDefault:e=>e.defaultValue??""},likert:{component:n,getDefault:e=>e.defaultValue??""},radioGroup:{component:u,getDefault:e=>e.defaultValue??""},ranking:{component:f,getDefault:e=>e.defaultValue?e.defaultValue.map(t=>e.options.find(e=>e.id===t)):e.options},richTextfield:{component:m,getDefault:e=>e.defaultValue??""},customfield:{component:l,getDefault:e=>e.defaultValue??""}},x=e=>b[e],V=e=>{if("html"!==e.fieldType)return"array"===e.fieldType?e.defaultValue??[]:b[e.fieldType].getDefault(e)},j=e=>e.reduce((e,t)=>("html"!==t.fieldType&&(e[t.name]=V(t)),e),{}),D=["fieldType","name","ref","label","labelProps","helperText","helpTextProps","content","styleOverrides","strengthIndicator","defaultValue","hidden","visibleWhen","hideError","focusOnReveal","itemField","minItems","maxItems","addLabel","defaultItem","removeAction","rowActionsTabIndex","reorderable","dragAction","actions","deriveProps"],T=e=>{const t={};for(const o of Object.keys(e))D.includes(o)||(t[o]=e[o]);return t},C=e=>{if(e.noneOfThese)return!0;return(e.name||e.value||"").replace(/-/g,"_").includes("none_of_these")},k=e=>{if(!e.other?.enabled||!Array.isArray(e.options))return e;const t=e.options,o=t.findIndex(C);return-1===o?e:{...e,options:t.filter((e,t)=>t!==o),noneOfTheseOption:t[o]}};export{b as FIELD_REGISTRY,k as extractNoneOfThese,j as getDefaultValues,V as getFieldDefault,x as getFieldDefinition,T as splitFieldProps};
+import e from"../AutocompleteField/AutocompleteField.js";import t from"../Checkbox/Checkbox.js";import"../Checkbox/StyledCheckbox.js";import o from"../CheckboxGroup/CheckboxGroup.js";import a from"../CreatableAutocomplete/CreatableAutocomplete.js";import l from"../CustomField/CustomField.js";import r from"../Differential/Differential.js";import n from"../Likert/Likert.js";import i from"../NumberField/NumberField.js";import u from"../RadioGroup/RadioGroup.js";import f from"../Rank/Rank.js";import m from"../RichTextField/RichTextField.js";import"../SelectItem/SelectItem.js";import d from"../Select/Select.js";import p from"../Slider/Slider.js";import c from"../StarRating/StarRating.js";import s from"../Switch/Switch.js";import h from"../Textarea/Textarea.js";import g from"../TextField/TextField.js";const b={textfield:{component:g,getDefault:e=>e.defaultValue??""},numberfield:{component:i,getDefault:e=>e.defaultValue??0},textarea:{component:h,getDefault:e=>e.defaultValue??""},creatableautocomplete:{component:a,getDefault:e=>e.defaultValue??""},select:{component:d,getDefault:e=>e.defaultValue??""},autocomplete:{component:e,getDefault:e=>e.defaultValue,adapt:(e,t)=>({onChange:(e,o)=>t.onChange(o)})},checkbox:{component:t,getDefault:e=>e.defaultValue??!1},checkboxGroup:{component:o,getDefault:e=>e.defaultValue??[]},switch:{component:s,getDefault:e=>e.defaultValue??!1,adapt:e=>({label:e.label})},slider:{component:p,getDefault:e=>Array.isArray(e.defaultValue)?e.defaultValue:e.defaultValue??e.min??0,adapt:(e,t)=>({onChange:(e,o)=>t.onChange(o)})},starRating:{component:c,getDefault:e=>e.defaultValue??0,adapt:(e,t)=>({onChange:(e,o)=>t.onChange(o)})},differential:{component:r,getDefault:e=>e.defaultValue??""},likert:{component:n,getDefault:e=>e.defaultValue??""},radioGroup:{component:u,getDefault:e=>e.defaultValue??""},ranking:{component:f,getDefault:e=>e.defaultValue?e.defaultValue.map(t=>e.options.find(e=>e.id===t)):e.options},richTextfield:{component:m,getDefault:e=>e.defaultValue??""},customfield:{component:l,getDefault:e=>e.defaultValue??""}},x=e=>b[e],V=e=>{if("html"!==e.fieldType)return"array"===e.fieldType?e.defaultValue??[]:b[e.fieldType].getDefault(e)},j=e=>e.reduce((e,t)=>("html"!==t.fieldType&&(e[t.name]=V(t)),e),{}),D=["fieldType","name","ref","label","labelProps","helperText","helpTextProps","content","styleOverrides","strengthIndicator","defaultValue","hidden","visibleWhen","hideError","focusOnReveal","watch","itemField","minItems","maxItems","addLabel","defaultItem","removeAction","rowActionsTabIndex","reorderable","dragAction","actions","deriveProps"],T=e=>{const t={};for(const o of Object.keys(e))D.includes(o)||(t[o]=e[o]);return t},C=e=>{if(e.noneOfThese)return!0;return(e.name||e.value||"").replace(/-/g,"_").includes("none_of_these")},k=e=>{if(!e.other?.enabled||!Array.isArray(e.options))return e;const t=e.options,o=t.findIndex(C);return-1===o?e:{...e,options:t.filter((e,t)=>t!==o),noneOfTheseOption:t[o]}};export{b as FIELD_REGISTRY,k as extractNoneOfThese,j as getDefaultValues,V as getFieldDefault,x as getFieldDefinition,T as splitFieldProps};

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/SliderGraph/_partials/StyledComponents.d.ts

@@ -5,40 +5,40 @@ import * as _mui_system from '@mui/system';
 import * as _mui_material from '@mui/material';
 import { SliderGraphBarProps, CommonComponentProps } from '../types.js';
 
-declare const SliderGraphWrapper: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme> | keyof _mui_material_OverridableComponent.CommonProps> & {
+declare const SliderGraphWrapper: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & {
     component?: React.ElementType | undefined;
 } & {
     maxHeight: number;
 } & {
     responsive?: boolean;
 }, {}, {}>;
-declare const VeticalBarWrapper: _emotion_styled.StyledComponent<_mui_material.ListItemButtonOwnProps & Omit<_mui_material.ButtonBaseOwnProps, keyof _mui_material.ListItemButtonOwnProps> & Omit<_mui_material.ButtonBaseOwnProps, "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "type" | keyof _mui_material.ListItemButtonOwnProps> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "disabled" | "sx" | "alignItems" | "style" | "children" | "autoFocus" | "className" | "tabIndex" | "classes" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "type" | "dense" | "disableGutters" | "divider" | "selected"> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & {
+declare const VeticalBarWrapper: _emotion_styled.StyledComponent<_mui_material.ListItemButtonOwnProps & Omit<_mui_material.ButtonBaseOwnProps, keyof _mui_material.ListItemButtonOwnProps> & Omit<_mui_material.ButtonBaseOwnProps, "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "type" | keyof _mui_material.ListItemButtonOwnProps> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "alignItems" | "className" | "style" | "classes" | "children" | "sx" | "autoFocus" | "tabIndex" | "disableGutters" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "type" | "selected" | "dense" | "divider"> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & {
     component?: React.ElementType | undefined;
 } & {
     maxHeight: number;
 } & {
     responsive?: boolean;
 }, {}, {}>;
-declare const SliderGraphBarWrapper: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme> | keyof _mui_material_OverridableComponent.CommonProps> & {
+declare const SliderGraphBarWrapper: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & {
     component?: React.ElementType | undefined;
 } & {
     maxHeight: number;
 } & {
     responsive?: boolean;
 }, {}, {}>;
-declare const VerticalBarValue: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme> | keyof _mui_material_OverridableComponent.CommonProps> & {
+declare const VerticalBarValue: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & {
     component?: React.ElementType | undefined;
 }, {}, {}>;
-declare const VerticalBar: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme> | keyof _mui_material_OverridableComponent.CommonProps> & {
+declare const VerticalBar: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & {
     component?: React.ElementType | undefined;
 } & CommonComponentProps & {
     value: number;
     checked: boolean;
 }, {}, {}>;
-declare const VerticalBarActions: _emotion_styled.StyledComponent<_mui_material.StackOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_material.StackOwnProps> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme> | keyof _mui_material_OverridableComponent.CommonProps> & {
+declare const VerticalBarActions: _emotion_styled.StyledComponent<_mui_material.StackOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_material.StackOwnProps> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & {
     component?: React.ElementType | undefined;
 }, {}, {}>;
-declare const VerticalBarLabel: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme> | keyof _mui_material_OverridableComponent.CommonProps> & {
+declare const VerticalBarLabel: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & {
     component?: React.ElementType | undefined;
 }, {}, {}>;
 declare const AxisSegmentWrapper: _emotion_styled.StyledComponent<_mui_material.StackOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_material.StackOwnProps> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & {
@@ -46,7 +46,7 @@ declare const AxisSegmentWrapper: _emotion_styled.StyledComponent<_mui_material.
 } & {
     maxHeight: number;
 } & Partial<SliderGraphBarProps>, {}, {}>;
-declare const AxisSegment: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme> | keyof _mui_material_OverridableComponent.CommonProps> & {
+declare const AxisSegment: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & {
     component?: React.ElementType | undefined;
 } & {
     showGraphLines?: boolean;

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/FormBuilder/Field.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("react"),n=require("react-hook-form"),o=require("../../BrandCore/primitiveVariables.js"),i=require("../Html/Html.js"),s=require("../InputLabel/InputLabel.js"),l=require("./ArrayFieldRows.js"),a=require("./components/StrengthIndicator/StrengthIndicator.js"),u=require("./FieldCollapse.js"),c=require("./FieldMessage.js"),d=require("./fieldRegistry.js");var f=t.memo(({field:f,fieldRef:p,control:h,appear:x=!1})=>{const{custom:m}=r.useTheme(),g=f,{fieldType:j,name:v,label:y,labelProps:b,helperText:q,helpTextProps:R,content:F,styleOverrides:S,strengthIndicator:T,hidden:B,visibleWhen:I,deriveProps:C,hideError:L,focusOnReveal:P}=g,k=d.extractNoneOfThese(d.splitFieldProps(g)),w=Boolean(I)||Boolean(C)||"function"==typeof y,E=n.useWatch({control:h,disabled:!w}),M=Boolean(B)||!!I&&!I(E??{}),O=t.useRef(null),W=t.useRef(M),H=W.current&&!M;t.useEffect(()=>{W.current=M});const $=Boolean(P)&&H,z=Boolean(k.autoFocus)||$&&"richTextfield"===j;t.useEffect(()=>{if(!z&&!$)return;const e=O.current;if(e&&"function"==typeof e.focus&&(e.focus({preventScroll:!0}),"string"==typeof e.value&&"function"==typeof e.setSelectionRange))try{e.setSelectionRange(e.value.length,e.value.length)}catch{}},[z,$]);const A=C?C(E??{}):void 0,D="function"==typeof y?y:void 0,N=D?D(E??{}):y,V=n.useWatch({control:h,name:v,disabled:!T}),G="checkbox"===j?`${"lg"===k.sizing?o.space[600]:o.space[500]}px`:void 0,J=`${v}-error`;return e.jsxs(u,{hidden:M,appear:x,sx:S?.sxInputStack,children:["switch"!==j?N&&e.jsx(s,{...b,children:N}):null,(()=>{if("html"===j)return F?e.jsx(i,{children:F}):null;if("array"===j)return e.jsx(l,{field:g,control:h});const r=d.getFieldDefinition(j);if(!r)return null;const t=r.component;return e.jsx(n.Controller,{name:v,control:h,render:({field:{ref:n,...o},fieldState:i})=>e.jsxs(e.Fragment,{children:[e.jsx(t,{...k,...A,...o,...r.adapt?.({...g,label:N},o)??{},autoFocus:z,"aria-invalid":!!i.error||void 0,"aria-describedby":i.error?J:void 0,inputRef:e=>{n(e),((e,r)=>{"function"==typeof e?e(r):e&&(e.current=r)})(p,e),O.current=e}}),T&&e.jsx(a,{value:V}),e.jsx(c.CollapseMessage,{id:J,errorMessage:L?void 0:i.error?.message,paddingLeft:G,showicon:!0})]})})})(),q?e.jsx(c.default,{helperText:q,paddingLeft:G,...R}):null]})});module.exports=f;
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("react"),n=require("react-hook-form"),o=require("../../BrandCore/primitiveVariables.js"),i=require("../Html/Html.js"),s=require("../InputLabel/InputLabel.js"),l=require("./ArrayFieldRows.js"),a=require("./components/StrengthIndicator/StrengthIndicator.js"),c=require("./FieldCollapse.js"),u=require("./FieldMessage.js"),d=require("./fieldRegistry.js");var f=t.memo(({field:f,fieldRef:p,control:h,appear:m=!1})=>{const{custom:x}=r.useTheme(),g=f,{fieldType:j,name:v,label:y,labelProps:b,helperText:q,helpTextProps:R,content:F,styleOverrides:B,strengthIndicator:S,hidden:T,visibleWhen:I,deriveProps:w,watch:C,hideError:E,focusOnReveal:L}=g,O=d.extractNoneOfThese(d.splitFieldProps(g)),P=Boolean(I)||Boolean(w)||"function"==typeof y,W=P&&Array.isArray(C)&&C.length>0?C:void 0,k=n.useWatch({control:h,name:W,disabled:!P||!W}),A=n.useWatch({control:h,disabled:!P||Boolean(W)}),M=W?Object.fromEntries(W.map((e,r)=>[e,k?.[r]])):A,H=Boolean(T)||!!I&&!I(M??{}),$=t.useRef(null),z=t.useRef(H),D=z.current&&!H;t.useEffect(()=>{z.current=H});const N=Boolean(L)&&D,V=Boolean(O.autoFocus)||N&&"richTextfield"===j;t.useEffect(()=>{if(!V&&!N)return;const e=$.current;if(e&&"function"==typeof e.focus&&(e.focus({preventScroll:!0}),"string"==typeof e.value&&"function"==typeof e.setSelectionRange))try{e.setSelectionRange(e.value.length,e.value.length)}catch{}},[V,N]);const G=w?w(M??{}):void 0,J="function"==typeof y?y:void 0,K=J?J(M??{}):y,Q=n.useWatch({control:h,name:v,disabled:!S}),U="checkbox"===j?`${"lg"===O.sizing?o.space[600]:o.space[500]}px`:void 0,X=`${v}-error`;return e.jsxs(c,{hidden:H,appear:m,sx:B?.sxInputStack,children:["switch"!==j?K&&e.jsx(s,{...b,children:K}):null,(()=>{if("html"===j)return F?e.jsx(i,{children:F}):null;if("array"===j)return e.jsx(l,{field:g,control:h});const r=d.getFieldDefinition(j);if(!r)return null;const t=r.component;return e.jsx(n.Controller,{name:v,control:h,render:({field:{ref:n,...o},fieldState:i})=>e.jsxs(e.Fragment,{children:[e.jsx(t,{...O,...G,...o,...r.adapt?.({...g,label:K},o)??{},autoFocus:V,"aria-invalid":!!i.error||void 0,"aria-describedby":i.error?X:void 0,inputRef:e=>{n(e),((e,r)=>{"function"==typeof e?e(r):e&&(e.current=r)})(p,e),$.current=e}}),S&&e.jsx(a,{value:Q}),e.jsx(u.CollapseMessage,{id:X,errorMessage:E?void 0:i.error?.message,paddingLeft:U,showicon:!0})]})})})(),q?e.jsx(u.default,{helperText:q,paddingLeft:U,...R}):null]})});module.exports=f;

package/dist/systems/WebCore/FormBuilder/fieldRegistry.d.ts

@@ -43,6 +43,13 @@ interface BaseField<TValues extends FieldValues = FieldValues> {
      * e.g. a select whose `selections` depend on how many rows another field holds.
      */
     deriveProps?: (values: TValues) => Record<string, unknown>;
+    /**
+     * Scopes this field's reactive config (`visibleWhen`/`deriveProps`/function `label`) to the named
+     * fields: it then only re-renders when THOSE values change, and the reactive callbacks receive a
+     * partial values record holding just these keys. Without it, reactive fields re-render on every
+     * form value change — expensive in large forms. List every field the callbacks read.
+     */
+    watch?: string[];
     /** Suppress the inline error message — for dense layouts that surface the error elsewhere. */
     hideError?: boolean;
     /**

package/dist/systems/WebCore/FormBuilder/fieldRegistry.js

@@ -1 +1 @@
-"use strict";var e=require("../AutocompleteField/AutocompleteField.js"),t=require("../Checkbox/Checkbox.js");require("../Checkbox/StyledCheckbox.js");var a=require("../CheckboxGroup/CheckboxGroup.js"),l=require("../CreatableAutocomplete/CreatableAutocomplete.js"),r=require("../CustomField/CustomField.js"),o=require("../Differential/Differential.js"),u=require("../Likert/Likert.js"),n=require("../NumberField/NumberField.js"),i=require("../RadioGroup/RadioGroup.js"),d=require("../Rank/Rank.js"),f=require("../RichTextField/RichTextField.js");require("../SelectItem/SelectItem.js");var s=require("../Select/Select.js"),c=require("../Slider/Slider.js"),p=require("../StarRating/StarRating.js"),m=require("../Switch/Switch.js"),g=require("../Textarea/Textarea.js");const h={textfield:{component:require("../TextField/TextField.js"),getDefault:e=>e.defaultValue??""},numberfield:{component:n.default,getDefault:e=>e.defaultValue??0},textarea:{component:g,getDefault:e=>e.defaultValue??""},creatableautocomplete:{component:l,getDefault:e=>e.defaultValue??""},select:{component:s,getDefault:e=>e.defaultValue??""},autocomplete:{component:e,getDefault:e=>e.defaultValue,adapt:(e,t)=>({onChange:(e,a)=>t.onChange(a)})},checkbox:{component:t,getDefault:e=>e.defaultValue??!1},checkboxGroup:{component:a,getDefault:e=>e.defaultValue??[]},switch:{component:m,getDefault:e=>e.defaultValue??!1,adapt:e=>({label:e.label})},slider:{component:c,getDefault:e=>Array.isArray(e.defaultValue)?e.defaultValue:e.defaultValue??e.min??0,adapt:(e,t)=>({onChange:(e,a)=>t.onChange(a)})},starRating:{component:p,getDefault:e=>e.defaultValue??0,adapt:(e,t)=>({onChange:(e,a)=>t.onChange(a)})},differential:{component:o,getDefault:e=>e.defaultValue??""},likert:{component:u,getDefault:e=>e.defaultValue??""},radioGroup:{component:i,getDefault:e=>e.defaultValue??""},ranking:{component:d,getDefault:e=>e.defaultValue?e.defaultValue.map(t=>e.options.find(e=>e.id===t)):e.options},richTextfield:{component:f,getDefault:e=>e.defaultValue??""},customfield:{component:r,getDefault:e=>e.defaultValue??""}},x=e=>{if("html"!==e.fieldType)return"array"===e.fieldType?e.defaultValue??[]:h[e.fieldType].getDefault(e)},b=["fieldType","name","ref","label","labelProps","helperText","helpTextProps","content","styleOverrides","strengthIndicator","defaultValue","hidden","visibleWhen","hideError","focusOnReveal","itemField","minItems","maxItems","addLabel","defaultItem","removeAction","rowActionsTabIndex","reorderable","dragAction","actions","deriveProps"],D=e=>{if(e.noneOfThese)return!0;return(e.name||e.value||"").replace(/-/g,"_").includes("none_of_these")};exports.FIELD_REGISTRY=h,exports.extractNoneOfThese=e=>{if(!e.other?.enabled||!Array.isArray(e.options))return e;const t=e.options,a=t.findIndex(D);return-1===a?e:{...e,options:t.filter((e,t)=>t!==a),noneOfTheseOption:t[a]}},exports.getDefaultValues=e=>e.reduce((e,t)=>("html"!==t.fieldType&&(e[t.name]=x(t)),e),{}),exports.getFieldDefault=x,exports.getFieldDefinition=e=>h[e],exports.splitFieldProps=e=>{const t={};for(const a of Object.keys(e))b.includes(a)||(t[a]=e[a]);return t};
+"use strict";var e=require("../AutocompleteField/AutocompleteField.js"),t=require("../Checkbox/Checkbox.js");require("../Checkbox/StyledCheckbox.js");var a=require("../CheckboxGroup/CheckboxGroup.js"),l=require("../CreatableAutocomplete/CreatableAutocomplete.js"),r=require("../CustomField/CustomField.js"),o=require("../Differential/Differential.js"),u=require("../Likert/Likert.js"),n=require("../NumberField/NumberField.js"),i=require("../RadioGroup/RadioGroup.js"),d=require("../Rank/Rank.js"),f=require("../RichTextField/RichTextField.js");require("../SelectItem/SelectItem.js");var s=require("../Select/Select.js"),c=require("../Slider/Slider.js"),p=require("../StarRating/StarRating.js"),m=require("../Switch/Switch.js"),g=require("../Textarea/Textarea.js");const h={textfield:{component:require("../TextField/TextField.js"),getDefault:e=>e.defaultValue??""},numberfield:{component:n.default,getDefault:e=>e.defaultValue??0},textarea:{component:g,getDefault:e=>e.defaultValue??""},creatableautocomplete:{component:l,getDefault:e=>e.defaultValue??""},select:{component:s,getDefault:e=>e.defaultValue??""},autocomplete:{component:e,getDefault:e=>e.defaultValue,adapt:(e,t)=>({onChange:(e,a)=>t.onChange(a)})},checkbox:{component:t,getDefault:e=>e.defaultValue??!1},checkboxGroup:{component:a,getDefault:e=>e.defaultValue??[]},switch:{component:m,getDefault:e=>e.defaultValue??!1,adapt:e=>({label:e.label})},slider:{component:c,getDefault:e=>Array.isArray(e.defaultValue)?e.defaultValue:e.defaultValue??e.min??0,adapt:(e,t)=>({onChange:(e,a)=>t.onChange(a)})},starRating:{component:p,getDefault:e=>e.defaultValue??0,adapt:(e,t)=>({onChange:(e,a)=>t.onChange(a)})},differential:{component:o,getDefault:e=>e.defaultValue??""},likert:{component:u,getDefault:e=>e.defaultValue??""},radioGroup:{component:i,getDefault:e=>e.defaultValue??""},ranking:{component:d,getDefault:e=>e.defaultValue?e.defaultValue.map(t=>e.options.find(e=>e.id===t)):e.options},richTextfield:{component:f,getDefault:e=>e.defaultValue??""},customfield:{component:r,getDefault:e=>e.defaultValue??""}},x=e=>{if("html"!==e.fieldType)return"array"===e.fieldType?e.defaultValue??[]:h[e.fieldType].getDefault(e)},b=["fieldType","name","ref","label","labelProps","helperText","helpTextProps","content","styleOverrides","strengthIndicator","defaultValue","hidden","visibleWhen","hideError","focusOnReveal","watch","itemField","minItems","maxItems","addLabel","defaultItem","removeAction","rowActionsTabIndex","reorderable","dragAction","actions","deriveProps"],D=e=>{if(e.noneOfThese)return!0;return(e.name||e.value||"").replace(/-/g,"_").includes("none_of_these")};exports.FIELD_REGISTRY=h,exports.extractNoneOfThese=e=>{if(!e.other?.enabled||!Array.isArray(e.options))return e;const t=e.options,a=t.findIndex(D);return-1===a?e:{...e,options:t.filter((e,t)=>t!==a),noneOfTheseOption:t[a]}},exports.getDefaultValues=e=>e.reduce((e,t)=>("html"!==t.fieldType&&(e[t.name]=x(t)),e),{}),exports.getFieldDefault=x,exports.getFieldDefinition=e=>h[e],exports.splitFieldProps=e=>{const t={};for(const a of Object.keys(e))b.includes(a)||(t[a]=e[a]);return t};

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

@@ -6,7 +6,7 @@ import { TextFieldProps } from '@mui/material';
 type InputFieldBaseProps = TextFieldProps;
 declare const InputFieldBase: _emotion_styled.StyledComponent<{
     variant?: _mui_material.TextFieldVariants | undefined;
-} & Omit<_mui_material.FilledTextFieldProps | _mui_material.OutlinedTextFieldProps | _mui_material.StandardTextFieldProps, "variant"> & (_mui_system.MUIStyledCommonProps<_mui_material.Theme> & InputFieldBaseProps), {}, {}>;
+} & Omit<_mui_material.OutlinedTextFieldProps | _mui_material.FilledTextFieldProps | _mui_material.StandardTextFieldProps, "variant"> & (_mui_system.MUIStyledCommonProps<_mui_material.Theme> & InputFieldBaseProps), {}, {}>;
 
 export { InputFieldBase as default };
 export type { InputFieldBaseProps };

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/dist/theme/theme.hooks.d.ts

@@ -4,7 +4,7 @@ import { PaletteMode, Direction } from '@mui/material';
 import { ScreenSize, CustomTheme } from './types.js';
 
 declare const useThemeBuilder: (initialMode?: PaletteMode, initialScreenSize?: ScreenSize, initialDirection?: Direction) => {
-    breakpoint: "" | "sm" | "md" | "lg" | "xl";
+    breakpoint: "" | "sm" | "lg" | "md" | "xl";
     custom: CustomTheme;
     gridOverlayVisible: boolean;
     mode: PaletteMode;

package/package.json

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