@useloops/design-system 1.4.672 → 1.4.674

package/dist/esm/systems/Platform/GraphBar/_partials/UnitText/UnitText.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{mergeSx as o}from"merge-sx";import"../../../../../utils/formValidation/misc.js";import"@mui/material";import"../../../../BrandCore/Icon/Icon.js";import"../../../../BrandCore/primitiveVariables.js";import"../../../../WebCore/utils/typography.util.js";import"../../../../WebCore/AnnualController/AnnualController.js";import"../../../../WebCore/SelectItem/SelectItem.js";import"../../../../WebCore/Accordion/Accordion.js";import"../../../../WebCore/Animations/FadeIn.js";import r from"../../../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../../../WebCore/Badge/Badge.js";import"../../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../../WebCore/Button/Button.js";import"../../../../WebCore/ButtonBase/ButtonBase.js";import"../../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../../WebCore/Differential/DifferentialContainer.js";import"../../../../WebCore/Differential/DifferentialRadio.js";import"../../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../../WebCore/FormGenerator/FormGenerator.js";import"../../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../../WebCore/IconButton/IconButton.js";import"../../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../../WebCore/Image/Image.js";import"../../../../WebCore/KbdGroup/Kbd.js";import"../../../../WebCore/KbdGroup/KbdGroup.js";import"../../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../../WebCore/Label/Label.js";import"../../../../WebCore/Likert/LikertContainer.js";import"../../../../WebCore/Likert/LikertLabel.js";import"../../../../WebCore/Likert/LikertRadio.js";import"../../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../../WebCore/Surface/Surface.js";import"../../../../WebCore/Menu/MenuItem.js";import"../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../../WebCore/NavigationButton/NavigationButton.js";import"../../../../WebCore/Nudge/NudgeButton.js";import"../../../../WebCore/NumberField/NumberField.js";import"../../../../BrandCore/colorRamps.js";import"../../../../BrandCore/semanticColor.js";import"../../../../BrandCore/types.js";import"../../../../BrandCore/typography.js";import"../../../../WebCore/Progress/Progress.js";import"../../../../WebCore/Pill/StyledPill.js";import"../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../WebCore/Radio/StyledRadio.js";import"../../../../WebCore/Select/StyledSelect.js";import"../../../../WebCore/RankItem/RankItemContainer.js";import"../../../../WebCore/RankItem/RankItemLabel.js";import"../../../../WebCore/SortableList/SortableList.js";import"../../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../../WebCore/Skeleton/Skeleton.js";import"../../../../WebCore/Slider/StyledSlider.js";import"../../../../WebCore/StarRating/StarRating.js";import"../../../../WebCore/Switch/StyledSwitch.js";import"../../../../WebCore/Textarea/Textarea.js";import"../../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../../WebCore/TrialCard/TrialPill.js";import"../../../../WebCore/UserMenu/UserMenuButton.js";import"../../../../WebCore/VideoModal/VideoModal.js";const t=({sx:t,color:i,checked:a,disabled:p,...s})=>e(r,{monospaced:!0,component:"p",variation:"xs",sx:o({width:"max-content",textAlign:"right",color:e=>a&&!p?i:e.custom.palette.text.disabled},t),...s});export{t as default};
+import{jsx as e}from"react/jsx-runtime";import{mergeSx as o}from"merge-sx";import"../../../../../utils/formValidation/misc.js";import"@mui/material";import"../../../../BrandCore/Icon/Icon.js";import"../../../../BrandCore/primitiveVariables.js";import"../../../../WebCore/utils/typography.util.js";import"../../../../WebCore/AnnualController/AnnualController.js";import"../../../../WebCore/SelectItem/SelectItem.js";import"../../../../WebCore/Accordion/Accordion.js";import"../../../../WebCore/Animations/FadeIn.js";import{Text as r}from"../../../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../../../WebCore/Badge/Badge.js";import"../../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../../WebCore/Button/Button.js";import"../../../../WebCore/ButtonBase/ButtonBase.js";import"../../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../../WebCore/Differential/DifferentialContainer.js";import"../../../../WebCore/Differential/DifferentialRadio.js";import"../../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../../WebCore/FormGenerator/FormGenerator.js";import"../../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../../WebCore/IconButton/IconButton.js";import"../../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../../WebCore/Image/Image.js";import"../../../../WebCore/KbdGroup/Kbd.js";import"../../../../WebCore/KbdGroup/KbdGroup.js";import"../../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../../WebCore/Label/Label.js";import"../../../../WebCore/Likert/LikertContainer.js";import"../../../../WebCore/Likert/LikertLabel.js";import"../../../../WebCore/Likert/LikertRadio.js";import"../../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../../WebCore/Surface/Surface.js";import"../../../../WebCore/Menu/MenuItem.js";import"../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../../WebCore/NavigationButton/NavigationButton.js";import"../../../../WebCore/Nudge/NudgeButton.js";import"../../../../WebCore/NumberField/NumberField.js";import"../../../../BrandCore/colorRamps.js";import"../../../../BrandCore/semanticColor.js";import"../../../../BrandCore/types.js";import"../../../../BrandCore/typography.js";import"../../../../WebCore/Progress/Progress.js";import"../../../../WebCore/Pill/StyledPill.js";import"../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../WebCore/Radio/StyledRadio.js";import"../../../../WebCore/Select/StyledSelect.js";import"../../../../WebCore/RankItem/RankItemContainer.js";import"../../../../WebCore/RankItem/RankItemLabel.js";import"../../../../WebCore/SortableList/SortableList.js";import"../../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../../WebCore/Skeleton/Skeleton.js";import"../../../../WebCore/Slider/StyledSlider.js";import"../../../../WebCore/StarRating/StarRating.js";import"../../../../WebCore/Switch/StyledSwitch.js";import"../../../../WebCore/Textarea/Textarea.js";import"../../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../../WebCore/TrialCard/TrialPill.js";import"../../../../WebCore/Typography/Typography.js";import"../../../../WebCore/UserMenu/UserMenuButton.js";import"../../../../WebCore/VideoModal/VideoModal.js";const t=({sx:t,color:i,checked:a,disabled:p,...s})=>e(r,{monospaced:!0,size:"xs",sx:o({width:"max-content",textAlign:"right",color:e=>a&&!p?i:e.custom.palette.text.disabled},t),...s});export{t as default};

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

@@ -1 +1 @@
-import{jsxs as r,jsx as o}from"react/jsx-runtime";import{Stack as e,Box as n}from"@mui/material";import{useTheme as i}from"@mui/material/styles";import{mergeSx as s}from"merge-sx";import t from"../../WebCore/Typography/Typography.js";const p=({primaryHeadlineLabel:p,secondarySlot1:l,secondarySlot2:m,slotProps:a})=>{const c=i(),d=null!=l,x=null!=m;return r(e,{gap:c.p.xs,sx:a?.root?.sx,children:[o(n,{sx:s({py:c.p.xs,px:c.p.sm},a?.primaryHeadline?.sx),children:o(t,{variation:"md",component:"p",weight:"bold",children:p})}),d||x?r(e,{direction:"row",alignItems:"center",gap:c.m.md,sx:{py:c.p.xs,px:c.p.sm},children:[d&&o(n,{sx:a?.secondarySlot1?.sx,children:o(t,{variation:"sm",component:"p",weight:"bold",children:l})}),x&&o(n,{sx:a?.secondarySlot2?.sx,children:o(t,{variation:"sm",component:"p",secondary:!0,children:m})})]}):null]})};export{p as default};
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import{Stack as s,Box as o}from"@mui/material";import{useTheme as l}from"@mui/material/styles";import{mergeSx as i}from"merge-sx";import{Text as t}from"../../WebCore/Text/Text.js";const m=({primaryHeadlineLabel:m,secondarySlot1:n,secondarySlot2:a,slotProps:d})=>{const p=l(),x=null!=n,c=null!=a;return r(s,{gap:p.p.xs,sx:d?.root?.sx,children:[e(o,{sx:i({py:p.p.xs,px:p.p.sm},d?.primaryHeadline?.sx),children:e(t,{size:"md",bold:!0,children:m})}),x||c?r(s,{direction:"row",alignItems:"center",gap:p.m.md,sx:{py:p.p.xs,px:p.p.sm},children:[x&&e(o,{sx:d?.secondarySlot1?.sx,children:e(t,{size:"sm",bold:!0,children:n})}),c&&e(o,{sx:d?.secondarySlot2?.sx,children:e(t,{size:"sm",secondary:!0,children:a})})]}):null]})};export{m as default};

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

