@useloops/design-system 1.4.616 → 1.4.618

package/dist/BrandCore.d.ts

@@ -1,4 +1,5 @@
 export { blueRamp, generateRamp, greenRamp, neutralRamp, peachRamp, purpleRamp, redRamp, yellowRamp } from './systems/BrandCore/colorRamps.js';
+export { tone1, tone2, tone3, tone3_border, tone3_lowOpacity_text, tone4, tone5 } from './systems/BrandCore/gradients.js';
 export { blue, darkNeutral, darkNeutralAlpha, green, neutral, neutralAlpha, peach, purple, red, yellow } from './systems/BrandCore/primitiveColor.js';
 export { GenericSizeMap, base, boxShadow, breakpoints, easing, elevation, elevationFilter, margin, padding, radius, space } from './systems/BrandCore/primitiveVariables.js';
 export { semantic } from './systems/BrandCore/semanticColor.js';

package/dist/BrandCore.js

@@ -1 +1 @@
-"use strict";var e=require("./systems/BrandCore/colorRamps.js"),r=require("./systems/BrandCore/primitiveColor.js"),t=require("./systems/BrandCore/primitiveVariables.js"),a=require("./systems/BrandCore/semanticColor.js"),s=require("./systems/BrandCore/types.js"),p=require("./systems/BrandCore/typography.js");require("react/jsx-runtime"),require("@mui/material");var o=require("./systems/BrandCore/Icon/Icon.js");exports.blueRamp=e.blueRamp,exports.generateRamp=e.generateRamp,exports.greenRamp=e.greenRamp,exports.neutralRamp=e.neutralRamp,exports.peachRamp=e.peachRamp,exports.purpleRamp=e.purpleRamp,exports.redRamp=e.redRamp,exports.yellowRamp=e.yellowRamp,exports.blue=r.blue,exports.darkNeutral=r.darkNeutral,exports.darkNeutralAlpha=r.darkNeutralAlpha,exports.green=r.green,exports.neutral=r.neutral,exports.neutralAlpha=r.neutralAlpha,exports.peach=r.peach,exports.purple=r.purple,exports.red=r.red,exports.yellow=r.yellow,exports.base=t.base,exports.boxShadow=t.boxShadow,exports.breakpoints=t.breakpoints,exports.easing=t.easing,exports.elevation=t.elevation,exports.elevationFilter=t.elevationFilter,exports.margin=t.margin,exports.padding=t.padding,exports.radius=t.radius,exports.space=t.space,exports.semantic=a.semantic,Object.defineProperty(exports,"FontWeight",{enumerable:!0,get:function(){return s.FontWeight}}),exports.fonts=p.fonts,exports.Icon=o.default,exports.iconSizeMap=o.iconSizeMap;
+"use strict";var e=require("./systems/BrandCore/colorRamps.js"),r=require("./systems/BrandCore/gradients.js"),t=require("./systems/BrandCore/primitiveColor.js"),o=require("./systems/BrandCore/primitiveVariables.js"),s=require("./systems/BrandCore/semanticColor.js"),p=require("./systems/BrandCore/types.js"),a=require("./systems/BrandCore/typography.js");require("react/jsx-runtime"),require("@mui/material");var n=require("./systems/BrandCore/Icon/Icon.js");exports.blueRamp=e.blueRamp,exports.generateRamp=e.generateRamp,exports.greenRamp=e.greenRamp,exports.neutralRamp=e.neutralRamp,exports.peachRamp=e.peachRamp,exports.purpleRamp=e.purpleRamp,exports.redRamp=e.redRamp,exports.yellowRamp=e.yellowRamp,exports.tone1=r.tone1,exports.tone2=r.tone2,exports.tone3=r.tone3,exports.tone3_border=r.tone3_border,exports.tone3_lowOpacity_text=r.tone3_lowOpacity_text,exports.tone4=r.tone4,exports.tone5=r.tone5,exports.blue=t.blue,exports.darkNeutral=t.darkNeutral,exports.darkNeutralAlpha=t.darkNeutralAlpha,exports.green=t.green,exports.neutral=t.neutral,exports.neutralAlpha=t.neutralAlpha,exports.peach=t.peach,exports.purple=t.purple,exports.red=t.red,exports.yellow=t.yellow,exports.base=o.base,exports.boxShadow=o.boxShadow,exports.breakpoints=o.breakpoints,exports.easing=o.easing,exports.elevation=o.elevation,exports.elevationFilter=o.elevationFilter,exports.margin=o.margin,exports.padding=o.padding,exports.radius=o.radius,exports.space=o.space,exports.semantic=s.semantic,Object.defineProperty(exports,"FontWeight",{enumerable:!0,get:function(){return p.FontWeight}}),exports.fonts=a.fonts,exports.Icon=n.default,exports.iconSizeMap=n.iconSizeMap;

package/dist/esm/BrandCore.js

@@ -1 +1 @@
-export{blueRamp,generateRamp,greenRamp,neutralRamp,peachRamp,purpleRamp,redRamp,yellowRamp}from"./systems/BrandCore/colorRamps.js";export{blue,darkNeutral,darkNeutralAlpha,green,neutral,neutralAlpha,peach,purple,red,yellow}from"./systems/BrandCore/primitiveColor.js";export{base,boxShadow,breakpoints,easing,elevation,elevationFilter,margin,padding,radius,space}from"./systems/BrandCore/primitiveVariables.js";export{semantic}from"./systems/BrandCore/semanticColor.js";export{FontWeight}from"./systems/BrandCore/types.js";export{fonts}from"./systems/BrandCore/typography.js";import"react/jsx-runtime";import"@mui/material";export{default as Icon,iconSizeMap}from"./systems/BrandCore/Icon/Icon.js";
+export{blueRamp,generateRamp,greenRamp,neutralRamp,peachRamp,purpleRamp,redRamp,yellowRamp}from"./systems/BrandCore/colorRamps.js";export{tone1,tone2,tone3,tone3_border,tone3_lowOpacity_text,tone4,tone5}from"./systems/BrandCore/gradients.js";export{blue,darkNeutral,darkNeutralAlpha,green,neutral,neutralAlpha,peach,purple,red,yellow}from"./systems/BrandCore/primitiveColor.js";export{base,boxShadow,breakpoints,easing,elevation,elevationFilter,margin,padding,radius,space}from"./systems/BrandCore/primitiveVariables.js";export{semantic}from"./systems/BrandCore/semanticColor.js";export{FontWeight}from"./systems/BrandCore/types.js";export{fonts}from"./systems/BrandCore/typography.js";import"react/jsx-runtime";import"@mui/material";export{default as Icon,iconSizeMap}from"./systems/BrandCore/Icon/Icon.js";

package/dist/esm/index.js

