@useloops/design-system 1.4.528 → 1.4.529

package/dist/esm/theme.js

@@ -0,0 +1 @@
+export{b as ThemeContext,T as ThemeProvider,c as customTheme,a as useTheme,u as useThemeBuilder}from"./_chunks/theme.provider-CFj9ua0y.js";import"./_chunks/jsx-runtime-D07GHMW_.js";import"react";import"stylis";import"@emotion/react";import"@mui/material";import"@mui/material/styles";import"stylis-plugin-rtl";import"./_chunks/primitiveVariables-C2nCN8Fk.js";import"./_chunks/screen.hook-BNmuYIBj.js";import"./_chunks/semanticColor-D7tAxZiD.js";import"./_chunks/typography-BTnFjSJk.js";import"./_chunks/types-DNd754Km.js";import"./_chunks/typography.util-ZFUiA8Aq.js";

package/dist/esm/utils.js

@@ -0,0 +1 @@
+export{u as useBreakpoint}from"./_chunks/breakpoint.hook-CtMCCTHh.js";export{c as compareArrayMembers}from"./_chunks/compareArrayMembers-yi_GVni_.js";export{i as isButton}from"./_chunks/isButton-vZIWh5Sh.js";export{u as useScreenSize}from"./_chunks/screen.hook-BNmuYIBj.js";export{u as useKeyCombo}from"./_chunks/useKeyCombo-B5LweXkY.js";export{u as usePrevious}from"./_chunks/usePrevious-6kkeMAdv.js";import"@mui/material";import"react";

package/dist/index-CE_2flEF.d.ts

@@ -0,0 +1,18 @@
+import { FunctionComponent } from 'react';
+import { LinkProps } from './WebCore/Link.js';
+
+type BreadcrumbLink = {
+    label: string;
+} & ({
+    href?: LinkProps['href'];
+    onClick?: never;
+} | {
+    href?: never;
+    onClick?: LinkProps['onClick'];
+});
+interface BreadcrumbProps {
+    links?: BreadcrumbLink[];
+}
+declare const Breadcrumb: FunctionComponent<BreadcrumbProps>;
+
+export { Breadcrumb as B, type BreadcrumbProps as a, type BreadcrumbLink as b };

package/dist/index-Ctn-1GfZ.d.ts

@@ -0,0 +1,40 @@
+import { PropsWithChildren, FunctionComponent } from 'react';
+import { I as IconName } from './index-CyNNYJKA.js';
+import { UserMenuProps } from './WebCore/UserMenu.js';
+
+type NavigationSizing = 'sm' | 'lg';
+interface NavigationProps {
+    isMobile?: boolean;
+    logoLink?: () => void;
+    nudgeProps?: NudgeProps;
+    primaryMenuItemProps?: NavigationButtonProps[];
+    secondaryMenuItemProps?: NavigationButtonProps[];
+    sizing?: NavigationSizing;
+    tertiaryMenuItemProps?: NavigationButtonProps[];
+    toggleMenuOnClick?: () => void;
+    userMenuProps: UserMenuProps;
+}
+interface NudgeProps extends PropsWithChildren {
+    description: string;
+    notification: boolean;
+    title: string;
+}
+declare const Navigation: FunctionComponent<NavigationProps>;
+
+type NavigationButtonSizing = 'sm' | 'md' | 'lg';
+interface NavigationButtonProps {
+    active?: boolean;
+    danger?: boolean;
+    fullWidth?: boolean;
+    href?: string;
+    target?: '_blank' | '_self' | '_parent' | '_top';
+    external?: boolean;
+    icon?: IconName;
+    label?: string;
+    navigationSizing?: NavigationSizing;
+    onClick?: () => void;
+    sizing?: NavigationButtonSizing;
+}
+declare const NavigationButton: FunctionComponent<NavigationButtonProps>;
+
+export { Navigation as N, type NavigationProps as a, type NavigationSizing as b, NavigationButton as c, type NavigationButtonProps as d, type NavigationButtonSizing as e };

package/dist/index-CyNNYJKA.d.ts