@@ -1 +1 @@
-import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{styled as r,Box as i,Container as a,Grid as n}from"@mui/material";import{mergeSx as s}from"merge-sx";import p from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import{fontSizemap as l}from"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import m from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../WebCore/Badge/Badge.js";import d from"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import c from"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import b from"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";const u=({backAction:r,title:u,showEditTitleOnlyOnHover:B=!0,breadcrumbLinks:y,buttons:f,controlBar:x,sx:S,slotProps:I,loading:k})=>{const L={...I,container:{maxWidth:!1,...I?.container}};return e(t,{children:[o(C,{sx:s({justifyContent:"space-between",position:"sticky",top:"0",zIndex:999},S),children:o(a,{...L.container,children:o(n,{container:!0,spacing:2,children:o(n,{size:12,children:e(h,{sx:{justifyContent:"space-between",py:1,height:61},children:[e(h,{children:[void 0!==r&&o(c,{sizing:"lg",icon:o(p,{name:"arrow-left",size:20}),sx:{color:e=>e.custom.palette.icon.primary},onClick:r}),e(h,{sx:{alignItems:"flex-start",flexDirection:"column",gap:0},children:[u&&e(i,{sx:{display:"flex",alignItems:"center",gap:1,...B&&{":hover .Header__TitleIconButton":{opacity:1}}},children:[k?o(b,{width:256,sx:{fontSize:l.lg,lineHeight:1.4}}):o(m,{variation:"lg",component:"p",weight:"bold",children:u}),void 0!==L?.titleIconButton?.onClick&&o(c,{icon:o(p,{name:"edit"}),sizing:"md",sx:{my:"-4px",...B&&{opacity:0,transition:"opacity 0.3s ease"}},className:"Header__TitleIconButton",...L?.titleIconButton})]}),y&&o(t,{children:k?o(b,{width:200,height:17,sx:{fontSize:l.lg,lineHeight:1.4,mt:.5}}):o(d,{links:y})})]})]}),f&&o(h,{children:f})]})})})})}),x&&o(j,{children:o(a,{...L.container,children:o(n,{container:!0,spacing:2,children:o(n,{size:12,children:o(W,{children:o(g,{children:x})})})})})})]})},C=r(i)(({theme:e})=>({alignItems:"center",backgroundColor:e.custom.palette.surface.default,borderBottom:`1px solid ${e.custom.palette.stroke.light}`,display:"flex",gap:e.spacing(1),justifyContent:"space-between",padding:1,height:61})),j=r(i)(({theme:e})=>({borderBottom:`1px solid ${e.custom.palette.stroke.light}`,width:"100%"})),W=r(i)(({theme:e})=>({display:"flex",justifyContent:"flex-end",padding:`${e.spacing(1)} 0`})),g=r(i)(({theme:e})=>({backgroundColor:e.custom.palette.surface.sunken,borderRadius:e.spacing(e.custom.radius.lg),display:"flex",gap:e.spacing(.5),justifyContent:"flex-end",padding:e.spacing(1)})),h=r(i)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(1)}));export{u as default};
+import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{styled as r,Box as i,Container as a,Grid as s}from"@mui/material";import{mergeSx as p}from"merge-sx";import n from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import{fontSizemap as l}from"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as m}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../WebCore/Badge/Badge.js";import d from"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import c from"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import b from"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/Typography/Typography.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";const u=({backAction:r,title:u,showEditTitleOnlyOnHover:B=!0,breadcrumbLinks:y,buttons:f,controlBar:x,sx:S,slotProps:I,loading:k})=>{const L={...I,container:{maxWidth:!1,...I?.container}};return e(t,{children:[o(C,{sx:p({justifyContent:"space-between",position:"sticky",top:"0",zIndex:999},S),children:o(a,{...L.container,children:o(s,{container:!0,spacing:2,children:o(s,{size:12,children:e(h,{sx:{justifyContent:"space-between",py:1,height:61},children:[e(h,{children:[void 0!==r&&o(c,{sizing:"lg",icon:o(n,{name:"arrow-left",size:20}),sx:{color:e=>e.custom.palette.icon.primary},onClick:r}),e(h,{sx:{alignItems:"flex-start",flexDirection:"column",gap:0},children:[u&&e(i,{sx:{display:"flex",alignItems:"center",gap:1,...B&&{":hover .Header__TitleIconButton":{opacity:1}}},children:[k?o(b,{width:256,sx:{fontSize:l.lg,lineHeight:1.4}}):o(m,{size:"lg",bold:!0,children:u}),void 0!==L?.titleIconButton?.onClick&&o(c,{icon:o(n,{name:"edit"}),sizing:"md",sx:{my:"-4px",...B&&{opacity:0,transition:"opacity 0.3s ease"}},className:"Header__TitleIconButton",...L?.titleIconButton})]}),y&&o(t,{children:k?o(b,{width:200,height:17,sx:{fontSize:l.lg,lineHeight:1.4,mt:.5}}):o(d,{links:y})})]})]}),f&&o(h,{children:f})]})})})})}),x&&o(j,{children:o(a,{...L.container,children:o(s,{container:!0,spacing:2,children:o(s,{size:12,children:o(W,{children:o(g,{children:x})})})})})})]})},C=r(i)(({theme:e})=>({alignItems:"center",backgroundColor:e.custom.palette.surface.default,borderBottom:`1px solid ${e.custom.palette.stroke.light}`,display:"flex",gap:e.spacing(1),justifyContent:"space-between",padding:1,height:61})),j=r(i)(({theme:e})=>({borderBottom:`1px solid ${e.custom.palette.stroke.light}`,width:"100%"})),W=r(i)(({theme:e})=>({display:"flex",justifyContent:"flex-end",padding:`${e.spacing(1)} 0`})),g=r(i)(({theme:e})=>({backgroundColor:e.custom.palette.surface.sunken,borderRadius:e.spacing(e.custom.radius.lg),display:"flex",gap:e.spacing(.5),justifyContent:"flex-end",padding:e.spacing(1)})),h=r(i)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(1)}));export{u as default};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{Stack as r,Box as t}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import i from"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import a from"./KpiDetails.js";import p from"./QuestionStatsCard.js";const s=({indicatorColor:s,kpiTitle:m,tagTitle:l,combinedAverageValue:n,combinedAveragePercent:b,linkedQuestions:d})=>e(i,{variation:"overlay",borderradius:"lg",sx:{padding:e=>e.spacing(e.custom.padding.md),paddingBottom:0,maxHeight:"384px",width:"320px",overflowY:"scroll",backgroundColor:e=>e.custom.palette.surface.overlay},children:[e(r,{gap:e=>e.spacing(e.custom.margin.md),sx:{},children:[o(a,{indicatorColor:s,kpiTitle:m,tagTitle:l,combinedAverageValue:n,combinedAveragePercent:b}),o(r,{gap:e=>e.spacing(e.custom.margin.md),children:d&&d.map((e,r)=>o(p,{...e},`${r}-${e.questionTitle}`))})]}),o(t,{sx:{position:"sticky",bottom:0,height:"24px",width:"100%",background:e=>`linear-gradient(0deg, ${e.custom.palette.surface.overlay} 0%, rgba(0, 0, 0, 0.00) 100%)`}})]});export{s as default};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{Stack as r,Box as t}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import i from"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/Typography/Typography.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import a from"./KpiDetails.js";import p from"./QuestionStatsCard.js";const s=({indicatorColor:s,kpiTitle:m,tagTitle:l,combinedAverageValue:n,combinedAveragePercent:b,linkedQuestions:d})=>e(i,{variation:"overlay",borderradius:"lg",sx:{padding:e=>e.spacing(e.custom.padding.md),paddingBottom:0,maxHeight:"384px",width:"320px",overflowY:"scroll",backgroundColor:e=>e.custom.palette.surface.overlay},children:[e(r,{gap:e=>e.spacing(e.custom.margin.md),sx:{},children:[o(a,{indicatorColor:s,kpiTitle:m,tagTitle:l,combinedAverageValue:n,combinedAveragePercent:b}),o(r,{gap:e=>e.spacing(e.custom.margin.md),children:d&&d.map((e,r)=>o(p,{...e},`${r}-${e.questionTitle}`))})]}),o(t,{sx:{position:"sticky",bottom:0,height:"24px",width:"100%",background:e=>`linear-gradient(0deg, ${e.custom.palette.surface.overlay} 0%, rgba(0, 0, 0, 0.00) 100%)`}})]});export{s as default};

package/dist/esm/systems/Platform/KpiDataPopover/KpiDetails.js

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as t,Stack as r,Box as i}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import{backgroundCreator as a}from"../../WebCore/utils/backgroundCreator.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import p from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import s from"../KpiIndicator/KpiIndicator.js";const m=t(r)(({theme:e})=>({flexDirection:"column",marginLeft:"auto",padding:`0 ${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.sm)}`,width:"88px",flexGrow:0,flexShrink:0,alignItems:"center",justifyContent:"center",borderRadius:e.spacing(e.custom.radius.md),border:`1px solid ${e.custom.palette.purple[100]}`,background:a(e,{texture:"none",gradient:"tone2"})})),l=({indicatorColor:t,kpiTitle:a,tagTitle:l,combinedAverageValue:n,combinedAveragePercent:b})=>e(r,{gap:e=>e.spacing(e.custom.margin.sm),alignItems:"start",alignSelf:"stretch",direction:"row",children:[o(i,{sx:{height:"25px",display:"flex",placeItems:"center"},children:o(s,{colorScheme:t})}),e(r,{gap:e=>e.spacing(e.custom.margin.xs),children:[o(p,{clamp:2,component:"p",variation:"lg",weight:"bold",sx:{color:e=>e.palette.text.primary},children:a}),o(p,{clamp:2,component:"p",variation:"sm",sx:{color:e=>e.palette.text.secondary},children:l})]}),e(m,{children:[e(r,{sx:{padding:e=>`${e.spacing(e.custom.padding.sm)} 0`,gap:"2px"},children:[o(p,{component:"p",weight:"bold",sx:{fontSize:"30px",color:e=>e.custom.palette.purple[1e3],textAlign:"center",lineHeight:1},children:n}),o(p,{component:"p",variation:"xxs",sx:{color:e=>e.custom.palette.purple[800],textAlign:"center",lineHeight:1},children:`(${b}%)`})]}),o(p,{component:"p",variation:"xxs",sx:{color:e=>e.custom.palette.purple[800],textAlign:"center",lineHeight:1},children:"Combined score"})]})]});export{l as default};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as r,Stack as t,Box as i}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import{backgroundCreator as a}from"../../WebCore/utils/backgroundCreator.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as p}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/Typography/Typography.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import s from"../KpiIndicator/KpiIndicator.js";const m=r(t)(({theme:e})=>({flexDirection:"column",marginLeft:"auto",padding:`0 ${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.sm)}`,width:"88px",flexGrow:0,flexShrink:0,alignItems:"center",justifyContent:"center",borderRadius:e.spacing(e.custom.radius.md),border:`1px solid ${e.custom.palette.purple[100]}`,background:a(e,{texture:"none",gradient:"tone2"})})),l=({indicatorColor:r,kpiTitle:a,tagTitle:l,combinedAverageValue:n,combinedAveragePercent:b})=>e(t,{gap:e=>e.spacing(e.custom.margin.sm),alignItems:"start",alignSelf:"stretch",direction:"row",children:[o(i,{sx:{height:"25px",display:"flex",placeItems:"center"},children:o(s,{colorScheme:r})}),e(t,{gap:e=>e.spacing(e.custom.margin.xs),children:[o(p,{clamp:2,size:"lg",bold:!0,children:a}),o(p,{clamp:2,size:"sm",secondary:!0,children:l})]}),e(m,{children:[e(t,{sx:{padding:e=>`${e.spacing(e.custom.padding.sm)} 0`,gap:"2px"},children:[o(p,{bold:!0,align:"center",sx:{fontSize:"30px",color:e=>e.custom.palette.purple[1e3],lineHeight:1},children:n}),o(p,{size:"xxs",align:"center",sx:{color:e=>e.custom.palette.purple[800],lineHeight:1},children:`(${b}%)`})]}),o(p,{size:"xxs",align:"center",sx:{color:e=>e.custom.palette.purple[800],lineHeight:1},children:"Combined score"})]})]});export{l as default};

