@useloops/design-system 1.4.691 → 1.4.693

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

@@ -1 +1 @@
-import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import{styled as r,Box as i,useTheme as a}from"@mui/material";import p from"@number-flow/react";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as l}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 s 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 m=r(i)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(e.custom.padding.sm)})),n=r(i)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(e.custom.padding.xs)})),b=({animated:r=!0,buttonText:i,end:b,filteredCount:d,loading:u,onButtonPress:C=()=>{},start:c,totalCount:j,showButton:W})=>{const B=a(),h={size:"xs"},S={color:B.custom.palette.text.secondary},y={color:B.custom.palette.text.link,onClick:C,sx:{cursor:"pointer",textDecoration:"underline"},size:"xs"},g="number"==typeof d&&d!==j,x=g,I=!!i&&(W??g);return e(m,{children:o(t,u?{children:[o(n,{children:[c?e(s,{width:50,height:18}):null,e(s,{width:30,height:18}),b?e(s,{width:50,height:18}):null]}),I?e(s,{width:60,height:18}):null]}:{children:[o(n,{children:[c?e(l,{...h,...S,children:c}):null,x?o(t,{children:[e(l,{...h,bold:!0,monospaced:!0,children:e(p,{value:d,animated:r})}),e(l,{...h,...S,children:"/"})]}):null,e(l,{...h,...S,monospaced:!0,children:e(p,{value:j,animated:r})}),b?e(l,{...h,...S,children:b}):null]}),I?e(l,{...y,children:i}):null]})})};export{b as default};
+import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import{styled as r,Box as i,useTheme as a}from"@mui/material";import p from"@number-flow/react";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as l}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 s 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 m=r(i)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.p.sm})),n=r(i)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.p.xs})),b=({animated:r=!0,buttonText:i,end:b,filteredCount:d,loading:u,onButtonPress:C=()=>{},start:j,totalCount:c,showButton:W})=>{const B={size:"xs"},h={secondary:!0},S={color:a().custom.palette.text.link,onClick:C,sx:{cursor:"pointer",textDecoration:"underline"},size:"xs"},y="number"==typeof d&&d!==c,g=y,I=!!i&&(W??y);return e(m,{children:o(t,u?{children:[o(n,{children:[j?e(s,{width:50,height:18}):null,e(s,{width:30,height:18}),b?e(s,{width:50,height:18}):null]}),I?e(s,{width:60,height:18}):null]}:{children:[o(n,{children:[j?e(l,{...B,...h,children:j}):null,g?o(t,{children:[e(l,{...B,bold:!0,monospaced:!0,children:e(p,{value:d,animated:r})}),e(l,{...B,...h,children:"/"})]}):null,e(l,{...B,...h,monospaced:!0,children:e(p,{value:c,animated:r})}),b?e(l,{...B,...h,children:b}):null]}),I?e(l,{...S,children:i}):null]})})};export{b 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 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/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:f,averageScore:y,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",sx:{gap:e=>e.spacing(e.custom.margin.xs)},children:[e(i,{direction:"row",sx:{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:y})})]})]}),o(a,{sx:{color:e=>e.custom.palette.stroke.light}}),e(i,{direction:"row",sx:{gap:e=>e.spacing(e.custom.margin.sm),alignItems:"center",justifyContent:"start"},children:[o(b,{message:f,placement:"left",slotProps:{wrapper:{sx:{alignSelf:"baseline"}}},children:o(m,{countryCode:h,slotProps:{avatar:{sx:{width:16,height:16}}}})}),e(i,{sx:{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};
+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/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import u from"./LikertChart.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:f,averageScore:y,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}),"likert"===g&&o(u,{data:l}),"slider"===g&&o(C,{data:l}),e(i,{direction:"row",sx:{gap:e=>e.spacing(e.custom.margin.xs)},children:[e(i,{direction:"row",sx:{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:y})})]})]}),o(a,{sx:{color:e=>e.custom.palette.stroke.light}}),e(i,{direction:"row",sx:{gap:e=>e.spacing(e.custom.margin.sm),alignItems:"center",justifyContent:"start"},children:[o(b,{message:f,placement:"left",slotProps:{wrapper:{sx:{alignSelf:"baseline"}}},children:o(m,{countryCode:h,slotProps:{avatar:{sx:{width:16,height:16}}}})}),e(i,{sx:{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/TimeToFindGraph/TimeToFindGraph.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"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as a}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 s from"../../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 n from"../../WebCore/Slider/Slider.js";import"../../WebCore/StarRating/StarRating.js";import p from"../../WebCore/Switch/Switch.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{HistogramWrapper as l,HistogramInner as m,ZoneLayer as d,Zone as b,BarsLayer as u,Bar as C,ZoneLine as c}from"./_partials/StyledComponents.js";const j=({label:r,value:s})=>{const n=o();return e(i,{sx:{flex:1,alignItems:"center",gap:n.p.xs},children:[t(a,{size:"sm",secondary:!0,children:r}),t(a,{size:"sm",bold:!0,monospaced:!0,children:s})]})},W=({min:W,max:h,bins:x,p25:B,p50:g,p75:y,mean:S,range:f,onRangeChange:I,capped:A,onCapChange:L,capLabel:M="Cap to 60 seconds",step:k=1,marksStep:w=10,unit:P="sec",formatStat:T,disabled:v,slotProps:F})=>{const R=o(),G=h-W||1,_=e=>(e=>Math.max(0,Math.min(100,e)))((e-W)/G*100),z=Math.max(1,...x),O=G/(x.length||1),K=T??(e=>`${e.toFixed(1)} ${P}`),[N,V]=f,D=_(B),E=_(y);return e(r,{...F?.root,children:[t(r,{sx:{display:"flex",justifyContent:"flex-end",mb:R.p.lg},children:t(p,{sizing:"sm",value:A,label:t(a,{size:"xs",secondary:!0,children:M}),disabled:v,onChange:(e,t)=>L(t)})}),e(i,{sx:{gap:R.p.sm},children:[e(i,{direction:"row",children:[t(j,{label:"Fastest 25%",value:K(B)}),t(j,{label:"Average",value:K(S)}),t(j,{label:"Slowest 25%",value:K(y)})]}),t(l,{children:e(m,{children:[e(d,{children:[t(b,{tone:"green",widthPct:D}),t(b,{tone:"yellow",widthPct:Math.max(0,E-D)}),t(b,{tone:"red",widthPct:Math.max(0,100-E)})]}),t(u,{children:x.map((e,o)=>{const r=W+(o+.5)*O;return t(C,{heightPct:e/z*100,inRange:r>=N&&r<=V},o)})}),t(c,{leftPct:_(B)}),t(c,{leftPct:_(g)}),t(c,{leftPct:_(y)})]})}),t(n,{labelLeft:"",labelRight:"",min:W,max:h,step:k,marksStep:w,value:f,disabled:v,onChange:(e,t)=>{Array.isArray(t)&&I([t[0],t[1]])}}),e(i,{direction:"row",sx:{justifyContent:"space-between",gap:R.p.md},children:[e(i,{sx:{gap:R.p.xs,alignItems:"center"},children:[t(a,{size:"sm",children:"Minimum"}),t(r,{sx:{width:88},children:t(s,{value:N,min:W,max:V,step:k,disabled:v,hideActionButtons:!0,slotProps:{input:{sx:{width:"100%",height:40,"& .MuiOutlinedInput-root":{justifyContent:"center"},"& .MuiOutlinedInput-input":{width:24,flexGrow:0,px:0,textAlign:"center"}}}},endAdornment:t(a,{size:"sm",secondary:!0,children:P}),onChange:e=>{"number"==typeof e&&I([e,V])}})})]}),e(i,{sx:{gap:R.p.xs,alignItems:"center"},children:[t(a,{size:"sm",children:"Maximum"}),t(r,{sx:{width:88},children:t(s,{value:V,min:N,max:h,step:k,disabled:v,hideActionButtons:!0,slotProps:{input:{sx:{width:"100%",height:40,"& .MuiOutlinedInput-root":{justifyContent:"center"},"& .MuiOutlinedInput-input":{width:24,flexGrow:0,px:0,textAlign:"center"}}}},endAdornment:t(a,{size:"sm",secondary:!0,children:P}),onChange:e=>{"number"==typeof e&&I([N,e])}})})]})]})]})]})};export{W 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"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as a}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 n from"../../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 s 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 p from"../../WebCore/Slider/Slider.js";import"../../WebCore/StarRating/StarRating.js";import l from"../../WebCore/Switch/Switch.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{HistogramWrapper as m,HistogramInner as d,ZoneLayer as b,Zone as u,BarsLayer as c,Bar as C,ZoneLine as j}from"./_partials/StyledComponents.js";const h=({label:r,value:n,prefix:s})=>{const p=o();return e(i,{sx:{flex:1,alignItems:"center",gap:p.p.xs},children:[t(a,{size:"sm",secondary:!0,children:r}),t(a,{size:"sm",bold:!0,monospaced:!0,children:s?`${s} ${n}`:n})]})},W=({min:W,max:x,bins:g,binTooltips:B,p25:y,p50:f,p75:S,mean:I,range:A,onRangeChange:L,capped:M,onCapChange:k,capLabel:w="Cap to 60 seconds",step:T=1,marksStep:P=10,unit:v="sec",formatStat:R,disabled:F,slotProps:G})=>{const _=o(),z=x-W||1,D=e=>(e=>Math.max(0,Math.min(100,e)))((e-W)/z*100),O=Math.max(1,...g),N=z/(g.length||1),K=R??(e=>`${e.toFixed(1)} ${v}`),[V,E]=A,$=D(y),U=D(S);return e(r,{...G?.root,children:[t(r,{sx:{display:"flex",justifyContent:"flex-end",mb:_.p.lg},children:t(l,{sizing:"sm",value:M,label:t(a,{size:"xs",secondary:!0,children:w}),disabled:F,onChange:(e,t)=>k(t)})}),e(i,{sx:{gap:_.p.sm},children:[e(i,{direction:"row",children:[t(h,{label:"Fastest 25%",prefix:"≤",value:K(y)}),t(h,{label:"Average",value:K(I)}),t(h,{label:"Slowest 25%",prefix:"≥",value:K(S)})]}),t(m,{children:e(d,{children:[e(b,{children:[t(u,{tone:"green",widthPct:$}),t(u,{tone:"yellow",widthPct:Math.max(0,U-$)}),t(u,{tone:"red",widthPct:Math.max(0,100-U)})]}),t(c,{children:g.map((o,r)=>{const n=W+(r+.5)*N,p=n>=V&&n<=E,l=o/O*100,m=B?.[r];return m?t(s,{placement:"top",enterDelay:200,enterNextDelay:100,message:e(i,{sx:{gap:_.p.xs,p:_.p.xs},children:[t(a,{size:"sm",bold:!0,children:m.headline}),t(a,{size:"xs",secondary:!0,children:m.body})]}),slotProps:{wrapper:{sx:{flex:1,height:"100%",flexDirection:"column",justifyContent:"flex-end",alignItems:"center",pointerEvents:"auto"}}},children:t(C,{heightPct:l,inRange:p})},r):t(C,{heightPct:l,inRange:p},r)})}),t(j,{leftPct:D(y)}),t(j,{leftPct:D(f)}),t(j,{leftPct:D(S)})]})}),t(p,{labelLeft:"",labelRight:"",min:W,max:x,step:T,marksStep:P,value:A,disabled:F,onChange:(e,t)=>{Array.isArray(t)&&L([t[0],t[1]])}}),e(i,{direction:"row",sx:{justifyContent:"space-between",gap:_.p.md},children:[e(i,{sx:{gap:_.p.xs,alignItems:"center"},children:[t(a,{size:"sm",children:"Minimum"}),t(r,{sx:{width:88},children:t(n,{value:V,min:W,max:E,step:T,disabled:F,hideActionButtons:!0,slotProps:{input:{sx:{width:"100%",height:40,"& .MuiOutlinedInput-root":{justifyContent:"center"},"& .MuiOutlinedInput-input":{width:24,flexGrow:0,px:0,textAlign:"center"}}}},endAdornment:t(a,{size:"sm",secondary:!0,children:v}),onChange:e=>{"number"==typeof e&&L([e,E])}})})]}),e(i,{sx:{gap:_.p.xs,alignItems:"center"},children:[t(a,{size:"sm",children:"Maximum"}),t(r,{sx:{width:88},children:t(n,{value:E,min:V,max:x,step:T,disabled:F,hideActionButtons:!0,slotProps:{input:{sx:{width:"100%",height:40,"& .MuiOutlinedInput-root":{justifyContent:"center"},"& .MuiOutlinedInput-input":{width:24,flexGrow:0,px:0,textAlign:"center"}}}},endAdornment:t(a,{size:"sm",secondary:!0,children:v}),onChange:e=>{"number"==typeof e&&L([V,e])}})})]})]})]})]})};export{W as default};

package/dist/systems/Platform/FilterCount/FilterCount.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("@number-flow/react");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/Icon/Icon.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../BrandCore/textures.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Animations/FadeIn.js");var o=require("../../WebCore/Text/Text.js");require("@mui/icons-material"),require("react"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KbdGroup/Kbd.js"),require("../../WebCore/KbdGroup/KbdGroup.js"),require("../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../WebCore/Label/Label.js"),require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../WebCore/Surface/Surface.js"),require("../../WebCore/Menu/MenuItem.js"),require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/RankItemContainer.js"),require("../../WebCore/RankItem/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js");var i=require("../../WebCore/Skeleton/Skeleton.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../../WebCore/Slider/StyledSlider.js"),require("../../WebCore/StarRating/StarRating.js"),require("../../WebCore/Switch/StyledSwitch.js"),require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js");var s=a(t);const u=r.styled(r.Box)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(e.custom.padding.sm)})),l=r.styled(r.Box)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(e.custom.padding.xs)}));module.exports=({animated:t=!0,buttonText:a,end:n,filteredCount:d,loading:b,onButtonPress:j=()=>{},start:C,totalCount:p,showButton:q})=>{const c=r.useTheme(),W={size:"xs"},m={color:c.custom.palette.text.secondary},x={color:c.custom.palette.text.link,onClick:j,sx:{cursor:"pointer",textDecoration:"underline"},size:"xs"},B="number"==typeof d&&d!==p,h=B,y=!!a&&(q??B);return e.jsx(u,{children:b?e.jsxs(e.Fragment,{children:[e.jsxs(l,{children:[C?e.jsx(i,{width:50,height:18}):null,e.jsx(i,{width:30,height:18}),n?e.jsx(i,{width:50,height:18}):null]}),y?e.jsx(i,{width:60,height:18}):null]}):e.jsxs(e.Fragment,{children:[e.jsxs(l,{children:[C?e.jsx(o.Text,{...W,...m,children:C}):null,h?e.jsxs(e.Fragment,{children:[e.jsx(o.Text,{...W,bold:!0,monospaced:!0,children:e.jsx(s.default,{value:d,animated:t})}),e.jsx(o.Text,{...W,...m,children:"/"})]}):null,e.jsx(o.Text,{...W,...m,monospaced:!0,children:e.jsx(s.default,{value:p,animated:t})}),n?e.jsx(o.Text,{...W,...m,children:n}):null]}),y?e.jsx(o.Text,{...x,children:a}):null]})})};
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("@number-flow/react");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/Icon/Icon.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../BrandCore/textures.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Animations/FadeIn.js");var o=require("../../WebCore/Text/Text.js");require("@mui/icons-material"),require("react"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KbdGroup/Kbd.js"),require("../../WebCore/KbdGroup/KbdGroup.js"),require("../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../WebCore/Label/Label.js"),require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../WebCore/Surface/Surface.js"),require("../../WebCore/Menu/MenuItem.js"),require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/RankItemContainer.js"),require("../../WebCore/RankItem/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js");var i=require("../../WebCore/Skeleton/Skeleton.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../../WebCore/Slider/StyledSlider.js"),require("../../WebCore/StarRating/StarRating.js"),require("../../WebCore/Switch/StyledSwitch.js"),require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js");var u=a(t);const s=r.styled(r.Box)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.p.sm})),l=r.styled(r.Box)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.p.xs}));module.exports=({animated:t=!0,buttonText:a,end:n,filteredCount:b,loading:d,onButtonPress:j=()=>{},start:C,totalCount:q,showButton:p})=>{const c={size:"xs"},W={secondary:!0},m={color:r.useTheme().custom.palette.text.link,onClick:j,sx:{cursor:"pointer",textDecoration:"underline"},size:"xs"},x="number"==typeof b&&b!==q,B=x,h=!!a&&(p??x);return e.jsx(s,{children:d?e.jsxs(e.Fragment,{children:[e.jsxs(l,{children:[C?e.jsx(i,{width:50,height:18}):null,e.jsx(i,{width:30,height:18}),n?e.jsx(i,{width:50,height:18}):null]}),h?e.jsx(i,{width:60,height:18}):null]}):e.jsxs(e.Fragment,{children:[e.jsxs(l,{children:[C?e.jsx(o.Text,{...c,...W,children:C}):null,B?e.jsxs(e.Fragment,{children:[e.jsx(o.Text,{...c,bold:!0,monospaced:!0,children:e.jsx(u.default,{value:b,animated:t})}),e.jsx(o.Text,{...c,...W,children:"/"})]}):null,e.jsx(o.Text,{...c,...W,monospaced:!0,children:e.jsx(u.default,{value:q,animated:t})}),n?e.jsx(o.Text,{...c,...W,children:n}):null]}),h?e.jsx(o.Text,{...m,children:a}):null]})})};

