@useloops/design-system 1.4.638 → 1.4.639

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

@@ -1 +1 @@
-import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{useTheme as r,Stack as i,Box as a}from"@mui/material";import n from"@number-flow/react";import{mergeSx as s}from"merge-sx";import{useState as l}from"react";import{TruncatedList as p}from"react-truncate-list";import m from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import d from"../../WebCore/Typography/Typography.js";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import c from"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import u from"../../WebCore/KeyValueLabel/KeyValueLabel.js";import b 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 g from"../../WebCore/Menu/Menu.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import y from"../../WebCore/Surface/Surface.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"material-ui-popup-state/hooks";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 C from"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import h from"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import x from"../TestStatus/TestStatus.js";const j=({animated:n=!0,status:j,menuItems:S,title:B,tags:k,stats:I,user:T,slotProps:w,loading:v=!1,...L})=>{const N=r(),[R,A]=l(!1);return e(y,{variation:"raised",borderradius:"lg",...L,sx:s({padding:e=>e.spacing(e.custom.padding.md),border:e=>`1px solid ${e.custom.palette.stroke.light}`,width:"100%",cursor:"pointer","&:hover .TestItem__Menu":{opacity:1}},L.sx),children:t(i,{component:"article",gap:2,children:[t(i,{component:"header",gap:1,justifyContent:"space-between",children:[t(i,{direction:"row",justifyContent:"space-between",alignItems:"center",gap:1,children:[v?e(h,{sx:{width:90,height:32}}):e(x,{status:j,...w?.status}),!v&&Boolean(S?.length)&&e(g,{trigger:e(c,{icon:e(m,{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:e=>`${e.custom.palette.interaction.press} !important`,opacity:1}}}),bindOn:["toggle"],menuItems:S,width:128,offset:[0,8],placement:"bottom-end",...w?.menu})]}),v?e(h,{}):e(d,{component:"h1",weight:"bold",...w?.title,sx:s({fontSize:e=>e.custom.typography.body.xl},w?.title?.sx),children:B})]}),e(a,{children:v?e(a,{display:"flex",flexDirection:"row",gap:.5,children:[...new Array(3).fill(void 0)].map((t,o)=>e(h,{sx:{maxWidth:50}},`test-item-skeleton-${o}`))}):Boolean(k?.length)&&e(p,{style:{display:"flex",flexWrap:"wrap",alignItems:"center",maxHeight:56,gap:N.m.xs,listStyleType:"none",paddingInlineStart:0,margin:0,...R&&{maxHeight:"none"}},alwaysShowTruncator:R,renderTruncator:({hiddenItemsCount:t})=>t>0?e(b,{body:`+${t}`,weight:"light",onClick:e=>{e.stopPropagation(),A(!0)},...w?.tagsExpand,sx:s({background:e=>e.custom.palette.neutral[50]},w?.tagsExpand?.sx)}):e(c,{sizing:"sm",icon:e(m,{name:"chevron-up",size:16}),onClick:e=>{e.stopPropagation(),A(!1)},...w?.tagsCollapse,sx:s({color:e=>e.custom.palette.icon.primary},w?.tagsCollapse?.sx)}),children:k.map(({category:t,selection:o})=>e(u,{keyString:t,valueString:o},t))})}),!v&&I?.progress&&e(y,{variation:"sunken",borderradius:"md",sx:{border:e=>`1px solid ${e.custom.palette.neutral[100]}`,padding:e=>e.spacing(e.custom.padding.md)},children:t(i,{gap:2,children:[e(C,{variation:"determinate",value:I.progress.percentage}),t(a,{gap:{sm:.5,md:1},justifyContent:"stretch",sx:e=>({display:"grid",[e.breakpoints.up("lg")]:{gridTemplateColumns:"repeat(3, 1fr)"},[e.breakpoints.down("lg")]:{gridTemplateColumns:"auto"},[e.containerQueries.up("lg")]:{gridTemplateColumns:"repeat(3, 1fr)"},[e.containerQueries.down("lg")]:{gridTemplateColumns:"auto"}}),children:[e(a,{flexBasis:0,flexGrow:1,children:e(f,{animated:n,label:"Completed",primaryText:I.progress.completed.toString(),secondaryText:`of ${I.progress.total}`})}),e(a,{flexBasis:0,flexGrow:1,children:e(f,{animated:n,label:"Incomplete",primaryText:I.progress.incomplete.toString(),secondaryText:`${I.progress.incompletePercentage}%`})}),e(a,{flexBasis:0,flexGrow:1,children:e(f,{animated:n,label:"Duration",primaryText:I.progress.averageDuration,secondaryText:"average"})})]})]})}),t(a,{component:"footer",display:"flex",flexDirection:"row",justifyContent:T?"space-between":"end",gap:1,children:[T&&e(a,{display:"flex",alignItems:"center",gap:1,children:v?t(o,{children:[e(h,{sx:{borderRadius:"50%",width:24,aspectRatio:1,flexShrink:0}}),e(h,{sx:{width:100}})]}):e(o,{children:e(d,{component:"p",clamp:1,sx:{fontSize:e=>e.custom.typography.body.xs,color:e=>e.custom.palette.text.secondary},children:T.activityDescription})})}),!v&&"draft"!==j&&t(a,{display:"flex",alignItems:"center",gap:2,flexShrink:0,children:[e(W,{animated:n,iconName:"data-bar",label:"answers",value:I?.count?.answers??0}),e(W,{animated:n,iconName:"comment-filled",label:"comments",value:I?.count?.comments??0,slotProps:{icon:{size:20}}})]})]})]})})},f=({animated:r,label:a,primaryText:s,secondaryText:l})=>{const p=s.match(/\d{1,2}:\d{2}/),m=s.split(":"),c=!isNaN(Number(s)),u=l.includes("%")&&!isNaN(Number(l.replace("%","")));return t(i,{sx:{background:e=>e.custom.palette.surface.default,minWidth:"92px",border:e=>`1px solid ${e.custom.palette.neutral[100]}`,borderRadius:1,padding:e=>`${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.md)}`,color:e=>e.custom.palette.text.primary,flexShrink:0,height:"100%"},direction:{sm:"row",md:"row",lg:"column"},alignItems:"center",gap:{sm:1,md:1,lg:0},children:[e(d,{component:"p",sx:{width:"100%",textAlign:{md:"left",lg:"center"},fontSize:e=>e.custom.typography.body.sm},children:a}),e(d,{component:"h3",sx:{fontSize:e=>({sm:e.custom.typography.body.sm,md:e.custom.typography.body.md,lg:e.custom.typography.body.xxl}),fontWeight:500,flexShrink:0},monospaced:!0,children:e(o,{children:e(o,p||c?{children:p?t(o,{children:[e(n,{value:Number(m[0]),format:{minimumIntegerDigits:2,useGrouping:!1},animated:r}),":",e(n,{value:Number(m[1]),format:{minimumIntegerDigits:2,useGrouping:!1},animated:r})]}):e(n,{value:Number(s),animated:r})}:{children:s})})}),e(d,{component:"p",sx:{color:e=>e.custom.palette.text.secondary,fontSize:e=>e.custom.typography.body.sm,flexShrink:0},monospaced:!0,children:u?t(o,{children:[e(n,{value:Number(l.replace("%","")),animated:r}),"%"]}):l})]})},W=({animated:o,iconName:r,label:i,value:l,slotProps:p})=>t(a,{display:"flex",alignItems:"center",gap:.5,children:[e(m,{name:r,...p?.icon,sx:s({color:e=>e.custom.palette.icon.secondary},p?.icon?.sx)}),t(d,{monospaced:!0,component:"p",sx:e=>({fontSize:e=>e.custom.typography.body.xs,color:e=>e.custom.palette.text.primary,"& > span":{color:e=>e.custom.palette.text.secondary,[e.breakpoints.up("lg")]:{display:"inline"},[e.breakpoints.down("lg")]:{display:"none"},[e.containerQueries.up("lg")]:{display:"inline"},[e.containerQueries.down("lg")]:{display:"none"}}}),children:[e(n,{value:l,animated:o})," ",e("span",{children:i})]})]});export{j as default};
+import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{useTheme as r,Stack as i,Box as a}from"@mui/material";import n from"@number-flow/react";import{mergeSx as s}from"merge-sx";import{useState as l}from"react";import{TruncatedList as p}from"react-truncate-list";import m from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import d from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import c from"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import u from"../../WebCore/KeyValueLabel/KeyValueLabel.js";import b 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 g from"../../WebCore/Menu/Menu.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import C from"../../WebCore/Surface/Surface.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"material-ui-popup-state/hooks";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 y from"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import h from"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import x from"../TestStatus/TestStatus.js";const j=({animated:n=!0,status:j,menuItems:S,title:B,tags:I,stats:k,user:T,slotProps:w,loading:v=!1,...L})=>{const A=r(),[N,R]=l(!1);return e(C,{variation:"raised",borderradius:"lg",...L,sx:s({padding:e=>e.spacing(e.custom.padding.md),border:e=>`1px solid ${e.custom.palette.stroke.light}`,width:"100%",cursor:"pointer","&:hover .TestItem__Menu":{opacity:1}},L.sx),children:t(i,{component:"article",gap:2,children:[t(i,{component:"header",gap:1,justifyContent:"space-between",children:[t(i,{direction:"row",justifyContent:"space-between",alignItems:"center",gap:1,children:[v?e(h,{sx:{width:90,height:32}}):e(x,{status:j,...w?.status}),!v&&Boolean(S?.length)&&e(g,{trigger:e(c,{icon:e(m,{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:e=>`${e.custom.palette.interaction.press} !important`,opacity:1}}}),bindOn:["toggle"],menuItems:S,width:128,offset:[0,8],placement:"bottom-end",...w?.menu})]}),v?e(h,{}):e(d,{component:"h1",weight:"bold",...w?.title,sx:s({fontSize:e=>e.custom.typography.body.xl},w?.title?.sx),children:B})]}),e(a,{children:v?e(a,{display:"flex",flexDirection:"row",gap:.5,children:[...new Array(3).fill(void 0)].map((t,o)=>e(h,{sx:{maxWidth:50}},`test-item-skeleton-${o}`))}):Boolean(I?.length)&&e(p,{style:{display:"flex",flexWrap:"wrap",alignItems:"center",maxHeight:56,gap:A.m.xs,listStyleType:"none",paddingInlineStart:0,margin:0,...N&&{maxHeight:"none"}},alwaysShowTruncator:N,renderTruncator:({hiddenItemsCount:t})=>t>0?e(b,{body:`+${t}`,weight:"light",onClick:e=>{e.stopPropagation(),R(!0)},...w?.tagsExpand,sx:s({background:e=>e.custom.palette.neutral[50]},w?.tagsExpand?.sx)}):e(c,{sizing:"sm",icon:e(m,{name:"chevron-up",size:16}),onClick:e=>{e.stopPropagation(),R(!1)},...w?.tagsCollapse,sx:s({color:e=>e.custom.palette.icon.primary},w?.tagsCollapse?.sx)}),children:I.map(({category:t,selection:o})=>e(u,{keyString:t,valueString:o},t))})}),!v&&k?.progress&&e(C,{variation:"sunken",borderradius:"md",sx:{border:e=>`1px solid ${e.custom.palette.neutral[100]}`,padding:e=>e.spacing(e.custom.padding.md)},children:t(i,{gap:2,children:[e(y,{variation:"determinate",value:k.progress.percentage}),t(a,{gap:{sm:.5,md:1},justifyContent:"stretch",sx:e=>({display:"grid",[e.breakpoints.up("lg")]:{gridTemplateColumns:"repeat(3, 1fr)"},[e.breakpoints.down("lg")]:{gridTemplateColumns:"auto"},[e.containerQueries.up("lg")]:{gridTemplateColumns:"repeat(3, 1fr)"},[e.containerQueries.down("lg")]:{gridTemplateColumns:"auto"}}),children:[e(a,{flexBasis:0,flexGrow:1,children:e(f,{animated:n,label:"Completed",primaryText:k.progress.completed.toString(),secondaryText:`of ${k.progress.total}`})}),e(a,{flexBasis:0,flexGrow:1,children:e(f,{animated:n,label:"Incomplete",primaryText:k.progress.incomplete.toString(),secondaryText:`${k.progress.incompletePercentage}%`})}),e(a,{flexBasis:0,flexGrow:1,children:e(f,{animated:n,label:"Duration",primaryText:k.progress.averageDuration,secondaryText:"average"})})]})]})}),t(a,{component:"footer",display:"flex",flexDirection:"row",justifyContent:T?"space-between":"end",gap:1,children:[T&&e(a,{display:"flex",alignItems:"center",gap:1,children:v?t(o,{children:[e(h,{sx:{borderRadius:"50%",width:24,aspectRatio:1,flexShrink:0}}),e(h,{sx:{width:100}})]}):e(o,{children:e(d,{component:"p",clamp:1,sx:{fontSize:e=>e.custom.typography.body.xs,color:e=>e.custom.palette.text.secondary},children:T.activityDescription})})}),!v&&"draft"!==j&&t(a,{display:"flex",alignItems:"center",gap:2,flexShrink:0,children:[e(W,{animated:n,iconName:"data-bar",label:"answers",value:k?.count?.answers??0}),e(W,{animated:n,iconName:"comment-filled",label:"comments",value:k?.count?.comments??0,slotProps:{icon:{size:20}}})]})]})]})})},f=({animated:r,label:a,primaryText:s,secondaryText:l})=>{const p=s.match(/\d{1,2}:\d{2}/),m=s.split(":"),c=!isNaN(Number(s)),u=l.includes("%")&&!isNaN(Number(l.replace("%","")));return t(i,{sx:{background:e=>e.custom.palette.surface.default,minWidth:"92px",border:e=>`1px solid ${e.custom.palette.neutral[100]}`,borderRadius:1,padding:e=>`${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.md)}`,color:e=>e.custom.palette.text.primary,flexShrink:0,height:"100%"},direction:{sm:"row",md:"row",lg:"column"},alignItems:"center",gap:{sm:1,md:1,lg:0},children:[e(d,{component:"p",sx:{width:"100%",textAlign:{md:"left",lg:"center"},fontSize:e=>e.custom.typography.body.sm},children:a}),e(d,{component:"h3",sx:{fontSize:e=>({sm:e.custom.typography.body.sm,md:e.custom.typography.body.md,lg:e.custom.typography.body.xxl}),fontWeight:500,flexShrink:0},monospaced:!0,children:e(o,{children:e(o,p||c?{children:p?t(o,{children:[e(n,{value:Number(m[0]),format:{minimumIntegerDigits:2,useGrouping:!1},animated:r}),":",e(n,{value:Number(m[1]),format:{minimumIntegerDigits:2,useGrouping:!1},animated:r})]}):e(n,{value:Number(s),animated:r})}:{children:s})})}),e(d,{component:"p",sx:{color:e=>e.custom.palette.text.secondary,fontSize:e=>e.custom.typography.body.sm,flexShrink:0},monospaced:!0,children:u?t(o,{children:[e(n,{value:Number(l.replace("%","")),animated:r}),"%"]}):l})]})},W=({animated:o,iconName:r,label:i,value:l,slotProps:p})=>t(a,{display:"flex",alignItems:"center",gap:.5,children:[e(m,{name:r,...p?.icon,sx:s({color:e=>e.custom.palette.icon.secondary},p?.icon?.sx)}),t(d,{monospaced:!0,component:"p",sx:e=>({fontSize:e=>e.custom.typography.body.xs,color:e=>e.custom.palette.text.primary,"& > span":{color:e=>e.custom.palette.text.secondary,[e.breakpoints.up("lg")]:{display:"inline"},[e.breakpoints.down("lg")]:{display:"none"},[e.containerQueries.up("lg")]:{display:"inline"},[e.containerQueries.down("lg")]:{display:"none"}}}),children:[e(n,{value:l,animated:o})," ",e("span",{children:i})]})]});export{j as default};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import"@mui/material";import t from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import i from"../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import{StyledTestStatus as a}from"./_partials/StyledBox/StyledBox.js";import{getStatusIconName as p,getStatusText as s}from"./helpers/index.js";const m=r(({status:r,sizing:m,...l},n)=>e(a,{ref:n,sizing:m,status:r,...l,children:[o(t,{name:p(r)}),o(i,{component:"p",variation:"sm",children:s(r)})]}));export{m as default};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import"@mui/material";import t from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import i from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import{StyledTestStatus as a}from"./_partials/StyledBox/StyledBox.js";import{getStatusIconName as p,getStatusText as s}from"./helpers/index.js";const m=r(({status:r,sizing:m,...l},n)=>e(a,{ref:n,sizing:m,status:r,...l,children:[o(t,{name:p(r)}),o(i,{component:"p",variation:"sm",children:s(r)})]}));export{m as default};

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

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

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