package/dist/esm/systems/Platform/KpiDataPopover/QuestionStatsCard.js

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as t,Box as r,Stack as i,Divider as a}from"@mui/material";import"../../BrandCore/colorRamps.js";import{base as s}from"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import p from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import{backgroundCreator as n}from"../../WebCore/utils/backgroundCreator.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import l from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import m from"../../WebCore/Flag/Flag.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import c from"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import d from"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../WebCore/Progress/Progress.js";import u from"../../WebCore/Tooltip/Tooltip.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import b from"./ScaleChart.js";import C from"./SliderChart.js";const j=t(r)(({theme:e})=>({display:"flex",padding:e.spacing(e.custom.padding.xs),width:"40px",alignItems:"center",justifyContent:"center",borderRadius:e.spacing(e.custom.radius.md),background:n(e,{texture:"none",gradient:"tone2"}),border:`1px solid ${e.custom.palette.purple[100]}`})),W=({questionBody:t,questionData:n,questionTitle:W,questionType:g,questionUrl:x,testTitle:y,testCountry:h,localeTooltipText:B,averageScore:f,scoreHelpText:S})=>e(d,{variation:"default",borderradius:"md",sx:{display:"flex",flexDirection:"column",padding:e=>e.spacing(e.custom.padding.md),gap:e=>e.spacing(e.custom.margin.md),border:e=>`1px solid ${e.custom.palette.stroke.light}`,backgroundColor:e=>e.custom.palette.surface.default,"&:hover":{backgroundColor:e=>e.custom.palette.interaction.hover}},children:[e(i,{sx:{alignItems:"flex-end",flexDirection:"column",gap:e=>e.spacing(e.custom.margin.sm)},children:[o(l,{clamp:5,component:"p",variation:"xs",sx:{color:e=>e.custom.palette.text.primary,marginRight:"auto"},children:t}),"scale"===g&&o(b,{data:n}),"slider"===g&&o(C,{data:n}),e(i,{direction:"row",gap:e=>e.spacing(e.custom.margin.xs),children:[e(i,{direction:"row",alignItems:"center",children:[o(l,{component:"p",variation:"xxs",sx:{color:e=>e.custom.palette.text.primary,textAlign:"center"},children:"Score"}),o(u,{message:S,placement:"bottom",children:o(r,{sx:{width:3*s,height:3*s,display:"flex",alignItems:"center",justifyContent:"center"},children:o(p,{name:"info",size:16,sx:{color:e=>e.custom.palette.icon.secondary}})})})]}),o(j,{children:o(l,{component:"p",variation:"xs",weight:"bold",sx:{color:e=>e.custom.palette.purple[1e3]},children:f})})]})]}),o(a,{sx:{color:e=>e.custom.palette.stroke.light}}),e(i,{direction:"row",gap:e=>e.spacing(e.custom.margin.sm),alignItems:"center",justifyContent:"start",children:[o(u,{message:B,placement:"left",slotProps:{wrapper:{sx:{alignSelf:"baseline"}}},children:o(m,{countryCode:h,slotProps:{avatar:{sx:{width:16,height:16}}}})}),e(i,{gap:e=>e.spacing(e.custom.margin.xs),alignSelf:"start",children:[o(l,{clamp:1,component:"p",variation:"xxs",weight:"bold",sx:{color:e=>e.custom.palette.text.primary},children:y}),o(l,{clamp:2,component:"p",variation:"xxs",sx:{color:e=>e.custom.palette.text.secondary},children:W})]}),o(c,{icon:o(p,{name:"open-in-new"}),variation:"outlined",sizing:"sm",onClick:()=>window.open(x,"_blank","noopener,noreferrer"),sx:{marginLeft:"auto"}})]})]});export{W as default};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as t,Box as r,Stack as i,Divider as a}from"@mui/material";import"../../BrandCore/colorRamps.js";import{base as s}from"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import p from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import{backgroundCreator as l}from"../../WebCore/utils/backgroundCreator.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as n}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import m from"../../WebCore/Flag/Flag.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import d from"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import c from"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../WebCore/Progress/Progress.js";import b from"../../WebCore/Tooltip/Tooltip.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/Typography/Typography.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import u from"./ScaleChart.js";import C from"./SliderChart.js";const j=t(r)(({theme:e})=>({display:"flex",padding:e.spacing(e.custom.padding.xs),width:"40px",alignItems:"center",justifyContent:"center",borderRadius:e.spacing(e.custom.radius.md),background:l(e,{texture:"none",gradient:"tone2"}),border:`1px solid ${e.custom.palette.purple[100]}`})),W=({questionBody:t,questionData:l,questionTitle:W,questionType:g,questionUrl:x,testTitle:B,testCountry:h,localeTooltipText:y,averageScore:f,scoreHelpText:S})=>e(c,{variation:"default",borderradius:"md",sx:{display:"flex",flexDirection:"column",padding:e=>e.spacing(e.custom.padding.md),gap:e=>e.spacing(e.custom.margin.md),border:e=>`1px solid ${e.custom.palette.stroke.light}`,backgroundColor:e=>e.custom.palette.surface.default,"&:hover":{backgroundColor:e=>e.custom.palette.interaction.hover}},children:[e(i,{sx:{alignItems:"flex-end",flexDirection:"column",gap:e=>e.spacing(e.custom.margin.sm)},children:[o(n,{clamp:5,size:"xs",sx:{marginRight:"auto"},children:t}),"scale"===g&&o(u,{data:l}),"slider"===g&&o(C,{data:l}),e(i,{direction:"row",gap:e=>e.spacing(e.custom.margin.xs),children:[e(i,{direction:"row",alignItems:"center",children:[o(n,{size:"xxs",sx:{textAlign:"center"},children:"Score"}),o(b,{message:S,placement:"bottom",children:o(r,{sx:{width:3*s,height:3*s,display:"flex",alignItems:"center",justifyContent:"center"},children:o(p,{name:"info",size:16,sx:{color:e=>e.custom.palette.icon.secondary}})})})]}),o(j,{children:o(n,{size:"xs",bold:!0,sx:{color:e=>e.custom.palette.purple[1e3]},children:f})})]})]}),o(a,{sx:{color:e=>e.custom.palette.stroke.light}}),e(i,{direction:"row",gap:e=>e.spacing(e.custom.margin.sm),alignItems:"center",justifyContent:"start",children:[o(b,{message:y,placement:"left",slotProps:{wrapper:{sx:{alignSelf:"baseline"}}},children:o(m,{countryCode:h,slotProps:{avatar:{sx:{width:16,height:16}}}})}),e(i,{gap:e=>e.spacing(e.custom.margin.xs),alignSelf:"start",children:[o(n,{clamp:1,size:"xxs",bold:!0,children:B}),o(n,{clamp:2,size:"xxs",secondary:!0,children:W})]}),o(d,{icon:o(p,{name:"open-in-new"}),variation:"outlined",sizing:"sm",onClick:()=>window.open(x,"_blank","noopener,noreferrer"),sx:{marginLeft:"auto"}})]})]});export{W as default};