@@ -1 +1 @@
-export{blueRamp,generateRamp,greenRamp,neutralRamp,peachRamp,purpleRamp,redRamp,yellowRamp}from"./systems/BrandCore/colorRamps.js";export{blue,darkNeutral,darkNeutralAlpha,green,neutral,neutralAlpha,peach,purple,red,yellow}from"./systems/BrandCore/primitiveColor.js";export{base,boxShadow,breakpoints,easing,elevation,elevationFilter,margin,padding,radius,space}from"./systems/BrandCore/primitiveVariables.js";export{semantic}from"./systems/BrandCore/semanticColor.js";export{FontWeight}from"./systems/BrandCore/types.js";export{fonts}from"./systems/BrandCore/typography.js";import"react/jsx-runtime";import"@mui/material";export{default as Icon,iconSizeMap}from"./systems/BrandCore/Icon/Icon.js";export{default as PlanFeatureTable}from"./systems/Marketing/PlanFeatureTable/PlanFeatureTable.js";export{default as PlanTierCard}from"./systems/Marketing/PlanTierCard/PlanTierCard.js";export{default as TickGroup}from"./systems/Marketing/TickGroup/TickGroup.js";export{default as AiContentContainer}from"./systems/Platform/AiContentContainer/AiContentContainer.js";export{default as AIInsight}from"./systems/Platform/AIInsight/AIInsight.js";export{default as AISummary}from"./systems/Platform/AISummary/AISummary.js";export{default as AIWrittenByLockUp}from"./systems/Platform/AIWrittenByLockUp/AiWrittenByLockUp.js";export{default as AssetItem}from"./systems/Platform/AssetItem/AssetItem.js";export{default as AuthContainerSurface}from"./systems/Platform/AuthContainerSurface/AuthContainerSurface.js";export{default as ClipboardCopyingOverlay}from"./systems/Platform/ClipboardCopyingOverlay/ClipboardCopyingOverlay.js";export{default as CommentCard,getAuthorAvatarColor}from"./systems/Platform/CommentCard/CommentCard.js";export{default as DataPointInfo}from"./systems/Platform/DataPointInfo/DataPointInfo.js";export{default as DemographicSelectionSection}from"./systems/Platform/DemographicSelectionSection/DemographicSelectionSection.js";export{default as EmojiListItem}from"./systems/Platform/EmojiListItem/EmojiListItem.js";export{default as EmojiQuestionEditorOption}from"./systems/Platform/EmojiQuestionEditorOption/EmojiQuestionEditorOption.js";export{default as EmptyStateCard}from"./systems/Platform/EmptyStateCard/EmptyStateCard.js";export{default as ExtendedTestStatus}from"./systems/Platform/ExtendedTestStatus/ExtendedTestStatus.js";export{default as FilterCount}from"./systems/Platform/FilterCount/FilterCount.js";export{default as FilteredItemsCard}from"./systems/Platform/FilteredItemsCard/FilteredItemsCard.js";export{default as FilterGroupAccordion}from"./systems/Platform/FilterGroupAccordion/FilterGroupAccordion.js";export{default as FilterPyramidGraph}from"./systems/Platform/FilterPyramidGraph/FilterPyramidGraph.js";export{default as FilterRow}from"./systems/Platform/FilterRow/FilterRow.js";export{default as GraphBar}from"./systems/Platform/GraphBar/GraphBar.js";export{default as Header}from"./systems/Platform/Header/Header.js";export{default as KpiDataPopover}from"./systems/Platform/KpiDataPopover/KpiDataPopover.js";export{default as KpiIndicator}from"./systems/Platform/KpiIndicator/KpiIndicator.js";export{getKpiIndicatorColor,mapKpiColorSchemeByInteger}from"./systems/Platform/KpiIndicator/utils.js";export{default as LikertGraph}from"./systems/Platform/LikertGraph/LikertGraph.js";export{default as LoopItem}from"./systems/Platform/LoopItem/LoopItem.js";export{default as LoopItemEmpty}from"./systems/Platform/LoopItemEmpty/LoopItemEmpty.js";export{MiniEmojiGraph,MiniLikertGraph,MiniOpenQuestionGraph,MiniPunchGraph,MiniRankGraph,MiniSliderGraph}from"./systems/Platform/MiniResultCard/graphVariants.js";export{default as MiniResultCard}from"./systems/Platform/MiniResultCard/MiniResultCard.js";export{default as Navigation}from"./systems/Platform/Navigation/Navigation.js";export{default as OnboardingCard}from"./systems/Platform/OnboardingCard/OnboardingCard.js";export{default as PaginationControl}from"./systems/Platform/PaginationControl/PaginationControl.js";export{default as ProjectItem}from"./systems/Platform/ProjectItem/ProjectItem.js";export{default as ProjectItemEmpty}from"./systems/Platform/ProjectItem/ProjectItemEmpty.js";export{emailValidation}from"./utils/formValidation/email.js";export{DEFAULT_MAX_INPUT_LENGTH,chooseArticle,defaultInputValidation}from"./utils/formValidation/misc.js";export{passwordValidation}from"./utils/formValidation/password.js";export{buttonHeightMap,buttonInteraction,getButtonSizing,getButtonTypography,getIconSizing,outlined,primary,secondary,subtle}from"./systems/WebCore/ButtonBase/Button.variant-helpers.js";export{backgroundCreator}from"./systems/WebCore/utils/backgroundCreator.js";export{default as AnnualController}from"./systems/WebCore/AnnualController/AnnualController.js";export{default as Accordion}from"./systems/WebCore/Accordion/Accordion.js";export{default as AuthFormHeader}from"./systems/WebCore/AuthFormHeader/AuthFormHeader.js";export{default as Avatar}from"./systems/WebCore/Avatar/Avatar.js";export{default as AvatarGroup}from"./systems/WebCore/AvatarGroup/AvatarGroup.js";export{default as Badge}from"./systems/WebCore/Badge/Badge.js";export{default as BrandBadge}from"./systems/WebCore/BrandBadge/BrandBadge.js";export{default as Breadcrumb}from"./systems/WebCore/Breadcrumb/Breadcrumb.js";export{default as BulletGraphic}from"./systems/WebCore/BulletGraphic/BulletGraphic.js";export{default as Button}from"./systems/WebCore/Button/Button.js";export{default as ButtonBase}from"./systems/WebCore/ButtonBase/ButtonBase.js";export{default as Checkbox}from"./systems/WebCore/Checkbox/Checkbox.js";import"./systems/WebCore/Checkbox/StyledCheckbox.js";export{default as CheckboxGroup}from"./systems/WebCore/CheckboxGroup/CheckboxGroup.js";export{default as ColorBackgroundContainer}from"./systems/WebCore/ColorBackgroundContainer/ColorBackgroundContainer.js";export{default as CreatableAutocomplete}from"./systems/WebCore/CreatableAutocomplete/CreatableAutocomplete.js";export{default as CustomField}from"./systems/WebCore/CustomField/CustomField.js";export{default as Differential}from"./systems/WebCore/Differential/Differential.js";export{default as DropdownMenu}from"./systems/WebCore/DropdownMenu/DropdownMenu.js";export{useDropdownMenu}from"./systems/WebCore/DropdownMenu/DropdownMenu.hook.js";export{default as EmojiWrapper}from"./systems/WebCore/EmojiWrapper/EmojiWrapper.js";export{default as ExpandableTypographyClamp}from"./systems/WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";export{default as Flag}from"./systems/WebCore/Flag/Flag.js";export{default as FormControlLabel}from"./systems/WebCore/FormControlLabel/FormControlLabel.js";export{default as FormGenerator}from"./systems/WebCore/FormGenerator/FormGenerator.js";export{default as GridOverlay}from"./systems/WebCore/GridOverlay/GridOverlay.js";export{default as Html}from"./systems/WebCore/Html/Html.js";export{default as HtmlParser}from"./systems/WebCore/HtmlParser/HtmlParser.js";export{default as IconButton}from"./systems/WebCore/IconButton/IconButton.js";import*as e from"./systems/WebCore/IconButtonBase/IconButton.variant-helpers.js";export{e as iconButtonHelpers};export{default as IconButtonBase}from"./systems/WebCore/IconButtonBase/IconButtonBase.js";export{default as IconButtonGroup}from"./systems/WebCore/IconButtonGroup/IconButtonGroup.js";export{default as Image}from"./systems/WebCore/Image/Image.js";export{default as InputFieldBase}from"./systems/WebCore/InputFieldBase/InputFieldBase.js";export{default as InputLabel}from"./systems/WebCore/InputLabel/InputLabel.js";export{default as InputLabelHelp}from"./systems/WebCore/InputLabelHelp/InputLabelHelp.js";export{default as KeyValueLabel}from"./systems/WebCore/KeyValueLabel/KeyValueLabel.js";export{default as Label}from"./systems/WebCore/Label/Label.js";export{default as Likert}from"./systems/WebCore/Likert/Likert.js";export{default as Link}from"./systems/WebCore/Link/Link.js";export{default as Loader}from"./systems/WebCore/Loader/Loader.js";export{default as Logo}from"./systems/WebCore/Logo/Logo.js";export{default as LoopsAiButton}from"./systems/WebCore/LoopsAiButton/LoopsAiButton.js";export{default as Markdown}from"./systems/WebCore/Markdown/Markdown.js";export{default as Menu}from"./systems/WebCore/Menu/Menu.js";export{ModalActionsWrapper}from"./systems/WebCore/ModalLayout/_partials/ModalActionsWrapper.js";export{ModalContentWrapper}from"./systems/WebCore/ModalLayout/_partials/ModalContentWrapper.js";export{default as ModalLayout}from"./systems/WebCore/ModalLayout/ModalLayout.js";export{default as NavigationButton}from"./systems/WebCore/NavigationButton/NavigationButton.js";export{default as Nudge}from"./systems/WebCore/Nudge/Nudge.js";export{default as Typography}from"./systems/WebCore/Typography/Typography.js";import"./systems/WebCore/Nudge/NudgeButton.js";export{default as NumberField}from"./systems/WebCore/NumberField/NumberField.js";export{default as Pill}from"./systems/WebCore/Pill/Pill.js";export{default as Popper}from"./systems/WebCore/Popper/Popper.js";export{default as PoweredByWatermarkLogo}from"./systems/WebCore/PoweredByWatermarkLogo/PoweredByWatermarkLogo.js";export{default as Progress}from"./systems/WebCore/Progress/Progress.js";export{default as ProgressBar}from"./systems/WebCore/ProgressBar/ProgressBar.js";export{default as Radio}from"./systems/WebCore/Radio/Radio.js";export{default as RadioGroup}from"./systems/WebCore/RadioGroup/RadioGroup.js";export{default as Rank}from"./systems/WebCore/Rank/Rank.js";export{default as RichTextField}from"./systems/WebCore/RichTextField/RichTextField.js";export{default as Select}from"./systems/WebCore/Select/Select.js";import"./systems/WebCore/Select/SelectItem.js";export{default as Skeleton}from"./systems/WebCore/Skeleton/Skeleton.js";export{default as Slider}from"./systems/WebCore/Slider/Slider.js";export{default as SortableList}from"./systems/WebCore/SortableList/SortableList.js";export{default as StarRating}from"./systems/WebCore/StarRating/StarRating.js";export{default as Surface}from"./systems/WebCore/Surface/Surface.js";export{default as Switch}from"./systems/WebCore/Switch/Switch.js";export{default as Textarea}from"./systems/WebCore/Textarea/Textarea.js";export{default as TextBarDivider}from"./systems/WebCore/TextBarDivider/TextBarDivider.js";export{default as TextField}from"./systems/WebCore/TextField/TextField.js";export{default as Toast}from"./systems/WebCore/Toast/Toast.js";export{default as Tooltip}from"./systems/WebCore/Tooltip/Tooltip.js";export{default as TrialCard}from"./systems/WebCore/TrialCard/TrialCard.js";export{default as UserMenu}from"./systems/WebCore/UserMenu/UserMenu.js";export{default as VideoModal}from"./systems/WebCore/VideoModal/VideoModal.js";export{default as ButtonTabGroup}from"./systems/WebCore/ButtonTabGroup/ButtonTabGroup.js";export{pluralise}from"./utils/pluralise.js";import"./systems/Platform/ProjectItem/_partials/ProjectItemBadge.js";import"merge-sx";import"./systems/Platform/ProjectItem/_partials/styledPartials.js";import"dayjs";export{default as QuestionLabel}from"./systems/Platform/QuestionBar/QuestionBar.js";export{default as QuestionBlock}from"./systems/Platform/QuestionBlock/QuestionBlock.js";export{default as QuestionSelector}from"./systems/Platform/QuestionSelector/QuestionSelector.js";export{default as ScrollIndicator}from"./systems/Platform/ScrollIndicator/ScrollIndicator.js";export{default as SearchInput}from"./systems/Platform/SearchInput/SearchInput.js";export{default as SectionHeader}from"./systems/Platform/SectionHeader/SectionHeader.js";export{default as SentimentArrow}from"./systems/Platform/SentimentArrow/SentimentArrow.js";import"./systems/Platform/SliderGraph/_partials/SliderGraphYAxis/SliderGraphYAxis.js";export{default as SliderGraph}from"./systems/Platform/SliderGraph/SliderGraph.js";import"react";import"./systems/Platform/SliderGraph/_partials/StyledComponents.js";export{default as Tab}from"./systems/Platform/Tab/Tab.js";export{default as TestItem}from"./systems/Platform/TestItem/TestItem.js";export{default as TestKPICard}from"./systems/Platform/TestKPICard/TestKPICard.js";export{default as VideoControls}from"./systems/Platform/VideoControls/VideoControls.js";export{default as ArrowTextIndicator}from"./systems/Platform/ArrowTextIndicator/ArrowTextIndicator.js";export{useBreakpoint}from"./utils/breakpoint.hook.js";export{compareArrayMembers}from"./utils/compareArrayMembers.js";export{isButton}from"./utils/isButton.js";export{useScreenSize}from"./utils/screen.hook.js";export{useKeyCombo}from"./utils/useKeyCombo.js";export{usePrevious}from"./utils/usePrevious.js";export{customTheme}from"./theme/theme.js";export{useTheme,useThemeBuilder}from"./theme/theme.hooks.js";export{ThemeProvider}from"./theme/theme.provider.js";export{ThemeContext}from"./theme/theme.context.js";
+export{blueRamp,generateRamp,greenRamp,neutralRamp,peachRamp,purpleRamp,redRamp,yellowRamp}from"./systems/BrandCore/colorRamps.js";export{tone1,tone2,tone3,tone3_border,tone3_lowOpacity_text,tone4,tone5}from"./systems/BrandCore/gradients.js";export{blue,darkNeutral,darkNeutralAlpha,green,neutral,neutralAlpha,peach,purple,red,yellow}from"./systems/BrandCore/primitiveColor.js";export{base,boxShadow,breakpoints,easing,elevation,elevationFilter,margin,padding,radius,space}from"./systems/BrandCore/primitiveVariables.js";export{semantic}from"./systems/BrandCore/semanticColor.js";export{FontWeight}from"./systems/BrandCore/types.js";export{fonts}from"./systems/BrandCore/typography.js";import"react/jsx-runtime";import"@mui/material";export{default as Icon,iconSizeMap}from"./systems/BrandCore/Icon/Icon.js";export{default as PlanFeatureTable}from"./systems/Marketing/PlanFeatureTable/PlanFeatureTable.js";export{default as PlanTierCard}from"./systems/Marketing/PlanTierCard/PlanTierCard.js";export{default as TickGroup}from"./systems/Marketing/TickGroup/TickGroup.js";export{default as AiContentContainer}from"./systems/Platform/AiContentContainer/AiContentContainer.js";export{default as AIInsight}from"./systems/Platform/AIInsight/AIInsight.js";export{default as AISummary}from"./systems/Platform/AISummary/AISummary.js";export{default as AIWrittenByLockUp}from"./systems/Platform/AIWrittenByLockUp/AiWrittenByLockUp.js";export{default as AssetItem}from"./systems/Platform/AssetItem/AssetItem.js";export{default as AuthContainerSurface}from"./systems/Platform/AuthContainerSurface/AuthContainerSurface.js";export{default as ClipboardCopyingOverlay}from"./systems/Platform/ClipboardCopyingOverlay/ClipboardCopyingOverlay.js";export{default as CommentCard,getAuthorAvatarColor}from"./systems/Platform/CommentCard/CommentCard.js";export{default as DataPointInfo}from"./systems/Platform/DataPointInfo/DataPointInfo.js";export{default as DemographicSelectionSection}from"./systems/Platform/DemographicSelectionSection/DemographicSelectionSection.js";export{default as EmojiListItem}from"./systems/Platform/EmojiListItem/EmojiListItem.js";export{default as EmojiQuestionEditorOption}from"./systems/Platform/EmojiQuestionEditorOption/EmojiQuestionEditorOption.js";export{default as EmptyStateCard}from"./systems/Platform/EmptyStateCard/EmptyStateCard.js";export{default as ExtendedTestStatus}from"./systems/Platform/ExtendedTestStatus/ExtendedTestStatus.js";export{default as FilterCount}from"./systems/Platform/FilterCount/FilterCount.js";export{default as FilteredItemsCard}from"./systems/Platform/FilteredItemsCard/FilteredItemsCard.js";export{default as FilterGroupAccordion}from"./systems/Platform/FilterGroupAccordion/FilterGroupAccordion.js";export{default as FilterPyramidGraph}from"./systems/Platform/FilterPyramidGraph/FilterPyramidGraph.js";export{default as FilterRow}from"./systems/Platform/FilterRow/FilterRow.js";export{default as GraphBar}from"./systems/Platform/GraphBar/GraphBar.js";export{default as Header}from"./systems/Platform/Header/Header.js";export{default as KpiDataPopover}from"./systems/Platform/KpiDataPopover/KpiDataPopover.js";export{default as KpiIndicator}from"./systems/Platform/KpiIndicator/KpiIndicator.js";export{getKpiIndicatorColor,mapKpiColorSchemeByInteger}from"./systems/Platform/KpiIndicator/utils.js";export{default as LikertGraph}from"./systems/Platform/LikertGraph/LikertGraph.js";export{default as LoopItem}from"./systems/Platform/LoopItem/LoopItem.js";export{default as LoopItemEmpty}from"./systems/Platform/LoopItemEmpty/LoopItemEmpty.js";export{MiniEmojiGraph,MiniLikertGraph,MiniOpenQuestionGraph,MiniPunchGraph,MiniRankGraph,MiniSliderGraph}from"./systems/Platform/MiniResultCard/graphVariants.js";export{default as MiniResultCard}from"./systems/Platform/MiniResultCard/MiniResultCard.js";export{default as Navigation}from"./systems/Platform/Navigation/Navigation.js";export{default as OnboardingCard}from"./systems/Platform/OnboardingCard/OnboardingCard.js";export{default as PaginationControl}from"./systems/Platform/PaginationControl/PaginationControl.js";export{default as ProjectItem}from"./systems/Platform/ProjectItem/ProjectItem.js";export{default as ProjectItemEmpty}from"./systems/Platform/ProjectItem/ProjectItemEmpty.js";export{emailValidation}from"./utils/formValidation/email.js";export{DEFAULT_MAX_INPUT_LENGTH,chooseArticle,defaultInputValidation}from"./utils/formValidation/misc.js";export{passwordValidation}from"./utils/formValidation/password.js";export{buttonHeightMap,buttonInteraction,getButtonSizing,getButtonTypography,getIconSizing,outlined,primary,secondary,subtle}from"./systems/WebCore/ButtonBase/Button.variant-helpers.js";export{backgroundCreator}from"./systems/WebCore/utils/backgroundCreator.js";export{default as AnnualController}from"./systems/WebCore/AnnualController/AnnualController.js";export{default as Accordion}from"./systems/WebCore/Accordion/Accordion.js";export{default as AuthFormHeader}from"./systems/WebCore/AuthFormHeader/AuthFormHeader.js";export{default as Avatar}from"./systems/WebCore/Avatar/Avatar.js";export{default as AvatarGroup}from"./systems/WebCore/AvatarGroup/AvatarGroup.js";export{default as Badge}from"./systems/WebCore/Badge/Badge.js";export{default as BrandBadge}from"./systems/WebCore/BrandBadge/BrandBadge.js";export{default as Breadcrumb}from"./systems/WebCore/Breadcrumb/Breadcrumb.js";export{default as BulletGraphic}from"./systems/WebCore/BulletGraphic/BulletGraphic.js";export{default as Button}from"./systems/WebCore/Button/Button.js";export{default as ButtonBase}from"./systems/WebCore/ButtonBase/ButtonBase.js";export{default as Checkbox}from"./systems/WebCore/Checkbox/Checkbox.js";import"./systems/WebCore/Checkbox/StyledCheckbox.js";export{default as CheckboxGroup}from"./systems/WebCore/CheckboxGroup/CheckboxGroup.js";export{default as ColorBackgroundContainer}from"./systems/WebCore/ColorBackgroundContainer/ColorBackgroundContainer.js";export{default as CreatableAutocomplete}from"./systems/WebCore/CreatableAutocomplete/CreatableAutocomplete.js";export{default as CustomField}from"./systems/WebCore/CustomField/CustomField.js";export{default as Differential}from"./systems/WebCore/Differential/Differential.js";export{default as DropdownMenu}from"./systems/WebCore/DropdownMenu/DropdownMenu.js";export{useDropdownMenu}from"./systems/WebCore/DropdownMenu/DropdownMenu.hook.js";export{default as EmojiWrapper}from"./systems/WebCore/EmojiWrapper/EmojiWrapper.js";export{default as ExpandableTypographyClamp}from"./systems/WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";export{default as Flag}from"./systems/WebCore/Flag/Flag.js";export{default as FormControlLabel}from"./systems/WebCore/FormControlLabel/FormControlLabel.js";export{default as FormGenerator}from"./systems/WebCore/FormGenerator/FormGenerator.js";export{default as GridOverlay}from"./systems/WebCore/GridOverlay/GridOverlay.js";export{default as Html}from"./systems/WebCore/Html/Html.js";export{default as HtmlParser}from"./systems/WebCore/HtmlParser/HtmlParser.js";export{default as IconButton}from"./systems/WebCore/IconButton/IconButton.js";import*as e from"./systems/WebCore/IconButtonBase/IconButton.variant-helpers.js";export{e as iconButtonHelpers};export{default as IconButtonBase}from"./systems/WebCore/IconButtonBase/IconButtonBase.js";export{default as IconButtonGroup}from"./systems/WebCore/IconButtonGroup/IconButtonGroup.js";export{default as Image}from"./systems/WebCore/Image/Image.js";export{default as InputFieldBase}from"./systems/WebCore/InputFieldBase/InputFieldBase.js";export{default as InputLabel}from"./systems/WebCore/InputLabel/InputLabel.js";export{default as InputLabelHelp}from"./systems/WebCore/InputLabelHelp/InputLabelHelp.js";export{default as KeyValueLabel}from"./systems/WebCore/KeyValueLabel/KeyValueLabel.js";export{default as Label}from"./systems/WebCore/Label/Label.js";export{default as Likert}from"./systems/WebCore/Likert/Likert.js";export{default as Link}from"./systems/WebCore/Link/Link.js";export{default as Loader}from"./systems/WebCore/Loader/Loader.js";export{default as Logo}from"./systems/WebCore/Logo/Logo.js";export{default as LoopsAiButton}from"./systems/WebCore/LoopsAiButton/LoopsAiButton.js";export{default as Markdown}from"./systems/WebCore/Markdown/Markdown.js";export{default as Menu}from"./systems/WebCore/Menu/Menu.js";export{ModalActionsWrapper}from"./systems/WebCore/ModalLayout/_partials/ModalActionsWrapper.js";export{ModalContentWrapper}from"./systems/WebCore/ModalLayout/_partials/ModalContentWrapper.js";export{default as ModalLayout}from"./systems/WebCore/ModalLayout/ModalLayout.js";export{default as NavigationButton}from"./systems/WebCore/NavigationButton/NavigationButton.js";export{default as Nudge}from"./systems/WebCore/Nudge/Nudge.js";export{default as Typography}from"./systems/WebCore/Typography/Typography.js";import"./systems/WebCore/Nudge/NudgeButton.js";export{default as NumberField}from"./systems/WebCore/NumberField/NumberField.js";export{default as Pill}from"./systems/WebCore/Pill/Pill.js";export{default as Popper}from"./systems/WebCore/Popper/Popper.js";export{default as PoweredByWatermarkLogo}from"./systems/WebCore/PoweredByWatermarkLogo/PoweredByWatermarkLogo.js";export{default as Progress}from"./systems/WebCore/Progress/Progress.js";export{default as ProgressBar}from"./systems/WebCore/ProgressBar/ProgressBar.js";export{default as Radio}from"./systems/WebCore/Radio/Radio.js";export{default as RadioGroup}from"./systems/WebCore/RadioGroup/RadioGroup.js";export{default as Rank}from"./systems/WebCore/Rank/Rank.js";export{default as RichTextField}from"./systems/WebCore/RichTextField/RichTextField.js";export{default as Select}from"./systems/WebCore/Select/Select.js";import"./systems/WebCore/Select/SelectItem.js";export{default as Skeleton}from"./systems/WebCore/Skeleton/Skeleton.js";export{default as Slider}from"./systems/WebCore/Slider/Slider.js";export{default as SortableList}from"./systems/WebCore/SortableList/SortableList.js";export{default as StarRating}from"./systems/WebCore/StarRating/StarRating.js";export{default as Surface}from"./systems/WebCore/Surface/Surface.js";export{default as Switch}from"./systems/WebCore/Switch/Switch.js";export{default as Textarea}from"./systems/WebCore/Textarea/Textarea.js";export{default as TextBarDivider}from"./systems/WebCore/TextBarDivider/TextBarDivider.js";export{default as TextField}from"./systems/WebCore/TextField/TextField.js";export{default as Toast}from"./systems/WebCore/Toast/Toast.js";export{default as Tooltip}from"./systems/WebCore/Tooltip/Tooltip.js";export{default as TrialCard}from"./systems/WebCore/TrialCard/TrialCard.js";export{default as UserMenu}from"./systems/WebCore/UserMenu/UserMenu.js";export{default as VideoModal}from"./systems/WebCore/VideoModal/VideoModal.js";export{default as ButtonTabGroup}from"./systems/WebCore/ButtonTabGroup/ButtonTabGroup.js";export{pluralise}from"./utils/pluralise.js";import"./systems/Platform/ProjectItem/_partials/ProjectItemBadge.js";import"merge-sx";import"./systems/Platform/ProjectItem/_partials/styledPartials.js";import"dayjs";export{default as QuestionLabel}from"./systems/Platform/QuestionBar/QuestionBar.js";export{default as QuestionBlock}from"./systems/Platform/QuestionBlock/QuestionBlock.js";export{default as QuestionSelector}from"./systems/Platform/QuestionSelector/QuestionSelector.js";export{default as ScrollIndicator}from"./systems/Platform/ScrollIndicator/ScrollIndicator.js";export{default as SearchInput}from"./systems/Platform/SearchInput/SearchInput.js";export{default as SectionHeader}from"./systems/Platform/SectionHeader/SectionHeader.js";export{default as SentimentArrow}from"./systems/Platform/SentimentArrow/SentimentArrow.js";import"./systems/Platform/SliderGraph/_partials/SliderGraphYAxis/SliderGraphYAxis.js";export{default as SliderGraph}from"./systems/Platform/SliderGraph/SliderGraph.js";import"react";import"./systems/Platform/SliderGraph/_partials/StyledComponents.js";export{default as Tab}from"./systems/Platform/Tab/Tab.js";export{default as TestItem}from"./systems/Platform/TestItem/TestItem.js";export{default as TestKPICard}from"./systems/Platform/TestKPICard/TestKPICard.js";export{default as VideoControls}from"./systems/Platform/VideoControls/VideoControls.js";export{default as ArrowTextIndicator}from"./systems/Platform/ArrowTextIndicator/ArrowTextIndicator.js";export{useBreakpoint}from"./utils/breakpoint.hook.js";export{compareArrayMembers}from"./utils/compareArrayMembers.js";export{isButton}from"./utils/isButton.js";export{useScreenSize}from"./utils/screen.hook.js";export{useKeyCombo}from"./utils/useKeyCombo.js";export{usePrevious}from"./utils/usePrevious.js";export{customTheme}from"./theme/theme.js";export{useTheme,useThemeBuilder}from"./theme/theme.hooks.js";export{ThemeProvider}from"./theme/theme.provider.js";export{ThemeContext}from"./theme/theme.context.js";