package/dist/systems/Platform/KpiDataPopover/KpiDataPopover.d.ts

@@ -5,7 +5,7 @@ interface QuestionStats {
     questionBody: string;
     questionData?: number[];
     questionTitle: string;
-    questionType: 'scale' | 'slider';
+    questionType: 'likert' | 'slider';
     questionUrl: string;
     testTitle: string;
     testCountry: string;

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

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

package/dist/systems/Platform/TimeToFindGraph/TimeToFindGraph.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/Icon/Icon.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../BrandCore/textures.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Animations/FadeIn.js");var t=require("../../WebCore/Text/Text.js");require("@mui/icons-material"),require("react"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KbdGroup/Kbd.js"),require("../../WebCore/KbdGroup/KbdGroup.js"),require("../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../WebCore/Label/Label.js"),require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../WebCore/Surface/Surface.js"),require("../../WebCore/Menu/MenuItem.js"),require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js");var i=require("../../WebCore/NumberField/NumberField.js");require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/RankItemContainer.js"),require("../../WebCore/RankItem/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../WebCore/Skeleton/Skeleton.js");var o=require("../../WebCore/Slider/Slider.js");require("../../WebCore/StarRating/StarRating.js");var s=require("../../WebCore/Switch/Switch.js");require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js");var a=require("./_partials/StyledComponents.js");const n=({label:i,value:o})=>{const s=r.useTheme();return e.jsxs(r.Stack,{sx:{flex:1,alignItems:"center",gap:s.p.xs},children:[e.jsx(t.Text,{size:"sm",secondary:!0,children:i}),e.jsx(t.Text,{size:"sm",bold:!0,monospaced:!0,children:o})]})};module.exports=({min:u,max:l,bins:d,p25:b,p50:p,p75:j,mean:c,range:C,onRangeChange:x,capped:m,onCapChange:q,capLabel:W="Cap to 60 seconds",step:h=1,marksStep:B=10,unit:g="sec",formatStat:y,disabled:S,slotProps:I})=>{const L=r.useTheme(),f=l-u||1,A=e=>(e=>Math.max(0,Math.min(100,e)))((e-u)/f*100),k=Math.max(1,...d),T=f/(d.length||1),v=y??(e=>`${e.toFixed(1)} ${g}`),[M,w]=C,P=A(b),F=A(j);return e.jsxs(r.Box,{...I?.root,children:[e.jsx(r.Box,{sx:{display:"flex",justifyContent:"flex-end",mb:L.p.lg},children:e.jsx(s,{sizing:"sm",value:m,label:e.jsx(t.Text,{size:"xs",secondary:!0,children:W}),disabled:S,onChange:(e,r)=>q(r)})}),e.jsxs(r.Stack,{sx:{gap:L.p.sm},children:[e.jsxs(r.Stack,{direction:"row",children:[e.jsx(n,{label:"Fastest 25%",value:v(b)}),e.jsx(n,{label:"Average",value:v(c)}),e.jsx(n,{label:"Slowest 25%",value:v(j)})]}),e.jsx(a.HistogramWrapper,{children:e.jsxs(a.HistogramInner,{children:[e.jsxs(a.ZoneLayer,{children:[e.jsx(a.Zone,{tone:"green",widthPct:P}),e.jsx(a.Zone,{tone:"yellow",widthPct:Math.max(0,F-P)}),e.jsx(a.Zone,{tone:"red",widthPct:Math.max(0,100-F)})]}),e.jsx(a.BarsLayer,{children:d.map((r,t)=>{const i=u+(t+.5)*T,o=i>=M&&i<=w;return e.jsx(a.Bar,{heightPct:r/k*100,inRange:o},t)})}),e.jsx(a.ZoneLine,{leftPct:A(b)}),e.jsx(a.ZoneLine,{leftPct:A(p)}),e.jsx(a.ZoneLine,{leftPct:A(j)})]})}),e.jsx(o,{labelLeft:"",labelRight:"",min:u,max:l,step:h,marksStep:B,value:C,disabled:S,onChange:(e,r)=>{Array.isArray(r)&&x([r[0],r[1]])}}),e.jsxs(r.Stack,{direction:"row",sx:{justifyContent:"space-between",gap:L.p.md},children:[e.jsxs(r.Stack,{sx:{gap:L.p.xs,alignItems:"center"},children:[e.jsx(t.Text,{size:"sm",children:"Minimum"}),e.jsx(r.Box,{sx:{width:88},children:e.jsx(i.default,{value:M,min:u,max:w,step:h,disabled:S,hideActionButtons:!0,slotProps:{input:{sx:{width:"100%",height:40,"& .MuiOutlinedInput-root":{justifyContent:"center"},"& .MuiOutlinedInput-input":{width:24,flexGrow:0,px:0,textAlign:"center"}}}},endAdornment:e.jsx(t.Text,{size:"sm",secondary:!0,children:g}),onChange:e=>{"number"==typeof e&&x([e,w])}})})]}),e.jsxs(r.Stack,{sx:{gap:L.p.xs,alignItems:"center"},children:[e.jsx(t.Text,{size:"sm",children:"Maximum"}),e.jsx(r.Box,{sx:{width:88},children:e.jsx(i.default,{value:w,min:M,max:l,step:h,disabled:S,hideActionButtons:!0,slotProps:{input:{sx:{width:"100%",height:40,"& .MuiOutlinedInput-root":{justifyContent:"center"},"& .MuiOutlinedInput-input":{width:24,flexGrow:0,px:0,textAlign:"center"}}}},endAdornment:e.jsx(t.Text,{size:"sm",secondary:!0,children:g}),onChange:e=>{"number"==typeof e&&x([M,e])}})})]})]})]})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/Icon/Icon.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../BrandCore/textures.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Animations/FadeIn.js");var t=require("../../WebCore/Text/Text.js");require("@mui/icons-material"),require("react"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KbdGroup/Kbd.js"),require("../../WebCore/KbdGroup/KbdGroup.js"),require("../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../WebCore/Label/Label.js"),require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../WebCore/Surface/Surface.js"),require("../../WebCore/Menu/MenuItem.js"),require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js");var i=require("../../WebCore/NumberField/NumberField.js");require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../WebCore/Progress/Progress.js");var o=require("../../WebCore/Tooltip/Tooltip.js");require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/RankItemContainer.js"),require("../../WebCore/RankItem/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../WebCore/Skeleton/Skeleton.js");var s=require("../../WebCore/Slider/Slider.js");require("../../WebCore/StarRating/StarRating.js");var a=require("../../WebCore/Switch/Switch.js");require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js");var n=require("./_partials/StyledComponents.js");const l=({label:i,value:o,prefix:s})=>{const a=r.useTheme();return e.jsxs(r.Stack,{sx:{flex:1,alignItems:"center",gap:a.p.xs},children:[e.jsx(t.Text,{size:"sm",secondary:!0,children:i}),e.jsx(t.Text,{size:"sm",bold:!0,monospaced:!0,children:s?`${s} ${o}`:o})]})};module.exports=({min:u,max:d,bins:p,binTooltips:b,p25:j,p50:c,p75:x,mean:C,range:m,onRangeChange:q,capped:h,onCapChange:W,capLabel:B="Cap to 60 seconds",step:g=1,marksStep:y=10,unit:S="sec",formatStat:f,disabled:I,slotProps:L})=>{const T=r.useTheme(),A=d-u||1,k=e=>(e=>Math.max(0,Math.min(100,e)))((e-u)/A*100),v=Math.max(1,...p),M=A/(p.length||1),w=f??(e=>`${e.toFixed(1)} ${S}`),[P,R]=m,F=k(j),G=k(x);return e.jsxs(r.Box,{...L?.root,children:[e.jsx(r.Box,{sx:{display:"flex",justifyContent:"flex-end",mb:T.p.lg},children:e.jsx(a,{sizing:"sm",value:h,label:e.jsx(t.Text,{size:"xs",secondary:!0,children:B}),disabled:I,onChange:(e,r)=>W(r)})}),e.jsxs(r.Stack,{sx:{gap:T.p.sm},children:[e.jsxs(r.Stack,{direction:"row",children:[e.jsx(l,{label:"Fastest 25%",prefix:"≤",value:w(j)}),e.jsx(l,{label:"Average",value:w(C)}),e.jsx(l,{label:"Slowest 25%",prefix:"≥",value:w(x)})]}),e.jsx(n.HistogramWrapper,{children:e.jsxs(n.HistogramInner,{children:[e.jsxs(n.ZoneLayer,{children:[e.jsx(n.Zone,{tone:"green",widthPct:F}),e.jsx(n.Zone,{tone:"yellow",widthPct:Math.max(0,G-F)}),e.jsx(n.Zone,{tone:"red",widthPct:Math.max(0,100-G)})]}),e.jsx(n.BarsLayer,{children:p.map((i,s)=>{const a=u+(s+.5)*M,l=a>=P&&a<=R,d=i/v*100,p=b?.[s];return p?e.jsx(o,{placement:"top",enterDelay:200,enterNextDelay:100,message:e.jsxs(r.Stack,{sx:{gap:T.p.xs,p:T.p.xs},children:[e.jsx(t.Text,{size:"sm",bold:!0,children:p.headline}),e.jsx(t.Text,{size:"xs",secondary:!0,children:p.body})]}),slotProps:{wrapper:{sx:{flex:1,height:"100%",flexDirection:"column",justifyContent:"flex-end",alignItems:"center",pointerEvents:"auto"}}},children:e.jsx(n.Bar,{heightPct:d,inRange:l})},s):e.jsx(n.Bar,{heightPct:d,inRange:l},s)})}),e.jsx(n.ZoneLine,{leftPct:k(j)}),e.jsx(n.ZoneLine,{leftPct:k(c)}),e.jsx(n.ZoneLine,{leftPct:k(x)})]})}),e.jsx(s,{labelLeft:"",labelRight:"",min:u,max:d,step:g,marksStep:y,value:m,disabled:I,onChange:(e,r)=>{Array.isArray(r)&&q([r[0],r[1]])}}),e.jsxs(r.Stack,{direction:"row",sx:{justifyContent:"space-between",gap:T.p.md},children:[e.jsxs(r.Stack,{sx:{gap:T.p.xs,alignItems:"center"},children:[e.jsx(t.Text,{size:"sm",children:"Minimum"}),e.jsx(r.Box,{sx:{width:88},children:e.jsx(i.default,{value:P,min:u,max:R,step:g,disabled:I,hideActionButtons:!0,slotProps:{input:{sx:{width:"100%",height:40,"& .MuiOutlinedInput-root":{justifyContent:"center"},"& .MuiOutlinedInput-input":{width:24,flexGrow:0,px:0,textAlign:"center"}}}},endAdornment:e.jsx(t.Text,{size:"sm",secondary:!0,children:S}),onChange:e=>{"number"==typeof e&&q([e,R])}})})]}),e.jsxs(r.Stack,{sx:{gap:T.p.xs,alignItems:"center"},children:[e.jsx(t.Text,{size:"sm",children:"Maximum"}),e.jsx(r.Box,{sx:{width:88},children:e.jsx(i.default,{value:R,min:P,max:d,step:g,disabled:I,hideActionButtons:!0,slotProps:{input:{sx:{width:"100%",height:40,"& .MuiOutlinedInput-root":{justifyContent:"center"},"& .MuiOutlinedInput-input":{width:24,flexGrow:0,px:0,textAlign:"center"}}}},endAdornment:e.jsx(t.Text,{size:"sm",secondary:!0,children:S}),onChange:e=>{"number"==typeof e&&q([P,e])}})})]})]})]})]})};

package/dist/systems/Platform/TimeToFindGraph/types.d.ts

@@ -1,4 +1,5 @@
 import { BoxProps } from '@mui/material';
+import { ReactNode } from 'react';
 
 interface TimeToFindGraphProps {
     /** Domain minimum for the histogram + slider (e.g. 0). */
@@ -7,6 +8,15 @@ interface TimeToFindGraphProps {
     max: number;
     /** Histogram bar counts, evenly spaced across [min, max]. */
     bins: number[];
+    /**
+     * Optional per-bar tooltip content, parallel to `bins`. When provided, each bar gets a full-height
+     * hover target showing the headline + body (e.g. "31 seconds" / "12% · 8 respondents"). Wording is
+     * owned by the consumer — the graph stays domain-agnostic.
+     */
+    binTooltips?: {
+        headline: ReactNode;
+        body: ReactNode;
+    }[];
     /** 25th percentile: the green|yellow zone boundary and first dotted line. */
     p25: number;
     /** 50th percentile (median): the middle dotted line. */

package/package.json

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