package/dist/esm/systems/Platform/KpiDataPopover/ScaleChart.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{Box as o,Stack as l}from"@mui/material";import{styled as a,useTheme as r}from"@mui/material/styles";import n from"../../WebCore/Typography/Typography.js";const c=({data:o=[]})=>{const l=r(),a={"Strongly Disagree":{backgroundColor:l.custom.palette.data.sentimentVeryNegative,color:l.custom.palette.red[1e3],countColor:l.custom.palette.red[800],label:"",labelColor:l.custom.palette.text.negative,value:0},Disagree:{backgroundColor:l.custom.palette.data.sentimentNegative,color:l.custom.palette.red[1e3],countColor:l.custom.palette.red[800],label:"",labelColor:l.custom.palette.text.negative,value:0},Neutral:{backgroundColor:l.custom.palette.data.sentimentNeutral,color:l.custom.palette.neutral[1e3],countColor:l.custom.palette.neutral[800],label:"",labelColor:l.custom.palette.text.secondary,value:0},Agree:{backgroundColor:l.custom.palette.data.sentimentPositive,color:l.custom.palette.green[1e3],countColor:l.custom.palette.green[800],label:"",labelColor:l.custom.palette.text.positive,value:0},"Strongly Agree":{backgroundColor:l.custom.palette.data.sentimentVeryPositive,color:l.custom.palette.green[1e3],countColor:l.custom.palette.green[800],label:"",labelColor:l.custom.palette.text.positive,value:0}},c=o.reduce((e,t)=>e+t,0),g=o.map((e,t)=>({...Object.values(a)[t],label:Object.values(a)[t].label,value:e,percentage:Number((e/c*100).toFixed(0))}));return e(i,{children:[t(s,{children:g.map((o,l)=>t(u,{backgroundColor:o.backgroundColor,color:o.color,width:o.percentage,children:e(m,{children:[e(n,{variation:"xxs",component:"p",weight:"bold",color:o.color,children:[o.percentage,"%"]}),t(n,{variation:"xxs",component:"p",color:o.countColor,children:o.value})]})},l))}),t(p,{children:g.map((e,o)=>t(d,{variation:"xxs",component:"p",color:e.labelColor,children:e.label},`label-${o}`))})]})},i=a(o)(({theme:e})=>({display:"flex",flexDirection:"column",gap:e.spacing(e.custom.margin.xs),width:"100%"})),s=a(o)(({theme:e})=>({borderRadius:e.spacing(e.custom.radius.md),display:"flex",gap:1,height:40,overflow:"hidden",width:"100%"})),u=a(o,{shouldForwardProp:e=>!["width","backgroundColor","color"].includes(e)})(({width:e,backgroundColor:t,color:o})=>({alignItems:"center",backgroundColor:t,color:o,display:"flex",fontSize:"16px",fontWeight:"bold",justifyContent:"center",overflow:"hidden",position:"relative",transition:"opacity 0.3s ease",width:`${e}%`})),m=a(o)({textAlign:"center"}),p=a(l)(({theme:e})=>({alignItems:"space-between",flexDirection:"row",flexWrap:"wrap",gap:e.spacing(e.custom.margin.md),justifyContent:"center"})),d=a(n)(({theme:e})=>({display:"flex",alignItems:"flex-start",justifyContent:"center",flex:1,marginBottom:e.spacing(.5),textAlign:"center"}));export{c as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{Box as o,Stack as l}from"@mui/material";import{styled as r,useTheme as a}from"@mui/material/styles";import{Text as n}from"../../WebCore/Text/Text.js";const c=({data:o=[]})=>{const l=a(),r={"Strongly Disagree":{backgroundColor:l.custom.palette.data.sentimentVeryNegative,color:l.custom.palette.red[1e3],countColor:l.custom.palette.red[800],label:"",labelColor:l.custom.palette.text.negative,value:0},Disagree:{backgroundColor:l.custom.palette.data.sentimentNegative,color:l.custom.palette.red[1e3],countColor:l.custom.palette.red[800],label:"",labelColor:l.custom.palette.text.negative,value:0},Neutral:{backgroundColor:l.custom.palette.data.sentimentNeutral,color:l.custom.palette.neutral[1e3],countColor:l.custom.palette.neutral[800],label:"",labelColor:l.custom.palette.text.secondary,value:0},Agree:{backgroundColor:l.custom.palette.data.sentimentPositive,color:l.custom.palette.green[1e3],countColor:l.custom.palette.green[800],label:"",labelColor:l.custom.palette.text.positive,value:0},"Strongly Agree":{backgroundColor:l.custom.palette.data.sentimentVeryPositive,color:l.custom.palette.green[1e3],countColor:l.custom.palette.green[800],label:"",labelColor:l.custom.palette.text.positive,value:0}},c=o.reduce((e,t)=>e+t,0),g=o.map((e,t)=>({...Object.values(r)[t],label:Object.values(r)[t].label,value:e,percentage:Number((e/c*100).toFixed(0))}));return e(i,{children:[t(s,{children:g.map((o,l)=>t(u,{backgroundColor:o.backgroundColor,color:o.color,width:o.percentage,children:e(m,{children:[e(n,{size:"xxs",bold:!0,color:o.color,children:[o.percentage,"%"]}),t(n,{size:"xxs",color:o.countColor,children:o.value})]})},l))}),t(d,{children:g.map((e,o)=>t(p,{size:"xxs",color:e.labelColor,children:e.label},`label-${o}`))})]})},i=r(o)(({theme:e})=>({display:"flex",flexDirection:"column",gap:e.spacing(e.custom.margin.xs),width:"100%"})),s=r(o)(({theme:e})=>({borderRadius:e.spacing(e.custom.radius.md),display:"flex",gap:1,height:40,overflow:"hidden",width:"100%"})),u=r(o,{shouldForwardProp:e=>!["width","backgroundColor","color"].includes(e)})(({width:e,backgroundColor:t,color:o})=>({alignItems:"center",backgroundColor:t,color:o,display:"flex",fontSize:"16px",fontWeight:"bold",justifyContent:"center",overflow:"hidden",position:"relative",transition:"opacity 0.3s ease",width:`${e}%`})),m=r(o)({textAlign:"center"}),d=r(l)(({theme:e})=>({alignItems:"space-between",flexDirection:"row",flexWrap:"wrap",gap:e.spacing(e.custom.margin.md),justifyContent:"center"})),p=r(n)(({theme:e})=>({display:"flex",alignItems:"flex-start",justifyContent:"center",flex:1,marginBottom:e.spacing(.5),textAlign:"center"}));export{c as default};

package/dist/esm/systems/Platform/KpiDataPopover/SliderChart.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{Box as r,Stack as o}from"@mui/material";import{styled as a,useTheme as i}from"@mui/material/styles";import n from"../../WebCore/Typography/Typography.js";const l=({data:r=[]})=>{const o=i(),a=r.reduce((e,t)=>e+t,0),l=r.map((e,t)=>({label:t+1,value:e,percentage:e/a*100,color:o.custom.palette.text.primary})),g=100/Math.max(...l.map(e=>e.percentage)),x=l.map(e=>({...e,percentage:Number(e.percentage.toFixed(0)),percentageFactor:Number((e.percentage*g).toFixed(0))}));return e(c,{children:[t(p,{children:x.map((r,a)=>e(m,{children:[t(d,{height:r.percentageFactor}),e(s,{children:[e(n,{variation:"xs",component:"p",weight:"bold",color:o.custom.palette.purple[1e3],children:[r.percentage,"%"]}),t(n,{variation:"xxs",component:"p",color:o.custom.palette.purple[800],children:r.value})]})]},a))}),t(h,{children:x.map(e=>t(u,{variation:"xs",component:"p",children:e.label},e.label))})]})},c=a(r)(({theme:e})=>({display:"flex",flexDirection:"column",gap:e.spacing(e.custom.margin.xs),width:"100%"})),p=a(r)({display:"flex",gap:1,height:40,width:"100%"}),m=a(r)({alignItems:"center",display:"flex",flex:1,justifyContent:"center",overflow:"hidden",position:"relative",transition:"opacity 0.3s ease"}),s=a(r)({position:"relative",textAlign:"center"}),d=a(r,{shouldForwardProp:e=>!["backgroundColor","color","height"].includes(e)})(({theme:e,height:t})=>({background:e.custom.palette.purple[200],borderRadius:e.spacing(e.custom.radius.xs),bottom:0,height:`${t}%`,position:"absolute",width:"100%"})),h=a(o)(({theme:e})=>({alignItems:"center",flexDirection:"row",justifyContent:"space-between",width:"100%"})),u=a(n)(({theme:e})=>({color:e.custom.palette.text.secondary,flex:1,textAlign:"center"}));export{l as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{Box as r,Stack as i}from"@mui/material";import{styled as o,useTheme as a}from"@mui/material/styles";import{Text as l}from"../../WebCore/Text/Text.js";const c=({data:r=[]})=>{const i=a(),o=r.reduce((e,t)=>e+t,0),c=r.map((e,t)=>({label:t+1,value:e,percentage:e/o*100,color:i.custom.palette.text.primary})),x=100/Math.max(...c.map(e=>e.percentage)),g=c.map(e=>({...e,percentage:Number(e.percentage.toFixed(0)),percentageFactor:Number((e.percentage*x).toFixed(0))}));return e(n,{children:[t(s,{children:g.map((r,o)=>e(p,{children:[t(d,{height:r.percentageFactor}),e(m,{children:[e(l,{size:"xs",bold:!0,color:i.custom.palette.purple[1e3],children:[r.percentage,"%"]}),t(l,{size:"xxs",color:i.custom.palette.purple[800],children:r.value})]})]},o))}),t(u,{children:g.map(e=>t(h,{size:"xs",children:e.label},e.label))})]})},n=o(r)(({theme:e})=>({display:"flex",flexDirection:"column",gap:e.spacing(e.custom.margin.xs),width:"100%"})),s=o(r)({display:"flex",gap:1,height:40,width:"100%"}),p=o(r)({alignItems:"center",display:"flex",flex:1,justifyContent:"center",overflow:"hidden",position:"relative",transition:"opacity 0.3s ease"}),m=o(r)({position:"relative",textAlign:"center"}),d=o(r,{shouldForwardProp:e=>!["backgroundColor","color","height"].includes(e)})(({theme:e,height:t})=>({background:e.custom.palette.purple[200],borderRadius:e.spacing(e.custom.radius.xs),bottom:0,height:`${t}%`,position:"absolute",width:"100%"})),u=o(i)(({theme:e})=>({alignItems:"center",flexDirection:"row",justifyContent:"space-between",width:"100%"})),h=o(l)(({theme:e})=>({color:e.custom.palette.text.secondary,flex:1,textAlign:"center"}));export{c as default};

package/dist/esm/systems/Platform/LikertGraph/_partials/LikertActionController/LikertActionController.js

@@ -1 +1 @@
-import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import{useTheme as r,Stack as i,Box as a}from"@mui/material";import{mergeSx as s}from"merge-sx";import{useRef as p,useCallback as l}from"react";import"../../../../../utils/formValidation/misc.js";import"../../../../BrandCore/Icon/Icon.js";import"../../../../BrandCore/primitiveVariables.js";import"../../../../WebCore/utils/typography.util.js";import"../../../../WebCore/AnnualController/AnnualController.js";import"../../../../WebCore/SelectItem/SelectItem.js";import"../../../../WebCore/Accordion/Accordion.js";import"../../../../WebCore/Animations/FadeIn.js";import m from"../../../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../../../WebCore/Badge/Badge.js";import"../../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../../WebCore/Button/Button.js";import"../../../../WebCore/ButtonBase/ButtonBase.js";import"../../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import n from"../../../../WebCore/Checkbox/Checkbox.js";import"../../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../../WebCore/Differential/DifferentialContainer.js";import"../../../../WebCore/Differential/DifferentialRadio.js";import"../../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../../WebCore/FormGenerator/FormGenerator.js";import"../../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../../WebCore/IconButton/IconButton.js";import"../../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../../WebCore/Image/Image.js";import"../../../../WebCore/KbdGroup/Kbd.js";import"../../../../WebCore/KbdGroup/KbdGroup.js";import"../../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../../WebCore/Label/Label.js";import"../../../../WebCore/Likert/LikertContainer.js";import"../../../../WebCore/Likert/LikertLabel.js";import"../../../../WebCore/Likert/LikertRadio.js";import"../../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../../WebCore/Surface/Surface.js";import"../../../../WebCore/Menu/MenuItem.js";import"../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../../WebCore/NavigationButton/NavigationButton.js";import"../../../../WebCore/Nudge/NudgeButton.js";import"../../../../WebCore/NumberField/NumberField.js";import"../../../../BrandCore/colorRamps.js";import"../../../../BrandCore/semanticColor.js";import"../../../../BrandCore/types.js";import"../../../../BrandCore/typography.js";import"../../../../WebCore/Progress/Progress.js";import b from"../../../../WebCore/Tooltip/Tooltip.js";import"../../../../WebCore/Pill/StyledPill.js";import"../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../WebCore/Radio/StyledRadio.js";import"../../../../WebCore/Select/StyledSelect.js";import"../../../../WebCore/RankItem/RankItemContainer.js";import"../../../../WebCore/RankItem/RankItemLabel.js";import"../../../../WebCore/SortableList/SortableList.js";import"../../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../../WebCore/RichTextField/StyledRichTextEditor.js";import d from"../../../../WebCore/Skeleton/Skeleton.js";import"../../../../WebCore/Slider/StyledSlider.js";import"../../../../WebCore/StarRating/StarRating.js";import"../../../../WebCore/Switch/StyledSwitch.js";import"../../../../WebCore/Textarea/Textarea.js";import"../../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../../WebCore/TrialCard/TrialPill.js";import"../../../../WebCore/UserMenu/UserMenuButton.js";import"../../../../WebCore/VideoModal/VideoModal.js";import{getTextColor as c}from"../../utils/getIndicatorColor.js";import{LikertActionControllerWrapper as C,SwatchIndicator as u,LikertGraphLabel as j}from"../StyledComponents.js";const W=({disabled:W,checked:h,label:B,toolTipContent:g,id:y,onChange:S,color:x,loading:I,slotProps:L={},hideCheckboxes:k,hideLabels:f,hideColorIndicators:T,disableTooltips:A,percentage:F,amount:R})=>{const v=r(),w=p(null),M=l(()=>{!W&&S&&S(y,!h)},[W,S,h]),G=k&&f&&T,P=0===F||0===R;return!G&&e(C,{disabled:W||I,onClick:P?void 0:M,zeroDataMode:P,children:e(b,{followCursor:!0,message:g,disableHoverListener:W||I||A||!g||G,...L?.actionsTooltip,slotProps:{wrapper:{sx:{width:"100%",height:"100%",padding:G?0:`${v.spacing(v.custom.margin.sm)} ${v.spacing(v.custom.margin.xs)}`,flexDirection:"column",display:"flex",alignItems:"center",justifyContent:"space-between",gap:v.spacing(v.custom.margin.md),cursor:P?"initial":"pointer",...L?.actionsTooltip?.slotProps?.wrapper?.sx}}},children:o(t,{children:[o(i,{gap:v.spacing(v.custom.margin.xs),sx:{width:1,alignItems:"center"},children:[!T&&e(u,{sx:{...L?.actionsSwatchIndicator?.sx},color:W||I?v.custom.palette.interaction.disabled:h?x:v.custom.palette.neutral[100]}),!f&&e(j,{children:I?e(d,{width:50,height:20}):e(m,{variation:"sm",component:"p",textAlign:"center",...L?.actionsLabel,disabled:P||W,sx:s({color:h?c(x,v):v.custom.palette.text.disabled},L?.actionsLabel?.sx),children:B})})]}),!k&&e(a,{children:I?e(d,{width:24,height:24}):e(n,{id:`${y}-checkbox`,variant:"secondary",checked:!P&&(!W&&h),disabled:P||W,checkboxLabel:void 0,inputRef:w,...L?.actionsCheckbox,sx:s({mr:0},L?.actionsCheckbox?.sx)})})]})})})};export{W as default};
+import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import{useTheme as r,Stack as i,Box as a}from"@mui/material";import{mergeSx as s}from"merge-sx";import{useRef as p,useCallback as l}from"react";import"../../../../../utils/formValidation/misc.js";import"../../../../BrandCore/Icon/Icon.js";import"../../../../BrandCore/primitiveVariables.js";import"../../../../WebCore/utils/typography.util.js";import"../../../../WebCore/AnnualController/AnnualController.js";import"../../../../WebCore/SelectItem/SelectItem.js";import"../../../../WebCore/Accordion/Accordion.js";import"../../../../WebCore/Animations/FadeIn.js";import{Text as m}from"../../../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../../../WebCore/Badge/Badge.js";import"../../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../../WebCore/Button/Button.js";import"../../../../WebCore/ButtonBase/ButtonBase.js";import"../../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import n from"../../../../WebCore/Checkbox/Checkbox.js";import"../../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../../WebCore/Differential/DifferentialContainer.js";import"../../../../WebCore/Differential/DifferentialRadio.js";import"../../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../../WebCore/FormGenerator/FormGenerator.js";import"../../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../../WebCore/IconButton/IconButton.js";import"../../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../../WebCore/Image/Image.js";import"../../../../WebCore/KbdGroup/Kbd.js";import"../../../../WebCore/KbdGroup/KbdGroup.js";import"../../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../../WebCore/Label/Label.js";import"../../../../WebCore/Likert/LikertContainer.js";import"../../../../WebCore/Likert/LikertLabel.js";import"../../../../WebCore/Likert/LikertRadio.js";import"../../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../../WebCore/Surface/Surface.js";import"../../../../WebCore/Menu/MenuItem.js";import"../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../../WebCore/NavigationButton/NavigationButton.js";import"../../../../WebCore/Nudge/NudgeButton.js";import"../../../../WebCore/NumberField/NumberField.js";import"../../../../BrandCore/colorRamps.js";import"../../../../BrandCore/semanticColor.js";import"../../../../BrandCore/types.js";import"../../../../BrandCore/typography.js";import"../../../../WebCore/Progress/Progress.js";import b from"../../../../WebCore/Tooltip/Tooltip.js";import"../../../../WebCore/Pill/StyledPill.js";import"../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../WebCore/Radio/StyledRadio.js";import"../../../../WebCore/Select/StyledSelect.js";import"../../../../WebCore/RankItem/RankItemContainer.js";import"../../../../WebCore/RankItem/RankItemLabel.js";import"../../../../WebCore/SortableList/SortableList.js";import"../../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../../WebCore/RichTextField/StyledRichTextEditor.js";import d from"../../../../WebCore/Skeleton/Skeleton.js";import"../../../../WebCore/Slider/StyledSlider.js";import"../../../../WebCore/StarRating/StarRating.js";import"../../../../WebCore/Switch/StyledSwitch.js";import"../../../../WebCore/Textarea/Textarea.js";import"../../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../../WebCore/TrialCard/TrialPill.js";import"../../../../WebCore/Typography/Typography.js";import"../../../../WebCore/UserMenu/UserMenuButton.js";import"../../../../WebCore/VideoModal/VideoModal.js";import{getTextColor as c}from"../../utils/getIndicatorColor.js";import{LikertActionControllerWrapper as C,SwatchIndicator as u,LikertGraphLabel as j}from"../StyledComponents.js";const W=({disabled:W,checked:h,active:B,label:g,toolTipContent:x,id:y,onChange:S,color:I,loading:L,slotProps:k={},hideCheckboxes:f,hideLabels:T,hideColorIndicators:A,disableTooltips:F,percentage:R,amount:v})=>{const w=r(),M=p(null),G=B??h,P=l(()=>{!W&&S&&S(y,!h)},[W,S,h]),_=f&&T&&A,D=0===R||0===v;return!_&&e(C,{disabled:W||L,onClick:D?void 0:P,zeroDataMode:D,children:e(b,{followCursor:!0,message:x,disableHoverListener:W||L||F||!x||_,...k?.actionsTooltip,slotProps:{wrapper:{sx:{width:"100%",height:"100%",padding:_?0:`${w.spacing(w.custom.margin.sm)} ${w.spacing(w.custom.margin.xs)}`,flexDirection:"column",display:"flex",alignItems:"center",justifyContent:"space-between",gap:w.spacing(w.custom.margin.md),cursor:D?"initial":"pointer",...k?.actionsTooltip?.slotProps?.wrapper?.sx}}},children:o(t,{children:[o(i,{gap:w.spacing(w.custom.margin.xs),sx:{width:1,alignItems:"center"},children:[!A&&e(u,{sx:{...k?.actionsSwatchIndicator?.sx},color:W||L?w.custom.palette.interaction.disabled:G?I:w.custom.palette.neutral[100]}),!T&&e(j,{children:L?e(d,{width:50,height:20}):e(m,{size:"sm",textAlign:"center",...k?.actionsLabel,disabled:D||W,sx:s({color:G?c(I,w):w.custom.palette.text.disabled},k?.actionsLabel?.sx),children:g})})]}),!f&&e(a,{children:L?e(d,{width:24,height:24}):e(n,{id:`${y}-checkbox`,variant:"secondary",checked:!D&&(!W&&h),disabled:D||W,checkboxLabel:void 0,inputRef:M,...k?.actionsCheckbox,sx:s({mr:0},k?.actionsCheckbox?.sx)})})]})})})};export{W as default};

package/dist/esm/systems/Platform/LikertGraph/_partials/LikertGraphBar/LikertGraphBar.js

@@ -1 +1 @@
-import{jsx as e,Fragment as o,jsxs as t}from"react/jsx-runtime";import{useTheme as r,Box as i}from"@mui/material";import a from"@number-flow/react";import{mergeSx as p}from"merge-sx";import{useState as s,useEffect as n}from"react";import"../../../../../utils/formValidation/misc.js";import"../../../../BrandCore/Icon/Icon.js";import"../../../../BrandCore/primitiveVariables.js";import"../../../../WebCore/utils/typography.util.js";import"../../../../WebCore/AnnualController/AnnualController.js";import"../../../../WebCore/SelectItem/SelectItem.js";import"../../../../WebCore/Accordion/Accordion.js";import"../../../../WebCore/Animations/FadeIn.js";import l from"../../../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../../../WebCore/Badge/Badge.js";import"../../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../../WebCore/Button/Button.js";import"../../../../WebCore/ButtonBase/ButtonBase.js";import"../../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../../WebCore/Differential/DifferentialContainer.js";import"../../../../WebCore/Differential/DifferentialRadio.js";import"../../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../../WebCore/FormGenerator/FormGenerator.js";import"../../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../../WebCore/IconButton/IconButton.js";import"../../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../../WebCore/Image/Image.js";import"../../../../WebCore/KbdGroup/Kbd.js";import"../../../../WebCore/KbdGroup/KbdGroup.js";import"../../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../../WebCore/Label/Label.js";import"../../../../WebCore/Likert/LikertContainer.js";import"../../../../WebCore/Likert/LikertLabel.js";import"../../../../WebCore/Likert/LikertRadio.js";import"../../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../../WebCore/Surface/Surface.js";import"../../../../WebCore/Menu/MenuItem.js";import"../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../../WebCore/NavigationButton/NavigationButton.js";import"../../../../WebCore/Nudge/NudgeButton.js";import"../../../../WebCore/NumberField/NumberField.js";import"../../../../BrandCore/colorRamps.js";import"../../../../BrandCore/semanticColor.js";import"../../../../BrandCore/types.js";import"../../../../BrandCore/typography.js";import"../../../../WebCore/Progress/Progress.js";import m from"../../../../WebCore/Tooltip/Tooltip.js";import"../../../../WebCore/Pill/StyledPill.js";import"../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../WebCore/Radio/StyledRadio.js";import"../../../../WebCore/Select/StyledSelect.js";import"../../../../WebCore/RankItem/RankItemContainer.js";import"../../../../WebCore/RankItem/RankItemLabel.js";import"../../../../WebCore/SortableList/SortableList.js";import"../../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../../WebCore/RichTextField/StyledRichTextEditor.js";import d from"../../../../WebCore/Skeleton/Skeleton.js";import"../../../../WebCore/Slider/StyledSlider.js";import"../../../../WebCore/StarRating/StarRating.js";import"../../../../WebCore/Switch/StyledSwitch.js";import"../../../../WebCore/Textarea/Textarea.js";import"../../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../../WebCore/TrialCard/TrialPill.js";import"../../../../WebCore/UserMenu/UserMenuButton.js";import"../../../../WebCore/VideoModal/VideoModal.js";import{getTextColor as b}from"../../utils/getIndicatorColor.js";import{motion as u}from"../../../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";const c=({relativePercentage:c,amount:C,color:j,animateBars:W,disabled:y,loading:B,toolTipContent:h,hideAmount:g,disableTooltips:S,checked:f,hidePercentageSymbol:x,slotProps:I})=>{const L=r(),A=c&&c>8,[T,k]=s(0);return n(()=>{const e=B?20:c||0,o=W?T||0:e,t=performance.now(),r=i=>{const a=i-t,p=Math.min(a/250,1);k(o+(e-o)*(p*(2-p))),p<1&&requestAnimationFrame(r)},i=requestAnimationFrame(r);return()=>cancelAnimationFrame(i)},[C,B]),e(i,{component:u.div,...I?.graphBar,sx:p({height:"100%",width:`${T}%`,background:y||!f?L.custom.palette.neutral[100]:B?L.custom.palette.interaction.none:j,borderRadius:L.spacing(L.custom.radius.sm),boxSizing:"border-box",position:"relative",overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center"},I?.graphBar?.sx),initial:{opacity:0},animate:{opacity:1},transition:{duration:.3,ease:"easeOut"},children:e(m,{message:h,placement:"top",disableHoverListener:!h||y||B||S,followCursor:!0,...I?.graphBarTooltip,slotProps:{wrapper:{sx:{width:1,height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",...I?.graphBarTooltip?.slotProps?.wrapper?.sx}}},children:e(o,{children:B?e(d,{width:"100%",height:"100%",sx:{borderRadius:L.spacing(L.custom.radius.sm)}}):t(u.div,{style:{width:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},initial:{opacity:0},animate:{opacity:A?1:0},transition:{duration:.3,ease:"easeInOut",delay:A?.1:0},children:[e(u.div,{initial:{y:10,opacity:0},animate:{y:A?0:10,opacity:A?1:0},transition:{duration:.3,ease:"easeOut"},children:e(l,{monospaced:!0,variation:"xs",component:"p",weight:"bold",sx:{whiteSpace:"nowrap",color:y||!f?L.custom.palette.text.disabled:b(j,L)},children:A?t(o,{children:[e(a,{value:c,animated:W}),x?"":"%"]}):null})}),e(u.div,{initial:{y:10,opacity:0},animate:{y:A?0:10,opacity:A?1:0},transition:{duration:.3,ease:"easeOut",delay:.05},children:!g&&e(l,{monospaced:!0,variation:"xs",component:"p",sx:{color:y||!f?L.custom.palette.text.disabled:b(j,L)},children:A?e(a,{value:C,animated:W}):null})})]})})})})};export{c as default};
+import{jsx as e,Fragment as o,jsxs as t}from"react/jsx-runtime";import{useTheme as r,Box as i}from"@mui/material";import a from"@number-flow/react";import{mergeSx as s}from"merge-sx";import{useState as p,useEffect as n}from"react";import"../../../../../utils/formValidation/misc.js";import"../../../../BrandCore/Icon/Icon.js";import"../../../../BrandCore/primitiveVariables.js";import"../../../../WebCore/utils/typography.util.js";import"../../../../WebCore/AnnualController/AnnualController.js";import"../../../../WebCore/SelectItem/SelectItem.js";import"../../../../WebCore/Accordion/Accordion.js";import"../../../../WebCore/Animations/FadeIn.js";import{Text as l}from"../../../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../../../WebCore/Badge/Badge.js";import"../../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../../WebCore/Button/Button.js";import"../../../../WebCore/ButtonBase/ButtonBase.js";import"../../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../../WebCore/Differential/DifferentialContainer.js";import"../../../../WebCore/Differential/DifferentialRadio.js";import"../../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../../WebCore/FormGenerator/FormGenerator.js";import"../../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../../WebCore/IconButton/IconButton.js";import"../../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../../WebCore/Image/Image.js";import"../../../../WebCore/KbdGroup/Kbd.js";import"../../../../WebCore/KbdGroup/KbdGroup.js";import"../../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../../WebCore/Label/Label.js";import"../../../../WebCore/Likert/LikertContainer.js";import"../../../../WebCore/Likert/LikertLabel.js";import"../../../../WebCore/Likert/LikertRadio.js";import"../../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../../WebCore/Surface/Surface.js";import"../../../../WebCore/Menu/MenuItem.js";import"../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../../WebCore/NavigationButton/NavigationButton.js";import"../../../../WebCore/Nudge/NudgeButton.js";import"../../../../WebCore/NumberField/NumberField.js";import"../../../../BrandCore/colorRamps.js";import"../../../../BrandCore/semanticColor.js";import"../../../../BrandCore/types.js";import"../../../../BrandCore/typography.js";import"../../../../WebCore/Progress/Progress.js";import m from"../../../../WebCore/Tooltip/Tooltip.js";import"../../../../WebCore/Pill/StyledPill.js";import"../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../WebCore/Radio/StyledRadio.js";import"../../../../WebCore/Select/StyledSelect.js";import"../../../../WebCore/RankItem/RankItemContainer.js";import"../../../../WebCore/RankItem/RankItemLabel.js";import"../../../../WebCore/SortableList/SortableList.js";import"../../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../../WebCore/RichTextField/StyledRichTextEditor.js";import d from"../../../../WebCore/Skeleton/Skeleton.js";import"../../../../WebCore/Slider/StyledSlider.js";import"../../../../WebCore/StarRating/StarRating.js";import"../../../../WebCore/Switch/StyledSwitch.js";import"../../../../WebCore/Textarea/Textarea.js";import"../../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../../WebCore/TrialCard/TrialPill.js";import"../../../../WebCore/Typography/Typography.js";import"../../../../WebCore/UserMenu/UserMenuButton.js";import"../../../../WebCore/VideoModal/VideoModal.js";import{getTextColor as b}from"../../utils/getIndicatorColor.js";import{motion as u}from"../../../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";const c=({relativePercentage:c,amount:C,color:j,animateBars:W,disabled:y,loading:B,toolTipContent:h,hideAmount:g,disableTooltips:S,checked:f,active:x,hidePercentageSymbol:I,slotProps:L})=>{const T=r(),A=x??f,k=c&&c>8,[v,F]=p(0);return n(()=>{const e=B?20:c||0,o=W?v||0:e,t=performance.now(),r=i=>{const a=i-t,s=Math.min(a/250,1);F(o+(e-o)*(s*(2-s))),s<1&&requestAnimationFrame(r)},i=requestAnimationFrame(r);return()=>cancelAnimationFrame(i)},[C,B]),e(i,{component:u.div,...L?.graphBar,sx:s({height:"100%",width:`${v}%`,background:y||!A?T.custom.palette.neutral[100]:B?T.custom.palette.interaction.none:j,borderRadius:T.spacing(T.custom.radius.sm),boxSizing:"border-box",position:"relative",overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center"},L?.graphBar?.sx),initial:{opacity:0},animate:{opacity:1},transition:{duration:.3,ease:"easeOut"},children:e(m,{message:h,placement:"top",disableHoverListener:!h||y||B||S,followCursor:!0,...L?.graphBarTooltip,slotProps:{wrapper:{sx:{width:1,height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",...L?.graphBarTooltip?.slotProps?.wrapper?.sx}}},children:e(o,{children:B?e(d,{width:"100%",height:"100%",sx:{borderRadius:T.spacing(T.custom.radius.sm)}}):t(u.div,{style:{width:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},initial:{opacity:0},animate:{opacity:k?1:0},transition:{duration:.3,ease:"easeInOut",delay:k?.1:0},children:[e(u.div,{initial:{y:10,opacity:0},animate:{y:k?0:10,opacity:k?1:0},transition:{duration:.3,ease:"easeOut"},children:e(l,{monospaced:!0,size:"xs",bold:!0,sx:{whiteSpace:"nowrap",color:y||!A?T.custom.palette.text.disabled:b(j,T)},children:k?t(o,{children:[e(a,{value:c,animated:W}),I?"":"%"]}):null})}),e(u.div,{initial:{y:10,opacity:0},animate:{y:k?0:10,opacity:k?1:0},transition:{duration:.3,ease:"easeOut",delay:.05},children:!g&&e(l,{monospaced:!0,size:"xs",sx:{color:y||!A?T.custom.palette.text.disabled:b(j,T)},children:k?e(a,{value:C,animated:W}):null})})]})})})})};export{c as default};

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

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Box as r}from"@mui/material";import"../AiContentContainer/AiContentContainer.js";import"react";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import o from"../../WebCore/AuthFormHeader/AuthFormHeader.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import i from"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Typography/Typography.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import a from"../../WebCore/ColorBackgroundContainer/ColorBackgroundContainer.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../AISummary/AISummary.js";import"../ArrowTextIndicator/ArrowTextIndicator.js";import"../AssetItem/_partials/CoverTypeIndicator.js";import"../AssetItem/_partials/ImageTile.js";import"../AssetItem/_partials/styledPartials.js";import p from"../AuthContainerSurface/AuthContainerSurface.js";import"@mui/icons-material/CameraAlt";import"@mui/material/styles";import"../CommentCard/CommentCard.js";import"../DataPointInfo/DataPointInfo.js";import"../DemographicSelectionSection/DemographicSelectionSection.js";import"../EmojiListItem/_partials/StyledSurface.js";import"../EmojiQuestionEditorOption/_partials/StyledSurface.js";import"../TestStatus/TestStatus.js";import"@number-flow/react";import"../ExtendedTestStatus/_partials/StyledBox.js";import"../FilterCount/FilterCount.js";import"../FilteredItemsCard/FilteredItemsCard.js";import"../FilterGroupAccordion/FilterGroupAccordion.js";import"../FilterPyramidGraph/FilterPyramidGraph.js";import"../GraphBar/_partials/StyledListItemButton/StyledLisItemButton.js";import"../GraphBar/_partials/StyledLinearProgress/StyledLinearProgress.js";import"../Header/Header.js";import"../KpiDataPopover/KpiDetails.js";import"../KpiDataPopover/QuestionStatsCard.js";import"../LikertGraph/LikertGraph.js";import"../LoopItem/_partials/styledPartials.js";import"../LoopItemEmpty/LoopItemEmpty.js";import"../SliderGraph/_partials/SliderGraphYAxis/SliderGraphYAxis.js";import"@mui/material/Box";import"@mui/material/Stack";import"../SliderGraph/_partials/StyledComponents.js";import"../MiniResultCard/MiniResultCard.js";import"../Navigation/Navigation.js";import"../OnboardingCard/StyledOnboardingCard.js";import"@mui/lab";import"@mui/lab/Timeline";import"motion/react";import"../OnboardingCard/StyledTimeline.js";import"../ProjectItem/_partials/ProjectItemBadge.js";import"../ProjectItem/_partials/styledPartials.js";import"dayjs";import"../QuestionBar/QuestionBar.js";import"../QuestionBlock/QuestionBlock.js";import"../QuestionSelector/QuestionSelector.js";import"../SearchInput/SearchInput.js";import"../SectionHeader/SectionHeader.js";import"../SentimentArrow/SentimentArrow.js";import"../Tab/Tab.js";import"react-truncate-list";import"../TestKPICard/TestKPICard.js";import"../VideoControls/VideoControls.js";import"../LoopVideoNudge/LoopVideoNudge.js";import"../PinchIndicator/PinchIndicator.js";const s=()=>e(a,{sx:{display:"flex",justifyContent:"center",py:[2,5,5]},gradient:"tone4",children:t(p,{variation:"overlay",children:[e(o,{headerText:"Link expired",subText:"Your reset password link has expired. Return to log in and try again."}),e(r,{sx:{width:1},children:e(i,{fullWidth:!0,variation:"outlined",children:"Return to Log in"})})]})});export{s as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Box as r}from"@mui/material";import"../AiContentContainer/AiContentContainer.js";import"react";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import o from"../../WebCore/AuthFormHeader/AuthFormHeader.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import i from"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Text/Text.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import a from"../../WebCore/ColorBackgroundContainer/ColorBackgroundContainer.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/Typography/Typography.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../AISummary/AISummary.js";import"../ArrowTextIndicator/ArrowTextIndicator.js";import"../AssetItem/_partials/CoverTypeIndicator.js";import"../AssetItem/_partials/ImageTile.js";import"../AssetItem/_partials/styledPartials.js";import p from"../AuthContainerSurface/AuthContainerSurface.js";import"@mui/icons-material/CameraAlt";import"@mui/material/styles";import"../CommentCard/CommentCard.js";import"../DataPointInfo/DataPointInfo.js";import"../DemographicSelectionSection/DemographicSelectionSection.js";import"../EmojiListItem/_partials/StyledSurface.js";import"../EmojiQuestionEditorOption/_partials/StyledSurface.js";import"../TestStatus/TestStatus.js";import"@number-flow/react";import"../ExtendedTestStatus/_partials/StyledBox.js";import"../FilterCount/FilterCount.js";import"../FilteredItemsCard/FilteredItemsCard.js";import"../FilterGroupAccordion/FilterGroupAccordion.js";import"../FilterPyramidGraph/FilterPyramidGraph.js";import"../GraphBar/_partials/StyledListItemButton/StyledLisItemButton.js";import"../GraphBar/_partials/StyledLinearProgress/StyledLinearProgress.js";import"../Header/Header.js";import"../KpiDataPopover/KpiDetails.js";import"../KpiDataPopover/QuestionStatsCard.js";import"../LikertGraph/LikertGraph.js";import"../LoopItem/_partials/styledPartials.js";import"../LoopItemEmpty/LoopItemEmpty.js";import"../SliderGraph/_partials/SliderGraphYAxis/SliderGraphYAxis.js";import"@mui/material/Box";import"@mui/material/Stack";import"../SliderGraph/_partials/StyledComponents.js";import"../MiniResultCard/MiniResultCard.js";import"../Navigation/Navigation.js";import"../OnboardingCard/StyledOnboardingCard.js";import"@mui/lab";import"@mui/lab/Timeline";import"motion/react";import"../OnboardingCard/StyledTimeline.js";import"../ProjectItem/_partials/ProjectItemBadge.js";import"../ProjectItem/_partials/styledPartials.js";import"dayjs";import"../QuestionBar/QuestionBar.js";import"../QuestionBlock/QuestionBlock.js";import"../QuestionSelector/QuestionSelector.js";import"../SearchInput/SearchInput.js";import"../SectionHeader/SectionHeader.js";import"../SentimentArrow/SentimentArrow.js";import"../Tab/Tab.js";import"react-truncate-list";import"../TestKPICard/TestKPICard.js";import"../VideoControls/VideoControls.js";import"../LoopVideoNudge/LoopVideoNudge.js";import"../PinchIndicator/PinchIndicator.js";const s=()=>e(a,{sx:{display:"flex",justifyContent:"center",py:[2,5,5]},gradient:"tone4",children:t(p,{variation:"overlay",children:[e(o,{headerText:"Link expired",subText:"Your reset password link has expired. Return to log in and try again."}),e(r,{sx:{width:1},children:e(i,{fullWidth:!0,variation:"outlined",children:"Return to Log in"})})]})});export{s as default};

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