package/dist/esm/systems/BrandCore/gradients.js

@@ -1 +1 @@
-import{alpha as e}from"@mui/material";const t=e=>`linear-gradient(135deg, ${e.custom.palette.purple[400]} 0%, ${e.custom.palette.purple[200]} 100%)`,l=e=>`linear-gradient(135deg, ${e.custom.palette.purple[0]} 0%, ${e.custom.palette.purple[100]} 100%)`,a=e=>`linear-gradient(135deg, ${e.custom.palette.blue[400]} 0%, ${e.custom.palette.purple[600]} 100%)`,p=t=>`radial-gradient(54.59% 50% at 0% 50.04%, ${e(t.custom.palette.blue[1e3],.2)} 0%, ${e(t.custom.palette.blue[500],.2)} 100%), linear-gradient(135deg, ${t.custom.palette.purple[500]} 0%, ${t.custom.palette.purple[1e3]} 100%)`,r=e=>`linear-gradient(135deg, ${e.custom.palette.blue[0]} 0%, ${e.custom.palette.purple[0]} 100%)`,u=e=>({background:a(e),backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"});export{t as tone1,l as tone2,a as tone3,u as tone3_lowOpacity_text,p as tone4,r as tone5};
+import{alpha as e}from"@mui/material";const t=e=>`linear-gradient(135deg, ${e.custom.palette.purple[400]} 0%, ${e.custom.palette.purple[200]} 100%)`,a=e=>`linear-gradient(135deg, ${e.custom.palette.purple[0]} 0%, ${e.custom.palette.purple[100]} 100%)`,r=e=>`linear-gradient(135deg, ${e.custom.palette.blue[400]} 0%, ${e.custom.palette.purple[600]} 100%)`,l=t=>`radial-gradient(54.59% 50% at 0% 50.04%, ${e(t.custom.palette.blue[1e3],.2)} 0%, ${e(t.custom.palette.blue[500],.2)} 100%), linear-gradient(135deg, ${t.custom.palette.purple[500]} 0%, ${t.custom.palette.purple[1e3]} 100%)`,p=e=>`linear-gradient(135deg, ${e.custom.palette.blue[0]} 0%, ${e.custom.palette.purple[0]} 100%)`,u=e=>({background:r(e),backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"}),o=(e,t=1,a)=>{const l=a??e.custom.palette.surface.default;return{border:`${t}px solid transparent`,background:`${l.includes("gradient")?l:`linear-gradient(${l}, ${l})`} padding-box, ${r(e)} border-box`}};export{t as tone1,a as tone2,r as tone3,o as tone3_border,u as tone3_lowOpacity_text,l as tone4,p as tone5};

package/dist/esm/systems/Platform/AIWrittenByLockUp/AiWrittenByLockUp.js

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useTheme as r,Stack as t}from"@mui/material";import{mergeSx as i}from"merge-sx";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import a from"../../BrandCore/Icon/Icon.js";import{tone3 as p,tone3_lowOpacity_text as s}from"../../BrandCore/gradients.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import m from"../../WebCore/Typography/Typography.js";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import n from"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import l from"../../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"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";const b=({sx:b,onUpvote:C,onDownvote:c,onCopy:u,aiButtonText:d,onClickAIButton:j})=>{const W=r(),B=i({position:"relative",mt:W.custom.margin.md,gap:W.custom.margin.md,alignItems:"center"},b);return e(t,{direction:"row",sx:B,children:[e(t,{direction:"row",gap:W.spacing(W.custom.padding.xs),children:[o(a,{name:"ai",size:20,sx:{color:"transparent",background:p(W),maskImage:"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.75 3c.207 0 .375.168.375.375a3 3 0 003 3 .375.375 0 010 .75 3 3 0 00-3 3 .375.375 0 01-.75 0 3 3 0 00-3-3 .375.375 0 110-.75 3 3 0 003-3c0-.207.168-.375.375-.375zM15.875 7.875a.375.375 0 00-.75 0c0 2.9-2.35 5.25-5.25 5.25a.375.375 0 000 .75c2.9 0 5.25 2.35 5.25 5.25a.375.375 0 00.75 0c0-2.9 2.35-5.25 5.25-5.25a.375.375 0 000-.75 5.25 5.25 0 01-5.25-5.25zM6.125 13.875a.375.375 0 00-.75 0 3 3 0 01-3 3 .375.375 0 000 .75 3 3 0 013 3 .375.375 0 00.75 0 3 3 0 013-3 .375.375 0 000-.75 3 3 0 01-3-3z'/%3E%3C/svg%3E\")",maskSize:"contain",maskRepeat:"no-repeat",maskPosition:"center"}}),o(m,{component:"p",variation:"xs",weight:"bold",noWrap:!0,sx:{...s(W)},children:"Written by Loops Intelligence"})]}),e(t,{direction:"row",sx:{marginLeft:"auto"},children:[!!C&&o(n,{icon:o(a,{name:"thumb-up"}),sizing:"xs",onClick:C}),!!c&&o(n,{icon:o(a,{name:"thumb-down"}),sizing:"xs",onClick:c}),!!u&&o(n,{icon:o(a,{name:"copy"}),sizing:"xs",onClick:u})]}),d&&o(l,{text:d,onClick:j})]})};export{b as default};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useTheme as r,Stack as t}from"@mui/material";import{mergeSx as i}from"merge-sx";import"../../BrandCore/colorRamps.js";import{tone3 as a,tone3_lowOpacity_text as p}from"../../BrandCore/gradients.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import s from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import m from"../../WebCore/Typography/Typography.js";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import n from"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import l from"../../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"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";const b=({sx:b,onUpvote:C,onDownvote:c,onCopy:u,aiButtonText:d,onClickAIButton:j})=>{const W=r(),B=i({position:"relative",mt:W.custom.margin.md,gap:W.custom.margin.md,alignItems:"center"},b);return e(t,{direction:"row",sx:B,children:[e(t,{direction:"row",gap:W.spacing(W.custom.padding.xs),children:[o(s,{name:"ai",size:20,sx:{color:"transparent",background:a(W),maskImage:"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.75 3c.207 0 .375.168.375.375a3 3 0 003 3 .375.375 0 010 .75 3 3 0 00-3 3 .375.375 0 01-.75 0 3 3 0 00-3-3 .375.375 0 110-.75 3 3 0 003-3c0-.207.168-.375.375-.375zM15.875 7.875a.375.375 0 00-.75 0c0 2.9-2.35 5.25-5.25 5.25a.375.375 0 000 .75c2.9 0 5.25 2.35 5.25 5.25a.375.375 0 00.75 0c0-2.9 2.35-5.25 5.25-5.25a.375.375 0 000-.75 5.25 5.25 0 01-5.25-5.25zM6.125 13.875a.375.375 0 00-.75 0 3 3 0 01-3 3 .375.375 0 000 .75 3 3 0 013 3 .375.375 0 00.75 0 3 3 0 013-3 .375.375 0 000-.75 3 3 0 01-3-3z'/%3E%3C/svg%3E\")",maskSize:"contain",maskRepeat:"no-repeat",maskPosition:"center"}}),o(m,{component:"p",variation:"xs",weight:"bold",noWrap:!0,sx:{...p(W)},children:"Written by Loops Intelligence"})]}),e(t,{direction:"row",sx:{marginLeft:"auto"},children:[!!C&&o(n,{icon:o(s,{name:"thumb-up"}),sizing:"xs",onClick:C}),!!c&&o(n,{icon:o(s,{name:"thumb-down"}),sizing:"xs",onClick:c}),!!u&&o(n,{icon:o(s,{name:"copy"}),sizing:"xs",onClick:u})]}),d&&o(l,{text:d,onClick:j})]})};export{b as default};

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

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

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

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{useTheme as o,Typography as e}from"@mui/material";import{mergeSx as r}from"merge-sx";import{forwardRef as a}from"react";import{FontWeight as i}from"../../BrandCore/types.js";const n=t=>"bold"===t?i.BOLD:i.DEFAULT,m=a(({component:a,weight:i="default",variation:m,clamp:l=0,type:s="default",disabled:p,monospaced:c,secondary:d,textColor:f,...u},x)=>{const b=o();return t(e,{ref:x,variant:m,fontWeight:n(i),component:a,...u,sx:r(u.sx,!!l&&{display:"-webkit-box",overflow:"hidden",WebkitBoxOrient:"vertical",WebkitLineClamp:l},"button"===s&&{lineHeight:1.2},c&&{fontVariantNumeric:"tabular-nums"},d&&{color:b.custom.palette.text.secondary},p&&{color:b.custom.palette.text.disabled},Boolean(f)&&{color:f})})});export{m as default};
+import{jsx as t}from"react/jsx-runtime";import{useTheme as o,Typography as e}from"@mui/material";import{mergeSx as r}from"merge-sx";import{forwardRef as a}from"react";import{tone3 as i}from"../../BrandCore/gradients.js";import{FontWeight as n}from"../../BrandCore/types.js";const l=t=>"bold"===t?n.BOLD:n.DEFAULT,m=a(({component:a,weight:n="default",variation:m,clamp:p=0,type:s="default",disabled:c,monospaced:d,secondary:u,textColor:f,ai:b,...x},g)=>{const k=o();return t(e,{ref:g,variant:m,fontWeight:l(n),component:a,...x,sx:r(x.sx,!!p&&{display:"-webkit-box",overflow:"hidden",WebkitBoxOrient:"vertical",WebkitLineClamp:p},"button"===s&&{lineHeight:1.2},d&&{fontVariantNumeric:"tabular-nums"},u&&{color:k.custom.palette.text.secondary},c&&{color:k.custom.palette.text.disabled},Boolean(f)&&{color:f},b&&{background:i(k),backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent",width:"fit-content"})})});export{m as default};

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export { blueRamp, generateRamp, greenRamp, neutralRamp, peachRamp, purpleRamp, redRamp, yellowRamp } from './systems/BrandCore/colorRamps.js';
+export { tone1, tone2, tone3, tone3_border, tone3_lowOpacity_text, tone4, tone5 } from './systems/BrandCore/gradients.js';
 export { blue, darkNeutral, darkNeutralAlpha, green, neutral, neutralAlpha, peach, purple, red, yellow } from './systems/BrandCore/primitiveColor.js';
 export { GenericSizeMap, base, boxShadow, breakpoints, easing, elevation, elevationFilter, margin, padding, radius, space } from './systems/BrandCore/primitiveVariables.js';
 export { semantic } from './systems/BrandCore/semanticColor.js';

package/dist/index.js

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

package/dist/systems/BrandCore/gradients.d.ts

@@ -0,0 +1,11 @@
+import { Theme, CSSObject } from '@mui/material';
+
+declare const tone1: (theme: Theme) => string;
+declare const tone2: (theme: Theme) => string;
+declare const tone3: (theme: Theme) => string;
+declare const tone4: (theme: Theme) => string;
+declare const tone5: (theme: Theme) => string;
+declare const tone3_lowOpacity_text: (theme: Theme) => CSSObject;
+declare const tone3_border: (theme: Theme, width?: number, surfaceColor?: string) => CSSObject;
+
+export { tone1, tone2, tone3, tone3_border, tone3_lowOpacity_text, tone4, tone5 };

package/dist/systems/BrandCore/gradients.js

@@ -1 +1 @@
-"use strict";var e=require("@mui/material");const t=e=>`linear-gradient(135deg, ${e.custom.palette.blue[400]} 0%, ${e.custom.palette.purple[600]} 100%)`;exports.tone1=e=>`linear-gradient(135deg, ${e.custom.palette.purple[400]} 0%, ${e.custom.palette.purple[200]} 100%)`,exports.tone2=e=>`linear-gradient(135deg, ${e.custom.palette.purple[0]} 0%, ${e.custom.palette.purple[100]} 100%)`,exports.tone3=t,exports.tone3_lowOpacity_text=e=>({background:t(e),backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"}),exports.tone4=t=>`radial-gradient(54.59% 50% at 0% 50.04%, ${e.alpha(t.custom.palette.blue[1e3],.2)} 0%, ${e.alpha(t.custom.palette.blue[500],.2)} 100%), linear-gradient(135deg, ${t.custom.palette.purple[500]} 0%, ${t.custom.palette.purple[1e3]} 100%)`,exports.tone5=e=>`linear-gradient(135deg, ${e.custom.palette.blue[0]} 0%, ${e.custom.palette.purple[0]} 100%)`;
+"use strict";var e=require("@mui/material");const t=e=>`linear-gradient(135deg, ${e.custom.palette.blue[400]} 0%, ${e.custom.palette.purple[600]} 100%)`;exports.tone1=e=>`linear-gradient(135deg, ${e.custom.palette.purple[400]} 0%, ${e.custom.palette.purple[200]} 100%)`,exports.tone2=e=>`linear-gradient(135deg, ${e.custom.palette.purple[0]} 0%, ${e.custom.palette.purple[100]} 100%)`,exports.tone3=t,exports.tone3_border=(e,r=1,a)=>{const p=a??e.custom.palette.surface.default;return{border:`${r}px solid transparent`,background:`${p.includes("gradient")?p:`linear-gradient(${p}, ${p})`} padding-box, ${t(e)} border-box`}},exports.tone3_lowOpacity_text=e=>({background:t(e),backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"}),exports.tone4=t=>`radial-gradient(54.59% 50% at 0% 50.04%, ${e.alpha(t.custom.palette.blue[1e3],.2)} 0%, ${e.alpha(t.custom.palette.blue[500],.2)} 100%), linear-gradient(135deg, ${t.custom.palette.purple[500]} 0%, ${t.custom.palette.purple[1e3]} 100%)`,exports.tone5=e=>`linear-gradient(135deg, ${e.custom.palette.blue[0]} 0%, ${e.custom.palette.purple[0]} 100%)`;

package/dist/systems/Platform/AIWrittenByLockUp/AiWrittenByLockUp.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),o=require("merge-sx");require("../../BrandCore/colorRamps.js"),require("../../BrandCore/primitiveVariables.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js");var t=require("../../BrandCore/Icon/Icon.js"),i=require("../../BrandCore/gradients.js");require("../../../utils/formValidation/misc.js"),require("../../WebCore/utils/typography.util.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/Accordion/Accordion.js");var a=require("../../WebCore/Typography/Typography.js");require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("react"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("@mui/icons-material"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser");var s=require("../../WebCore/IconButton/IconButton.js");require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../WebCore/Label/Label.js"),require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react");var u=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("../../WebCore/Progress/Progress.js"),require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/utils/autocomplete.styles.js"),require("../../WebCore/Select/AutocompleteListbox.js"),require("../../WebCore/Select/StyledAutocomplete.js"),require("../../WebCore/Select/SelectItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/RankItemContainer.js"),require("../../WebCore/RankItem/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../WebCore/Skeleton/Skeleton.js"),require("../../WebCore/Slider/StyledSlider.js"),require("../../WebCore/StarRating/StarRating.js"),require("../../WebCore/Switch/StyledSwitch.js"),require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js"),require("../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../WebCore/ButtonTabGroup/_partials/TabButton.js");module.exports=({sx:n,onUpvote:l,onDownvote:b,onCopy:C,aiButtonText:c,onClickAIButton:j})=>{const q=r.useTheme(),d=o.mergeSx({position:"relative",mt:q.custom.margin.md,gap:q.custom.margin.md,alignItems:"center"},n);return e.jsxs(r.Stack,{direction:"row",sx:d,children:[e.jsxs(r.Stack,{direction:"row",gap:q.spacing(q.custom.padding.xs),children:[e.jsx(t.default,{name:"ai",size:20,sx:{color:"transparent",background:i.tone3(q),maskImage:"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.75 3c.207 0 .375.168.375.375a3 3 0 003 3 .375.375 0 010 .75 3 3 0 00-3 3 .375.375 0 01-.75 0 3 3 0 00-3-3 .375.375 0 110-.75 3 3 0 003-3c0-.207.168-.375.375-.375zM15.875 7.875a.375.375 0 00-.75 0c0 2.9-2.35 5.25-5.25 5.25a.375.375 0 000 .75c2.9 0 5.25 2.35 5.25 5.25a.375.375 0 00.75 0c0-2.9 2.35-5.25 5.25-5.25a.375.375 0 000-.75 5.25 5.25 0 01-5.25-5.25zM6.125 13.875a.375.375 0 00-.75 0 3 3 0 01-3 3 .375.375 0 000 .75 3 3 0 013 3 .375.375 0 00.75 0 3 3 0 013-3 .375.375 0 000-.75 3 3 0 01-3-3z'/%3E%3C/svg%3E\")",maskSize:"contain",maskRepeat:"no-repeat",maskPosition:"center"}}),e.jsx(a,{component:"p",variation:"xs",weight:"bold",noWrap:!0,sx:{...i.tone3_lowOpacity_text(q)},children:"Written by Loops Intelligence"})]}),e.jsxs(r.Stack,{direction:"row",sx:{marginLeft:"auto"},children:[!!l&&e.jsx(s,{icon:e.jsx(t.default,{name:"thumb-up"}),sizing:"xs",onClick:l}),!!b&&e.jsx(s,{icon:e.jsx(t.default,{name:"thumb-down"}),sizing:"xs",onClick:b}),!!C&&e.jsx(s,{icon:e.jsx(t.default,{name:"copy"}),sizing:"xs",onClick:C})]}),c&&e.jsx(u,{text:c,onClick:j})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),o=require("merge-sx");require("../../BrandCore/colorRamps.js");var t=require("../../BrandCore/gradients.js");require("../../BrandCore/primitiveVariables.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js");var i=require("../../BrandCore/Icon/Icon.js");require("../../../utils/formValidation/misc.js"),require("../../WebCore/utils/typography.util.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/Accordion/Accordion.js");var a=require("../../WebCore/Typography/Typography.js");require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("react"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("@mui/icons-material"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser");var s=require("../../WebCore/IconButton/IconButton.js");require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../WebCore/Label/Label.js"),require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react");var u=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("../../WebCore/Progress/Progress.js"),require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/utils/autocomplete.styles.js"),require("../../WebCore/Select/AutocompleteListbox.js"),require("../../WebCore/Select/StyledAutocomplete.js"),require("../../WebCore/Select/SelectItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/RankItemContainer.js"),require("../../WebCore/RankItem/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../WebCore/Skeleton/Skeleton.js"),require("../../WebCore/Slider/StyledSlider.js"),require("../../WebCore/StarRating/StarRating.js"),require("../../WebCore/Switch/StyledSwitch.js"),require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js"),require("../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../WebCore/ButtonTabGroup/_partials/TabButton.js");module.exports=({sx:n,onUpvote:l,onDownvote:b,onCopy:C,aiButtonText:c,onClickAIButton:j})=>{const q=r.useTheme(),d=o.mergeSx({position:"relative",mt:q.custom.margin.md,gap:q.custom.margin.md,alignItems:"center"},n);return e.jsxs(r.Stack,{direction:"row",sx:d,children:[e.jsxs(r.Stack,{direction:"row",gap:q.spacing(q.custom.padding.xs),children:[e.jsx(i.default,{name:"ai",size:20,sx:{color:"transparent",background:t.tone3(q),maskImage:"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.75 3c.207 0 .375.168.375.375a3 3 0 003 3 .375.375 0 010 .75 3 3 0 00-3 3 .375.375 0 01-.75 0 3 3 0 00-3-3 .375.375 0 110-.75 3 3 0 003-3c0-.207.168-.375.375-.375zM15.875 7.875a.375.375 0 00-.75 0c0 2.9-2.35 5.25-5.25 5.25a.375.375 0 000 .75c2.9 0 5.25 2.35 5.25 5.25a.375.375 0 00.75 0c0-2.9 2.35-5.25 5.25-5.25a.375.375 0 000-.75 5.25 5.25 0 01-5.25-5.25zM6.125 13.875a.375.375 0 00-.75 0 3 3 0 01-3 3 .375.375 0 000 .75 3 3 0 013 3 .375.375 0 00.75 0 3 3 0 013-3 .375.375 0 000-.75 3 3 0 01-3-3z'/%3E%3C/svg%3E\")",maskSize:"contain",maskRepeat:"no-repeat",maskPosition:"center"}}),e.jsx(a,{component:"p",variation:"xs",weight:"bold",noWrap:!0,sx:{...t.tone3_lowOpacity_text(q)},children:"Written by Loops Intelligence"})]}),e.jsxs(r.Stack,{direction:"row",sx:{marginLeft:"auto"},children:[!!l&&e.jsx(s,{icon:e.jsx(i.default,{name:"thumb-up"}),sizing:"xs",onClick:l}),!!b&&e.jsx(s,{icon:e.jsx(i.default,{name:"thumb-down"}),sizing:"xs",onClick:b}),!!C&&e.jsx(s,{icon:e.jsx(i.default,{name:"copy"}),sizing:"xs",onClick:C})]}),c&&e.jsx(u,{text:c,onClick:j})]})};

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