@@ -1 +1 @@
-import{jsxs as e,jsx as a}from"react/jsx-runtime";import{styled as i,useTheme as t,Box as n,Stack as l}from"@mui/material";import{useBreakpoint as s}from"../../../utils/breakpoint.hook.js";import r from"../Select/Select.js";import"../Select/SelectItem.js";import c from"../Switch/Switch.js";import o from"../Typography/Typography.js";const d=i(c)(({theme:e})=>({"& .MuiSwitch-root":{[e.breakpoints.up("lg")]:{width:54,height:30,"& .MuiSwitch-switchBase":{margin:3,"&.Mui-checked":{transform:"translateX(24px)"}},"& .MuiSwitch-thumb":{width:24,height:24,outline:"2px solid rgba(255, 255, 255, 0.12)"},"& .MuiSwitch-track":{borderRadius:15}}}})),m=({body:i,currency:c,hideCurrency:m=!1,changeCurrencyEvent:u=()=>{},frequency:p,heading:g,setCurrency:h=()=>{},setFrequency:y=()=>{},togglePayAnnuallyEvent:x=()=>{},selections:f=[{value:"gbp",label:"£"},{value:"eur",label:"€"},{value:"usd",label:"$"}]})=>{const b=t(),v=s();return e(n,{sx:{alignItems:"center",backgroundColor:b.custom.palette.surface.default,borderRadius:b.custom.radius.round,boxShadow:b.custom.elevation.raised,display:"flex",gap:{sm:b.spacing(b.custom.padding.md),lg:b.spacing(b.custom.padding.lg)},pl:{sm:b.spacing(b.custom.padding.md),lg:b.spacing(b.custom.padding.lg)},pr:{sm:b.spacing(b.custom.padding.md+.5),lg:b.spacing(b.custom.padding.lg)},py:b.spacing(b.custom.padding.md)},children:[e(n,{sx:{alignItems:"center",display:"flex",gap:e=>({sm:e.spacing(e.custom.padding.sm),lg:e.spacing(e.custom.padding.md)})},children:[a(n,{sx:{pr:e=>e.spacing(e.custom.padding.md),display:"flex"},children:a(d,{onChange:()=>(x(),void y("monthly"===p?"annually":"monthly")),role:"switch","aria-checked":"annually"===p,"aria-label":"Switch between monthly and annual billing",checked:"annually"===p})}),e(l,{sx:{alignItems:"flex-start",display:"flex"},children:[a(o,{variation:"md",component:"p",children:g}),a(o,{variation:"sm",component:"p",sx:{color:b.custom.palette.text.secondary},children:i})]})]}),!m&&a(r,{name:"currency",onChange:e=>{return a=e.target.value,u(a),void h(a);var a},selections:f,value:f.find(e=>e.value===c)?.value,sizing:["xs","sm","md"].includes(v)?"md":"lg",sx:{minWidth:{sm:64,lg:72}}})]})};export{m as default};
+import{jsxs as e,jsx as a}from"react/jsx-runtime";import{styled as t,useTheme as i,Box as n,Stack as l}from"@mui/material";import{useBreakpoint as s}from"../../../utils/breakpoint.hook.js";import"../SelectItem/SelectItem.js";import r from"../Select/Select.js";import c from"../Switch/Switch.js";import o from"../Typography/Typography.js";const d=t(c)(({theme:e})=>({"& .MuiSwitch-root":{[e.breakpoints.up("lg")]:{width:54,height:30,"& .MuiSwitch-switchBase":{margin:3,"&.Mui-checked":{transform:"translateX(24px)"}},"& .MuiSwitch-thumb":{width:24,height:24,outline:"2px solid rgba(255, 255, 255, 0.12)"},"& .MuiSwitch-track":{borderRadius:15}}}})),m=({body:t,currency:c,hideCurrency:m=!1,changeCurrencyEvent:u=()=>{},frequency:p,heading:g,setCurrency:h=()=>{},setFrequency:y=()=>{},togglePayAnnuallyEvent:x=()=>{},selections:f=[{value:"gbp",label:"£"},{value:"eur",label:"€"},{value:"usd",label:"$"}]})=>{const b=i(),v=s();return e(n,{sx:{alignItems:"center",backgroundColor:b.custom.palette.surface.default,borderRadius:b.custom.radius.round,boxShadow:b.custom.elevation.raised,display:"flex",gap:{sm:b.spacing(b.custom.padding.md),lg:b.spacing(b.custom.padding.lg)},pl:{sm:b.spacing(b.custom.padding.md),lg:b.spacing(b.custom.padding.lg)},pr:{sm:b.spacing(b.custom.padding.md+.5),lg:b.spacing(b.custom.padding.lg)},py:b.spacing(b.custom.padding.md)},children:[e(n,{sx:{alignItems:"center",display:"flex",gap:e=>({sm:e.spacing(e.custom.padding.sm),lg:e.spacing(e.custom.padding.md)})},children:[a(n,{sx:{pr:e=>e.spacing(e.custom.padding.md),display:"flex"},children:a(d,{onChange:()=>(x(),void y("monthly"===p?"annually":"monthly")),role:"switch","aria-checked":"annually"===p,"aria-label":"Switch between monthly and annual billing",checked:"annually"===p})}),e(l,{sx:{alignItems:"flex-start",display:"flex"},children:[a(o,{variation:"md",component:"p",children:g}),a(o,{variation:"sm",component:"p",sx:{color:b.custom.palette.text.secondary},children:t})]})]}),!m&&a(r,{name:"currency",onChange:e=>{return a=e.target.value,u(a),void h(a);var a},selections:f,value:f.find(e=>e.value===c)?.value,sizing:["xs","sm","md"].includes(v)?"md":"lg",sx:{minWidth:{sm:64,lg:72}}})]})};export{m as default};

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

@@ -0,0 +1 @@
+import{jsx as e,jsxs as l}from"react/jsx-runtime";import{KeyboardArrowDown as t}from"@mui/icons-material";import{Box as a,autocompleteClasses as o}from"@mui/material";import r,{useState as n,useEffect as i}from"react";import s from"../SelectItem/SelectItem.js";import u from"./_partials/AutocompleteListbox.js";import p from"./_partials/AutocompletePopper.js";import c from"./_partials/StyledAutocompleteField.js";const m=({selections:m,disableClearable:d=!1,disabled:b,internalChange:g,grouped:f=!1,multi:v,onChange:y,placeholder:h="",renderListItem:A,renderInput:O,renderValue:I,sizing:j="lg",value:C=(v?[]:""),getOptionLabel:S,slots:x,...k})=>{const[L,z]=n(m?.find(e=>C===e?.value)||null),[B,F]=n(Array.isArray(C)?C.flatMap(e=>m?.find(l=>l.value===e)??[]):[]);i(()=>{if(v&&Array.isArray(C)&&F(C.flatMap(e=>m?.find(l=>l.value===e)??[])),!v&&"string"==typeof C){const e=m?.find(e=>e.value===C)||null;z(e)}},[C]);const V=r.useCallback((e,l)=>{const t=(v?B:[L].filter(Boolean)).length===m?.length,a=l&&t,o=a?[]:l?m:[],r=a?[]:l?m.map(({value:e})=>e):[];v?F(o):z(o[0]||null),y?.(e,r,"selectOption"),g?.()},[m,v,y,g,B]);return e(c,{disabledItemsFocusable:!0,autoFocus:!1,disableCloseOnSelect:!0,blurOnSelect:!1,popupIcon:e(t,{}),disabled:b,disableClearable:d,multiple:v,options:m,renderInput:O,renderValue:I,value:v?B:L,isOptionEqualToValue:(e,l)=>e.value===l.value,onChange:(e,l,t)=>{const a=(e=>Array.isArray(e)?e.map(e=>e.value):e?.value??null)(l);v?F(l):z(l),y?.(e,a,t),g?.()},...f?{groupBy:e=>{const l=e;return(e=>Object.hasOwn(e,"group"))(l)?l.group:""},renderGroup:t=>l(r.Fragment,{children:[0!==parseInt(`${t.key}`)&&e(a,{sx:{borderBottom:e=>`1px solid ${e.custom.palette.stroke.default}`,my:1}}),t.group&&e(a,{component:"div",className:o.groupLabel,children:t.group}),t.children]},t.key)}:{},getOptionLabel:e=>"object"==typeof e&&null!==e&&"label"in e?e.label:"",renderOption:(e,t,{selected:a})=>{const{key:o,...r}=e,n=t;return l(s,{value:n.value,sizing:j,selected:a,...r,children:[A?A(n.value,n.label):n.label," "]},n.value)},slots:{...x,popper:l=>e(p,{...l,sizing:j,placement:"bottom-end"}),listbox:l=>e(u,{...l,handleSelectAll:V,showSelectAll:Boolean(v),value:v?B:L,selections:m,sizing:j})}})};export{m as default};

