@useloops/design-system 1.4.674 → 1.4.676

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"../../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/Typography/Typography.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})=>{const W=a(),B={size:"xs"},h={color:W.custom.palette.text.secondary},y={color:W.custom.palette.text.link,onClick:C,sx:{cursor:"pointer",textDecoration:"underline"},size:"xs"},S="number"==typeof d&&d!==j,g=i&&"number"==typeof d&&d!==j;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]}),g?e(s,{width:60,height:18}):null]}:{children:[o(n,{children:[c?e(l,{...B,...h,children:c}):null,S?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:j,animated:r})}),b?e(l,{...B,...h,children:b}):null]}),g?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"../../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/Typography/Typography.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"},y={color:B.custom.palette.text.secondary},S={color:B.custom.palette.text.link,onClick:C,sx:{cursor:"pointer",textDecoration:"underline"},size:"xs"},g="number"==typeof d&&d!==j,I=g,x=!!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]}),x?e(s,{width:60,height:18}):null]}:{children:[o(n,{children:[c?e(l,{...h,...y,children:c}):null,I?o(t,{children:[e(l,{...h,bold:!0,monospaced:!0,children:e(p,{value:d,animated:r})}),e(l,{...h,...y,children:"/"})]}):null,e(l,{...h,...y,monospaced:!0,children:e(p,{value:j,animated:r})}),b?e(l,{...h,...y,children:b}):null]}),x?e(l,{...S,children:i}):null]})})};export{b as default};

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

@@ -1 +1 @@
-import{jsxs as t,jsx as i}from"react/jsx-runtime";import{styled as e,Box as r,Fade as o,Skeleton as n}from"@mui/material";import{useState as a}from"react";import{useInView as s}from"react-intersection-observer";const h=e("img")(({isLoaded:t})=>({display:"block",width:"100%",objectFit:"cover",height:"100%",opacity:t?1:0,filter:t?"blur(0px)":"blur(15px)",transform:t?"scale(1)":"scale(1.05)",transition:"opacity 0.5s ease-in-out, filter 0.5s ease-in-out, transform 0.5s ease-in-out",transitionDelay:"0.2s"})),l=({children:e,src:l,alt:c,width:d,height:m,containerSx:g,threshold:p=.1,rootMargin:u="500px",...f})=>{const[x,w]=a(!1),{ref:b,inView:v}=s({threshold:p,rootMargin:u,triggerOnce:!0});return t(r,{ref:b,sx:{position:"relative",width:d,height:m,overflow:"hidden",...g},children:[i(o,{in:!x,unmountOnExit:!0,children:i(r,{sx:{width:d,height:m,position:"absolute",inset:0},children:i(n,{variant:"rectangular",width:"100%",height:"100%"})})}),v&&i(h,{onLoad:()=>w(!0),alt:c,src:l,width:d,height:m,isLoaded:x,loading:"lazy",...f})]})};export{l as default};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{styled as i,Box as r,Fade as o,Skeleton as n}from"@mui/material";import{useState as s,useRef as a,useEffect as c}from"react";const l=i("img")({display:"block",width:"100%",objectFit:"cover",height:"100%",transition:"opacity 0.5s ease-in-out, filter 0.5s ease-in-out, transform 0.5s ease-in-out",transitionDelay:"0.2s","&.loaded":{opacity:1,filter:"blur(0px)",transform:"scale(1)"},"&:not(.loaded)":{opacity:0,filter:"blur(15px)",transform:"scale(1.05)"}}),h=({src:i,alt:h,width:d,height:u,containerSx:m,threshold:f=.1,rootMargin:p="500px",...g})=>{const[x,w]=s(!1),[b,v]=s(!1),y=a(null);return c(()=>{const t=y.current;if(!t)return;const e=new IntersectionObserver(([t])=>{t.isIntersecting&&(v(!0),e.disconnect())},{threshold:f,rootMargin:p});return e.observe(t),()=>e.disconnect()},[f,p]),t(r,{ref:y,sx:{position:"relative",width:d,height:u,overflow:"hidden",...m},children:[e(o,{in:!x,unmountOnExit:!0,children:e(r,{sx:{width:d,height:u,position:"absolute",inset:0},children:e(n,{variant:"rectangular",width:"100%",height:"100%"})})}),b&&e(l,{onLoad:()=>w(!0),className:x?"loaded":void 0,alt:h,src:i,width:d,height:u,...g})]})};export{h as default};

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