@@ -1,5 +1,6 @@
 import * as react from 'react';
 import { FunctionComponent, ReactElement } from 'react';
+import { SurfaceProps } from '../../WebCore/Surface/Surface.js';
 import { MarkerComponentProps } from './components/Timeline/components/Markers/Markers.js';
 
 type Marker = {
@@ -24,6 +25,9 @@ type VideoControlsProps = {
         marker?: FunctionComponent<MarkerComponentProps>;
         bottom?: ReactElement;
     };
+    slotProps?: {
+        paperContainer?: SurfaceProps;
+    };
     initialMuted?: boolean;
     initialVolume?: number;
     initialCurrentTime?: number;

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

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

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

@@ -12,6 +12,7 @@ interface TypographyProps extends Omit<TypographyProps$1, 'ref'> {
     sx?: SxProps<Theme>;
     secondary?: boolean;
     textColor?: string;
+    ai?: boolean;
 }
 declare const Typography: react.ForwardRefExoticComponent<TypographyProps & react.RefAttributes<HTMLHeadingElement | HTMLParagraphElement>>;
 

package/dist/systems/WebCore/Typography/Typography.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("merge-sx"),o=require("react"),a=require("../../BrandCore/types.js");const i=e=>"bold"===e?a.FontWeight.BOLD:a.FontWeight.DEFAULT,n=o.forwardRef(({component:o,weight:a="default",variation:n,clamp:s=0,type:l="default",disabled:u,monospaced:c,secondary:d,textColor:m,...p},x)=>{const b=t.useTheme();return e.jsx(t.Typography,{ref:x,variant:n,fontWeight:i(a),component:o,...p,sx:r.mergeSx(p.sx,!!s&&{display:"-webkit-box",overflow:"hidden",WebkitBoxOrient:"vertical",WebkitLineClamp:s},"button"===l&&{lineHeight:1.2},c&&{fontVariantNumeric:"tabular-nums"},d&&{color:b.custom.palette.text.secondary},u&&{color:b.custom.palette.text.disabled},Boolean(m)&&{color:m})})});module.exports=n;
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("merge-sx"),o=require("react"),i=require("../../BrandCore/gradients.js"),a=require("../../BrandCore/types.js");const n=e=>"bold"===e?a.FontWeight.BOLD:a.FontWeight.DEFAULT,l=o.forwardRef(({component:o,weight:a="default",variation:l,clamp:s=0,type:u="default",disabled:c,monospaced:d,secondary:m,textColor:p,ai:x,...b},g)=>{const f=t.useTheme();return e.jsx(t.Typography,{ref:g,variant:l,fontWeight:n(a),component:o,...b,sx:r.mergeSx(b.sx,!!s&&{display:"-webkit-box",overflow:"hidden",WebkitBoxOrient:"vertical",WebkitLineClamp:s},"button"===u&&{lineHeight:1.2},d&&{fontVariantNumeric:"tabular-nums"},m&&{color:f.custom.palette.text.secondary},c&&{color:f.custom.palette.text.disabled},Boolean(p)&&{color:p},x&&{background:i.tone3(f),backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent",width:"fit-content"})})});module.exports=l;

package/package.json

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