package/dist/esm/systems/WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{styled as a}from"@mui/material";import t from"@mui/material/Chip";import i from"../../../BrandCore/Icon/Icon.js";const o=e=>{switch(e){case"xs":return 16;case"sm":case"md":case"lg":default:return 24;case"xl":return 32}},r=a(t)(({theme:e,sizing:a})=>({height:o(a||"lg"),paddingLeft:e.spacing(e.custom.padding.xs),paddingRight:e.spacing(e.custom.padding.xs),borderRadius:e.spacing(e.custom.radius.sm),border:`1px solid ${e.custom.palette.stroke.default}`,backgroundColor:e.custom.palette.surface.default,margin:0,"& .MuiChip-label":{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",paddingLeft:e.spacing(e.custom.padding.xs),paddingRight:e.spacing(e.custom.padding.xs)},"&:hover":{backgroundColor:e.custom.palette.surface.default},"&:active":{backgroundColor:e.custom.palette.surface.default},"& .MuiChip-deleteIcon":{backgroundColor:e.custom.palette.surface.transparent,color:e.custom.palette.icon.primary,width:e.spacing(2),height:e.spacing(2),borderRadius:"50%",margin:0,padding:3},"&.MuiAutocomplete-tag":{margin:0,maxWidth:180}})),s=a=>e(r,{...a,deleteIcon:e(i,{name:"close"})});export{r as StyledChip,s as default,o as getChipHeight};

package/dist/esm/systems/WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as l}from"react/jsx-runtime";import{Box as r}from"@mui/material";import{forwardRef as t}from"react";import n from"./AutocompleteSelectAll.js";const i=t(({children:t,handleSelectAll:i,showSelectAll:o,value:c=[],selections:s,sizing:a,...m},h)=>{const A=Array.isArray(c)&&c.length===s.length,d=Array.isArray(c)&&c.length>0&&c.length<s.length;return e(r,{component:"ul",ref:h,...m,children:[o&&l(r,{sx:{pr:1},children:l(n,{handleSelectAll:i,isIndeterminate:d,isAllSelected:A,sizing:a})}),t]})});export{i as default};

package/dist/esm/systems/WebCore/AutocompleteBaseField/_partials/AutocompletePopper.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{StyledPopper as t}from"./StyledPopper.js";const o=o=>r(t,{...o});export{o as default};

package/dist/esm/systems/WebCore/AutocompleteBaseField/_partials/AutocompleteSelectAll.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useTheme as i,Stack as r,FormLabel as n}from"@mui/material";import{useState as o,useEffect as l}from"react";import s from"../../Checkbox/StyledCheckbox.js";import{fontSizemap as c}from"../../utils/typography.util.js";const m=({handleSelectAll:m,isIndeterminate:a,isAllSelected:d,sizing:p})=>{const[f,u]=o(!1),g=i();return l(()=>{d&&u(d)},[d]),e(r,{direction:"row",gap:g.spacing(g.custom.padding.sm),onClick:e=>{const t=!f;u(t),m(e,t)},sx:{marginLeft:"auto",display:"flex",alignItems:"center",justifyContent:"flex-end",p:e=>e.custom.padding.sm},children:[t(n,{sx:{cursor:"pointer",fontSize:()=>p&&c[p]},children:"Select all"}),t(s,{sizing:"default",indeterminate:a,checked:f})]})};export{m as default};

package/dist/esm/systems/WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js

@@ -0,0 +1 @@
+import{styled as d,Autocomplete as i,autocompleteClasses as t,formControlClasses as a}from"@mui/material";const g=d(i)(({theme:d})=>({[`& .${a.root}`]:{minHeight:0,height:"auto",padding:0,padddingLeft:d.spacing(d.custom.padding.sm),padddingRight:d.spacing(d.custom.padding.sm)},[`& .${t.inputRoot}`]:{padding:0,padddingLeft:d.spacing(d.custom.padding.sm),padddingRight:d.spacing(d.custom.padding.sm)}}));export{g as default};

package/dist/esm/systems/WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{styled as o}from"@mui/material";import{omitProps as e}from"../../../../utils/shouldForwardProp.js";import{getButtonSizing as i}from"../../ButtonBase/Button.variant-helpers.js";import{getTypographyStyle as r,getInputSize as u,selectBaseStyles as a}from"../../Select/StyledSelect.variant-helpers.js";import n from"../../TextField/TextField.js";import{getInputPadding as s}from"../helpers.js";const l=o(n,{shouldForwardProp:e(["sizing","multi"])})(({theme:t,sizing:o,multi:e})=>({"& .MuiOutlinedInput-root":{...a(t,o||"lg"),...o&&{...s(t,o)},...o&&{...u(t,o)},...o&&{...r(t,o)},...e&&{height:"auto",minHeight:i(o||"lg").height},paddingLeft:t.spacing(1),paddingRight:t.spacing(8),backgroundColor:t.custom.palette.surface.raised,transition:t.custom.easing.input,"& .MuiOutlinedInput-input":{padding:0,paddingLeft:t.spacing(1)},"&:hover":{"& .MuiOutlinedInput-notchedOutline":{borderColor:t.custom.palette.stroke.default}},"&.Mui-focused":{borderColor:t.custom.palette.stroke.focus},"&.Mui-disabled":{backgroundColor:t.custom.palette.input.disabled,borderColor:t.custom.palette.stroke.disabled,"& .MuiSvgIcon-root":{color:t.custom.palette.icon.disabled}}},"& .MuiButtonBase-root":{transition:t.custom.easing.input,"&:hover:not(.MuiChip-root)":{backgroundColor:t.custom.palette.interaction.hover},"&:active:not(.MuiChip-root)":{backgroundColor:t.custom.palette.interaction.press},"&.Mui-disabled":{backgroundColor:t.custom.palette.interaction.disabled,"& .MuiSvgIcon-root":{color:t.custom.palette.icon.disabled,transition:t.custom.easing.input}}}})),d=o=>t(l,{...o});export{l as StyledTextField,d as default};

package/dist/esm/systems/WebCore/AutocompleteBaseField/_partials/StyledPopper.js

@@ -0,0 +1 @@
+import{styled as o,Popper as t,autocompleteClasses as e}from"@mui/material";import{selectMenuItemSize as r,popperBoxShadow as i}from"../../Select/StyledSelect.variant-helpers.js";import{fontSizemap as a}from"../../utils/typography.util.js";import"../../../BrandCore/colorRamps.js";import{base as s,margin as n}from"../../../BrandCore/primitiveVariables.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import"react/jsx-runtime";import"../../../BrandCore/Icon/Icon.js";const p=(o,t)=>({"& .MuiPaper-root":{margin:0,marginTop:o.spacing(n.xs),border:`1px solid ${o.custom.palette.stroke.default}`,backgroundColor:o.custom.palette.surface.raised,boxShadow:i,borderRadius:o.spacing(o.custom.radius.sm)},[`& .${e.listbox}`]:{overflowX:"hidden",width:"100%",padding:`${o.spacing(o.custom.padding.sm)} 0`,[`& .${e.option}`]:{fontSize:a[t],...t&&{minHeight:"lg"===t?5*s+"px":4*s+"px"},paddingLeft:o.spacing("xs"===t?o.custom.padding.sm:o.custom.padding.md),gap:o.spacing(o.custom.padding.sm),display:"flex",alignItems:"center",'&[aria-selected="true"]':{backgroundColor:o.custom.palette.interaction.press,"&.Mui-focused":{backgroundColor:o.custom.palette.interaction.press},"&:hover":{backgroundColor:o.custom.palette.interaction.hover}},"&.Mui-focused":{background:"inherit"},"&:hover":{backgroundColor:o.custom.palette.interaction.hover}}}}),d=o(t)(({theme:o,sizing:t})=>({...t&&{...p(o,t)},[`& .${e.listbox} .${e.groupLabel}`]:{...t&&{minHeight:r(t),fontSize:a[t]},paddingLeft:o.spacing("xs"===t?o.custom.padding.sm:o.custom.padding.md),paddingRight:o.spacing("xs"===t?o.custom.padding.sm:o.custom.padding.md),color:o.custom.palette.text.secondary,fontWeight:o.typography.fontWeightRegular,display:"flex",alignItems:"center"}}));export{d as StyledPopper,p as popperStyles};

package/dist/esm/systems/WebCore/AutocompleteBaseField/helpers.js

@@ -0,0 +1 @@
+const s=(s,a)=>{switch(a){case"xl":case"lg":return{padding:s.spacing(s.custom.padding.sm)};case"md":case"sm":case"xs":return{padding:s.spacing(s.custom.padding.sm/2)};default:return{}}};export{s as getInputPadding};

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

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import e from"../AutocompleteFieldMultiple/AutocompleteFieldMultiple.js";import o from"../AutocompleteSingle/AutocompleteSingle.js";const l=l=>l.multi?t(e,{...l}):t(o,{...l});export{l as default};

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

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{Box as r}from"@mui/material";import{useMemo as t}from"react";import l from"../AutocompleteBaseField/AutocompleteBaseField.js";import o from"../AutocompleteBaseField/_partials/AutocompleteChip.js";import a from"../AutocompleteBaseField/_partials/StyledAutocompleteInput.js";const i=i=>{const p=t(()=>i.placeholder&&Array.isArray(i.value)&&0===i.value.length,[i.value]);return e(l,{...i,multi:!0,grouped:i.grouped??!1,renderInput:r=>e(a,{...r,placeholder:p?i.placeholder:"",sizing:i.sizing,multi:!0}),renderValue:(t,l)=>{const a=Array.isArray(t)?t:[];return e(r,{sx:{display:"flex",flexWrap:"wrap",gap:.5},children:a.map((r,t)=>{const a=l({index:t});return e(o,{sizing:i.sizing,label:r.label,...a},t)})})}})};export{i as default};

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

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import t from"../AutocompleteBaseField/AutocompleteBaseField.js";import o from"../AutocompleteBaseField/_partials/StyledAutocompleteInput.js";const l=l=>e(t,{...l,renderInput:t=>e(o,{...t,placeholder:l.placeholder,sizing:l.sizing||"lg",multi:l.multi})});export{l as default};

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

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{styled as o}from"@mui/material";import{primary as e,secondary as r,outlined as i,subtle as a,getIconSizing as s,getButtonSizing as n,getButtonTypography as c}from"../ButtonBase/Button.variant-helpers.js";import u from"../ButtonBase/ButtonBase.js";const l=o(u,{shouldForwardProp:t=>!["variation","destructive","sizing"].includes(t)})(({theme:t,variation:o,sizing:u,destructive:l})=>({color:t.custom.palette.text.primary,...u&&{...c(u)},...u&&{...n(u)},...u&&{...s(u)},"&:hover:before":{backgroundColor:t.custom.palette.interaction.hover},"&:focus:before":{backgroundColor:t.custom.palette.interaction.hover},"&:active:before":{backgroundColor:t.custom.palette.interaction.press},"&:disabled":{backgroundColor:t.custom.palette.interaction.disabled,color:t.custom.palette.text.disabled},..."subtle"===o&&{...a(t,l)},..."outlined"===o&&{...i(t,l)},..."secondary"===o&&{...r(t,l)},..."primary"===o&&{...e(t,l)}})),m=({sizing:o="lg",variation:e="primary",...r})=>t(l,{variation:e,sizing:o,...r});export{m as default};
+import{jsx as t}from"react/jsx-runtime";import{styled as o}from"@mui/material";import{primary as e,secondary as r,outlined as i,subtle as a,buttonPadding as s,getIconSizing as n,getButtonSizing as c,getButtonTypography as u}from"../ButtonBase/Button.variant-helpers.js";import l from"../ButtonBase/ButtonBase.js";const m=o(l,{shouldForwardProp:t=>!["variation","destructive","sizing"].includes(t)})(({theme:t,variation:o,sizing:l,destructive:m})=>({color:t.custom.palette.text.primary,...l&&{...u(l)},...l&&{...c(l)},...l&&{...n(l)},...s(),"&:hover:before":{backgroundColor:t.custom.palette.interaction.hover},"&:focus:before":{backgroundColor:t.custom.palette.interaction.hover},"&:active:before":{backgroundColor:t.custom.palette.interaction.press},"&:disabled":{backgroundColor:t.custom.palette.interaction.disabled,color:t.custom.palette.text.disabled},..."subtle"===o&&{...a(t,m)},..."outlined"===o&&{...i(t,m)},..."secondary"===o&&{...r(t,m)},..."primary"===o&&{...e(t,m)}})),d=({sizing:o="lg",variation:e="primary",...r})=>t(m,{variation:e,sizing:o,...r});export{d as default};

package/dist/esm/systems/WebCore/ButtonBase/Button.variant-helpers.js

@@ -1 +1 @@
-import"react/jsx-runtime";import"@mui/material";import{iconSizeMap as o}from"../../BrandCore/Icon/Icon.js";import{base as t}from"../../BrandCore/primitiveVariables.js";import{fontSizemap as e}from"../utils/typography.util.js";const r=(o,t)=>({backgroundColor:o.custom.palette.interaction.none,color:t?o.custom.palette.text.negative:o.custom.palette.text.primary,fontWeight:300,"&:focus:before":{boxShadow:o.custom.palette.interaction.none},"&:focus-visible":{boxShadow:o.custom.boxShadow.input.focus}}),a=(o,t)=>({backgroundColor:o.custom.palette.surface.raised,color:t?o.custom.palette.text.negative:o.custom.palette.text.primary,border:`1px solid ${o.custom.palette.stroke.default}`,"&:focus:before":{boxShadow:o.custom.palette.interaction.none},"&:hover":{backgroundColor:o.custom.palette.surface.raised},"&:focus-visible":{boxShadow:o.custom.boxShadow.input.focus},"&:active":{backgroundColor:o.custom.palette.surface.raised},"&:disabled":{border:`1px solid ${o.custom.palette.stroke.disabled}`}}),c=(o,t)=>({backgroundColor:t?o.custom.palette.red[0]:o.custom.palette.purple[0],color:t?o.custom.palette.text.negative:o.custom.palette.text.primary,"&:focus:before":{boxShadow:o.custom.palette.interaction.none},"&:hover":{backgroundColor:t?o.custom.palette.red[0]:o.custom.palette.purple[0]},"&:focus-visible":{boxShadow:o.custom.boxShadow.input.focus},"&:active":{backgroundColor:t?o.custom.palette.red[0]:o.custom.palette.purple[0]}}),u=(o,t)=>({backgroundColor:t?o.custom.palette.red[500]:o.custom.palette.purple[500],color:o.custom.palette.text.lockedWhite,"&:focus:before":{boxShadow:o.custom.palette.interaction.none},"&:hover":{backgroundColor:t?o.custom.palette.red[500]:o.custom.palette.purple[500],color:o.custom.palette.text.lockedWhite,"&::before":{backgroundColor:o.custom.palette.interaction.hoverOnDark}},"&:focus-visible":{boxShadow:o.custom.boxShadow.input.focus,"&::before":{backgroundColor:o.custom.palette.interaction.hoverOnDark}},"&:active":{backgroundColor:t?o.custom.palette.red[500]:o.custom.palette.purple[500],color:o.custom.palette.text.lockedWhite,"&::before":{backgroundColor:o.custom.palette.interaction.pressOnDark}}}),l=(o,t)=>({cursor:"pointer","&:hover":{backgroundColor:o.custom.palette.interaction.hover},"&:focus":{backgroundColor:o.custom.palette.interaction.hover},"&:active":{backgroundColor:o.custom.palette.interaction.press},"&:disabled":{backgroundColor:o.custom.palette.interaction.disabled,color:o.custom.palette.text.disabled},...t&&{backgroundColor:o.custom.palette.interaction.press,"&:hover":{backgroundColor:o.custom.palette.interaction.press},"&:focus":{backgroundColor:o.custom.palette.interaction.press},"&:active":{backgroundColor:o.custom.palette.interaction.press}},...r(o,!1)}),i={xs:3*t,sm:3.5*t,md:4*t,lg:5*t,xl:6*t,xxl:7*t,xxxl:8*t},s={xs:.5*t,sm:.5*t,md:t,lg:t,xl:t,xxl:t,xxxl:t},n=t=>({"& .MuiButton-icon":{margin:0,".MuiSvgIcon-root":{height:o[t],width:o[t]}},"& .MuiSvgIcon-root":{height:o[t],width:o[t]}}),p=o=>({"& .MuiBox-root":{lineHeight:"120%",fontSize:e[o],paddingLeft:s[o],paddingRight:s[o]}}),d=o=>({height:i[o],paddingLeft:t,paddingRight:t});export{i as buttonHeightMap,l as buttonInteraction,d as getButtonSizing,p as getButtonTypography,n as getIconSizing,a as outlined,u as primary,c as secondary,r as subtle};
+import"react/jsx-runtime";import"@mui/material";import{iconSizeMap as o}from"../../BrandCore/Icon/Icon.js";import{base as t}from"../../BrandCore/primitiveVariables.js";import{fontSizemap as e}from"../utils/typography.util.js";const r=(o,t)=>({backgroundColor:o.custom.palette.interaction.none,color:t?o.custom.palette.text.negative:o.custom.palette.text.primary,fontWeight:300,"&:focus:before":{boxShadow:o.custom.palette.interaction.none},"&:focus-visible":{boxShadow:o.custom.boxShadow.input.focus}}),a=(o,t)=>({backgroundColor:o.custom.palette.surface.raised,color:t?o.custom.palette.text.negative:o.custom.palette.text.primary,border:`1px solid ${o.custom.palette.stroke.default}`,"&:focus:before":{boxShadow:o.custom.palette.interaction.none},"&:hover":{backgroundColor:o.custom.palette.surface.raised},"&:focus-visible":{boxShadow:o.custom.boxShadow.input.focus},"&:active":{backgroundColor:o.custom.palette.surface.raised},"&:disabled":{border:`1px solid ${o.custom.palette.stroke.disabled}`}}),c=(o,t)=>({backgroundColor:t?o.custom.palette.red[0]:o.custom.palette.purple[0],color:t?o.custom.palette.text.negative:o.custom.palette.text.primary,"&:focus:before":{boxShadow:o.custom.palette.interaction.none},"&:hover":{backgroundColor:t?o.custom.palette.red[0]:o.custom.palette.purple[0]},"&:focus-visible":{boxShadow:o.custom.boxShadow.input.focus},"&:active":{backgroundColor:t?o.custom.palette.red[0]:o.custom.palette.purple[0]}}),u=(o,t)=>({backgroundColor:t?o.custom.palette.red[500]:o.custom.palette.purple[500],color:o.custom.palette.text.lockedWhite,"&:focus:before":{boxShadow:o.custom.palette.interaction.none},"&:hover":{backgroundColor:t?o.custom.palette.red[500]:o.custom.palette.purple[500],color:o.custom.palette.text.lockedWhite,"&::before":{backgroundColor:o.custom.palette.interaction.hoverOnDark}},"&:focus-visible":{boxShadow:o.custom.boxShadow.input.focus,"&::before":{backgroundColor:o.custom.palette.interaction.hoverOnDark}},"&:active":{backgroundColor:t?o.custom.palette.red[500]:o.custom.palette.purple[500],color:o.custom.palette.text.lockedWhite,"&::before":{backgroundColor:o.custom.palette.interaction.pressOnDark}}}),l=(o,t)=>({cursor:"pointer","&:hover":{backgroundColor:o.custom.palette.interaction.hover},"&:focus":{backgroundColor:o.custom.palette.interaction.hover},"&:active":{backgroundColor:o.custom.palette.interaction.press},"&:disabled":{backgroundColor:o.custom.palette.interaction.disabled,color:o.custom.palette.text.disabled},...t&&{backgroundColor:o.custom.palette.interaction.press,"&:hover":{backgroundColor:o.custom.palette.interaction.press},"&:focus":{backgroundColor:o.custom.palette.interaction.press},"&:active":{backgroundColor:o.custom.palette.interaction.press}},...r(o,!1)}),i={xs:3*t,sm:3.5*t,md:4*t,lg:5*t,xl:6*t,xxl:7*t,xxxl:8*t},s={xs:.5*t,sm:.5*t,md:t,lg:t,xl:t,xxl:t,xxxl:t},n=t=>({"& .MuiButton-icon":{margin:0,".MuiSvgIcon-root":{height:o[t],width:o[t]}},"& .MuiSvgIcon-root":{height:o[t],width:o[t]}}),p=o=>({"& .MuiBox-root":{lineHeight:"120%",fontSize:e[o],paddingLeft:s[o],paddingRight:s[o]}}),d=o=>({height:i[o]}),m=()=>({paddingLeft:t,paddingRight:t});export{i as buttonHeightMap,l as buttonInteraction,m as buttonPadding,d as getButtonSizing,p as getButtonTypography,n as getIconSizing,a as outlined,u as primary,c as secondary,r as subtle};

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

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Check as l,KeyboardArrowDown as o}from"@mui/icons-material";import{styled as i,createFilterOptions as n}from"@mui/material";import{forwardRef as r,useState as a}from"react";import{StyledTextField as s}from"../utils/autocomplete.styles.js";import{StyledCreatableAutocomplete as u,StyledCreatablePopper as p}from"./StyledCreatableAutocomplete.js";const d=i("ul")(()=>({listStyle:"none",padding:0,margin:0,overflow:"auto",width:"100%"})),c=r((t,l)=>e(d,{ref:l,...t})),m=n({trim:!0}),b=(e,t)=>e?.trim().toLowerCase()===t.toLowerCase().trim(),f=({options:i,value:n,onChange:r,internalChange:d,placeholder:f="",sizing:h="lg",disabled:g=!1,fullWidth:v=!1})=>{const[y,C]=a(i?.find(e=>e.value===n)??""),j=(e,t,l)=>{let o;if(null===t)return o="",C(o),void r?.(o);if("createOption"===l&&"string"==typeof t){o=i.find(e=>b(e.label,t))??{value:t,label:t}}else o="object"==typeof t?(e=>{if(!e)return"";if("object"==typeof e&&e?.label?.startsWith('Add "')&&e?.label?.endsWith('"')){const t=e.label.substring(5,e.label.length-1);return{value:t,label:t}}return e})(t):"";C(o);const n="object"==typeof o?o.value:"";r?.(n??""),d?.()};return e(u,{disabledItemsFocusable:!0,autoFocus:!1,value:y,onChange:(e,t,l)=>{j(0,t,l)},onInputChange:(e,t)=>{e&&"keydown"===e.type&&"Enter"===e.key&&t&&j(0,t,"create-option")},filterOptions:(e,t)=>{const l=m(e,t),{inputValue:o}=t,i=e.some(e=>b(e.label,o));return""===o||i||l.push({value:o,label:`Add "${o}"`}),l},freeSolo:!0,selectOnFocus:!0,handleHomeEndKeys:!0,sizing:h,disabled:g,options:i,popupIcon:e(o,{}),isOptionEqualToValue:(e,t)=>e.value===t.value,getOptionLabel:e=>"string"==typeof e?e:e?.label||"",sx:v?{width:"100%"}:void 0,renderInput:t=>e(s,{...t,placeholder:y?void 0:f,sizing:h}),renderOption:(o,i,{selected:n})=>{const{key:r,id:a,...s}=o;return t("li",{id:a,...s,children:[e("span",{children:i.label}),e(l,{sx:{visibility:n?"visible":"hidden",fontSize:"16px"}})]},`${r}-${a}`)},slots:{popper:t=>e(p,{...t,sizing:h}),listbox:c}})};export{f as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Check as l,KeyboardArrowDown as o}from"@mui/icons-material";import{styled as i,createFilterOptions as n}from"@mui/material";import{forwardRef as a,useState as r}from"react";import s from"../AutocompleteBaseField/_partials/StyledAutocompleteField.js";import u from"../AutocompleteBaseField/_partials/StyledAutocompleteInput.js";const d=i("ul")(()=>({listStyle:"none",padding:0,margin:0,overflow:"auto",width:"100%"}));a((t,l)=>e(d,{ref:l,...t}));const p=n({trim:!0}),c=(e,t)=>e?.trim().toLowerCase()===t.toLowerCase().trim(),m=({options:i,value:n,onChange:a,internalChange:d,placeholder:m="",sizing:f="lg",disabled:b=!1,fullWidth:h=!1})=>{const[v,g]=r(i?.find(e=>e.value===n)??""),y=(e,t,l)=>{let o;if(null===t)return o="",g(o),void a?.(o);if("createOption"===l&&"string"==typeof t){o=i.find(e=>c(e.label,t))??{value:t,label:t}}else o="object"==typeof t?(e=>{if(!e)return"";if("object"==typeof e&&e?.label?.startsWith('Add "')&&e?.label?.endsWith('"')){const t=e.label.substring(5,e.label.length-1);return{value:t,label:t}}return e})(t):"";g(o);const n="object"==typeof o?o.value:"";a?.(n??""),d?.()};return e(s,{disabledItemsFocusable:!0,autoFocus:!1,value:v,onChange:(e,t,l)=>{y(0,t,l)},onInputChange:(e,t)=>{e&&"keydown"===e.type&&"Enter"===e.key&&t&&y(0,t,"create-option")},filterOptions:(e,t)=>{const l=p(e,t),{inputValue:o}=t,i=e.some(e=>c(e.label,o));return""===o||i||l.push({value:o,label:`Add "${o}"`}),l},freeSolo:!0,selectOnFocus:!0,handleHomeEndKeys:!0,disabled:b,options:i,popupIcon:e(o,{}),isOptionEqualToValue:(e,t)=>e.value===t.value,getOptionLabel:e=>"string"==typeof e?e:e?.label||"",sx:h?{width:"100%"}:void 0,renderInput:t=>e(u,{...t,placeholder:v?void 0:m,sizing:f}),renderOption:(o,i,{selected:n})=>{const{key:a,id:r,...s}=o;return t("li",{id:r,...s,children:[e("span",{children:i.label}),e(l,{sx:{visibility:n?"visible":"hidden",fontSize:"16px"}})]},`${a}-${r}`)}})};export{m as default};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as t,useMemo as a,useEffect as o,useImperativeHandle as s,createElement as n}from"react";import{useTheme as i,Box as m,Stack as c}from"@mui/material";import{useForm as u}from"react-hook-form";import l from"./components/InputWrapper/InputWrapper.js";import{usePrevious as d}from"../../../utils/usePrevious.js";const f=e=>e.reduce((e,r)=>({...e,[r?.name]:p(r,r?.defaultValue)}),{}),p=(e,r)=>{switch(e.fieldType){case"select":return Array.isArray(r),r;case"creatableautocomplete":return r||r;case"starRating":case"numberfield":return r||0;case"slider":{const{min:t}=e;return Array.isArray(r)?r:r||t}case"likert":case"radioGroup":case"customfield":default:return r||"";case"checkboxGroup":return r||[];case"checkbox":case"switch":return r||!1;case"ranking":{const{options:t}=e;return r?r.map(e=>t.find(({id:r})=>r===e)):t}}},g=t(({submitButton:t,secondaryButton:g,onFormSubmit:h,onFormChange:y,formConfig:x},V)=>{const{custom:b}=i(),{fields:k,reValidateMode:w,styleOverrides:C,autoComplete:v,formId:F,mode:S,validateOnInit:j}=x,A=d(k),{reset:I,getValues:T,trigger:B,setValue:G,control:M,formState:{isValid:O,errors:R},setFocus:W,handleSubmit:E,watch:P}=u({mode:S||"onChange",reValidateMode:w,defaultValues:a(()=>f(k),[]),shouldUnregister:!0});o(()=>{j&&setTimeout(async()=>{await B()},100)},[]),o(()=>{if(void 0!==A){const e=A.filter(({fieldType:e})=>"html"!==e).map(({name:e})=>e);k.filter(({name:r,fieldType:t})=>!e.includes(r)&&"html"!==t).forEach(e=>{G(e.name,p(e,e.defaultValue))})}},[k]),o(()=>{I(f(k))},[F]),s(V,()=>({resetForm(){I()},focus(e){W(e)},submit(){h&&E(h)()},values:()=>T(),valid:()=>O,errors:()=>R,setValue:G,trigger:B,watch:P}));const U=()=>{y&&y(T())};return e(m,{component:"form",autoComplete:v,noValidate:!0,sx:C?.sxForm,...h&&{onSubmit:E(h)},children:[r(c,{gap:b.margin.md,sx:C?.sxStack,children:k.map(({ref:e,name:r,...t})=>n(l,{...y&&{internalChange:U},fieldRef:e,name:r,key:r,errors:R,control:M,watch:P,trigger:B,...t}))}),(g||t)&&e(c,{direction:"row",sx:C?.sxButtons||{mt:b.margin.lg,gap:b.margin.sm,justifyContent:"flex-end"},children:[g&&g,t&&t]})]})});export{g as default,p as determineDefaultValue,f as getDefaultValues};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as t,useMemo as a,useEffect as o,useImperativeHandle as s,createElement as n}from"react";import{useTheme as i,Box as m,Stack as c}from"@mui/material";import{useForm as u}from"react-hook-form";import l from"./components/InputWrapper/InputWrapper.js";import{usePrevious as d}from"../../../utils/usePrevious.js";const f=e=>e.reduce((e,r)=>({...e,[r?.name]:p(r,r?.defaultValue)}),{}),p=(e,r)=>{switch(e.fieldType){case"autocomplete":case"select":return Array.isArray(r),r;case"creatableautocomplete":return r||r;case"starRating":case"numberfield":return r||0;case"slider":{const{min:t}=e;return Array.isArray(r)?r:r||t}case"likert":case"radioGroup":case"customfield":default:return r||"";case"checkboxGroup":return r||[];case"checkbox":case"switch":return r||!1;case"ranking":{const{options:t}=e;return r?r.map(e=>t.find(({id:r})=>r===e)):t}}},g=t(({submitButton:t,secondaryButton:g,onFormSubmit:h,onFormChange:y,formConfig:x},V)=>{const{custom:b}=i(),{fields:k,reValidateMode:w,styleOverrides:C,autoComplete:v,formId:F,mode:S,validateOnInit:j}=x,A=d(k),{reset:I,getValues:T,trigger:B,setValue:G,control:M,formState:{isValid:O,errors:R},setFocus:W,handleSubmit:E,watch:P}=u({mode:S||"onChange",reValidateMode:w,defaultValues:a(()=>f(k),[]),shouldUnregister:!0});o(()=>{j&&setTimeout(async()=>{await B()},100)},[]),o(()=>{if(void 0!==A){const e=A.filter(({fieldType:e})=>"html"!==e).map(({name:e})=>e);k.filter(({name:r,fieldType:t})=>!e.includes(r)&&"html"!==t).forEach(e=>{G(e.name,p(e,e.defaultValue))})}},[k]),o(()=>{I(f(k))},[F]),s(V,()=>({resetForm(){I()},focus(e){W(e)},submit(){h&&E(h)()},values:()=>T(),valid:()=>O,errors:()=>R,setValue:G,trigger:B,watch:P}));const U=()=>{y&&y(T())};return e(m,{component:"form",autoComplete:v,noValidate:!0,sx:C?.sxForm,...h&&{onSubmit:E(h)},children:[r(c,{gap:b.margin.md,sx:C?.sxStack,children:k.map(({ref:e,name:r,...t})=>n(l,{...y&&{internalChange:U},fieldRef:e,name:r,key:r,errors:R,control:M,watch:P,trigger:B,...t}))}),(g||t)&&e(c,{direction:"row",sx:C?.sxButtons||{mt:b.margin.lg,gap:b.margin.sm,justifyContent:"flex-end"},children:[g&&g,t&&t]})]})});export{g as default,p as determineDefaultValue,f as getDefaultValues};