@@ -1 +1 @@
-import{jsx as o,jsxs as r}from"react/jsx-runtime";import i from"@mui/icons-material/VisibilityOffOutlined";import e from"@mui/icons-material/VisibilityOutlined";import{useTheme as t,Stack as a,Box as n}from"@mui/material";import{useState as s}from"react";import{emailValidation as m}from"../../../utils/formValidation/email.js";import{defaultInputValidation as l}from"../../../utils/formValidation/misc.js";import{passwordValidation as d}from"../../../utils/formValidation/password.js";import c from"../../BrandCore/Icon/Icon.js";import u from"../AuthContainerSurface/AuthContainerSurface.js";import p from"../../WebCore/AuthFormHeader/AuthFormHeader.js";import f from"../../WebCore/Button/Button.js";import g from"../../WebCore/ColorBackgroundContainer/ColorBackgroundContainer.js";import h from"../../WebCore/FormGenerator/FormGenerator.js";import y from"../../WebCore/IconButton/IconButton.js";import"../../BrandCore/primitiveVariables.js";import C from"../../WebCore/Link/Link.js";import b from"../../WebCore/TextBarDivider/TextBarDivider.js";import j from"../../WebCore/Typography/Typography.js";const v=()=>{const v=t(),[w,W]=s(!1);return o(g,{sx:{display:"flex",justifyContent:"center",py:[2,5,5]},gradient:"tone4",children:r(u,{variation:"overlay",children:[o(p,{headerText:"Log in to your account"}),r(a,{gap:1,width:"100%",children:[o(f,{variation:"secondary",fullWidth:!0,startIcon:o(c,{name:"social-google-full-colour",size:20}),children:"Log in up using Google"}),o(f,{variation:"secondary",fullWidth:!0,startIcon:o(c,{name:"social-linkedin-full-colour",size:20}),children:"Log in using LinkedIn"}),o(f,{variation:"secondary",fullWidth:!0,children:"Single sign-on (SSO)"})]}),o(b,{text:"or"}),o(h,{formConfig:{reValidateMode:"onChange",styleOverrides:{sxStack:{gap:v.spacing(v.custom.margin.sm)},sxForm:{width:1},sxButtons:{mt:v.spacing(v.custom.margin.md)}},fields:[{fieldType:"textfield",name:"email",fullWidth:!0,placeholder:"Email",validation:{...l("email",!0),...m}},{fieldType:"textfield",name:"password",type:w?"text":"password",fullWidth:!0,placeholder:"Password",endAdornment:o(y,{icon:o(w?e:i,{sx:{color:v.custom.palette.icon.primary}}),onClick:()=>W(!w)}),validation:{...l("password",!0),...d(6),equal:{value:"password",message:"You cannot choose 'password' as your password"},score:{value:1,message:"Your password is too weak"}}}]},onFormSubmit:()=>console.warn("sibmitted"),submitButton:o(f,{fullWidth:!0,children:"Log in"})}),o(n,{mt:v.spacing(v.custom.margin.sm),mb:v.spacing(v.custom.margin.lg),width:"100%",children:o(f,{variation:"subtle",fullWidth:!0,sizing:"md",children:"I forgot my password"})}),r(j,{align:"center",variation:"sm",component:"p",children:["We will process your data as set forth in our ",o(C,{children:"Terms of use"})," and"," ",o(C,{children:"Privacy & Cookies Policy"}),"."]})]})})};export{v as default};
+import{jsx as o,jsxs as r}from"react/jsx-runtime";import i from"@mui/icons-material/VisibilityOffOutlined";import e from"@mui/icons-material/VisibilityOutlined";import{useTheme as t,Stack as a,Box as n}from"@mui/material";import{useState as s}from"react";import{emailValidation as m}from"../../../utils/formValidation/email.js";import{defaultInputValidation as l}from"../../../utils/formValidation/misc.js";import{passwordValidation as d}from"../../../utils/formValidation/password.js";import c from"../../BrandCore/Icon/Icon.js";import u from"../AuthContainerSurface/AuthContainerSurface.js";import f from"../../WebCore/AuthFormHeader/AuthFormHeader.js";import p from"../../WebCore/Button/Button.js";import g from"../../WebCore/ColorBackgroundContainer/ColorBackgroundContainer.js";import h from"../../WebCore/FormGenerator/FormGenerator.js";import C from"../../WebCore/IconButton/IconButton.js";import"../../BrandCore/primitiveVariables.js";import y from"../../WebCore/Link/Link.js";import{Text as x}from"../../WebCore/Text/Text.js";import b from"../../WebCore/TextBarDivider/TextBarDivider.js";const j=()=>{const j=t(),[w,W]=s(!1);return o(g,{sx:{display:"flex",justifyContent:"center",py:[2,5,5]},gradient:"tone4",children:r(u,{variation:"overlay",children:[o(f,{headerText:"Log in to your account"}),r(a,{gap:1,width:"100%",children:[o(p,{variation:"secondary",fullWidth:!0,startIcon:o(c,{name:"social-google-full-colour",size:20}),children:"Log in up using Google"}),o(p,{variation:"secondary",fullWidth:!0,startIcon:o(c,{name:"social-linkedin-full-colour",size:20}),children:"Log in using LinkedIn"}),o(p,{variation:"secondary",fullWidth:!0,children:"Single sign-on (SSO)"})]}),o(b,{text:"or"}),o(h,{formConfig:{reValidateMode:"onChange",styleOverrides:{sxStack:{gap:j.spacing(j.custom.margin.sm)},sxForm:{width:1},sxButtons:{mt:j.spacing(j.custom.margin.md)}},fields:[{fieldType:"textfield",name:"email",fullWidth:!0,placeholder:"Email",validation:{...l("email",!0),...m}},{fieldType:"textfield",name:"password",type:w?"text":"password",fullWidth:!0,placeholder:"Password",endAdornment:o(C,{icon:o(w?e:i,{sx:{color:j.custom.palette.icon.primary}}),onClick:()=>W(!w)}),validation:{...l("password",!0),...d(6),equal:{value:"password",message:"You cannot choose 'password' as your password"},score:{value:1,message:"Your password is too weak"}}}]},onFormSubmit:()=>console.warn("sibmitted"),submitButton:o(p,{fullWidth:!0,children:"Log in"})}),o(n,{mt:j.spacing(j.custom.margin.sm),mb:j.spacing(j.custom.margin.lg),width:"100%",children:o(p,{variation:"subtle",fullWidth:!0,sizing:"md",children:"I forgot my password"})}),r(x,{align:"center",size:"sm",children:["We will process your data as set forth in our ",o(y,{children:"Terms of use"})," and"," ",o(y,{children:"Privacy & Cookies Policy"}),"."]})]})})};export{j as default};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useTheme as o,Box as r,Stack as i}from"@mui/material";import{pluralise as a}from"../../../utils/pluralise.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import p from"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import s from"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import l from"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import{ImageContainer as m,ContentContainer as n,LoopItemTitle as d,LoopItemText as b,CtaContent as c}from"./_partials/styledPartials.js";const C={position:"relative",width:"100%",height:"100%",display:"flex","& .lazy-load-image-background":{width:"100%",height:"100%"},"& .lazy-load-image-background > img":{objectFit:"cover",width:"100%",height:"100%"}},u=({onClick:u,id:j,thumbnail:W,title:h,active:g=!1,loading:B,testCount:y,draftCount:S,cta:f})=>{const x=o();return e(s,B?{borderradius:"lg",variation:"raised",onClick:u,active:g,"data-id":j,sx:{display:"grid",justifySelf:"stretch",gridTemplateRows:f?`1fr ${x.spacing(8)} ${x.spacing(7)}`:`1fr ${x.spacing(8)}`,minWidth:128,maxWidth:176,paddingBottom:f?0:x.spacing(x.custom.padding.md),overflow:"hidden"},children:[t(m,{id:"image-holder",sx:{borderBottom:`1px solid ${x.custom.palette.stroke.light}`},children:t(p,{src:W,width:"100%",height:"100%",containerSx:C})}),t(n,{children:e(r,{display:"flex",gap:1,flexDirection:"column",width:2/3,alignSelf:"center",children:[t(l,{height:19}),e(i,{direction:"row",gap:x.spacing(x.custom.margin.sm),width:1,justifyContent:"center",children:[t(l,{height:16}),t(l,{height:16})]})]})})]}:{borderradius:"lg",variation:"raised",onClick:u,active:g,"data-id":j,interactive:!0,sx:{display:"grid",justifySelf:"stretch",gridTemplateRows:f?`1fr ${x.spacing(8)} ${x.spacing(7)}`:`1fr ${x.spacing(8)}`,minWidth:128,maxWidth:176,paddingBottom:f?0:x.spacing(x.custom.padding.md),overflow:"hidden"},children:[t(m,{id:"image-holder",sx:{borderBottom:`1px solid ${x.custom.palette.stroke.light}`},children:t(p,{src:W,width:"100%",height:"100%",containerSx:C})}),e(n,{children:[t(d,{component:"p",variation:"sm",weight:"bold",children:h}),e(i,{direction:"row",gap:x.spacing(x.custom.margin.sm),width:1,justifyContent:"center",children:[!y&&!S&&t(b,{component:"p",variation:"sm",children:"Empty"}),!!y&&t(b,{component:"p",variation:"sm",children:`${y} ${a("Test",y)}`}),!!S&&t(b,{component:"p",variation:"sm",children:`${S} ${a("Draft",S)}`})]})]}),f&&t(c,{children:f})]})};export{u as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useTheme as o,Box as r,Stack as i}from"@mui/material";import{pluralise as a}from"../../../utils/pluralise.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as s}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import p from"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import l from"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import m from"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/Typography/Typography.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import{ImageContainer as n,ContentContainer as d,CtaContent as b}from"./_partials/styledPartials.js";const c={position:"relative",width:"100%",height:"100%",display:"flex","& .lazy-load-image-background":{width:"100%",height:"100%"},"& .lazy-load-image-background > img":{objectFit:"cover",width:"100%",height:"100%"}},C=({onClick:C,id:u,thumbnail:j,title:W,active:h=!1,loading:g,testCount:B,draftCount:y,cta:S})=>{const f=o();return e(l,g?{borderradius:"lg",variation:"raised",onClick:C,active:h,"data-id":u,sx:{display:"grid",justifySelf:"stretch",gridTemplateRows:S?`1fr ${f.spacing(8)} ${f.spacing(7)}`:`1fr ${f.spacing(8)}`,minWidth:128,maxWidth:176,paddingBottom:S?0:f.spacing(f.custom.padding.md),overflow:"hidden"},children:[t(n,{id:"image-holder",sx:{borderBottom:`1px solid ${f.custom.palette.stroke.light}`},children:t(p,{src:j,width:"100%",height:"100%",containerSx:c})}),t(d,{children:e(r,{display:"flex",gap:1,flexDirection:"column",width:2/3,alignSelf:"center",children:[t(m,{height:19}),e(i,{direction:"row",gap:f.spacing(f.custom.margin.sm),width:1,justifyContent:"center",children:[t(m,{height:16}),t(m,{height:16})]})]})})]}:{borderradius:"lg",variation:"raised",onClick:C,active:h,"data-id":u,interactive:!0,sx:{display:"grid",justifySelf:"stretch",gridTemplateRows:S?`1fr ${f.spacing(8)} ${f.spacing(7)}`:`1fr ${f.spacing(8)}`,minWidth:128,maxWidth:176,paddingBottom:S?0:f.spacing(f.custom.padding.md),overflow:"hidden"},children:[t(n,{id:"image-holder",sx:{borderBottom:`1px solid ${f.custom.palette.stroke.light}`},children:t(p,{src:j,width:"100%",height:"100%",containerSx:c})}),e(d,{children:[t(s,{size:"sm",bold:!0,children:W}),e(i,{direction:"row",gap:f.spacing(f.custom.margin.sm),width:1,justifyContent:"center",children:[!B&&!y&&t(s,{size:"sm",secondary:!0,children:"Empty"}),!!B&&t(s,{size:"sm",secondary:!0,children:`${B} ${a("Test",B)}`}),!!y&&t(s,{size:"sm",secondary:!0,children:`${y} ${a("Draft",y)}`})]})]}),S&&t(b,{children:S})]})};export{C as default};

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