@@ -9,6 +9,7 @@ interface FilterCountProps {
     onButtonPress?: () => void;
     start?: string;
     totalCount: number;
+    showButton?: boolean;
 }
 declare const FilterCount: FunctionComponent<FilterCountProps>;
 

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("../../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/Typography/Typography.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:b,loading:d,onButtonPress:j=()=>{},start:C,totalCount:p})=>{const q=r.useTheme(),c={size:"xs"},W={color:q.custom.palette.text.secondary},m={color:q.custom.palette.text.link,onClick:j,sx:{cursor:"pointer",textDecoration:"underline"},size:"xs"},x="number"==typeof b&&b!==p,B=a&&"number"==typeof b&&b!==p;return e.jsx(u,{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]}),B?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,x?e.jsxs(e.Fragment,{children:[e.jsx(o.Text,{...c,bold:!0,monospaced:!0,children:e.jsx(s.default,{value:b,animated:t})}),e.jsx(o.Text,{...c,...W,children:"/"})]}):null,e.jsx(o.Text,{...c,...W,monospaced:!0,children:e.jsx(s.default,{value:p,animated:t})}),n?e.jsx(o.Text,{...c,...W,children:n}):null]}),B?e.jsx(o.Text,{...m,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("../../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/Typography/Typography.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]})})};

package/dist/systems/WebCore/Image/Image.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),i=require("react"),r=require("react-intersection-observer");const s=t.styled("img")(({isLoaded:e})=>({display:"block",width:"100%",objectFit:"cover",height:"100%",opacity:e?1:0,filter:e?"blur(0px)":"blur(15px)",transform:e?"scale(1)":"scale(1.05)",transition:"opacity 0.5s ease-in-out, filter 0.5s ease-in-out, transform 0.5s ease-in-out",transitionDelay:"0.2s"}));module.exports=({children:o,src:n,alt:a,width:h,height:l,containerSx:d,threshold:c=.1,rootMargin:u="500px",...x})=>{const[g,p]=i.useState(!1),{ref:w,inView:m}=r.useInView({threshold:c,rootMargin:u,triggerOnce:!0});return e.jsxs(t.Box,{ref:w,sx:{position:"relative",width:h,height:l,overflow:"hidden",...d},children:[e.jsx(t.Fade,{in:!g,unmountOnExit:!0,children:e.jsx(t.Box,{sx:{width:h,height:l,position:"absolute",inset:0},children:e.jsx(t.Skeleton,{variant:"rectangular",width:"100%",height:"100%"})})}),m&&e.jsx(s,{onLoad:()=>p(!0),alt:a,src:n,width:h,height:l,isLoaded:g,loading:"lazy",...x})]})};
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),i=require("react");const r=t.styled("img")({display:"block",width:"100%",objectFit:"cover",height:"100%",transition:"opacity 0.5s ease-in-out, filter 0.5s ease-in-out, transform 0.5s ease-in-out",transitionDelay:"0.2s","&.loaded":{opacity:1,filter:"blur(0px)",transform:"scale(1)"},"&:not(.loaded)":{opacity:0,filter:"blur(15px)",transform:"scale(1.05)"}});module.exports=({src:s,alt:n,width:o,height:a,containerSx:c,threshold:l=.1,rootMargin:d="500px",...h})=>{const[u,x]=i.useState(!1),[f,g]=i.useState(!1),m=i.useRef(null);return i.useEffect(()=>{const e=m.current;if(!e)return;const t=new IntersectionObserver(([e])=>{e.isIntersecting&&(g(!0),t.disconnect())},{threshold:l,rootMargin:d});return t.observe(e),()=>t.disconnect()},[l,d]),e.jsxs(t.Box,{ref:m,sx:{position:"relative",width:o,height:a,overflow:"hidden",...c},children:[e.jsx(t.Fade,{in:!u,unmountOnExit:!0,children:e.jsx(t.Box,{sx:{width:o,height:a,position:"absolute",inset:0},children:e.jsx(t.Skeleton,{variant:"rectangular",width:"100%",height:"100%"})})}),f&&e.jsx(r,{onLoad:()=>x(!0),className:u?"loaded":void 0,alt:n,src:s,width:o,height:a,...h})]})};

package/dist/theme/theme.hooks.d.ts

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

package/package.json

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