package/dist/esm/systems/WebCore/FormGenerator/components/InputWrapper/InputWrapper.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{useTheme as o,Stack as i}from"@mui/material";import{mergeSx as n}from"merge-sx";import{useState as s,useEffect as m}from"react";import{Controller as a}from"react-hook-form";import{isValidPhoneNumber as l}from"react-phone-number-input";import c from"../../../Checkbox/Checkbox.js";import"../../../Checkbox/StyledCheckbox.js";import p from"../../../CheckboxGroup/CheckboxGroup.js";import f from"../../../CreatableAutocomplete/CreatableAutocomplete.js";import h from"../../../CustomField/CustomField.js";import u from"../../../Differential/Differential.js";import d from"../../../Html/Html.js";import x from"../../../InputLabel/InputLabel.js";import g from"../../../Likert/Likert.js";import j from"../../../NumberField/NumberField.js";import b from"../../../RadioGroup/RadioGroup.js";import S from"../../../Rank/Rank.js";import k from"../../../RichTextField/RichTextField.js";import v from"../../../Select/Select.js";import"../../../Select/SelectItem.js";import T from"../../../Slider/Slider.js";import C from"../../../StarRating/StarRating.js";import R from"../../../Switch/Switch.js";import w from"../../../Textarea/Textarea.js";import y from"../../../TextField/TextField.js";import I from"../StengthIndicator/StrengthIndicator.js";import F from"./components/InputWrapperHelperText/InputWrapperHelperText.js";const B={textfield:y,numberfield:j,textarea:w,creatableautocomplete:f,select:v,checkbox:c,checkboxGroup:p,switch:R,slider:T,starRating:C,differential:u,likert:g,radioGroup:b,ranking:S,richTextfield:k,customfield:h},G=(e,t)=>e.filter(e=>{if(e.includes("-value-")){const t=e.split("-value-")[1];return t&&t.length>0}return e!==t}).length,H=({fieldRef:c,name:p,fieldType:f,label:h,control:u,errors:g,labelProps:j,helperText:b,helpTextProps:S,validation:k,content:v,styleOverrides:T,defaultValue:C,onChange:R,watch:w,trigger:y,strengthIndicator:H,...L})=>{const{custom:N}=o(),$=void 0!==g&&Object.keys(g).length>0,[_,A]=s(0);m(()=>{H&&_>0&&y(p)},[_]);const D=k?.match?.field,O=w(D);return m(()=>{D&&y(p)},[O,D,y,p]),e(i,{sx:n(T?.sxInputStack,L?.hidden&&{display:"none!important"}),gap:N.margin.sm,children:["switch"!==f?h&&t(x,{...j,children:h}):null,"html"===f&&v?t(d,{children:v}):e(r,{children:[t(a,{name:p,control:u,render:e=>function({field:{ref:e,...r}}){return t(B[f],{...L,...r,inputRef:t=>{e(t),c&&(c.current=t)},..."switch"===f?{label:h}:{}})}(e),rules:{...k,validate:e=>{if(k&&"phone"in k)return l(`+${w("extension")}${e}`)||k.phone.message;if(k&&"score"in k)return _<=k.score.value?k.score.message:void 0;if(k&&"white_space"in k)return!e.match(/^\s*$/g)||k.white_space.message;if(k&&"match"in k&&k?.match?.field)switch(k?.match?.comparison){case"not_eq":return e!=w(k.match.field)||k.match.message;case"gt":return e>w(k.match.field)||k.match.message;case"lt":return e<w(k.match.field)||k.match.message;default:return e===w(k.match.field)||k.match.message}if(k&&"minSelections"in k){const t=e;if(!(k.selectionsBypass&&t.includes(k.selectionsBypass))){const e=L.other?.enabled?L.other?.name||"other-option":void 0;if(G(t,e)<k.minSelections.value)return k.minSelections.message}}if(k&&"maxSelections"in k){const t=e;if(!(k.selectionsBypass&&t.includes(k.selectionsBypass))){const e=L.other?.enabled?L.other?.name||"other-option":void 0;if(G(t,e)>k.maxSelections.value)return k.maxSelections.message}}}}}),H&&t(I,{value:w(p),onChange:A})]}),e(r,{children:[Boolean($)?t(F,{helperText:void 0,inputName:p,errors:g,showicon:!0}):null,Boolean(b)?t(F,{helperText:b,inputName:p,errors:void 0,...S}):null]})]})};export{H as default};
+import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{useTheme as o,Stack as i}from"@mui/material";import{mergeSx as n}from"merge-sx";import{useState as m,useEffect as a}from"react";import{Controller as s}from"react-hook-form";import{isValidPhoneNumber as l}from"react-phone-number-input";import c from"../../../AutocompleteField/AutocompleteField.js";import p from"../../../Checkbox/Checkbox.js";import"../../../Checkbox/StyledCheckbox.js";import f from"../../../CheckboxGroup/CheckboxGroup.js";import h from"../../../CreatableAutocomplete/CreatableAutocomplete.js";import u from"../../../CustomField/CustomField.js";import d from"../../../Differential/Differential.js";import x from"../../../Html/Html.js";import g from"../../../InputLabel/InputLabel.js";import j from"../../../Likert/Likert.js";import b from"../../../NumberField/NumberField.js";import S from"../../../RadioGroup/RadioGroup.js";import k from"../../../Rank/Rank.js";import v from"../../../RichTextField/RichTextField.js";import"../../../SelectItem/SelectItem.js";import C from"../../../Select/Select.js";import T from"../../../Slider/Slider.js";import R from"../../../StarRating/StarRating.js";import w from"../../../Switch/Switch.js";import F from"../../../Textarea/Textarea.js";import I from"../../../TextField/TextField.js";import y from"../StengthIndicator/StrengthIndicator.js";import B from"./components/InputWrapperHelperText/InputWrapperHelperText.js";const G={textfield:I,numberfield:b,textarea:F,creatableautocomplete:h,select:C,autocomplete:c,checkbox:p,checkboxGroup:f,switch:w,slider:T,starRating:R,differential:d,likert:j,radioGroup:S,ranking:k,richTextfield:v,customfield:u},A=(e,t)=>e.filter(e=>{if(e.includes("-value-")){const t=e.split("-value-")[1];return t&&t.length>0}return e!==t}).length,H=({fieldRef:c,name:p,fieldType:f,label:h,control:u,errors:d,labelProps:j,helperText:b,helpTextProps:S,validation:k,content:v,styleOverrides:C,defaultValue:T,onChange:R,watch:w,trigger:F,strengthIndicator:I,...H})=>{const{custom:L}=o(),N=void 0!==d&&Object.keys(d).length>0,[$,_]=m(0);a(()=>{I&&$>0&&F(p)},[$]);const D=k?.match?.field,O=w(D);return a(()=>{D&&F(p)},[O,D,F,p]),e(i,{sx:n(C?.sxInputStack,H?.hidden&&{display:"none!important"}),gap:L.margin.sm,children:["switch"!==f?h&&t(g,{...j,children:h}):null,"html"===f&&v?t(x,{children:v}):e(r,{children:[t(s,{name:p,control:u,render:e=>function({field:{ref:e,...r}}){return t(G[f],{...H,...r,inputRef:t=>{e(t),c&&(c.current=t)},..."switch"===f?{label:h}:{},..."autocomplete"===f?{onChange:(e,t)=>r.onChange(t)}:{}})}(e),rules:{...k,validate:e=>{if(k&&"phone"in k)return l(`+${w("extension")}${e}`)||k.phone.message;if(k&&"score"in k)return $<=k.score.value?k.score.message:void 0;if(k&&"white_space"in k)return!e.match(/^\s*$/g)||k.white_space.message;if(k&&"match"in k&&k?.match?.field)switch(k?.match?.comparison){case"not_eq":return e!=w(k.match.field)||k.match.message;case"gt":return e>w(k.match.field)||k.match.message;case"lt":return e<w(k.match.field)||k.match.message;default:return e===w(k.match.field)||k.match.message}if(k&&"minSelections"in k){const t=e;if(!(k.selectionsBypass&&t.includes(k.selectionsBypass))){const e=H.other?.enabled?H.other?.name||"other-option":void 0;if(A(t,e)<k.minSelections.value)return k.minSelections.message}}if(k&&"maxSelections"in k){const t=e;if(!(k.selectionsBypass&&t.includes(k.selectionsBypass))){const e=H.other?.enabled?H.other?.name||"other-option":void 0;if(A(t,e)>k.maxSelections.value)return k.maxSelections.message}}}}}),I&&t(y,{value:w(p),onChange:_})]}),e(r,{children:[Boolean(N)?t(B,{helperText:void 0,inputName:p,errors:d,showicon:!0}):null,Boolean(b)?t(B,{helperText:b,inputName:p,errors:void 0,...S}):null]})]})};export{H as default};

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

