@useloops/design-system 1.4.637 → 1.4.639

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

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

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

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

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

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

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

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),a=require("@mui/material"),s=require("../../../utils/breakpoint.hook.js"),i=require("../Select/Select.js");require("../Select/SelectItem.js");var n=require("../Switch/Switch.js"),t=require("../Typography/Typography.js");const l=a.styled(n)(({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}}}}));module.exports=({body:n,currency:r,hideCurrency:c=!1,changeCurrencyEvent:d=()=>{},frequency:u,heading:o,setCurrency:g=()=>{},setFrequency:m=()=>{},togglePayAnnuallyEvent:p=()=>{},selections:h=[{value:"gbp",label:"£"},{value:"eur",label:"€"},{value:"usd",label:"$"}]})=>{const x=a.useTheme(),y=s.useBreakpoint();return e.jsxs(a.Box,{sx:{alignItems:"center",backgroundColor:x.custom.palette.surface.default,borderRadius:x.custom.radius.round,boxShadow:x.custom.elevation.raised,display:"flex",gap:{sm:x.spacing(x.custom.padding.md),lg:x.spacing(x.custom.padding.lg)},pl:{sm:x.spacing(x.custom.padding.md),lg:x.spacing(x.custom.padding.lg)},pr:{sm:x.spacing(x.custom.padding.md+.5),lg:x.spacing(x.custom.padding.lg)},py:x.spacing(x.custom.padding.md)},children:[e.jsxs(a.Box,{sx:{alignItems:"center",display:"flex",gap:e=>({sm:e.spacing(e.custom.padding.sm),lg:e.spacing(e.custom.padding.md)})},children:[e.jsx(a.Box,{sx:{pr:e=>e.spacing(e.custom.padding.md),display:"flex"},children:e.jsx(l,{onChange:()=>(p(),void m("monthly"===u?"annually":"monthly")),role:"switch","aria-checked":"annually"===u,"aria-label":"Switch between monthly and annual billing",checked:"annually"===u})}),e.jsxs(a.Stack,{sx:{alignItems:"flex-start",display:"flex"},children:[e.jsx(t,{variation:"md",component:"p",children:o}),e.jsx(t,{variation:"sm",component:"p",sx:{color:x.custom.palette.text.secondary},children:n})]})]}),!c&&e.jsx(i,{name:"currency",onChange:e=>{return a=e.target.value,d(a),void g(a);var a},selections:h,value:h.find(e=>e.value===r)?.value,sizing:["xs","sm","md"].includes(y)?"md":"lg",sx:{minWidth:{sm:64,lg:72}}})]})};
+"use strict";var e=require("react/jsx-runtime"),a=require("@mui/material"),s=require("../../../utils/breakpoint.hook.js");require("../SelectItem/SelectItem.js");var i=require("../Select/Select.js"),n=require("../Switch/Switch.js"),t=require("../Typography/Typography.js");const l=a.styled(n)(({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}}}}));module.exports=({body:n,currency:r,hideCurrency:c=!1,changeCurrencyEvent:d=()=>{},frequency:u,heading:o,setCurrency:g=()=>{},setFrequency:m=()=>{},togglePayAnnuallyEvent:p=()=>{},selections:h=[{value:"gbp",label:"£"},{value:"eur",label:"€"},{value:"usd",label:"$"}]})=>{const x=a.useTheme(),y=s.useBreakpoint();return e.jsxs(a.Box,{sx:{alignItems:"center",backgroundColor:x.custom.palette.surface.default,borderRadius:x.custom.radius.round,boxShadow:x.custom.elevation.raised,display:"flex",gap:{sm:x.spacing(x.custom.padding.md),lg:x.spacing(x.custom.padding.lg)},pl:{sm:x.spacing(x.custom.padding.md),lg:x.spacing(x.custom.padding.lg)},pr:{sm:x.spacing(x.custom.padding.md+.5),lg:x.spacing(x.custom.padding.lg)},py:x.spacing(x.custom.padding.md)},children:[e.jsxs(a.Box,{sx:{alignItems:"center",display:"flex",gap:e=>({sm:e.spacing(e.custom.padding.sm),lg:e.spacing(e.custom.padding.md)})},children:[e.jsx(a.Box,{sx:{pr:e=>e.spacing(e.custom.padding.md),display:"flex"},children:e.jsx(l,{onChange:()=>(p(),void m("monthly"===u?"annually":"monthly")),role:"switch","aria-checked":"annually"===u,"aria-label":"Switch between monthly and annual billing",checked:"annually"===u})}),e.jsxs(a.Stack,{sx:{alignItems:"flex-start",display:"flex"},children:[e.jsx(t,{variation:"md",component:"p",children:o}),e.jsx(t,{variation:"sm",component:"p",sx:{color:x.custom.palette.text.secondary},children:n})]})]}),!c&&e.jsx(i,{name:"currency",onChange:e=>{return a=e.target.value,d(a),void g(a);var a},selections:h,value:h.find(e=>e.value===r)?.value,sizing:["xs","sm","md"].includes(y)?"md":"lg",sx:{minWidth:{sm:64,lg:72}}})]})};

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