@@ -0,0 +1,400 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SvgIconProps, SxProps, Theme } from '@mui/material';
+import * as react from 'react';
+
+declare const Add: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Ai: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const AlertDot: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const ArrowLeft: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const ArrowRight: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const AttachFile: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const BadgeCross: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const BadgeCrossInCircle: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const BadgeHyphen: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const BadgeHyphenInCircle: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const BadgeQuestion: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const BadgeQuestionInCircle: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const BadgeTick: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const BadgeTickInCircle: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const BrandLogomark: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const BrandWordmark: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Cancel: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Chat: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Check: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const CheckCircle: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const CheckCircleFilled: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const CheckDouble: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const ChevronDown: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const ChevronLeft: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const ChevronRight: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const ChevronUp: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Close: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Comment: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const CommentFilled: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Compress: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Controls: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Copy: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Crosshair: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Dashboard: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const DataBar: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Delete: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Document: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Dollar: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const DragHandle: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const DragSelect: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Edit: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Email: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Emoticon: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Error: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Euro: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Expand: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const ExpandWindow: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Eye: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const EyeOff: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const FilterList: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Fingerprint: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Focus: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Folder: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Gift: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const GridView: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const GridViewFilled: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const GridViewLarge: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const GridViewSmall: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Hand: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Help: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Home: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const HomeFilled: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Image: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const ImageAdd: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const ImageNo: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const ImageSearch: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Info: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const InfoFilled: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Keyboard: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Label: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Lightbulb: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LinearScale: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Link: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const ListView: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Lock: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Menu: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const MenuOpen: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Microphone: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const MoreHorizontal: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const MoreVertical: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const NavCollapse: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const NavExpand: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const NavToggle: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Notification: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number0: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number1: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number10: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number11: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number12: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number13: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number14: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number15: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number16: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number17: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number18: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number19: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number2: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number20: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number21: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number22: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number23: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number24: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number25: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number26: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number27: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number28: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number29: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number3: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number30: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number31: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number32: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number33: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number34: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number35: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number36: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number37: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number38: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number39: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number4: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number40: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number41: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number42: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number43: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number44: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number45: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number46: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number47: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number48: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number49: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number5: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number50: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number6: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number7: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number8: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Number9: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const OpenInNew: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Pause: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const PaymentCardAmex: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const PaymentCardMastercard: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const PaymentCardVisa: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Pin: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const PinFilled: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Play: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const PlayCircle: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const PlayVideo: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Pound: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Rank: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Redo: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const ReduceWindow: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Remove: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Replay: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Save: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Search: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Send: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const SentimentDoubleDown: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const SentimentDoubleUp: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const SentimentDown: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const SentimentFlat: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const SentimentUp: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Settings: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Shuffle: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const SocialGoogleFullColour: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const SocialLinkedinFullColour: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const SocialLinkedinSingleColour: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const SocialMediumSingleColour: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const SocialYoutubeSingleColour: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Sort: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Star: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const StarFilled: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const StarHalf: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Stop: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Test: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const TestEdit: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const TestPending: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const ThumbDown: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const ThumbUp: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const ThumbsUpDown: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Time: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const TimeFilled: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Translate: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Unfold: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Upload: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const UploadCloud: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const UploadCloudFilled: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const UserSearch: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const VolumeHigh: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const VolumeLow: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const VolumeMute: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Warning: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Work: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const ZoomIn: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const ZoomOut: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const iconSizeMap: Record<string, number>;
+interface IconProps {
+    color?: string;
+    name: IconName;
+    size?: number;
+    sx?: SxProps<Theme>;
+}
+declare const Icon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+
+type IconName = 'payment-card-visa' | 'payment-card-mastercard' | 'payment-card-amex' | 'brand-wordmark' | 'brand-logomark' | 'menu' | 'menu-open' | 'chevron-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'arrow-left' | 'arrow-right' | 'search' | 'close' | 'more-horizontal' | 'more-vertical' | 'home' | 'home-filled' | 'settings' | 'controls' | 'help' | 'filter-list' | 'sort' | 'open-in-new' | 'nav-toggle' | 'nav-collapse' | 'nav-expand' | 'expand-window' | 'reduce-window' | 'redo' | 'hand' | 'play-circle' | 'play-video' | 'email' | 'document' | 'folder' | 'attach-file' | 'save' | 'image' | 'image-add' | 'image-search' | 'image-no' | 'upload' | 'upload-cloud' | 'upload-cloud-filled' | 'time' | 'time-filled' | 'zoom-in' | 'zoom-out' | 'add' | 'remove' | 'dashboard' | 'list-view' | 'grid-view' | 'grid-view-filled' | 'grid-view-small' | 'grid-view-large' | 'eye' | 'eye-off' | 'notification' | 'pound' | 'euro' | 'dollar' | 'play' | 'pause' | 'stop' | 'shuffle' | 'replay' | 'volume-mute' | 'volume-high' | 'volume-low' | 'test' | 'test-pending' | 'test-edit' | 'data-bar' | 'label' | 'send' | 'comment' | 'comment-filled' | 'chat' | 'microphone' | 'keyboard' | 'translate' | 'error' | 'warning' | 'lightbulb' | 'thumb-up' | 'thumb-down' | 'info' | 'info-filled' | 'cancel' | 'compress' | 'expand' | 'unfold' | 'drag-handle' | 'focus' | 'drag-select' | 'lock' | 'copy' | 'edit' | 'delete' | 'check' | 'check-circle' | 'check-circle-filled' | 'alert-dot' | 'pin' | 'pin-filled' | 'link' | 'user-search' | 'crosshair' | 'fingerprint' | 'star' | 'star-half' | 'star-filled' | 'thumbs-up-down' | 'emoticon' | 'linear-scale' | 'check-double' | 'rank' | 'sentiment-double-down' | 'sentiment-down' | 'sentiment-flat' | 'sentiment-up' | 'sentiment-double-up' | 'ai' | 'work' | 'gift' | 'social-medium-single-colour' | 'social-linkedin-single-colour' | 'social-youtube-single-colour' | 'social-linkedin-full-colour' | 'social-google-full-colour' | 'badge-tick' | 'badge-tick-in-circle' | 'badge-cross' | 'badge-cross-in-circle' | 'badge-hyphen' | 'badge-hyphen-in-circle' | 'badge-question' | 'badge-question-in-circle' | 'number-0' | 'number-1' | 'number-2' | 'number-3' | 'number-4' | 'number-5' | 'number-6' | 'number-7' | 'number-8' | 'number-9' | 'number-10' | 'number-11' | 'number-12' | 'number-13' | 'number-14' | 'number-15' | 'number-16' | 'number-17' | 'number-18' | 'number-19' | 'number-20' | 'number-21' | 'number-22' | 'number-23' | 'number-24' | 'number-25' | 'number-26' | 'number-27' | 'number-28' | 'number-29' | 'number-30' | 'number-31' | 'number-32' | 'number-33' | 'number-34' | 'number-35' | 'number-36' | 'number-37' | 'number-38' | 'number-39' | 'number-40' | 'number-41' | 'number-42' | 'number-43' | 'number-44' | 'number-45' | 'number-46' | 'number-47' | 'number-48' | 'number-49' | 'number-50';
+
+export { FilterList as $, Add as A, BadgeCross as B, Cancel as C, Close as D, Comment as E, CommentFilled as F, Compress as G, Controls as H, type IconName as I, Copy as J, Crosshair as K, Dashboard as L, DataBar as M, Delete as N, Document as O, Dollar as P, DragHandle as Q, DragSelect as R, Edit as S, Email as T, Emoticon as U, Error as V, Euro as W, Expand as X, ExpandWindow as Y, Eye as Z, EyeOff as _, type IconProps as a, Number35 as a$, Fingerprint as a0, Focus as a1, Folder as a2, Gift as a3, GridView as a4, GridViewFilled as a5, GridViewLarge as a6, GridViewSmall as a7, Hand as a8, Help as a9, Number10 as aA, Number11 as aB, Number12 as aC, Number13 as aD, Number14 as aE, Number15 as aF, Number16 as aG, Number17 as aH, Number18 as aI, Number19 as aJ, Number2 as aK, Number20 as aL, Number21 as aM, Number22 as aN, Number23 as aO, Number24 as aP, Number25 as aQ, Number26 as aR, Number27 as aS, Number28 as aT, Number29 as aU, Number3 as aV, Number30 as aW, Number31 as aX, Number32 as aY, Number33 as aZ, Number34 as a_, Home as aa, HomeFilled as ab, Image as ac, ImageAdd as ad, ImageNo as ae, ImageSearch as af, Info as ag, InfoFilled as ah, Keyboard as ai, Label as aj, Lightbulb as ak, LinearScale as al, Link as am, ListView as an, Lock as ao, Menu as ap, MenuOpen as aq, Microphone as ar, MoreHorizontal as as, MoreVertical as at, NavCollapse as au, NavExpand as av, NavToggle as aw, Notification as ax, Number0 as ay, Number1 as az, Icon as b, Time as b$, Number36 as b0, Number37 as b1, Number38 as b2, Number39 as b3, Number4 as b4, Number40 as b5, Number41 as b6, Number42 as b7, Number43 as b8, Number44 as b9, Replay as bA, Save as bB, Search as bC, Send as bD, SentimentDoubleDown as bE, SentimentDoubleUp as bF, SentimentDown as bG, SentimentFlat as bH, SentimentUp as bI, Settings as bJ, Shuffle as bK, SocialGoogleFullColour as bL, SocialLinkedinFullColour as bM, SocialLinkedinSingleColour as bN, SocialMediumSingleColour as bO, SocialYoutubeSingleColour as bP, Sort as bQ, Star as bR, StarFilled as bS, StarHalf as bT, Stop as bU, Test as bV, TestEdit as bW, TestPending as bX, ThumbDown as bY, ThumbUp as bZ, ThumbsUpDown as b_, Number45 as ba, Number46 as bb, Number47 as bc, Number48 as bd, Number49 as be, Number5 as bf, Number50 as bg, Number6 as bh, Number7 as bi, Number8 as bj, Number9 as bk, OpenInNew as bl, Pause as bm, PaymentCardAmex as bn, PaymentCardMastercard as bo, PaymentCardVisa as bp, Pin as bq, PinFilled as br, Play as bs, PlayCircle as bt, PlayVideo as bu, Pound as bv, Rank as bw, Redo as bx, ReduceWindow as by, Remove as bz, Ai as c, TimeFilled as c0, Translate as c1, Unfold as c2, Upload as c3, UploadCloud as c4, UploadCloudFilled as c5, UserSearch as c6, VolumeHigh as c7, VolumeLow as c8, VolumeMute as c9, Warning as ca, Work as cb, ZoomIn as cc, ZoomOut as cd, AlertDot as d, ArrowLeft as e, ArrowRight as f, AttachFile as g, BadgeCrossInCircle as h, iconSizeMap as i, BadgeHyphen as j, BadgeHyphenInCircle as k, BadgeQuestion as l, BadgeQuestionInCircle as m, BadgeTick as n, BadgeTickInCircle as o, BrandLogomark as p, BrandWordmark as q, Chat as r, Check as s, CheckCircle as t, CheckCircleFilled as u, CheckDouble as v, ChevronDown as w, ChevronLeft as x, ChevronRight as y, ChevronUp as z };