@@ -1 +1 @@
-import{jsxs as e,Fragment as o,jsx as r}from"react/jsx-runtime";import{RadioGroup as l,Box as a}from"@mui/material";import{useState as t,useRef as i,useEffect as n}from"react";import{base as u}from"../../BrandCore/primitiveVariables.js";import c from"../FormControlLabel/FormControlLabel.js";import s from"../Radio/Radio.js";import"../Radio/StyledRadio.js";import m from"../TextField/TextField.js";const d=({options:d,onChange:p,other:g,value:h,internalChange:f,sizing:b="lg",...y})=>{const v=g?.enabled,x="other-option",C=`${x}-value-`,[R,M]=t(h),[j,S]=t(!1),T=i(null);n(()=>{!j&&R?.includes(C)?S(!0):j&&S(!1)},[R]);return n(()=>{T.current&&Array.from(T.current.getElementsByTagName("label")).forEach(e=>{if(e.clientHeight>4*u){const o=e.querySelector(".MuiTypography-root");o&&(o.style.marginTop=u/2+"px")}})},[T.current]),e(o,{children:[e(l,{...y,value:R,ref:T,sx:{"& .MuiRadio-root":{alignSelf:"baseline"},"& .MuiTypography-root":{alignSelf:"center"},display:"flex",alignSelf:"baseline",gap:e=>e.custom.margin.sm,label:{"&:last-child":{mb:0},"&:hover":{"& .MuiRadio-root":{backgroundColor:e=>e.custom.palette.interaction.hover,"&.Mui-checked":{backgroundColor:e=>e.custom.palette.purple[500]}}}}},onChange:(e,o)=>{p&&p(o),M(o),f&&f()},children:[d?d.map((e,o)=>r(c,{sx:{"& .MuiButtonBase-root.MuiRadio-root":{alignSelf:"baseline"}},...e,control:r(s,{sizing:b})},o)):null,v&&r(c,{label:g?.label||"Other",value:C,control:r(s,{sizing:b,checked:R?.includes(C)})},x)]}),j&&r(a,{sx:{mt:1},children:r(m,{fullWidth:!0,autoFocus:!0,placeholder:g?.placeholder,defaultValue:R?.replace(C,""),onChange:e=>{var o;p&&p((o=e.target.value,`${C}${o}`)),f&&f()},required:!0})})]})};export{d as default};
+import{jsxs as e,Fragment as o,jsx as r}from"react/jsx-runtime";import{RadioGroup as l,Box as a}from"@mui/material";import{useState as t,useRef as i,useEffect as n}from"react";import{base as u}from"../../BrandCore/primitiveVariables.js";import c from"../FormControlLabel/FormControlLabel.js";import s from"../Radio/Radio.js";import"../Radio/StyledRadio.js";import m from"../TextField/TextField.js";const d=({options:d,onChange:p,other:g,value:h,internalChange:f,sizing:b="lg",inputRef:y,...v})=>{const x=g?.enabled,C="other-option",R=`${C}-value-`,[M,j]=t(h),[S,T]=t(!1),F=i(null);n(()=>{!S&&M?.includes(R)?T(!0):S&&T(!1)},[M]);return n(()=>{F.current&&Array.from(F.current.getElementsByTagName("label")).forEach(e=>{if(e.clientHeight>4*u){const o=e.querySelector(".MuiTypography-root");o&&(o.style.marginTop=u/2+"px")}})},[F.current]),e(o,{children:[e(l,{...v,value:M,ref:F,sx:{"& .MuiRadio-root":{alignSelf:"baseline"},"& .MuiTypography-root":{alignSelf:"center"},display:"flex",alignSelf:"baseline",gap:e=>e.custom.margin.sm,label:{"&:last-child":{mb:0},"&:hover":{"& .MuiRadio-root":{backgroundColor:e=>e.custom.palette.interaction.hover,"&.Mui-checked":{backgroundColor:e=>e.custom.palette.purple[500]}}}}},onChange:(e,o)=>{p&&p(o),j(o),f&&f()},children:[d?d.map((e,o)=>r(c,{sx:{"& .MuiButtonBase-root.MuiRadio-root":{alignSelf:"baseline"}},...e,control:r(s,{sizing:b})},o)):null,x&&r(c,{label:g?.label||"Other",value:R,control:r(s,{sizing:b,checked:M?.includes(R)})},C)]}),S&&r(a,{sx:{mt:1},children:r(m,{fullWidth:!0,autoFocus:!0,placeholder:g?.placeholder,defaultValue:M?.replace(R,""),onChange:e=>{var o;p&&p((o=e.target.value,`${R}${o}`)),f&&f()},required:!0})})]})};export{d as default};

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

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{DragHandle as i}from"@mui/icons-material";import{useTheme as l,Stack as r,Box as n,typographyClasses as o,selectClasses as a}from"@mui/material";import{iconSizeMap as s}from"../../BrandCore/Icon/Icon.js";import{space as m,base as c}from"../../BrandCore/primitiveVariables.js";import d from"../Select/Select.js";import"../Select/SelectItem.js";import p from"./RankItemContainer.js";import f from"./RankItemLabel.js";const h=({label:h="Placeholder",disabled:u,onChange:g,options:x,fullWidth:b})=>{const j=l(),I=x.map(e=>e.label).indexOf(h);return e(p,{disabled:u,fullWidth:b,children:t(r,{display:"flex",justifyContent:"space-between",flexDirection:"row",alignItems:"center",sx:{position:"relative",zIndex:1},children:[t(n,{display:"flex",alignItems:"center",sx:{"& svg":{fill:j.custom.palette.icon.secondary}},children:[e(i,{"aria-label":"drag-handle",sx:{width:s.lg,height:s.lg,mr:j.custom.padding.sm}}),e(f,{align:"left",disabled:u,children:h})]}),e(d,{name:"rank",sizing:"xs",selections:x.map((e,t)=>({label:`${t+1}`,value:`${t}`})),disabled:u,value:`${I}`,onChange:function(e){const t=I,i=Number(e.target.value),l=x;let r=1;const n=l.splice(t,r)[0];r=0,l.splice(i,r,n),g(l)},MenuProps:{anchorOrigin:{vertical:m[400],horizontal:"center"}},sx:{[`&.${a.root}`]:{width:6*c,textAlign:"center"},[`& .${o.root}`]:{width:"fit-content"}}})]})})};export{h as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{DragHandle as i}from"@mui/icons-material";import{useTheme as l,Stack as r,Box as n,typographyClasses as o,selectClasses as a}from"@mui/material";import{iconSizeMap as s}from"../../BrandCore/Icon/Icon.js";import{space as m,base as c}from"../../BrandCore/primitiveVariables.js";import"../SelectItem/SelectItem.js";import d from"../Select/Select.js";import p from"./RankItemContainer.js";import f from"./RankItemLabel.js";const h=({label:h="Placeholder",disabled:u,onChange:g,options:x,fullWidth:b})=>{const I=l(),j=x.map(e=>e.label).indexOf(h);return e(p,{disabled:u,fullWidth:b,children:t(r,{display:"flex",justifyContent:"space-between",flexDirection:"row",alignItems:"center",sx:{position:"relative",zIndex:1},children:[t(n,{display:"flex",alignItems:"center",sx:{"& svg":{fill:I.custom.palette.icon.secondary}},children:[e(i,{"aria-label":"drag-handle",sx:{width:s.lg,height:s.lg,mr:I.custom.padding.sm}}),e(f,{align:"left",disabled:u,children:h})]}),e(d,{name:"rank",sizing:"xs",selections:x.map((e,t)=>({label:`${t+1}`,value:`${t}`})),disabled:u,value:`${j}`,onChange:function(e){const t=j,i=Number(e.target.value),l=x;let r=1;const n=l.splice(t,r)[0];r=0,l.splice(i,r,n),g(l)},MenuProps:{anchorOrigin:{vertical:m[400],horizontal:"center"}},sx:{[`&.${a.root}`]:{width:6*c,textAlign:"center"},[`& .${o.root}`]:{width:"fit-content"}}})]})})};export{h as default};

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

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{KeyboardArrowDown as r}from"@mui/icons-material";import{useTheme as t}from"@mui/material";import{useBreakpoint as o}from"../../../utils/breakpoint.hook.js";import l from"../Typography/Typography.js";import i from"./Autocomplete.js";import a from"./SelectItem.js";import n from"./StyledSelect.js";import{menuStyles as m}from"./StyledSelect.variant-helpers.js";const s=({selections:s,autoComplete:p=!1,disabled:d=!1,disablePortal:c=!1,grouped:u,inputRef:h,internalChange:g,multi:f=!0,onChange:v,placeholder:y="",selectOptionProps:b,sizing:j="lg",sx:x,value:C=[],renderListItem:S,renderSelectedItem:z,...I})=>{const P=t(),A=o();return p?e(i,{selections:s,placeholder:y,disabled:d,sizing:j,onChange:(e,r)=>{v&&v(r||""),g&&g()},value:Array.isArray(C)?C??[]:C??"",internalChange:g,renderListItem:S,multiple:f,grouped:u}):e(n,{sizing:j,inputRef:h,MenuProps:{disablePortal:c,sx:m,anchorOrigin:{vertical:"bottom",horizontal:"center"}},displayEmpty:!0,IconComponent:r,renderValue:r=>y&&!r?e(l,{component:"p",variation:"sm"===A||"md"===A?"sm":"lg",sx:{color:P.custom.palette.text.placeholder},children:y}):z?z(r,s?.find(({value:e})=>e===r)?.label):e(l,{component:"p",variation:"sm"===A||"md"===A?"sm":"lg",children:s?.find(({value:e})=>e===r)?.label}),onChange:(e,r)=>{v&&v(e,r),g&&g()},sx:x,value:C,...I,children:s?.map(({value:r,label:t})=>e(a,{value:r,...b,sizing:j,children:S?S(r,t):t},r))})};export{s as default};
+import{jsx as e}from"react/jsx-runtime";import{KeyboardArrowDown as l}from"@mui/icons-material";import{useTheme as t,Box as i}from"@mui/material";import{useBreakpoint as o}from"../../../utils/breakpoint.hook.js";import r from"../Typography/Typography.js";import{popperStyles as a}from"../AutocompleteBaseField/_partials/StyledPopper.js";import n from"../SelectItem/SelectItem.js";import m from"./StyledSelect.js";const s=({selections:s,disabled:p=!1,disablePortal:d=!1,inputRef:c,internalChange:u,onChange:h,placeholder:g="",selectOptionProps:f,sizing:v="lg",sx:b,value:x=[],multi:y,renderListItem:j,renderSelectedItem:I,...S})=>{const P=t(),z=o();return e(m,{sizing:v,inputRef:c,MenuProps:{disablePortal:d,sx:a(P,v),anchorOrigin:{vertical:"bottom",horizontal:"center"}},multiple:y,disabled:p,displayEmpty:!0,IconComponent:l,renderValue:l=>g&&!l||g&&0===l.length?e(r,{component:"p",variation:"sm"===z||"md"===z?"sm":"lg",sx:{color:P.custom.palette.text.placeholder},children:g}):I?e(i,{sx:{display:"flex",alignItems:"center",pl:P.p.xs,width:1},children:I(l,s?.find(({value:e})=>e===l)?.label)}):e(r,y?{id:"value-multi",component:"p",variation:"sm"===z||"md"===z?"sm":"lg",children:l.map(e=>s?.find(({value:l})=>l===e)?.label||e).join(", ")}:{id:"value-single",component:"p",variation:"sm"===z||"md"===z?"sm":"lg",children:s?.find(({value:e})=>e===l)?.label}),onChange:(e,l)=>{h&&h(e,l),u&&u()},sx:b,value:x,...S,children:s?.map(({value:l,label:t})=>e(n,{value:l,...f,sizing:v,children:j?j(l,t):t},l))})};export{s as default};

package/dist/esm/systems/WebCore/Select/StyledSelect.variant-helpers.js

@@ -1 +1 @@
-import"react/jsx-runtime";import"@mui/material";import{iconSizeMap as t}from"../../BrandCore/Icon/Icon.js";import{padding as o}from"../../BrandCore/primitiveVariables.js";import{fontSizemap as i}from"../utils/typography.util.js";const e="0px 4px 8px 0px #06040D14, 0px 16px 24px 0px #06040D14, 0px 0px 4px 2px #06040D0A, 0px 0px 0px 1px #FFFFFF29",n=t=>{switch(t){case"xs":return 24;case"md":return 32;default:return 40}},s=t=>{switch(t){case"xs":return 24;case"md":return 32;default:return 40}},r=t=>{switch(t){case"xs":case"md":return 16;default:return 24}},a=(t,o)=>({"& .MuiTypography-root":{overflow:"hidden",textOverflow:"ellipsis",fontSize:i[o],paddingLeft:t.spacing("xs"===o?t.custom.padding.xs:t.custom.padding.sm),paddingRight:t.spacing("xs"===o?t.custom.padding.xs:t.custom.padding.sm)}}),c=(t,e)=>({fontSize:i[e],borderRadius:t.spacing(t.custom.radius.md),position:"relative",padding:0,"& .MuiSelect-outlined":{padding:0},"& .MuiSelect-select.MuiInputBase-input":{padding:t.spacing(o.sm),paddingRight:t.spacing(o.md)},"&:before":{transition:t.custom.easing.input,content:'""',position:"absolute",background:t.custom.palette.interaction.none,borderRadius:t.spacing(t.custom.radius.md),inset:0,zIndex:0},"&:hover:before":{backgroundColor:t.custom.palette.interaction.hover},"&.Mui-focused:before":{backgroundColor:t.custom.palette.interaction.press},"&.Mui-disabled:before":{backgroundColor:t.custom.palette.interaction.none},"& .MuiSelect-select":{position:"relative"}}),p=(o,i)=>{switch(i){case"lg":return{height:n(i),"& .MuiSvgIcon-root":{color:o.custom.palette.icon.primary,transition:o.custom.easing.input,width:t.lg,height:t.lg,top:`calc(50% - ${t.lg/2}px)`}};case"md":return{height:n(i),"& .MuiSvgIcon-root":{color:o.custom.palette.icon.primary,transition:o.custom.easing.input,width:t.md,height:t.md,top:`calc(50% - ${t.md/2}px)`}};case"xs":return{height:n(i),"& .MuiSvgIcon-root":{color:o.custom.palette.icon.primary,transition:o.custom.easing.input,width:t.xs,height:t.xs,top:`calc(50% - ${t.xs/2}px)`}};default:return{height:n("lg"),"& .MuiSvgIcon-root":{color:o.custom.palette.icon.primary,transition:o.custom.easing.input,width:t.lg,height:t.lg,top:`calc(50% - ${t.lg/2}px)`}}}},u=(t,o)=>({position:"relative",fontSize:i[o],backgroundColor:t.custom.palette.interaction.none,color:t.custom.palette.text.primary,minHeight:s(o),justifyContent:"space-between",paddingLeft:t.spacing("xs"===o?t.custom.padding.sm:t.custom.padding.md),paddingRight:t.spacing("xs"===o?t.custom.padding.sm:t.custom.padding.md),gap:t.spacing(t.custom.padding.sm),whiteSpace:"wrap","&:before":{transition:t.custom.easing.input,content:'""',position:"absolute",inset:0,zIndex:1},"& .MuiSvgIcon-root":{width:r(o),height:r(o)}}),d=t=>({width:0,"&.MuiModal-root.MuiPopover-root":{"&.MuiMenu-root":{borderRadius:t.spacing(t.custom.radius.sm),"& .MuiPaper-root":{border:`1px solid ${t.custom.palette.stroke.default}`,backgroundColor:t.custom.palette.surface.raised,boxShadow:e}}}});export{p as getInputSize,a as getTypographyStyle,d as menuStyles,e as popperBoxShadow,c as selectBaseStyles,n as selectInputHeight,u as selectItemBaseStyles,s as selectMenuItemSize,r as selectTickSize};
+import"react/jsx-runtime";import"@mui/material";import{iconSizeMap as t}from"../../BrandCore/Icon/Icon.js";import{getButtonSizing as i}from"../ButtonBase/Button.variant-helpers.js";import"../ButtonBase/ButtonBase.js";import{fontSizemap as o}from"../utils/typography.util.js";const e="0px 4px 8px 0px #06040D14, 0px 16px 24px 0px #06040D14, 0px 0px 4px 2px #06040D0A, 0px 0px 0px 1px #FFFFFF29",n=t=>{switch(t){case"xs":return 24;case"sm":case"md":return 32;case"lg":default:return 40;case"xl":return 48}},s=t=>{switch(t){case"xs":case"sm":case"md":return 16;case"lg":default:return 24;case"xl":return 28}},a=(t,i)=>{switch(i){case"xs":case"sm":case"md":return{paddingLeft:t.spacing(t.custom.padding.xs),paddingRight:t.spacing(t.custom.padding.md)};default:return{paddingLeft:t.spacing(t.custom.padding.sm),paddingRight:t.spacing(t.custom.padding.lg)}}},c=(t,i)=>({"& .MuiTypography-root":{overflow:"hidden",textOverflow:"ellipsis",fontSize:o[i],paddingLeft:t.spacing("xs"===i?t.custom.padding.xs:t.custom.padding.sm),paddingRight:t.spacing("xs"===i?t.custom.padding.xs:t.custom.padding.sm)}}),r=(t,i)=>({fontSize:o[i],borderRadius:t.spacing(t.custom.radius.md),position:"relative",padding:0,"& .MuiSelect-outlined":{padding:0},"& .MuiSelect-select.MuiInputBase-input":{height:"100%",display:"flex",alignItems:"center",...a(t,i),width:"100%"},"&:before":{transition:t.custom.easing.input,content:'""',position:"absolute",background:t.custom.palette.interaction.none,borderRadius:t.spacing(t.custom.radius.md),inset:0,zIndex:0},"&:hover:before":{backgroundColor:t.custom.palette.interaction.hover},"&.Mui-focused:before":{backgroundColor:t.custom.palette.interaction.press},"&.Mui-disabled:before":{backgroundColor:t.custom.palette.interaction.none},"& .MuiSelect-select":{position:"relative"}}),p=(o,e)=>{switch(e){case"xl":return{...i(e),"& .MuiSvgIcon-root":{color:o.custom.palette.icon.primary,transition:o.custom.easing.input,width:t.xl,height:t.xl,top:`calc(50% - ${t.xl/2}px)`}};case"lg":return{...i(e),"& .MuiSvgIcon-root":{color:o.custom.palette.icon.primary,transition:o.custom.easing.input,width:t.lg,height:t.lg,top:`calc(50% - ${t.lg/2}px)`}};case"md":return{...i(e),"& .MuiSvgIcon-root":{color:o.custom.palette.icon.primary,transition:o.custom.easing.input,width:t.md,height:t.md,top:`calc(50% - ${t.md/2}px)`}};case"sm":return{...i(e),"& .MuiSvgIcon-root":{color:o.custom.palette.icon.primary,transition:o.custom.easing.input,width:t.sm,height:t.sm,top:`calc(50% - ${t.sm/2}px)`}};case"xs":return{...i(e),"& .MuiSvgIcon-root":{color:o.custom.palette.icon.primary,transition:o.custom.easing.input,width:t.xs,height:t.xs,top:`calc(50% - ${t.xs/2}px)`}};default:return{...i("lg"),"& .MuiSvgIcon-root":{color:o.custom.palette.icon.primary,transition:o.custom.easing.input,width:t.lg,height:t.lg,top:`calc(50% - ${t.lg/2}px)`}}}},u=(t,i)=>({position:"relative",fontSize:o[i],backgroundColor:t.custom.palette.interaction.none,color:t.custom.palette.text.primary,minHeight:n(i),justifyContent:"space-between",paddingLeft:t.spacing("xs"===i?t.custom.padding.sm:t.custom.padding.md),paddingRight:t.spacing("xs"===i?t.custom.padding.sm:t.custom.padding.md),gap:t.spacing(t.custom.padding.sm),whiteSpace:"wrap","& .MuiSvgIcon-root":{width:s(i),height:s(i)}});export{a as getInputPadding,p as getInputSize,c as getTypographyStyle,e as popperBoxShadow,r as selectBaseStyles,u as selectItemBaseStyles,n as selectMenuItemSize,s as selectTickSize};

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

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Check as o}from"@mui/icons-material";import{styled as i,MenuItem as r,Box as l}from"@mui/material";import{selectItemBaseStyles as a}from"../Select/StyledSelect.variant-helpers.js";const n=i(r)(({theme:e,sizing:t})=>({...{...a(e,t)},"&.Mui-focusVisible":{backgroundColor:e.custom.palette.interaction.hover},"&:hover":{backgroundColor:e.custom.palette.interaction.hover},"&.Mui-selected":{backgroundColor:e.custom.palette.interaction.press,"&.Mui-focusVisible":{backgroundColor:e.custom.palette.interaction.press},"&:hover":{backgroundColor:e.custom.palette.interaction.press}},"&.MuiButtonBase-root.MuiMenuItem-root.Mui-disabled":{backgroundColor:e.custom.palette.input.default,color:e.custom.palette.text.disabled,"&:before":{backgroundColor:e.custom.palette.interaction.disabled}}})),s=({children:i,selected:r,...a})=>e(n,{...a,children:t(l,{display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%",gap:2,children:[e(l,{children:i}),e(l,{sx:{display:"flex",alignItems:"center"},children:e(o,{sx:{visibility:r?"visible":"hidden",fontSize:"16px"}})})]})});export{s as default};

package/dist/index.d.ts

@@ -69,11 +69,17 @@ export { default as ArrowTextIndicator, ArrowTextIndicatorProps } from './system
 export { emailValidation } from './utils/formValidation/email.js';
 export { DEFAULT_MAX_INPUT_LENGTH, chooseArticle, defaultInputValidation } from './utils/formValidation/misc.js';
 export { passwordValidation } from './utils/formValidation/password.js';
-export { ButtonSizing, buttonHeightMap, buttonInteraction, getButtonSizing, getButtonTypography, getIconSizing, outlined, primary, secondary, subtle } from './systems/WebCore/ButtonBase/Button.variant-helpers.js';
+export { ButtonSizing, buttonHeightMap, buttonInteraction, buttonPadding, getButtonSizing, getButtonTypography, getIconSizing, outlined, primary, secondary, subtle } from './systems/WebCore/ButtonBase/Button.variant-helpers.js';
 export { backgroundCreator } from './systems/WebCore/utils/backgroundCreator.js';
 export { default as AnnualController, AnnualControllerProps } from './systems/WebCore/AnnualController/AnnualController.js';
+export { default as SelectItem } from './systems/WebCore/SelectItem/SelectItem.js';
+export { SelectItemProps, SelectOption } from './systems/WebCore/SelectItem/types.js';
 export { default as Accordion, AccordionProps } from './systems/WebCore/Accordion/Accordion.js';
 export { default as AuthFormHeader, AuthFormHeaderProps } from './systems/WebCore/AuthFormHeader/AuthFormHeader.js';
+export { default as AutocompleteBaseField } from './systems/WebCore/AutocompleteBaseField/AutocompleteBaseField.js';
+export { AutocompleteBaseFieldProps } from './systems/WebCore/AutocompleteBaseField/types.js';
+export { AutocompleteFieldProps } from './systems/WebCore/AutocompleteSingle/types.js';
+export { default as AutocompleteField } from './systems/WebCore/AutocompleteField/AutocompleteField.js';
 export { default as Avatar, AvatarProps } from './systems/WebCore/Avatar/Avatar.js';
 export { default as AvatarGroup, AvatarGroupProps } from './systems/WebCore/AvatarGroup/AvatarGroup.js';
 export { default as Badge, BadgeProps } from './systems/WebCore/Badge/Badge.js';
@@ -82,6 +88,7 @@ export { default as Breadcrumb, BreadcrumbProps } from './systems/WebCore/Breadc
 export { default as BulletGraphic, BulletGraphicProps } from './systems/WebCore/BulletGraphic/BulletGraphic.js';
 export { default as Button, ButtonProps } from './systems/WebCore/Button/Button.js';
 export { default as ButtonBase, ButtonBaseProps } from './systems/WebCore/ButtonBase/ButtonBase.js';
+export { default as ButtonTabGroup, ButtonTabGroupProps } from './systems/WebCore/ButtonTabGroup/ButtonTabGroup.js';
 export { default as Checkbox, CheckboxProps } from './systems/WebCore/Checkbox/Checkbox.js';
 export { default as CheckboxGroup, CheckboxGroupProps } from './systems/WebCore/CheckboxGroup/CheckboxGroup.js';
 export { default as ColorBackgroundContainer, ColorBackgroundContainerProps } from './systems/WebCore/ColorBackgroundContainer/ColorBackgroundContainer.js';
@@ -136,8 +143,8 @@ export { default as Radio, RadioProps } from './systems/WebCore/Radio/Radio.js';
 export { default as RadioGroup, RadioGroupProps } from './systems/WebCore/RadioGroup/RadioGroup.js';
 export { default as Rank, RankProps } from './systems/WebCore/Rank/Rank.js';
 export { default as RichTextField, RichTextFieldProps } from './systems/WebCore/RichTextField/RichTextField.js';
-export { default as Select, SelectProps } from './systems/WebCore/Select/Select.js';
-export { GroupSelectOption, SelectOption } from './systems/WebCore/Select/StyledSelect.variant-helpers.js';
+export { default as Select } from './systems/WebCore/Select/Select.js';
+export { SelectProps } from './systems/WebCore/Select/types.js';
 export { default as Skeleton, SkeletonProps } from './systems/WebCore/Skeleton/Skeleton.js';
 export { default as Slider, SliderProps } from './systems/WebCore/Slider/Slider.js';
 export { default as SortableList, SortableListProps } from './systems/WebCore/SortableList/SortableList.js';
@@ -153,7 +160,6 @@ export { default as TrialCard, TrialCardProps } from './systems/WebCore/TrialCar
 export { default as Typography, TypographyProps } from './systems/WebCore/Typography/Typography.js';
 export { default as UserMenu, UserMenuProps } from './systems/WebCore/UserMenu/UserMenu.js';
 export { default as VideoModal, VideoModalProps } from './systems/WebCore/VideoModal/VideoModal.js';
-export { default as ButtonTabGroup, ButtonTabGroupProps } from './systems/WebCore/ButtonTabGroup/ButtonTabGroup.js';
 export { BreakpointOrNull, useBreakpoint } from './utils/breakpoint.hook.js';
 export { compareArrayMembers } from './utils/compareArrayMembers.js';
 export { isButton } from './utils/isButton.js';

package/dist/index.js

@@ -1 +1 @@
-"use strict";var e=require("./systems/BrandCore/colorRamps.js"),r=require("./systems/BrandCore/gradients.js"),s=require("./systems/BrandCore/primitiveColor.js"),t=require("./systems/BrandCore/primitiveVariables.js"),o=require("./systems/BrandCore/semanticColor.js"),a=require("./systems/BrandCore/types.js"),i=require("./systems/BrandCore/typography.js");require("react/jsx-runtime"),require("@mui/material");var p=require("./systems/BrandCore/Icon/Icon.js"),u=require("./systems/Marketing/PlanFeatureTable/PlanFeatureTable.js"),n=require("./systems/Marketing/PlanTierCard/PlanTierCard.js"),m=require("./systems/Marketing/TickGroup/TickGroup.js"),l=require("./systems/Platform/AiContentContainer/AiContentContainer.js"),d=require("./systems/Platform/AIInsight/AIInsight.js"),x=require("./systems/Platform/AISummary/AISummary.js"),y=require("./systems/Platform/AIWrittenByLockUp/AiWrittenByLockUp.js"),C=require("./systems/Platform/AssetItem/AssetItem.js"),j=require("./systems/Platform/AuthContainerSurface/AuthContainerSurface.js"),b=require("./systems/Platform/ClipboardCopyingOverlay/ClipboardCopyingOverlay.js"),c=require("./systems/Platform/CommentCard/CommentCard.js"),q=require("./systems/Platform/DataPointInfo/DataPointInfo.js"),h=require("./systems/Platform/DemographicSelectionSection/DemographicSelectionSection.js"),P=require("./systems/Platform/EmojiListItem/EmojiListItem.js"),g=require("./systems/Platform/EmojiQuestionEditorOption/EmojiQuestionEditorOption.js"),B=require("./systems/Platform/EmptyStateCard/EmptyStateCard.js"),W=require("./systems/Platform/ExtendedTestStatus/ExtendedTestStatus.js"),I=require("./systems/Platform/FilterCount/FilterCount.js"),f=require("./systems/Platform/FilteredItemsCard/FilteredItemsCard.js"),S=require("./systems/Platform/FilterGroupAccordion/FilterGroupAccordion.js"),T=require("./systems/Platform/FilterPyramidGraph/FilterPyramidGraph.js"),A=require("./systems/Platform/FilterRow/FilterRow.js"),k=require("./systems/Platform/GraphBar/GraphBar.js"),L=require("./systems/Platform/Header/Header.js"),G=require("./systems/Platform/KpiDataPopover/KpiDataPopover.js"),M=require("./systems/Platform/KpiIndicator/KpiIndicator.js"),F=require("./systems/Platform/KpiIndicator/utils.js"),v=require("./systems/Platform/LikertGraph/LikertGraph.js"),R=require("./systems/Platform/LoopItem/LoopItem.js"),w=require("./systems/Platform/LoopItemEmpty/LoopItemEmpty.js"),E=require("./systems/Platform/MiniResultCard/graphVariants.js"),D=require("./systems/Platform/MiniResultCard/MiniResultCard.js"),H=require("./systems/Platform/Navigation/Navigation.js"),N=require("./systems/Platform/OnboardingCard/OnboardingCard.js"),_=require("./systems/Platform/PaginationControl/PaginationControl.js"),K=require("./systems/Platform/ProjectItem/ProjectItem.js"),V=require("./systems/Platform/ProjectItem/ProjectItemEmpty.js"),O=require("./utils/formValidation/email.js"),Q=require("./utils/formValidation/misc.js"),U=require("./utils/formValidation/password.js"),z=require("./systems/WebCore/ButtonBase/Button.variant-helpers.js"),X=require("./systems/WebCore/utils/backgroundCreator.js"),Y=require("./systems/WebCore/AnnualController/AnnualController.js"),J=require("./systems/WebCore/Accordion/Accordion.js"),Z=require("./systems/WebCore/AuthFormHeader/AuthFormHeader.js"),$=require("./systems/WebCore/Avatar/Avatar.js"),ee=require("./systems/WebCore/AvatarGroup/AvatarGroup.js"),re=require("./systems/WebCore/Badge/Badge.js"),se=require("./systems/WebCore/BrandBadge/BrandBadge.js"),te=require("./systems/WebCore/Breadcrumb/Breadcrumb.js"),oe=require("./systems/WebCore/BulletGraphic/BulletGraphic.js"),ae=require("./systems/WebCore/Button/Button.js"),ie=require("./systems/WebCore/ButtonBase/ButtonBase.js"),pe=require("./systems/WebCore/Checkbox/Checkbox.js");require("./systems/WebCore/Checkbox/StyledCheckbox.js");var ue=require("./systems/WebCore/CheckboxGroup/CheckboxGroup.js"),ne=require("./systems/WebCore/ColorBackgroundContainer/ColorBackgroundContainer.js"),me=require("./systems/WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),le=require("./systems/WebCore/CustomField/CustomField.js"),de=require("./systems/WebCore/Differential/Differential.js"),xe=require("./systems/WebCore/DropdownMenu/DropdownMenu.js"),ye=require("./systems/WebCore/DropdownMenu/DropdownMenu.hook.js"),Ce=require("./systems/WebCore/EmojiWrapper/EmojiWrapper.js"),je=require("./systems/WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),be=require("./systems/WebCore/Flag/Flag.js"),ce=require("./systems/WebCore/FormControlLabel/FormControlLabel.js"),qe=require("./systems/WebCore/FormGenerator/FormGenerator.js"),he=require("./systems/WebCore/GridOverlay/GridOverlay.js"),Pe=require("./systems/WebCore/Html/Html.js"),ge=require("./systems/WebCore/HtmlParser/HtmlParser.js"),Be=require("./systems/WebCore/IconButton/IconButton.js"),We=require("./systems/WebCore/IconButtonBase/IconButton.variant-helpers.js"),Ie=require("./systems/WebCore/IconButtonBase/IconButtonBase.js"),fe=require("./systems/WebCore/IconButtonGroup/IconButtonGroup.js"),Se=require("./systems/WebCore/Image/Image.js"),Te=require("./systems/WebCore/InputFieldBase/InputFieldBase.js"),Ae=require("./systems/WebCore/InputLabel/InputLabel.js"),ke=require("./systems/WebCore/InputLabelHelp/InputLabelHelp.js"),Le=require("./systems/WebCore/KeyValueLabel/KeyValueLabel.js"),Ge=require("./systems/WebCore/Label/Label.js"),Me=require("./systems/WebCore/Likert/Likert.js"),Fe=require("./systems/WebCore/Link/Link.js"),ve=require("./systems/WebCore/Loader/Loader.js"),Re=require("./systems/WebCore/Logo/Logo.js"),we=require("./systems/WebCore/LoopsAiButton/LoopsAiButton.js"),Ee=require("./systems/WebCore/Markdown/Markdown.js"),De=require("./systems/WebCore/Menu/Menu.js"),He=require("./systems/WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),Ne=require("./systems/WebCore/ModalLayout/_partials/ModalContentWrapper.js"),_e=require("./systems/WebCore/ModalLayout/ModalLayout.js"),Ke=require("./systems/WebCore/NavigationButton/NavigationButton.js"),Ve=require("./systems/WebCore/Nudge/Nudge.js"),Oe=require("./systems/WebCore/Typography/Typography.js");require("./systems/WebCore/Nudge/NudgeButton.js");var Qe=require("./systems/WebCore/NumberField/NumberField.js"),Ue=require("./systems/WebCore/Pill/Pill.js"),ze=require("./systems/WebCore/Popper/Popper.js"),Xe=require("./systems/WebCore/PoweredByWatermarkLogo/PoweredByWatermarkLogo.js"),Ye=require("./systems/WebCore/Progress/Progress.js"),Je=require("./systems/WebCore/ProgressBar/ProgressBar.js"),Ze=require("./systems/WebCore/Radio/Radio.js");require("./systems/WebCore/Radio/StyledRadio.js");var $e=require("./systems/WebCore/RadioGroup/RadioGroup.js"),er=require("./systems/WebCore/Rank/Rank.js"),rr=require("./systems/WebCore/RichTextField/RichTextField.js"),sr=require("./systems/WebCore/Select/Select.js");require("./systems/WebCore/Select/SelectItem.js");var tr=require("./systems/WebCore/Skeleton/Skeleton.js"),or=require("./systems/WebCore/Slider/Slider.js"),ar=require("./systems/WebCore/SortableList/SortableList.js"),ir=require("./systems/WebCore/StarRating/StarRating.js"),pr=require("./systems/WebCore/Surface/Surface.js"),ur=require("./systems/WebCore/Switch/Switch.js"),nr=require("./systems/WebCore/Textarea/Textarea.js"),mr=require("./systems/WebCore/TextBarDivider/TextBarDivider.js"),lr=require("./systems/WebCore/TextField/TextField.js"),dr=require("./systems/WebCore/Toast/Toast.js"),xr=require("./systems/WebCore/Tooltip/Tooltip.js"),yr=require("./systems/WebCore/TrialCard/TrialCard.js"),Cr=require("./systems/WebCore/UserMenu/UserMenu.js"),jr=require("./systems/WebCore/VideoModal/VideoModal.js"),br=require("./systems/WebCore/ButtonTabGroup/ButtonTabGroup.js"),cr=require("./utils/pluralise.js");require("./systems/Platform/ProjectItem/_partials/ProjectItemBadge.js"),require("merge-sx"),require("./systems/Platform/ProjectItem/_partials/styledPartials.js"),require("dayjs");var qr=require("./systems/Platform/QuestionBar/QuestionBar.js"),hr=require("./systems/Platform/QuestionBlock/QuestionBlock.js"),Pr=require("./systems/Platform/QuestionSelector/QuestionSelector.js"),gr=require("./systems/Platform/ScrollIndicator/ScrollIndicator.js"),Br=require("./systems/Platform/SearchInput/SearchInput.js"),Wr=require("./systems/Platform/SectionHeader/SectionHeader.js"),Ir=require("./systems/Platform/SentimentArrow/SentimentArrow.js");require("./systems/Platform/SliderGraph/_partials/SliderGraphYAxis/SliderGraphYAxis.js");var fr=require("./systems/Platform/SliderGraph/SliderGraph.js");require("react"),require("./systems/Platform/SliderGraph/_partials/StyledComponents.js");var Sr=require("./systems/Platform/Tab/Tab.js"),Tr=require("./systems/Platform/TestItem/TestItem.js"),Ar=require("./systems/Platform/TestKPICard/TestKPICard.js"),kr=require("./systems/Platform/VideoControls/VideoControls.js"),Lr=require("./systems/Platform/ArrowTextIndicator/ArrowTextIndicator.js"),Gr=require("./utils/breakpoint.hook.js"),Mr=require("./utils/compareArrayMembers.js"),Fr=require("./utils/isButton.js"),vr=require("./utils/screen.hook.js"),Rr=require("./utils/useKeyCombo.js"),wr=require("./utils/usePrevious.js"),Er=require("./utils/shouldForwardProp.js"),Dr=require("./theme/theme.js"),Hr=require("./theme/theme.hooks.js"),Nr=require("./theme/theme.provider.js"),_r=require("./theme/theme.context.js");exports.blueRamp=e.blueRamp,exports.generateRamp=e.generateRamp,exports.greenRamp=e.greenRamp,exports.neutralRamp=e.neutralRamp,exports.peachRamp=e.peachRamp,exports.purpleRamp=e.purpleRamp,exports.redRamp=e.redRamp,exports.yellowRamp=e.yellowRamp,exports.tone1=r.tone1,exports.tone2=r.tone2,exports.tone3=r.tone3,exports.tone3_ai_icon=r.tone3_ai_icon,exports.tone3_border=r.tone3_border,exports.tone3_lowOpacity_text=r.tone3_lowOpacity_text,exports.tone4=r.tone4,exports.tone5=r.tone5,exports.blue=s.blue,exports.darkNeutral=s.darkNeutral,exports.darkNeutralAlpha=s.darkNeutralAlpha,exports.green=s.green,exports.neutral=s.neutral,exports.neutralAlpha=s.neutralAlpha,exports.peach=s.peach,exports.purple=s.purple,exports.red=s.red,exports.yellow=s.yellow,exports.base=t.base,exports.boxShadow=t.boxShadow,exports.breakpoints=t.breakpoints,exports.easing=t.easing,exports.elevation=t.elevation,exports.elevationFilter=t.elevationFilter,exports.margin=t.margin,exports.padding=t.padding,exports.radius=t.radius,exports.space=t.space,exports.semantic=o.semantic,Object.defineProperty(exports,"FontWeight",{enumerable:!0,get:function(){return a.FontWeight}}),exports.fonts=i.fonts,exports.Icon=p.default,exports.iconSizeMap=p.iconSizeMap,exports.PlanFeatureTable=u,exports.PlanTierCard=n,exports.TickGroup=m,exports.AiContentContainer=l.default,exports.AIInsight=d,exports.AISummary=x,exports.AIWrittenByLockUp=y,exports.AssetItem=C,exports.AuthContainerSurface=j,exports.ClipboardCopyingOverlay=b,exports.CommentCard=c.default,exports.getAuthorAvatarColor=c.getAuthorAvatarColor,exports.DataPointInfo=q,exports.DemographicSelectionSection=h,exports.EmojiListItem=P,exports.EmojiQuestionEditorOption=g,exports.EmptyStateCard=B,exports.ExtendedTestStatus=W,exports.FilterCount=I,exports.FilteredItemsCard=f,exports.FilterGroupAccordion=S,exports.FilterPyramidGraph=T,exports.FilterRow=A,exports.GraphBar=k,exports.Header=L,exports.KpiDataPopover=G,exports.KpiIndicator=M,exports.getKpiIndicatorColor=F.getKpiIndicatorColor,exports.mapKpiColorSchemeByInteger=F.mapKpiColorSchemeByInteger,exports.LikertGraph=v,exports.LoopItem=R,exports.LoopItemEmpty=w,exports.MiniEmojiGraph=E.MiniEmojiGraph,exports.MiniLikertGraph=E.MiniLikertGraph,exports.MiniOpenQuestionGraph=E.MiniOpenQuestionGraph,exports.MiniPunchGraph=E.MiniPunchGraph,exports.MiniRankGraph=E.MiniRankGraph,exports.MiniSliderGraph=E.MiniSliderGraph,exports.MiniResultCard=D,exports.Navigation=H,exports.OnboardingCard=N,exports.PaginationControl=_,exports.ProjectItem=K,exports.ProjectItemEmpty=V,exports.emailValidation=O.emailValidation,exports.DEFAULT_MAX_INPUT_LENGTH=Q.DEFAULT_MAX_INPUT_LENGTH,exports.chooseArticle=Q.chooseArticle,exports.defaultInputValidation=Q.defaultInputValidation,exports.passwordValidation=U.passwordValidation,exports.buttonHeightMap=z.buttonHeightMap,exports.buttonInteraction=z.buttonInteraction,exports.getButtonSizing=z.getButtonSizing,exports.getButtonTypography=z.getButtonTypography,exports.getIconSizing=z.getIconSizing,exports.outlined=z.outlined,exports.primary=z.primary,exports.secondary=z.secondary,exports.subtle=z.subtle,exports.backgroundCreator=X.backgroundCreator,exports.AnnualController=Y,exports.Accordion=J.default,exports.AuthFormHeader=Z,exports.Avatar=$,exports.AvatarGroup=ee,exports.Badge=re,exports.BrandBadge=se.default,exports.Breadcrumb=te,exports.BulletGraphic=oe.default,exports.Button=ae,exports.ButtonBase=ie,exports.Checkbox=pe,exports.CheckboxGroup=ue,exports.ColorBackgroundContainer=ne,exports.CreatableAutocomplete=me,exports.CustomField=le,exports.Differential=de,exports.DropdownMenu=xe,exports.useDropdownMenu=ye.useDropdownMenu,exports.EmojiWrapper=Ce,exports.ExpandableTypographyClamp=je,exports.Flag=be,exports.FormControlLabel=ce,exports.FormGenerator=qe.default,exports.GridOverlay=he.default,exports.Html=Pe,exports.HtmlParser=ge,exports.IconButton=Be,exports.iconButtonHelpers=We,exports.IconButtonBase=Ie,exports.IconButtonGroup=fe,exports.Image=Se,exports.InputFieldBase=Te,exports.InputLabel=Ae,exports.InputLabelHelp=ke,exports.KeyValueLabel=Le,exports.Label=Ge,exports.Likert=Me,exports.Link=Fe,exports.Loader=ve,exports.Logo=Re,exports.LoopsAiButton=we,exports.Markdown=Ee,exports.Menu=De.default,exports.ModalActionsWrapper=He.ModalActionsWrapper,exports.ModalContentWrapper=Ne.ModalContentWrapper,exports.ModalLayout=_e,exports.NavigationButton=Ke,exports.Nudge=Ve,exports.Typography=Oe,exports.NumberField=Qe,exports.Pill=Ue,exports.Popper=ze,exports.PoweredByWatermarkLogo=Xe,exports.Progress=Ye,exports.ProgressBar=Je,exports.Radio=Ze,exports.RadioGroup=$e,exports.Rank=er,exports.RichTextField=rr,exports.Select=sr,exports.Skeleton=tr,exports.Slider=or,exports.SortableList=ar,exports.StarRating=ir,exports.Surface=pr,exports.Switch=ur,exports.Textarea=nr,exports.TextBarDivider=mr,exports.TextField=lr,exports.Toast=dr,exports.Tooltip=xr,exports.TrialCard=yr,exports.UserMenu=Cr,exports.VideoModal=jr,exports.ButtonTabGroup=br,exports.pluralise=cr.pluralise,exports.QuestionLabel=qr,exports.QuestionBlock=hr,exports.QuestionSelector=Pr,exports.ScrollIndicator=gr,exports.SearchInput=Br,exports.SectionHeader=Wr,exports.SentimentArrow=Ir,exports.SliderGraph=fr,exports.Tab=Sr,exports.TestItem=Tr,exports.TestKPICard=Ar,exports.VideoControls=kr,exports.ArrowTextIndicator=Lr,exports.useBreakpoint=Gr.useBreakpoint,exports.compareArrayMembers=Mr.compareArrayMembers,exports.isButton=Fr.isButton,exports.useScreenSize=vr.useScreenSize,exports.useKeyCombo=Rr.useKeyCombo,exports.usePrevious=wr.usePrevious,exports.omitProps=Er.omitProps,exports.customTheme=Dr.customTheme,exports.useTheme=Hr.useTheme,exports.useThemeBuilder=Hr.useThemeBuilder,exports.ThemeProvider=Nr.ThemeProvider,exports.ThemeContext=_r.ThemeContext;
+"use strict";var e=require("./systems/BrandCore/colorRamps.js"),r=require("./systems/BrandCore/gradients.js"),t=require("./systems/BrandCore/primitiveColor.js"),s=require("./systems/BrandCore/primitiveVariables.js"),o=require("./systems/BrandCore/semanticColor.js"),a=require("./systems/BrandCore/types.js"),i=require("./systems/BrandCore/typography.js");require("react/jsx-runtime"),require("@mui/material");var p=require("./systems/BrandCore/Icon/Icon.js"),u=require("./systems/Marketing/PlanFeatureTable/PlanFeatureTable.js"),n=require("./systems/Marketing/PlanTierCard/PlanTierCard.js"),m=require("./systems/Marketing/TickGroup/TickGroup.js"),l=require("./systems/Platform/AiContentContainer/AiContentContainer.js"),d=require("./systems/Platform/AIInsight/AIInsight.js"),x=require("./systems/Platform/AISummary/AISummary.js"),y=require("./systems/Platform/AIWrittenByLockUp/AiWrittenByLockUp.js"),C=require("./systems/Platform/AssetItem/AssetItem.js"),j=require("./systems/Platform/AuthContainerSurface/AuthContainerSurface.js"),c=require("./systems/Platform/ClipboardCopyingOverlay/ClipboardCopyingOverlay.js"),b=require("./systems/Platform/CommentCard/CommentCard.js"),q=require("./systems/Platform/DataPointInfo/DataPointInfo.js"),h=require("./systems/Platform/DemographicSelectionSection/DemographicSelectionSection.js"),P=require("./systems/Platform/EmojiListItem/EmojiListItem.js"),g=require("./systems/Platform/EmojiQuestionEditorOption/EmojiQuestionEditorOption.js"),B=require("./systems/Platform/EmptyStateCard/EmptyStateCard.js"),W=require("./systems/Platform/ExtendedTestStatus/ExtendedTestStatus.js"),I=require("./systems/Platform/FilterCount/FilterCount.js"),f=require("./systems/Platform/FilteredItemsCard/FilteredItemsCard.js"),S=require("./systems/Platform/FilterGroupAccordion/FilterGroupAccordion.js"),A=require("./systems/Platform/FilterPyramidGraph/FilterPyramidGraph.js"),T=require("./systems/Platform/FilterRow/FilterRow.js"),k=require("./systems/Platform/GraphBar/GraphBar.js"),L=require("./systems/Platform/Header/Header.js"),G=require("./systems/Platform/KpiDataPopover/KpiDataPopover.js"),F=require("./systems/Platform/KpiIndicator/KpiIndicator.js"),M=require("./systems/Platform/KpiIndicator/utils.js"),v=require("./systems/Platform/LikertGraph/LikertGraph.js"),R=require("./systems/Platform/LoopItem/LoopItem.js"),w=require("./systems/Platform/LoopItemEmpty/LoopItemEmpty.js"),E=require("./systems/Platform/MiniResultCard/graphVariants.js"),D=require("./systems/Platform/MiniResultCard/MiniResultCard.js"),H=require("./systems/Platform/Navigation/Navigation.js"),N=require("./systems/Platform/OnboardingCard/OnboardingCard.js"),_=require("./systems/Platform/PaginationControl/PaginationControl.js"),K=require("./systems/Platform/ProjectItem/ProjectItem.js"),V=require("./systems/Platform/ProjectItem/ProjectItemEmpty.js"),O=require("./utils/formValidation/email.js"),Q=require("./utils/formValidation/misc.js"),U=require("./utils/formValidation/password.js"),z=require("./systems/WebCore/ButtonBase/Button.variant-helpers.js"),X=require("./systems/WebCore/utils/backgroundCreator.js"),Y=require("./systems/WebCore/AnnualController/AnnualController.js"),J=require("./systems/WebCore/SelectItem/SelectItem.js"),Z=require("./systems/WebCore/Accordion/Accordion.js"),$=require("./systems/WebCore/AuthFormHeader/AuthFormHeader.js"),ee=require("./systems/WebCore/AutocompleteBaseField/AutocompleteBaseField.js"),re=require("./systems/WebCore/AutocompleteField/AutocompleteField.js"),te=require("./systems/WebCore/Avatar/Avatar.js"),se=require("./systems/WebCore/AvatarGroup/AvatarGroup.js"),oe=require("./systems/WebCore/Badge/Badge.js"),ae=require("./systems/WebCore/BrandBadge/BrandBadge.js"),ie=require("./systems/WebCore/Breadcrumb/Breadcrumb.js"),pe=require("./systems/WebCore/BulletGraphic/BulletGraphic.js"),ue=require("./systems/WebCore/Button/Button.js"),ne=require("./systems/WebCore/ButtonBase/ButtonBase.js"),me=require("./systems/WebCore/ButtonTabGroup/ButtonTabGroup.js"),le=require("./systems/WebCore/Checkbox/Checkbox.js");require("./systems/WebCore/Checkbox/StyledCheckbox.js");var de=require("./systems/WebCore/CheckboxGroup/CheckboxGroup.js"),xe=require("./systems/WebCore/ColorBackgroundContainer/ColorBackgroundContainer.js"),ye=require("./systems/WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),Ce=require("./systems/WebCore/CustomField/CustomField.js"),je=require("./systems/WebCore/Differential/Differential.js"),ce=require("./systems/WebCore/DropdownMenu/DropdownMenu.js"),be=require("./systems/WebCore/DropdownMenu/DropdownMenu.hook.js"),qe=require("./systems/WebCore/EmojiWrapper/EmojiWrapper.js"),he=require("./systems/WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),Pe=require("./systems/WebCore/Flag/Flag.js"),ge=require("./systems/WebCore/FormControlLabel/FormControlLabel.js"),Be=require("./systems/WebCore/FormGenerator/FormGenerator.js"),We=require("./systems/WebCore/GridOverlay/GridOverlay.js"),Ie=require("./systems/WebCore/Html/Html.js"),fe=require("./systems/WebCore/HtmlParser/HtmlParser.js"),Se=require("./systems/WebCore/IconButton/IconButton.js"),Ae=require("./systems/WebCore/IconButtonBase/IconButton.variant-helpers.js"),Te=require("./systems/WebCore/IconButtonBase/IconButtonBase.js"),ke=require("./systems/WebCore/IconButtonGroup/IconButtonGroup.js"),Le=require("./systems/WebCore/Image/Image.js"),Ge=require("./systems/WebCore/InputFieldBase/InputFieldBase.js"),Fe=require("./systems/WebCore/InputLabel/InputLabel.js"),Me=require("./systems/WebCore/InputLabelHelp/InputLabelHelp.js"),ve=require("./systems/WebCore/KeyValueLabel/KeyValueLabel.js"),Re=require("./systems/WebCore/Label/Label.js"),we=require("./systems/WebCore/Likert/Likert.js"),Ee=require("./systems/WebCore/Link/Link.js"),De=require("./systems/WebCore/Loader/Loader.js"),He=require("./systems/WebCore/Logo/Logo.js"),Ne=require("./systems/WebCore/LoopsAiButton/LoopsAiButton.js"),_e=require("./systems/WebCore/Markdown/Markdown.js"),Ke=require("./systems/WebCore/Menu/Menu.js"),Ve=require("./systems/WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),Oe=require("./systems/WebCore/ModalLayout/_partials/ModalContentWrapper.js"),Qe=require("./systems/WebCore/ModalLayout/ModalLayout.js"),Ue=require("./systems/WebCore/NavigationButton/NavigationButton.js"),ze=require("./systems/WebCore/Nudge/Nudge.js"),Xe=require("./systems/WebCore/Typography/Typography.js");require("./systems/WebCore/Nudge/NudgeButton.js");var Ye=require("./systems/WebCore/NumberField/NumberField.js"),Je=require("./systems/WebCore/Pill/Pill.js"),Ze=require("./systems/WebCore/Popper/Popper.js"),$e=require("./systems/WebCore/PoweredByWatermarkLogo/PoweredByWatermarkLogo.js"),er=require("./systems/WebCore/Progress/Progress.js"),rr=require("./systems/WebCore/ProgressBar/ProgressBar.js"),tr=require("./systems/WebCore/Radio/Radio.js");require("./systems/WebCore/Radio/StyledRadio.js");var sr=require("./systems/WebCore/RadioGroup/RadioGroup.js"),or=require("./systems/WebCore/Rank/Rank.js"),ar=require("./systems/WebCore/RichTextField/RichTextField.js"),ir=require("./systems/WebCore/Select/Select.js"),pr=require("./systems/WebCore/Skeleton/Skeleton.js"),ur=require("./systems/WebCore/Slider/Slider.js"),nr=require("./systems/WebCore/SortableList/SortableList.js"),mr=require("./systems/WebCore/StarRating/StarRating.js"),lr=require("./systems/WebCore/Surface/Surface.js"),dr=require("./systems/WebCore/Switch/Switch.js"),xr=require("./systems/WebCore/Textarea/Textarea.js"),yr=require("./systems/WebCore/TextBarDivider/TextBarDivider.js"),Cr=require("./systems/WebCore/TextField/TextField.js"),jr=require("./systems/WebCore/Toast/Toast.js"),cr=require("./systems/WebCore/Tooltip/Tooltip.js"),br=require("./systems/WebCore/TrialCard/TrialCard.js"),qr=require("./systems/WebCore/UserMenu/UserMenu.js"),hr=require("./systems/WebCore/VideoModal/VideoModal.js"),Pr=require("./utils/pluralise.js");require("./systems/Platform/ProjectItem/_partials/ProjectItemBadge.js"),require("merge-sx"),require("./systems/Platform/ProjectItem/_partials/styledPartials.js"),require("dayjs");var gr=require("./systems/Platform/QuestionBar/QuestionBar.js"),Br=require("./systems/Platform/QuestionBlock/QuestionBlock.js"),Wr=require("./systems/Platform/QuestionSelector/QuestionSelector.js"),Ir=require("./systems/Platform/ScrollIndicator/ScrollIndicator.js"),fr=require("./systems/Platform/SearchInput/SearchInput.js"),Sr=require("./systems/Platform/SectionHeader/SectionHeader.js"),Ar=require("./systems/Platform/SentimentArrow/SentimentArrow.js");require("./systems/Platform/SliderGraph/_partials/SliderGraphYAxis/SliderGraphYAxis.js");var Tr=require("./systems/Platform/SliderGraph/SliderGraph.js");require("react"),require("./systems/Platform/SliderGraph/_partials/StyledComponents.js");var kr=require("./systems/Platform/Tab/Tab.js"),Lr=require("./systems/Platform/TestItem/TestItem.js"),Gr=require("./systems/Platform/TestKPICard/TestKPICard.js"),Fr=require("./systems/Platform/VideoControls/VideoControls.js"),Mr=require("./systems/Platform/ArrowTextIndicator/ArrowTextIndicator.js"),vr=require("./utils/breakpoint.hook.js"),Rr=require("./utils/compareArrayMembers.js"),wr=require("./utils/isButton.js"),Er=require("./utils/screen.hook.js"),Dr=require("./utils/useKeyCombo.js"),Hr=require("./utils/usePrevious.js"),Nr=require("./utils/shouldForwardProp.js"),_r=require("./theme/theme.js"),Kr=require("./theme/theme.hooks.js"),Vr=require("./theme/theme.provider.js"),Or=require("./theme/theme.context.js");exports.blueRamp=e.blueRamp,exports.generateRamp=e.generateRamp,exports.greenRamp=e.greenRamp,exports.neutralRamp=e.neutralRamp,exports.peachRamp=e.peachRamp,exports.purpleRamp=e.purpleRamp,exports.redRamp=e.redRamp,exports.yellowRamp=e.yellowRamp,exports.tone1=r.tone1,exports.tone2=r.tone2,exports.tone3=r.tone3,exports.tone3_ai_icon=r.tone3_ai_icon,exports.tone3_border=r.tone3_border,exports.tone3_lowOpacity_text=r.tone3_lowOpacity_text,exports.tone4=r.tone4,exports.tone5=r.tone5,exports.blue=t.blue,exports.darkNeutral=t.darkNeutral,exports.darkNeutralAlpha=t.darkNeutralAlpha,exports.green=t.green,exports.neutral=t.neutral,exports.neutralAlpha=t.neutralAlpha,exports.peach=t.peach,exports.purple=t.purple,exports.red=t.red,exports.yellow=t.yellow,exports.base=s.base,exports.boxShadow=s.boxShadow,exports.breakpoints=s.breakpoints,exports.easing=s.easing,exports.elevation=s.elevation,exports.elevationFilter=s.elevationFilter,exports.margin=s.margin,exports.padding=s.padding,exports.radius=s.radius,exports.space=s.space,exports.semantic=o.semantic,Object.defineProperty(exports,"FontWeight",{enumerable:!0,get:function(){return a.FontWeight}}),exports.fonts=i.fonts,exports.Icon=p.default,exports.iconSizeMap=p.iconSizeMap,exports.PlanFeatureTable=u,exports.PlanTierCard=n,exports.TickGroup=m,exports.AiContentContainer=l.default,exports.AIInsight=d,exports.AISummary=x,exports.AIWrittenByLockUp=y,exports.AssetItem=C,exports.AuthContainerSurface=j,exports.ClipboardCopyingOverlay=c,exports.CommentCard=b.default,exports.getAuthorAvatarColor=b.getAuthorAvatarColor,exports.DataPointInfo=q,exports.DemographicSelectionSection=h,exports.EmojiListItem=P,exports.EmojiQuestionEditorOption=g,exports.EmptyStateCard=B,exports.ExtendedTestStatus=W,exports.FilterCount=I,exports.FilteredItemsCard=f,exports.FilterGroupAccordion=S,exports.FilterPyramidGraph=A,exports.FilterRow=T,exports.GraphBar=k,exports.Header=L,exports.KpiDataPopover=G,exports.KpiIndicator=F,exports.getKpiIndicatorColor=M.getKpiIndicatorColor,exports.mapKpiColorSchemeByInteger=M.mapKpiColorSchemeByInteger,exports.LikertGraph=v,exports.LoopItem=R,exports.LoopItemEmpty=w,exports.MiniEmojiGraph=E.MiniEmojiGraph,exports.MiniLikertGraph=E.MiniLikertGraph,exports.MiniOpenQuestionGraph=E.MiniOpenQuestionGraph,exports.MiniPunchGraph=E.MiniPunchGraph,exports.MiniRankGraph=E.MiniRankGraph,exports.MiniSliderGraph=E.MiniSliderGraph,exports.MiniResultCard=D,exports.Navigation=H,exports.OnboardingCard=N,exports.PaginationControl=_,exports.ProjectItem=K,exports.ProjectItemEmpty=V,exports.emailValidation=O.emailValidation,exports.DEFAULT_MAX_INPUT_LENGTH=Q.DEFAULT_MAX_INPUT_LENGTH,exports.chooseArticle=Q.chooseArticle,exports.defaultInputValidation=Q.defaultInputValidation,exports.passwordValidation=U.passwordValidation,exports.buttonHeightMap=z.buttonHeightMap,exports.buttonInteraction=z.buttonInteraction,exports.buttonPadding=z.buttonPadding,exports.getButtonSizing=z.getButtonSizing,exports.getButtonTypography=z.getButtonTypography,exports.getIconSizing=z.getIconSizing,exports.outlined=z.outlined,exports.primary=z.primary,exports.secondary=z.secondary,exports.subtle=z.subtle,exports.backgroundCreator=X.backgroundCreator,exports.AnnualController=Y,exports.SelectItem=J,exports.Accordion=Z.default,exports.AuthFormHeader=$,exports.AutocompleteBaseField=ee,exports.AutocompleteField=re,exports.Avatar=te,exports.AvatarGroup=se,exports.Badge=oe,exports.BrandBadge=ae.default,exports.Breadcrumb=ie,exports.BulletGraphic=pe.default,exports.Button=ue,exports.ButtonBase=ne,exports.ButtonTabGroup=me,exports.Checkbox=le,exports.CheckboxGroup=de,exports.ColorBackgroundContainer=xe,exports.CreatableAutocomplete=ye,exports.CustomField=Ce,exports.Differential=je,exports.DropdownMenu=ce,exports.useDropdownMenu=be.useDropdownMenu,exports.EmojiWrapper=qe,exports.ExpandableTypographyClamp=he,exports.Flag=Pe,exports.FormControlLabel=ge,exports.FormGenerator=Be.default,exports.GridOverlay=We.default,exports.Html=Ie,exports.HtmlParser=fe,exports.IconButton=Se,exports.iconButtonHelpers=Ae,exports.IconButtonBase=Te,exports.IconButtonGroup=ke,exports.Image=Le,exports.InputFieldBase=Ge,exports.InputLabel=Fe,exports.InputLabelHelp=Me,exports.KeyValueLabel=ve,exports.Label=Re,exports.Likert=we,exports.Link=Ee,exports.Loader=De,exports.Logo=He,exports.LoopsAiButton=Ne,exports.Markdown=_e,exports.Menu=Ke.default,exports.ModalActionsWrapper=Ve.ModalActionsWrapper,exports.ModalContentWrapper=Oe.ModalContentWrapper,exports.ModalLayout=Qe,exports.NavigationButton=Ue,exports.Nudge=ze,exports.Typography=Xe,exports.NumberField=Ye,exports.Pill=Je,exports.Popper=Ze,exports.PoweredByWatermarkLogo=$e,exports.Progress=er,exports.ProgressBar=rr,exports.Radio=tr,exports.RadioGroup=sr,exports.Rank=or,exports.RichTextField=ar,exports.Select=ir,exports.Skeleton=pr,exports.Slider=ur,exports.SortableList=nr,exports.StarRating=mr,exports.Surface=lr,exports.Switch=dr,exports.Textarea=xr,exports.TextBarDivider=yr,exports.TextField=Cr,exports.Toast=jr,exports.Tooltip=cr,exports.TrialCard=br,exports.UserMenu=qr,exports.VideoModal=hr,exports.pluralise=Pr.pluralise,exports.QuestionLabel=gr,exports.QuestionBlock=Br,exports.QuestionSelector=Wr,exports.ScrollIndicator=Ir,exports.SearchInput=fr,exports.SectionHeader=Sr,exports.SentimentArrow=Ar,exports.SliderGraph=Tr,exports.Tab=kr,exports.TestItem=Lr,exports.TestKPICard=Gr,exports.VideoControls=Fr,exports.ArrowTextIndicator=Mr,exports.useBreakpoint=vr.useBreakpoint,exports.compareArrayMembers=Rr.compareArrayMembers,exports.isButton=wr.isButton,exports.useScreenSize=Er.useScreenSize,exports.useKeyCombo=Dr.useKeyCombo,exports.usePrevious=Hr.usePrevious,exports.omitProps=Nr.omitProps,exports.customTheme=_r.customTheme,exports.useTheme=Kr.useTheme,exports.useThemeBuilder=Kr.useThemeBuilder,exports.ThemeProvider=Vr.ThemeProvider,exports.ThemeContext=Or.ThemeContext;