@@ -1 +1 @@
-import{styled as e,Box as o}from"@mui/material";import"../../../../utils/formValidation/misc.js";import"react/jsx-runtime";import"../../../BrandCore/Icon/Icon.js";import"../../../BrandCore/primitiveVariables.js";import"../../../WebCore/utils/typography.util.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/SelectItem/SelectItem.js";import"../../../WebCore/Accordion/Accordion.js";import"../../../WebCore/Animations/FadeIn.js";import t from"../../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../WebCore/Image/Image.js";import"../../../WebCore/KbdGroup/Kbd.js";import"../../../WebCore/KbdGroup/KbdGroup.js";import"../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../WebCore/Surface/Surface.js";import"../../../WebCore/Menu/MenuItem.js";import"../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../WebCore/NavigationButton/NavigationButton.js";import"../../../WebCore/Nudge/NudgeButton.js";import"../../../WebCore/NumberField/NumberField.js";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/Select/StyledSelect.js";import"../../../WebCore/RankItem/RankItemContainer.js";import"../../../WebCore/RankItem/RankItemLabel.js";import"../../../WebCore/SortableList/SortableList.js";import"../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../WebCore/Skeleton/Skeleton.js";import"../../../WebCore/Slider/StyledSlider.js";import"../../../WebCore/StarRating/StarRating.js";import"../../../WebCore/Switch/StyledSwitch.js";import"../../../WebCore/Textarea/Textarea.js";import"../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../WebCore/TrialCard/TrialPill.js";import"../../../WebCore/UserMenu/UserMenuButton.js";import"../../../WebCore/VideoModal/VideoModal.js";const r=e(o)(({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",marginTop:e.spacing(e.custom.margin.sm),height:64,width:64,backgroundColor:e.custom.palette.surface.default,borderRadius:e.custom.radius.round})),i=e(o)(({theme:e})=>({boxShadow:"none",backgroundColor:e.custom.palette.surface.default,overflow:"hidden",position:"relative",display:"flex",alignItems:"center",justifyContent:"center",borderTopLeftRadius:e.spacing(e.custom.radius.md),borderTopRightRadius:e.spacing(e.custom.radius.md),aspectRatio:1.5})),a=e(o)(({theme:e})=>({paddingLeft:e.spacing(e.custom.padding.sm),paddingRight:e.spacing(e.custom.padding.sm),paddingTop:e.spacing(e.custom.padding.md),textAlign:"center",justifyContent:"center",display:"flex",flexDirection:"column",gap:e.spacing(e.custom.margin.xs)})),p=e(o)(({theme:e})=>({marginTop:e.spacing(e.custom.margin.md),display:"flex",justifyContent:"center"})),s=e(t,{shouldForwardProp:e=>!["disabled"].includes(e)})(({theme:e,disabled:o})=>({color:o?e.custom.palette.text.disabled:e.custom.palette.text.primary})),m=e(t)(({theme:e})=>({color:e.custom.palette.text.secondary}));export{a as ContentContainer,p as CtaContent,r as IconBacking,i as ImageContainer,m as LoopItemText,s as LoopItemTitle};
+import{styled as t,Box as e}from"@mui/material";const i=t(e)(({theme:t})=>({display:"flex",justifyContent:"center",alignItems:"center",marginTop:t.spacing(t.custom.margin.sm),height:64,width:64,backgroundColor:t.custom.palette.surface.default,borderRadius:t.custom.radius.round})),n=t(e)(({theme:t})=>({boxShadow:"none",backgroundColor:t.custom.palette.surface.default,overflow:"hidden",position:"relative",display:"flex",alignItems:"center",justifyContent:"center",borderTopLeftRadius:t.spacing(t.custom.radius.md),borderTopRightRadius:t.spacing(t.custom.radius.md),aspectRatio:1.5})),a=t(e)(({theme:t})=>({paddingLeft:t.spacing(t.custom.padding.sm),paddingRight:t.spacing(t.custom.padding.sm),paddingTop:t.spacing(t.custom.padding.md),textAlign:"center",justifyContent:"center",display:"flex",flexDirection:"column",gap:t.spacing(t.custom.margin.xs)})),o=t(e)(({theme:t})=>({marginTop:t.spacing(t.custom.margin.md),display:"flex",justifyContent:"center"}));export{a as ContentContainer,o as CtaContent,i as IconBacking,n as ImageContainer};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useTheme as t}from"@mui/material";import{forwardRef as r}from"react";import{getInteractionStateStyles as i}from"../../WebCore/styleblocks/interactionStates.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import a from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import p from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import s from"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import{ImageContainer as l,IconBacking as m,ContentContainer as n,LoopItemTitle as b,CtaContent as d}from"../LoopItem/_partials/styledPartials.js";const C=r(({onClick:r,ctaSpacing:C,disabledText:u,disabled:c},j)=>{const W=t();return e(s,{borderradius:"lg",interactive:!c,variation:"raised",ref:j,onClick:c?void 0:()=>r(),sx:{display:"grid",justifySelf:"stretch",minWidth:128,maxWidth:176,overflow:"hidden",backgroundColor:c?W.custom.palette.interaction.disabled:W.custom.palette.purple[0],"&:hover":{background:c?W.custom.palette.interaction.disabled:i(W,"hover",W.custom.palette.purple[0])},"&:active":{background:c?W.custom.palette.interaction.disabled:i(W,"active",W.custom.palette.purple[0])}},children:[o(l,{id:"image-holder",sx:{backgroundColor:"unset "},children:o(m,{id:"icon-container",children:o(a,{name:"add",size:48,color:c?W.custom.palette.icon.disabled:W.custom.palette.icon.link})})}),e(n,{sx:{pb:W.spacing(W.custom.padding.lg),gap:0,justifyContent:"start"},children:[o(b,{component:"p",variation:"sm",weight:"bold",disabled:c,children:"Create a new Loop"}),u&&o(p,{component:"p",variation:"xs",sx:{color:W.custom.palette.text.disabled,marginTop:W.spacing(W.custom.margin.md)},children:u})]}),C&&o(d,{})]})});export{C as default};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useTheme as t}from"@mui/material";import{forwardRef as r}from"react";import{getInteractionStateStyles as i}from"../../WebCore/styleblocks/interactionStates.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import a from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as p}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import s from"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/Typography/Typography.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import{ImageContainer as l,IconBacking as m,ContentContainer as n,CtaContent as b}from"../LoopItem/_partials/styledPartials.js";const d=r(({onClick:r,ctaSpacing:d,disabledText:C,disabled:u},c)=>{const j=t();return e(s,{borderradius:"lg",interactive:!u,variation:"raised",ref:c,onClick:u?void 0:()=>r(),sx:{display:"grid",justifySelf:"stretch",minWidth:128,maxWidth:176,overflow:"hidden",backgroundColor:u?j.custom.palette.interaction.disabled:j.custom.palette.purple[0],"&:hover":{background:u?j.custom.palette.interaction.disabled:i(j,"hover",j.custom.palette.purple[0])},"&:active":{background:u?j.custom.palette.interaction.disabled:i(j,"active",j.custom.palette.purple[0])}},children:[o(l,{id:"image-holder",sx:{backgroundColor:"unset "},children:o(m,{id:"icon-container",children:o(a,{name:"add",size:48,color:u?j.custom.palette.icon.disabled:j.custom.palette.icon.link})})}),e(n,{sx:{pb:j.spacing(j.custom.padding.lg),gap:0,justifyContent:"start"},children:[o(p,{size:"sm",bold:!0,disabled:u,children:"Create a new Loop"}),C&&o(p,{size:"xs",sx:{color:j.custom.palette.text.disabled,marginTop:j.spacing(j.custom.margin.md)},children:C})]}),d&&o(b,{})]})});export{d as default};