package/dist/index-DmcTdmT8.d.ts

@@ -0,0 +1,10 @@
+import { PropsWithChildren, FunctionComponent } from 'react';
+
+type QuestionType = 'single-punch' | 'multi-punch' | 'slider' | 'likert' | 'rank' | 'open-question' | 'emoji' | 'focus';
+interface QuestionLabelProps extends PropsWithChildren {
+    type?: QuestionType;
+    loading?: boolean;
+}
+declare const QuestionLabel: FunctionComponent<QuestionLabelProps>;
+
+export { QuestionLabel as Q, type QuestionLabelProps as a, type QuestionType as b };

package/dist/index-O39ecFHD.d.ts

@@ -0,0 +1,54 @@
+import * as react from 'react';
+import { FunctionComponent, ReactElement } from 'react';
+
+type MarkerComponentProps = {
+    isActive: boolean;
+    meta?: Record<string, any>;
+};
+
+type Marker = {
+    id: string;
+    timeStamp: number;
+    meta?: Record<string, unknown>;
+};
+type VideoControlsProps = {
+    videoElement: HTMLVideoElement;
+    id?: string;
+    options?: {
+        rtl?: boolean;
+        volumeControls?: boolean;
+        volumeControlsType?: 'volume' | 'mute';
+        normaliseTime?: boolean;
+        markerIndicator?: boolean;
+        markerIndicatorMode?: 'time' | 'percentage';
+        markerIndicatorSize?: number;
+    };
+    slots?: {
+        marker?: FunctionComponent<MarkerComponentProps>;
+        bottom?: ReactElement;
+    };
+    initialMuted?: boolean;
+    initialVolume?: number;
+    initialCurrentTime?: number;
+    initialEndTime?: number;
+    markers?: Marker[];
+    events?: {
+        onReset?: () => void;
+        onEnd?: () => void;
+        onPlay?: () => void;
+        onFirstPlay?: () => void;
+        onTimeUpdate?: (time: number) => void;
+        onFirstEnded?: () => void;
+        onPause?: () => void;
+        onSeeking?: (seekTo: number) => void;
+        onSeekStart?: () => void;
+        onSeekEnd?: (time?: number) => void;
+        onRestart?: () => void;
+        onVolumeChange?: (volume: number) => void;
+        onVolumeMute?: (muted: boolean) => void;
+    };
+    videoSeekTime?: number;
+};
+declare const _default: react.MemoExoticComponent<react.ForwardRefExoticComponent<VideoControlsProps & react.RefAttributes<any>>>;
+
+export { type MarkerComponentProps as M, type VideoControlsProps as V, _default as _ };