@@ -0,0 +1,6 @@
+import { FunctionComponent } from 'react';
+import { AutocompleteBaseFieldProps } from './types.js';
+
+declare const AutocompleteBaseField: FunctionComponent<AutocompleteBaseFieldProps>;
+
+export { AutocompleteBaseField as default };

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@mui/material"),a=require("@mui/material/Chip"),r=require("../../../BrandCore/Icon/Icon.js");function i(e){return e&&e.__esModule?e:{default:e}}var s=i(a);const o=e=>{switch(e){case"xs":return 16;case"sm":case"md":case"lg":default:return 24;case"xl":return 32}},d=t.styled(s.default)(({theme:e,sizing:t})=>({height:o(t||"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}}));exports.StyledChip=d,exports.default=t=>e.jsx(d,{...t,deleteIcon:e.jsx(r.default,{name:"close"})}),exports.getChipHeight=o;

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

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

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

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("./StyledPopper.js");module.exports=t=>e.jsx(r.StyledPopper,{...t});

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

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

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

@@ -0,0 +1 @@
+"use strict";var d=require("@mui/material");const t=d.styled(d.Autocomplete)(({theme:t})=>({[`& .${d.formControlClasses.root}`]:{minHeight:0,height:"auto",padding:0,padddingLeft:t.spacing(t.custom.padding.sm),padddingRight:t.spacing(t.custom.padding.sm)},[`& .${d.autocompleteClasses.inputRoot}`]:{padding:0,padddingLeft:t.spacing(t.custom.padding.sm),padddingRight:t.spacing(t.custom.padding.sm)}}));module.exports=t;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("@mui/material"),o=require("../../../../utils/shouldForwardProp.js"),i=require("../../ButtonBase/Button.variant-helpers.js"),r=require("../../Select/StyledSelect.variant-helpers.js"),u=require("../../TextField/TextField.js"),s=require("../helpers.js");const n=e.styled(u,{shouldForwardProp:o.omitProps(["sizing","multi"])})(({theme:t,sizing:e,multi:o})=>({"& .MuiOutlinedInput-root":{...r.selectBaseStyles(t,e||"lg"),...e&&{...s.getInputPadding(t,e)},...e&&{...r.getInputSize(t,e)},...e&&{...r.getTypographyStyle(t,e)},...o&&{height:"auto",minHeight:i.getButtonSizing(e||"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}}}}));exports.StyledTextField=n,exports.default=e=>t.jsx(n,{...e});

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

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

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

@@ -0,0 +1 @@
+"use strict";exports.getInputPadding=(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{}}};

package/dist/systems/WebCore/AutocompleteBaseField/types.d.ts

@@ -0,0 +1,23 @@
+import { AutocompleteProps } from '@mui/material';
+import { ReactElement } from 'react';
+import { InputSizing } from '../Select/types.js';
+import { SelectOption } from '../SelectItem/types.js';
+
+type GroupSelectOption = SelectOption & {
+    group: string;
+};
+type AutocompleteBaseFieldProps = Omit<AutocompleteProps<string, boolean, boolean, false>, 'multiple'> & {
+    selections: GroupSelectOption[] | SelectOption[];
+    disableClearable?: boolean;
+    disabled?: boolean;
+    grouped?: boolean;
+    internalChange?: () => void;
+    onChange?: AutocompleteProps<string, boolean, boolean, false>['onChange'];
+    placeholder?: string | undefined;
+    renderListItem?: (value: string, label: string) => ReactElement;
+    sizing?: InputSizing;
+    value?: string[] | string;
+    multi?: boolean;
+};
+
+export type { AutocompleteBaseFieldProps, GroupSelectOption };

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

@@ -0,0 +1,6 @@
+import { FunctionComponent } from 'react';
+import { AutocompleteFieldProps } from '../AutocompleteSingle/types.js';
+
+declare const AutocompleteField: FunctionComponent<AutocompleteFieldProps>;
+
+export { AutocompleteField as default };

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

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("../AutocompleteFieldMultiple/AutocompleteFieldMultiple.js"),l=require("../AutocompleteSingle/AutocompleteSingle.js");module.exports=u=>u.multi?e.jsx(t,{...u}):e.jsx(l,{...u});

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

@@ -0,0 +1,6 @@
+import { FunctionComponent } from 'react';
+import { AutocompleteFieldMultipleProps } from './types.js';
+
+declare const AutocompleteFieldMultiple: FunctionComponent<AutocompleteFieldMultipleProps>;
+
+export { AutocompleteFieldMultiple as default };

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

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

package/dist/systems/WebCore/AutocompleteFieldMultiple/types.d.ts

@@ -0,0 +1,12 @@
+import { AutocompleteBaseFieldProps } from '../AutocompleteBaseField/types.js';
+import { SelectOption } from '../SelectItem/types.js';
+
+type AutocompleteOnChange = (value: string[]) => void;
+type AutocompleteFieldMultipleProps = Omit<AutocompleteBaseFieldProps, 'value'> & {
+    selections: SelectOption[];
+    value?: string | string[];
+    multiple?: boolean;
+    grouped?: boolean;
+};
+
+export type { AutocompleteFieldMultipleProps, AutocompleteOnChange };

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

@@ -0,0 +1,6 @@
+import { FunctionComponent } from 'react';
+import { AutocompleteFieldProps } from './types.js';
+
+declare const AutocompleteFieldSingle: FunctionComponent<AutocompleteFieldProps>;
+
+export { AutocompleteFieldSingle as default };

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

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("../AutocompleteBaseField/AutocompleteBaseField.js"),l=require("../AutocompleteBaseField/_partials/StyledAutocompleteInput.js");module.exports=r=>e.jsx(t,{...r,renderInput:t=>e.jsx(l.default,{...t,placeholder:r.placeholder,sizing:r.sizing||"lg",multi:r.multi})});

package/dist/systems/WebCore/AutocompleteSingle/types.d.ts

@@ -0,0 +1,11 @@
+import { AutocompleteBaseFieldProps } from '../AutocompleteBaseField/types.js';
+import { SelectOption } from '../SelectItem/types.js';
+
+type AutocompleteOnChange = (value: string | string[]) => void;
+type AutocompleteFieldProps = Omit<AutocompleteBaseFieldProps, 'value' | 'defaultValue'> & {
+    selections: SelectOption[];
+    value?: string;
+    defaultValue?: string | string[];
+};
+
+export type { AutocompleteFieldProps, AutocompleteOnChange };

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

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("../ButtonBase/Button.variant-helpers.js"),o=require("../ButtonBase/ButtonBase.js");const i=t.styled(o,{shouldForwardProp:e=>!["variation","destructive","sizing"].includes(e)})(({theme:e,variation:t,sizing:o,destructive:i})=>({color:e.custom.palette.text.primary,...o&&{...r.getButtonTypography(o)},...o&&{...r.getButtonSizing(o)},...o&&{...r.getIconSizing(o)},"&:hover:before":{backgroundColor:e.custom.palette.interaction.hover},"&:focus:before":{backgroundColor:e.custom.palette.interaction.hover},"&:active:before":{backgroundColor:e.custom.palette.interaction.press},"&:disabled":{backgroundColor:e.custom.palette.interaction.disabled,color:e.custom.palette.text.disabled},..."subtle"===t&&{...r.subtle(e,i)},..."outlined"===t&&{...r.outlined(e,i)},..."secondary"===t&&{...r.secondary(e,i)},..."primary"===t&&{...r.primary(e,i)}}));module.exports=({sizing:t="lg",variation:r="primary",...o})=>e.jsx(i,{variation:r,sizing:t,...o});
+"use strict";var t=require("react/jsx-runtime"),e=require("@mui/material"),r=require("../ButtonBase/Button.variant-helpers.js"),o=require("../ButtonBase/ButtonBase.js");const i=e.styled(o,{shouldForwardProp:t=>!["variation","destructive","sizing"].includes(t)})(({theme:t,variation:e,sizing:o,destructive:i})=>({color:t.custom.palette.text.primary,...o&&{...r.getButtonTypography(o)},...o&&{...r.getButtonSizing(o)},...o&&{...r.getIconSizing(o)},...r.buttonPadding(),"&: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"===e&&{...r.subtle(t,i)},..."outlined"===e&&{...r.outlined(t,i)},..."secondary"===e&&{...r.secondary(t,i)},..."primary"===e&&{...r.primary(t,i)}}));module.exports=({sizing:e="lg",variation:r="primary",...o})=>t.jsx(i,{variation:r,sizing:e,...o});

package/dist/systems/WebCore/ButtonBase/Button.variant-helpers.d.ts

@@ -113,6 +113,7 @@ declare const buttonHeightMap: {
 declare const getIconSizing: (sizing: ButtonSizing) => CSSObject;
 declare const getButtonTypography: (sizing: ButtonSizing) => CSSObject;
 declare const getButtonSizing: (sizing: ButtonSizing) => CSSObject;
+declare const buttonPadding: () => CSSObject;
 
-export { buttonHeightMap, buttonInteraction, getButtonSizing, getButtonTypography, getIconSizing, outlined, primary, secondary, subtle };
+export { buttonHeightMap, buttonInteraction, buttonPadding, getButtonSizing, getButtonTypography, getIconSizing, outlined, primary, secondary, subtle };
 export type { ButtonSizing };

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

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

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

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
-import { InputSizing } from '../Select/StyledSelect.variant-helpers.js';
+import { InputSizing } from '../Select/types.js';
 
 interface CreatableAutocompleteOption {
     label: string | undefined;

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material"),a=require("react-hook-form"),s=require("./components/InputWrapper/InputWrapper.js"),o=require("../../../utils/usePrevious.js");const u=e=>e.reduce((e,r)=>({...e,[r?.name]:i(r,r?.defaultValue)}),{}),i=(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}}},n=r.forwardRef(({submitButton:n,secondaryButton:c,onFormSubmit:l,onFormChange:m,formConfig:d},f)=>{const{custom:p}=t.useTheme(),{fields:g,reValidateMode:h,styleOverrides:x,autoComplete:y,formId:V,mode:b,validateOnInit:v}=d,k=o.usePrevious(g),{reset:j,getValues:w,trigger:C,setValue:S,control:q,formState:{isValid:F,errors:E},setFocus:I,handleSubmit:T,watch:A}=a.useForm({mode:b||"onChange",reValidateMode:h,defaultValues:r.useMemo(()=>u(g),[]),shouldUnregister:!0});r.useEffect(()=>{v&&setTimeout(async()=>{await C()},100)},[]),r.useEffect(()=>{if(void 0!==k){const e=k.filter(({fieldType:e})=>"html"!==e).map(({name:e})=>e);g.filter(({name:r,fieldType:t})=>!e.includes(r)&&"html"!==t).forEach(e=>{S(e.name,i(e,e.defaultValue))})}},[g]),r.useEffect(()=>{j(u(g))},[V]),r.useImperativeHandle(f,()=>({resetForm(){j()},focus(e){I(e)},submit(){l&&T(l)()},values:()=>w(),valid:()=>F,errors:()=>E,setValue:S,trigger:C,watch:A}));const B=()=>{m&&m(w())};return e.jsxs(t.Box,{component:"form",autoComplete:y,noValidate:!0,sx:x?.sxForm,...l&&{onSubmit:T(l)},children:[e.jsx(t.Stack,{gap:p.margin.md,sx:x?.sxStack,children:g.map(({ref:e,name:t,...a})=>r.createElement(s,{...m&&{internalChange:B},fieldRef:e,name:t,key:t,errors:E,control:q,watch:A,trigger:C,...a}))}),(c||n)&&e.jsxs(t.Stack,{direction:"row",sx:x?.sxButtons||{mt:p.margin.lg,gap:p.margin.sm,justifyContent:"flex-end"},children:[c&&c,n&&n]})]})});exports.default=n,exports.determineDefaultValue=i,exports.getDefaultValues=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material"),a=require("react-hook-form"),s=require("./components/InputWrapper/InputWrapper.js"),o=require("../../../utils/usePrevious.js");const u=e=>e.reduce((e,r)=>({...e,[r?.name]:i(r,r?.defaultValue)}),{}),i=(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}}},n=r.forwardRef(({submitButton:n,secondaryButton:c,onFormSubmit:l,onFormChange:m,formConfig:d},f)=>{const{custom:p}=t.useTheme(),{fields:g,reValidateMode:h,styleOverrides:x,autoComplete:y,formId:V,mode:b,validateOnInit:v}=d,k=o.usePrevious(g),{reset:j,getValues:w,trigger:C,setValue:S,control:q,formState:{isValid:F,errors:E},setFocus:I,handleSubmit:T,watch:A}=a.useForm({mode:b||"onChange",reValidateMode:h,defaultValues:r.useMemo(()=>u(g),[]),shouldUnregister:!0});r.useEffect(()=>{v&&setTimeout(async()=>{await C()},100)},[]),r.useEffect(()=>{if(void 0!==k){const e=k.filter(({fieldType:e})=>"html"!==e).map(({name:e})=>e);g.filter(({name:r,fieldType:t})=>!e.includes(r)&&"html"!==t).forEach(e=>{S(e.name,i(e,e.defaultValue))})}},[g]),r.useEffect(()=>{j(u(g))},[V]),r.useImperativeHandle(f,()=>({resetForm(){j()},focus(e){I(e)},submit(){l&&T(l)()},values:()=>w(),valid:()=>F,errors:()=>E,setValue:S,trigger:C,watch:A}));const B=()=>{m&&m(w())};return e.jsxs(t.Box,{component:"form",autoComplete:y,noValidate:!0,sx:x?.sxForm,...l&&{onSubmit:T(l)},children:[e.jsx(t.Stack,{gap:p.margin.md,sx:x?.sxStack,children:g.map(({ref:e,name:t,...a})=>r.createElement(s,{...m&&{internalChange:B},fieldRef:e,name:t,key:t,errors:E,control:q,watch:A,trigger:C,...a}))}),(c||n)&&e.jsxs(t.Stack,{direction:"row",sx:x?.sxButtons||{mt:p.margin.lg,gap:p.margin.sm,justifyContent:"flex-end"},children:[c&&c,n&&n]})]})});exports.default=n,exports.determineDefaultValue=i,exports.getDefaultValues=u;

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

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

package/dist/systems/WebCore/FormGenerator/types.d.ts

@@ -1,6 +1,8 @@
 import { SxProps, Theme } from '@mui/material';
 import { FunctionComponent, ReactElement } from 'react';
 import { SubmitHandler, FieldErrors, Control, UseFormWatch, UseFormTrigger } from 'react-hook-form';
+import { SelectProps } from '../Select/types.js';
+import { AutocompleteFieldProps } from '../AutocompleteSingle/types.js';
 import { CheckboxProps } from '../Checkbox/Checkbox.js';
 import { CheckboxGroupProps } from '../CheckboxGroup/CheckboxGroup.js';
 import { CreatableAutocompleteProps } from '../CreatableAutocomplete/CreatableAutocomplete.js';
@@ -14,7 +16,6 @@ import { NumberFieldProps } from '../NumberField/types.js';
 import { RadioGroupProps } from '../RadioGroup/RadioGroup.js';
 import { RankProps } from '../Rank/Rank.js';
 import { RichTextFieldProps } from '../RichTextField/RichTextField.js';
-import { SelectProps } from '../Select/Select.js';
 import { SliderProps } from '../Slider/Slider.js';
 import { StarRatingProps } from '../StarRating/StarRating.js';
 import { SwitchProps } from '../Switch/Switch.js';
@@ -60,12 +61,13 @@ interface FormGeneratorConfig {
 /**
  * Field Types
  */
-type FieldTypes = CheckboxType | CheckboxGroupType | SwitchType | TextareaType | SelectType | TextFieldType | SliderType | DifferentialType | RichTextFieldType | LikertType | RadioGroupType | DragAndDropRankingType | NumberFieldType | StarRatingType | HTMLType | CreatableAutocompleteType | CustomFieldType;
+type FieldTypes = CheckboxType | CheckboxGroupType | SwitchType | TextareaType | SelectType | AutocompleteFieldType | TextFieldType | SliderType | DifferentialType | RichTextFieldType | LikertType | RadioGroupType | DragAndDropRankingType | NumberFieldType | StarRatingType | HTMLType | CreatableAutocompleteType | CustomFieldType;
 type CreatableAutocompleteType = CreateFieldType<'creatableautocomplete', CreatableAutocompleteProps, string>;
 type TextFieldType = CreateFieldType<'textfield', TextFieldProps, string>;
 type NumberFieldType = CreateFieldType<'numberfield', NumberFieldProps, number>;
 type TextareaType = CreateFieldType<'textarea', TextareaProps, string>;
 type SelectType = CreateFieldType<'select', SelectProps, SelectProps['value']>;
+type AutocompleteFieldType = CreateFieldType<'autocomplete', Omit<AutocompleteFieldProps, 'options' | 'renderInput'>, NonNullable<AutocompleteFieldProps['defaultValue']>>;
 type CheckboxType = CreateFieldType<'checkbox', CheckboxProps, NonNullable<CheckboxProps['value']>>;
 type CheckboxGroupType = CreateFieldType<'checkboxGroup', CheckboxGroupProps, string[]>;
 type SwitchType = CreateFieldType<'switch', SwitchProps, NonNullable<SwitchProps['checked']>>;
@@ -117,7 +119,7 @@ type CreateFieldType<TFieldType extends string, TProps, TDefaultValue extends an
 });
 type FieldType = FieldTypes['fieldType'];
 type DynamicFieldType = Exclude<FieldTypes['fieldType'], 'html'>;
-type AvailableComponents = FunctionComponent<TextFieldProps> | FunctionComponent<NumberFieldProps> | FunctionComponent<SelectProps> | FunctionComponent<CreatableAutocompleteProps> | FunctionComponent<CheckboxProps> | FunctionComponent<CheckboxGroupProps> | FunctionComponent<SwitchProps> | FunctionComponent<SliderProps> | FunctionComponent<DifferentialProps> | FunctionComponent<LikertProps> | FunctionComponent<TextareaProps> | FunctionComponent<StarRatingProps> | FunctionComponent<RadioGroupProps> | FunctionComponent<RankProps> | FunctionComponent<RichTextFieldProps> | FunctionComponent<HtmlProps> | FunctionComponent<CustomFieldType>;
+type AvailableComponents = FunctionComponent<TextFieldProps> | FunctionComponent<NumberFieldProps> | FunctionComponent<AutocompleteFieldProps> | FunctionComponent<SelectProps> | FunctionComponent<CreatableAutocompleteProps> | FunctionComponent<CheckboxProps> | FunctionComponent<CheckboxGroupProps> | FunctionComponent<SwitchProps> | FunctionComponent<SliderProps> | FunctionComponent<DifferentialProps> | FunctionComponent<LikertProps> | FunctionComponent<TextareaProps> | FunctionComponent<StarRatingProps> | FunctionComponent<RadioGroupProps> | FunctionComponent<RankProps> | FunctionComponent<RichTextFieldProps> | FunctionComponent<HtmlProps> | FunctionComponent<CustomFieldType>;
 type InputWrapperProps = {
     ref?: any;
     control: Control;
@@ -127,4 +129,4 @@ type InputWrapperProps = {
     internalChange?: () => void;
 };
 
-export type { AvailableComponents, BaseField, CheckboxGroupType, CheckboxType, CreatableAutocompleteType, CustomFieldType, DifferentialType, DragAndDropRankingType, DynamicFieldType, FieldType, FieldTypes, FormGeneratorConfig, FormGeneratorHandler, FormGeneratorProps, HTMLType, InputWrapperProps, LikertType, NumberFieldType, RadioGroupType, RichTextFieldType, SelectType, SliderType, StarRatingType, SwitchType, TextFieldType, TextareaType };
+export type { AutocompleteFieldType, AvailableComponents, BaseField, CheckboxGroupType, CheckboxType, CreatableAutocompleteType, CustomFieldType, DifferentialType, DragAndDropRankingType, DynamicFieldType, FieldType, FieldTypes, FormGeneratorConfig, FormGeneratorHandler, FormGeneratorProps, HTMLType, InputWrapperProps, LikertType, NumberFieldType, RadioGroupType, RichTextFieldType, SelectType, SliderType, StarRatingType, SwitchType, TextFieldType, TextareaType };

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

@@ -1,4 +1,4 @@
-import { ReactNode, FunctionComponent } from 'react';
+import { ReactNode, Ref, FunctionComponent } from 'react';
 import { StyledRadioProps } from '../Radio/StyledRadio.js';
 
 interface RadioGroupOption {
@@ -17,6 +17,7 @@ interface RadioGroupProps {
     other?: RadioGroupOther;
     onChange: (value: string) => void;
     internalChange?: () => void;
+    inputRef?: Ref<any>;
     name: string;
     value: string;
     sizing?: StyledRadioProps['sizing'];

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

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),a=require("react"),l=require("../../BrandCore/primitiveVariables.js"),o=require("../FormControlLabel/FormControlLabel.js"),i=require("../Radio/Radio.js");require("../Radio/StyledRadio.js");var t=require("../TextField/TextField.js");module.exports=({options:n,onChange:u,other:s,value:c,internalChange:d,sizing:g="lg",...h})=>{const p=s?.enabled,m="other-option",x=`${m}-value-`,[b,f]=a.useState(c),[j,v]=a.useState(!1),q=a.useRef(null);a.useEffect(()=>{!j&&b?.includes(x)?v(!0):j&&v(!1)},[b]);return a.useEffect(()=>{q.current&&Array.from(q.current.getElementsByTagName("label")).forEach(e=>{if(e.clientHeight>4*l.base){const r=e.querySelector(".MuiTypography-root");r&&(r.style.marginTop=l.base/2+"px")}})},[q.current]),e.jsxs(e.Fragment,{children:[e.jsxs(r.RadioGroup,{...h,value:b,ref:q,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,r)=>{u&&u(r),f(r),d&&d()},children:[n?n.map((r,a)=>e.jsx(o,{sx:{"& .MuiButtonBase-root.MuiRadio-root":{alignSelf:"baseline"}},...r,control:e.jsx(i,{sizing:g})},a)):null,p&&e.jsx(o,{label:s?.label||"Other",value:x,control:e.jsx(i,{sizing:g,checked:b?.includes(x)})},m)]}),j&&e.jsx(r.Box,{sx:{mt:1},children:e.jsx(t,{fullWidth:!0,autoFocus:!0,placeholder:s?.placeholder,defaultValue:b?.replace(x,""),onChange:e=>{var r;u&&u((r=e.target.value,`${x}${r}`)),d&&d()},required:!0})})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),a=require("react"),l=require("../../BrandCore/primitiveVariables.js"),o=require("../FormControlLabel/FormControlLabel.js"),i=require("../Radio/Radio.js");require("../Radio/StyledRadio.js");var t=require("../TextField/TextField.js");module.exports=({options:n,onChange:u,other:s,value:c,internalChange:d,sizing:g="lg",inputRef:h,...p})=>{const m=s?.enabled,x="other-option",f=`${x}-value-`,[b,j]=a.useState(c),[v,q]=a.useState(!1),y=a.useRef(null);a.useEffect(()=>{!v&&b?.includes(f)?q(!0):v&&q(!1)},[b]);return a.useEffect(()=>{y.current&&Array.from(y.current.getElementsByTagName("label")).forEach(e=>{if(e.clientHeight>4*l.base){const r=e.querySelector(".MuiTypography-root");r&&(r.style.marginTop=l.base/2+"px")}})},[y.current]),e.jsxs(e.Fragment,{children:[e.jsxs(r.RadioGroup,{...p,value:b,ref:y,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,r)=>{u&&u(r),j(r),d&&d()},children:[n?n.map((r,a)=>e.jsx(o,{sx:{"& .MuiButtonBase-root.MuiRadio-root":{alignSelf:"baseline"}},...r,control:e.jsx(i,{sizing:g})},a)):null,m&&e.jsx(o,{label:s?.label||"Other",value:f,control:e.jsx(i,{sizing:g,checked:b?.includes(f)})},x)]}),v&&e.jsx(r.Box,{sx:{mt:1},children:e.jsx(t,{fullWidth:!0,autoFocus:!0,placeholder:s?.placeholder,defaultValue:b?.replace(f,""),onChange:e=>{var r;u&&u((r=e.target.value,`${f}${r}`)),d&&d()},required:!0})})]})};

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

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
-import { SelectProps } from '../Select/Select.js';
+import { SelectProps } from '../Select/types.js';
 
 interface Option {
     label: string;

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

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

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

@@ -1,40 +1,6 @@
-import { SelectProps as SelectProps$1, SelectChangeEvent, MenuItemProps } from '@mui/material';
-import { ReactElement, FunctionComponent } from 'react';
-import { SelectOption } from './StyledSelect.variant-helpers.js';
+import { FunctionComponent } from 'react';
+import { SelectProps } from './types.js';
 
-type SelectOnChange = (event: SelectChangeEvent<any>, child: React.ReactNode) => void;
-type AutocompleteOnChange = (value: string | string[]) => void;
-type SelectProps = {
-    selections: SelectOption[];
-    autoComplete?: boolean;
-    autoFocus?: boolean;
-    disabled?: boolean;
-    disablePortal?: boolean;
-    error?: boolean;
-    fullWidth?: boolean;
-    grouped?: boolean;
-    id?: string;
-    inputRef?: SelectProps$1['inputRef'];
-    internalChange?: () => void;
-    MenuProps?: SelectProps$1['MenuProps'];
-    multi?: boolean;
-    name: string;
-    onBlur?: SelectProps$1['onBlur'];
-    onChange?: SelectOnChange | AutocompleteOnChange;
-    placeholder?: string | undefined;
-    readOnly?: boolean;
-    ref?: SelectProps$1['ref'];
-    required?: boolean;
-    selectOptionProps?: MenuItemProps;
-    sizing?: 'xs' | 'md' | 'lg';
-    sx?: SelectProps$1['sx'];
-    onOpen?: SelectProps$1['onOpen'];
-    inputProps?: SelectProps$1['inputProps'];
-    value?: SelectProps$1['value'];
-    renderListItem?: (value: string, label: string) => ReactElement;
-    renderSelectedItem?: (value: string, label?: string) => ReactElement;
-};
 declare const Select: FunctionComponent<SelectProps>;
 
 export { Select as default };
-export type { SelectProps };