package/dist/index-epVeXM4c.d.ts

@@ -0,0 +1,41 @@
+import { Theme, CSSObject } from '@mui/material';
+import { b as IconButtonShapeMap, c as IconButtonSizing } from './IconButtonBase-B6RP_D01.js';
+
+declare const defaultStyle: (theme: Theme) => CSSObject;
+declare const toggle: (theme: Theme) => CSSObject;
+declare const outlined: (theme: Theme) => CSSObject;
+declare const raised: (theme: Theme) => CSSObject;
+declare const elevated: (theme: Theme) => CSSObject;
+declare const getIconButtonRadius: (shape: IconButtonShapeMap, theme: Theme) => CSSObject;
+declare const buttonSizeMap: {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+};
+declare const getIconButtonSizing: (sizing: IconButtonSizing) => CSSObject;
+declare const IconSizeMap: {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+};
+declare const getIconSizing: (sizing: IconButtonSizing) => CSSObject;
+
+declare const IconButton_variantHelpers_IconSizeMap: typeof IconSizeMap;
+declare const IconButton_variantHelpers_buttonSizeMap: typeof buttonSizeMap;
+declare const IconButton_variantHelpers_defaultStyle: typeof defaultStyle;
+declare const IconButton_variantHelpers_elevated: typeof elevated;
+declare const IconButton_variantHelpers_getIconButtonRadius: typeof getIconButtonRadius;
+declare const IconButton_variantHelpers_getIconButtonSizing: typeof getIconButtonSizing;
+declare const IconButton_variantHelpers_getIconSizing: typeof getIconSizing;
+declare const IconButton_variantHelpers_outlined: typeof outlined;
+declare const IconButton_variantHelpers_raised: typeof raised;
+declare const IconButton_variantHelpers_toggle: typeof toggle;
+declare namespace IconButton_variantHelpers {
+  export { IconButton_variantHelpers_IconSizeMap as IconSizeMap, IconButton_variantHelpers_buttonSizeMap as buttonSizeMap, IconButton_variantHelpers_defaultStyle as defaultStyle, IconButton_variantHelpers_elevated as elevated, IconButton_variantHelpers_getIconButtonRadius as getIconButtonRadius, IconButton_variantHelpers_getIconButtonSizing as getIconButtonSizing, IconButton_variantHelpers_getIconSizing as getIconSizing, IconButton_variantHelpers_outlined as outlined, IconButton_variantHelpers_raised as raised, IconButton_variantHelpers_toggle as toggle };
+}
+
+export { IconButton_variantHelpers as I, getIconButtonSizing as a, buttonSizeMap as b, IconSizeMap as c, defaultStyle as d, elevated as e, getIconSizing as f, getIconButtonRadius as g, outlined as o, raised as r, toggle as t };