@useloops/design-system 1.4.547 → 1.4.548

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

@@ -0,0 +1,19 @@
+import { FunctionComponent } from 'react';
+import { SelectProps } from '../Select/Select.js';
+
+interface Option {
+    label: string;
+    value: string;
+}
+interface RankItemProps {
+    label: string;
+    onChange: (options: Option[]) => void;
+    selections: SelectProps['selections'];
+    disabled?: boolean;
+    fullWidth?: boolean;
+    options: Option[];
+}
+declare const RankItem: FunctionComponent<RankItemProps>;
+
+export { RankItem as default };
+export type { Option, RankItemProps };

package/dist/systems/WebCore/RankItem/RankItem.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),i=require("@mui/icons-material"),r=require("@mui/material"),s=require("../../BrandCore/Icon/Icon.js"),l=require("../../BrandCore/primitiveVariables.js"),a=require("../Select/Select.js");require("../Select/SelectItem.js");var n=require("./RankItemContainer.js"),t=require("./RankItemLabel.js");module.exports=({label:c="Placeholder",disabled:o,onChange:d,options:u,fullWidth:m})=>{const x=r.useTheme(),p=u.map(e=>e.label).indexOf(c);return e.jsx(n,{disabled:o,fullWidth:m,children:e.jsxs(r.Stack,{display:"flex",justifyContent:"space-between",flexDirection:"row",alignItems:"center",sx:{position:"relative",zIndex:1},children:[e.jsxs(r.Box,{display:"flex",alignItems:"center",sx:{"& svg":{fill:x.custom.palette.icon.secondary}},children:[e.jsx(i.DragHandle,{sx:{width:s.iconSizeMap.lg,height:s.iconSizeMap.lg,mr:x.custom.padding.sm}}),e.jsx(t,{align:"left",disabled:o,children:c})]}),e.jsx(a,{name:"rank",sizing:"xs",selections:u.map((e,i)=>({label:`${i+1}`,value:`${i}`})),disabled:o,value:`${p}`,onChange:function(e){const i=p,r=Number(e.target.value),s=u;let l=1;const a=s.splice(i,l)[0];l=0,s.splice(r,l,a),d(s)},MenuProps:{anchorOrigin:{vertical:l.space[400],horizontal:"center"}},sx:{[`&.${r.selectClasses.root}`]:{minWidth:9*l.base}}})]})})};

package/dist/systems/WebCore/RankItem/RankItemContainer.js

@@ -0,0 +1 @@
+"use strict";var t=require("@mui/material");const e=t.styled(t.Box)(({theme:t,disabled:e,fullWidth:o})=>({width:o?"100%":"auto",minWidth:240,backgroundColor:e?t.custom.palette.input.disabled:t.custom.palette.surface.raised,border:`1px solid ${e?t.custom.palette.stroke.disabled:t.custom.palette.stroke.default}`,borderRadius:t.spacing(t.custom.radius.lg),padding:t.spacing(t.custom.padding.md),position:"relative",zIndex:0,"&:after":{content:'""',backgroundColor:t.custom.palette.interaction.none,borderRadius:t.spacing(t.custom.radius.lg),position:"absolute",inset:0},"&:hover":{"&:after":{backgroundColor:t.custom.palette.interaction.hover}},"&:active":{"&:after":{backgroundColor:t.custom.palette.interaction.press}},"& svg":{fill:t.custom.palette.icon.primary},...e&&{background:t.custom.palette.input.disabled,borderColor:t.custom.palette.stroke.disabled,"&:after":{backgroundColor:t.custom.palette.interaction.none},"& .MuiBox-root > .MuiSvgIcon-root":{fill:"none"}}}));module.exports=e;

package/dist/systems/WebCore/RankItem/RankItemLabel.js

@@ -0,0 +1 @@
+"use strict";var t=require("@mui/material"),e=require("../InputLabel/InputLabel.js"),r=require("../utils/typography.util.js");const i=t.styled(e)(({theme:t})=>({fontSize:r.typographyVariantMap.button.md,color:t.custom.palette.text.primary,lineHeight:"120%",letterSpacing:"0.16px"}));module.exports=i;

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

@@ -0,0 +1,15 @@
+import { FunctionComponent } from 'react';
+import { InputFieldBaseProps } from '../InputFieldBase/InputFieldBase.js';
+
+type RichTextFieldProps = Omit<InputFieldBaseProps, 'value' | 'onChange'> & {
+    onChange?: (content: string) => void;
+    internalChange?: () => void;
+    minHeight?: number;
+    minWidth?: number;
+    maxHeight?: number;
+    value: string;
+};
+declare const RichTextField: FunctionComponent<RichTextFieldProps>;
+
+export { RichTextField as default };
+export type { RichTextFieldProps };

package/dist/systems/WebCore/RichTextField/RichTextField.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("@tiptap/extension-placeholder"),i=require("@tiptap/extension-underline"),n=require("@tiptap/starter-kit"),o=require("mui-tiptap"),u=require("react"),l=require("./StyledRichTextEditor.js");function a(e){return e&&e.__esModule?e:{default:e}}var s=a(i);module.exports=({onChange:i,value:a,internalChange:d,minWidth:c=100,minHeight:h=100,maxHeight:m,placeholder:p})=>{const x=u.useRef(null),g=t.useTheme();return e.jsx(l,{sx:{"& .ProseMirror":{overflowY:"auto",minHeight:h,minWidth:c,maxHeight:m}},ref:x,onUpdate:({editor:e})=>{i&&i(e.getHTML()),d&&d()},enableInputRules:!1,extensions:[n.StarterKit.configure({strike:!1,code:!1,heading:!1,listItem:!1,bulletList:!1,orderedList:!1,blockquote:!1,horizontalRule:!1,codeBlock:!1}),r.Placeholder.configure({placeholder:p}),s.default],content:a,renderControls:()=>e.jsxs(t.Stack,{gap:g.custom.margin.xs,direction:"row",children:[e.jsx(o.MenuButtonBold,{}),e.jsx(o.MenuButtonItalic,{}),e.jsx(o.MenuButtonUnderline,{})]})})};

package/dist/systems/WebCore/RichTextField/StyledRichTextEditor.js

@@ -0,0 +1 @@
+"use strict";var t=require("@mui/material"),e=require("mui-tiptap");const i=t.styled(e.RichTextEditor)(({theme:t})=>({"&.MuiTiptap-FieldContainer-root":{backgroundColor:t.custom.palette.input.default,"&:hover":{".MuiTiptap-FieldContainer-notchedOutline":{borderSize:1,backgroundColor:t.custom.palette.interaction.hover,borderColor:t.custom.palette.stroke.default}}},"&.MuiTiptap-FieldContainer-focused":{".MuiTiptap-FieldContainer-notchedOutline":{transition:t.custom.easing.input,border:`1px solid ${t.custom.palette.stroke.focus}!important`,boxShadow:t.custom.boxShadow.input.focus}},".MuiTiptap-RichTextField-menuBar":{padding:0,borderRadius:t.spacing(t.custom.radius.md),background:t.custom.palette.surface.default,margin:t.spacing(t.custom.margin.sm),border:`1px solid ${t.custom.palette.stroke.default}`,marginBottom:0,".MuiTiptap-RichTextField-content":{padding:t.spacing(t.custom.padding.xs)}}}));module.exports=i;

package/dist/systems/WebCore/Select/Autocomplete.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),l=require("@mui/icons-material"),s=require("@mui/material"),t=require("react"),r=require("../utils/autocomplete.styles.js"),o=require("./AutocompleteListbox.js"),i=require("./AutocompletePopper.js"),a=require("./StyledAutocomplete.js");function n(e){return e&&e.__esModule?e:{default:e}}var u=n(t);module.exports=({selections:n,disableClearable:d=!1,disabled:c,internalChange:p,grouped:m=!1,multiple:x=!0,onChange:b,placeholder:g="",renderListItem:j,sizing:h="lg",value:v=(x?[]:"")})=>{const[y,f]=t.useState(n.filter(e=>v.includes(e?.value)));t.useEffect(()=>{null!=v&&f(n.filter(e=>v.includes(e?.value)))},[v]);const C=(e,l)=>{if(b){const s=l?n.map(({value:e})=>e):[];f(l?n:[]),b(e,s,"selectOption"),p&&p()}},A=e=>null!==e&&(!Array.isArray(e)||e.length>0);return e.jsx(a.StyledAutocomplete,{disabledItemsFocusable:!0,autoFocus:!1,disableCloseOnSelect:!0,blurOnSelect:!1,popupIcon:e.jsx(l.KeyboardArrowDown,{}),sizing:h,disabled:c,disableClearable:d,autoComplete:!0,multiple:x,...m?{groupBy:e=>(e=>Object.hasOwn(e,"group"))(e)?e.group:"",renderGroup:l=>e.jsxs(u.default.Fragment,{children:[0!==parseInt(`${l.key}`)&&e.jsx(s.Box,{sx:{borderBottom:e=>`1px solid ${e.custom.palette.stroke.default}`,my:1}}),e.jsx(s.Box,{component:"div",className:s.autocompleteClasses.groupLabel,children:l.group}),l.children]},l.key)}:{},renderInput:l=>e.jsx(r.StyledTextField,{...l,placeholder:A(y)?void 0:g,sizing:h}),options:n,renderTags:(s,t)=>s.map((s,r)=>{const{key:o,...i}=t({index:r});return e.jsx(a.StyledChip,{sizing:h,deleteIcon:e.jsx(l.CloseRounded,{fontSize:"small"}),label:s.label,...i},o)}),onChange:(e,l,s)=>{const t=Array.isArray(l)?l.map(e=>e.value):l?.value??null;f(l),b?.(e,t,s),p?.()},slots:{popper:l=>e.jsx(i,{...l,sizing:h})},isOptionEqualToValue:(e,l)=>e.value===l.value,renderOption:(s,t,{selected:r})=>{const{key:o,...i}=s;return e.jsxs("li",{...i,children:[e.jsx("span",{children:j?j(t.value,t.label):t.label}),e.jsx(l.Check,{sx:{visibility:r?"visible":"hidden",fontSize:"16px"}})]},o)},ListboxComponent:t.forwardRef((l,s)=>e.jsx(o,{ref:s,...l,showSelectAll:x,handleSelectAll:C,value:y,selections:n,sizing:h})),value:y})};

package/dist/systems/WebCore/Select/AutocompleteListbox.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),l=require("react"),r=require("./AutocompleteSelectAll.js");const t=l.forwardRef(({children:l,handleSelectAll:t,showSelectAll:s,value:n=[],selections:i,sizing:c,...a},h)=>{const u=Array.isArray(n)&&n.length===i.length,A=Array.isArray(n)&&n.length>0&&n.length<i.length;return e.jsxs("ul",{ref:h,...a,children:[s&&e.jsx(r,{handleSelectAll:t,isIndeterminate:A,isAllSelected:u,sizing:c}),l]})});module.exports=t;

package/dist/systems/WebCore/Select/AutocompletePopper.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("./StyledAutocomplete.js");module.exports=t=>e.jsx(r.StyledPopper,{...t});

package/dist/systems/WebCore/Select/AutocompleteSelectAll.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),i=require("react"),r=require("../Checkbox/StyledCheckbox.js"),s=require("../utils/typography.util.js");module.exports=({handleSelectAll:n,isIndeterminate:l,isAllSelected:a,sizing:c})=>{const[u,o]=i.useState(!1),d=t.useTheme();return i.useEffect(()=>{a&&o(a)},[a]),e.jsxs(t.Stack,{direction:"row",gap:d.spacing(d.custom.padding.sm),onClick:e=>{const t=!u;o(t),n(e,t)},sx:{marginLeft:"auto",display:"flex",alignItems:"center",justifyContent:"flex-end",p:e=>e.custom.padding.sm},children:[e.jsx(t.FormLabel,{sx:{cursor:"pointer",fontSize:()=>c&&s.fontSizemap[c]},children:"Select all"}),e.jsx(r,{sizing:"default",indeterminate:l,checked:u})]})};

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

@@ -0,0 +1,40 @@
+import { SelectProps as SelectProps$1, SelectChangeEvent, MenuItemProps } from '@mui/material';
+import { ReactElement, FunctionComponent } from 'react';
+import { SelectOption } from './StyledSelect.variant-helpers.js';
+
+type SelectOnChange = (event: SelectChangeEvent<any>, child: React.ReactNode) => void;
+type AutocompleteOnChange = (value: string | string[]) => void;
+type SelectProps = {
+    selections: SelectOption[];
+    autoComplete?: boolean;
+    autoFocus?: boolean;
+    disabled?: boolean;
+    disablePortal?: boolean;
+    error?: boolean;
+    fullWidth?: boolean;
+    grouped?: boolean;
+    id?: string;
+    inputRef?: SelectProps$1['inputRef'];
+    internalChange?: () => void;
+    MenuProps?: SelectProps$1['MenuProps'];
+    multi?: boolean;
+    name: string;
+    onBlur?: SelectProps$1['onBlur'];
+    onChange?: SelectOnChange | AutocompleteOnChange;
+    placeholder?: string | undefined;
+    readOnly?: boolean;
+    ref?: SelectProps$1['ref'];
+    required?: boolean;
+    selectOptionProps?: MenuItemProps;
+    sizing?: 'xs' | 'md' | 'lg';
+    sx?: SelectProps$1['sx'];
+    onOpen?: SelectProps$1['onOpen'];
+    inputProps?: SelectProps$1['inputProps'];
+    value?: SelectProps$1['value'];
+    renderListItem?: (value: string, label: string) => ReactElement;
+    renderSelectedItem?: (value: string, label?: string) => ReactElement;
+};
+declare const Select: FunctionComponent<SelectProps>;
+
+export { Select as default };
+export type { SelectProps };

package/dist/systems/WebCore/Select/Select.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/icons-material"),l=require("@mui/material"),i=require("../../../utils/breakpoint.hook.js"),t=require("../Typography/Typography.js"),n=require("./Autocomplete.js"),a=require("./SelectItem.js"),s=require("./StyledSelect.js"),o=require("./StyledSelect.variant-helpers.js");module.exports=({selections:u,autoComplete:p=!1,disabled:d=!1,disablePortal:m=!1,grouped:c,inputRef:h,internalChange:g,multi:j=!0,onChange:v,placeholder:x="",selectOptionProps:y,sizing:b="lg",sx:q,value:C=[],renderListItem:S,renderSelectedItem:z,...I})=>{const f=l.useTheme(),A=i.useBreakpoint();return p?e.jsx(n,{selections:u,placeholder:x,disabled:d,sizing:b,onChange:(e,r)=>{v&&v(r||""),g&&g()},value:Array.isArray(C)?C??[]:C??"",internalChange:g,renderListItem:S,multiple:j,grouped:c}):e.jsx(s,{sizing:b,inputRef:h,MenuProps:{disablePortal:m,sx:o.menuStyles,anchorOrigin:{vertical:"bottom",horizontal:"center"}},displayEmpty:!0,IconComponent:r.KeyboardArrowDown,renderValue:r=>x&&!r?e.jsx(t,{component:"p",variation:"sm"===A||"md"===A?"sm":"lg",sx:{color:f.custom.palette.text.placeholder},children:x}):z?z(r,u?.find(({value:e})=>e===r)?.label):e.jsx(t,{component:"p",variation:"sm"===A||"md"===A?"sm":"lg",children:u?.find(({value:e})=>e===r)?.label}),onChange:(e,r)=>{v&&v(e,r),g&&g()},sx:q,value:C,...I,children:u?.map(({value:r,label:l})=>e.jsx(a,{value:r,...y,sizing:b,children:S?S(r,l):l},r))})};

package/dist/systems/WebCore/Select/SelectItem.d.ts

@@ -0,0 +1,8 @@
+import { MenuItemProps } from '@mui/material';
+import { InputSizing } from './StyledSelect.variant-helpers.js';
+
+interface SelectItemProps extends MenuItemProps {
+    sizing: InputSizing;
+}
+
+export type { SelectItemProps };

package/dist/systems/WebCore/Select/SelectItem.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),o=require("./StyledSelect.variant-helpers.js");const r=t.styled(t.MenuItem)(({theme:e,sizing:t})=>({...{...o.selectItemBaseStyles(e,t)},"&.Mui-focusVisible":{backgroundColor:e.custom.palette.interaction.none},"&:hover":{backgroundColor:e.custom.palette.interaction.hover},"&.Mui-selected":{backgroundColor:e.custom.palette.interaction.press,"&.Mui-focusVisible":{backgroundColor:e.custom.palette.interaction.press},"&:hover":{backgroundColor:e.custom.palette.interaction.press}},"&.MuiButtonBase-root.MuiMenuItem-root.Mui-disabled":{backgroundColor:e.custom.palette.input.default,color:e.custom.palette.text.disabled,"&:before":{backgroundColor:e.custom.palette.interaction.disabled}}}));module.exports=({children:t,...o})=>e.jsx(r,{...o,children:t});

package/dist/systems/WebCore/Select/StyledAutocomplete.js

@@ -0,0 +1 @@
+"use strict";var e=require("@mui/material"),t=require("../../BrandCore/primitiveVariables.js"),i=require("./StyledSelect.variant-helpers.js"),o=require("../utils/autocomplete.styles.js"),s=require("../utils/typography.util.js");const a=e.styled(e.Autocomplete)(({theme:e,sizing:i,value:s})=>({...i&&o.autocompleteStyles(e,i),"&.MuiAutocomplete-root .MuiOutlinedInput-root .MuiAutocomplete-input":{paddingLeft:s&&Array.isArray(s)&&s.length>0?0:e.spacing(e.custom.padding.sm),paddingTop:0,paddingBottom:0,justifyContent:"center",textOverflow:"ellipsis",whiteSpace:"nowrap"},"& .MuiAutocomplete-tag":{...i&&{height:"xs"===i?2*t.base+"px":3*t.base+"px"},margin:0,"& .MuiSvgIcon-root":{height:"12px",width:"12px"}},"& .MuiChip-root .MuiChip-label":{height:20,lineHeight:"20px",maxWidth:140,...i&&{padding:`0 ${e.spacing(e.custom.padding.xs)}`}}})),p=e.styled(e.Chip)(({theme:e,sizing:t})=>({borderRadius:e.spacing(e.custom.radius.sm),border:`1px solid ${e.custom.palette.stroke.default}`,backgroundColor:e.custom.palette.surface.default,...t&&{padding:`0 ${e.spacing(e.custom.padding.xs)}`},"& .MuiChip-deleteIcon":{fill:e.custom.palette.icon.primary,borderRadius:e.custom.radius.round,margin:0,"&:hover":{backgroundColor:e.custom.palette.interaction.hover},"&:active":{backgroundColor:e.custom.palette.interaction.press},"&:disabled":{backgroundColor:e.custom.palette.interaction.disabled,fill:e.custom.palette.icon.disabled}}})),r=e.styled(e.Popper)(({theme:t,sizing:a})=>({...a&&{...o.popperStyles(t,a)},[`& .${e.autocompleteClasses.listbox} .${e.autocompleteClasses.groupLabel}`]:{...a&&{minHeight:i.selectMenuItemSize(a),fontSize:s.fontSizemap[a]},paddingLeft:t.spacing("xs"===a?t.custom.padding.sm:t.custom.padding.md),paddingRight:t.spacing("xs"===a?t.custom.padding.sm:t.custom.padding.md),color:t.custom.palette.text.secondary,fontWeight:t.typography.fontWeightRegular,display:"flex",alignItems:"center"}}));exports.StyledAutocomplete=a,exports.StyledChip=p,exports.StyledPopper=r;

package/dist/systems/WebCore/Select/StyledSelect.js

@@ -0,0 +1 @@
+"use strict";var e=require("@mui/material"),t=require("./StyledSelect.variant-helpers.js");const o=e.styled(e.Select)(({theme:e,sizing:o})=>({...{...t.selectBaseStyles(e,o)},...o&&{...t.getInputSize(e,o)},...o&&{...t.getTypographyStyle(e,o)},backgroundColor:e.custom.palette.surface.raised,border:`1px solid ${e.custom.palette.stroke.default}`,transition:e.custom.easing.input,"& .MuiOutlinedInput-notchedOutline":{border:e.custom.palette.stroke.default},"&:hover":{"& .MuiOutlinedInput-notchedOutline":{borderColor:e.custom.palette.stroke.default}},"&.Mui-focused":{backgroundColor:e.custom.palette.input.default,borderColor:e.custom.palette.stroke.focus,boxShadow:e.custom.boxShadow.input.focus},"&.Mui-disabled":{backgroundColor:e.custom.palette.input.disabled,borderColor:e.custom.palette.stroke.disabled,"& .MuiSvgIcon-root":{color:e.custom.palette.icon.disabled,transition:e.custom.easing.input}}}));module.exports=o;

package/dist/systems/WebCore/Select/StyledSelect.variant-helpers.d.ts

@@ -0,0 +1,12 @@
+import { GenericSizeMap } from '../../BrandCore/primitiveVariables.js';
+
+type InputSizing = Exclude<GenericSizeMap, 'none'>;
+type SelectOption = {
+    label: string;
+    value: string;
+};
+type GroupSelectOption = SelectOption & {
+    group: string;
+};
+
+export type { GroupSelectOption, InputSizing, SelectOption };

package/dist/systems/WebCore/Select/StyledSelect.variant-helpers.js

@@ -0,0 +1 @@
+"use strict";require("react/jsx-runtime"),require("@mui/material");var t=require("../../BrandCore/Icon/Icon.js"),e=require("../../BrandCore/primitiveVariables.js"),i=require("../utils/typography.util.js");const o="0px 4px 8px 0px #06040D14, 0px 16px 24px 0px #06040D14, 0px 0px 4px 2px #06040D0A, 0px 0px 0px 1px #FFFFFF29",n=t=>{switch(t){case"xs":return 24;case"md":return 32;default:return 40}},s=t=>{switch(t){case"xs":return 24;case"md":return 32;default:return 40}},a=t=>{switch(t){case"xs":case"md":return 16;default:return 24}};exports.getInputSize=(e,i)=>{switch(i){case"lg":return{height:n(i),"& .MuiSvgIcon-root":{color:e.custom.palette.icon.primary,transition:e.custom.easing.input,width:t.iconSizeMap.lg,height:t.iconSizeMap.lg,top:`calc(50% - ${t.iconSizeMap.lg/2}px)`}};case"md":return{height:n(i),"& .MuiSvgIcon-root":{color:e.custom.palette.icon.primary,transition:e.custom.easing.input,width:t.iconSizeMap.md,height:t.iconSizeMap.md,top:`calc(50% - ${t.iconSizeMap.md/2}px)`}};case"xs":return{height:n(i),"& .MuiSvgIcon-root":{color:e.custom.palette.icon.primary,transition:e.custom.easing.input,width:t.iconSizeMap.xs,height:t.iconSizeMap.xs,top:`calc(50% - ${t.iconSizeMap.xs/2}px)`}};default:return{height:n("lg"),"& .MuiSvgIcon-root":{color:e.custom.palette.icon.primary,transition:e.custom.easing.input,width:t.iconSizeMap.lg,height:t.iconSizeMap.lg,top:`calc(50% - ${t.iconSizeMap.lg/2}px)`}}}},exports.getTypographyStyle=(t,e)=>({"& .MuiTypography-root":{overflow:"hidden",textOverflow:"ellipsis",fontSize:i.fontSizemap[e],paddingLeft:t.spacing("xs"===e?t.custom.padding.xs:t.custom.padding.sm),paddingRight:t.spacing("xs"===e?t.custom.padding.xs:t.custom.padding.sm)}}),exports.menuStyles=t=>({width:0,"&.MuiModal-root.MuiPopover-root":{"&.MuiMenu-root":{borderRadius:t.spacing(t.custom.radius.sm),"& .MuiPaper-root":{border:`1px solid ${t.custom.palette.stroke.default}`,backgroundColor:t.custom.palette.surface.raised,boxShadow:o}}}}),exports.popperBoxShadow=o,exports.selectBaseStyles=(t,o)=>({fontSize:i.fontSizemap[o],borderRadius:t.spacing(t.custom.radius.md),position:"relative",padding:t.spacing(t.custom.padding.sm),"& .MuiSelect-outlined":{padding:0},"& .MuiSelect-select.MuiInputBase-input":{paddingRight:t.spacing(e.padding.md)},"&:before":{transition:t.custom.easing.input,content:'""',position:"absolute",background:t.custom.palette.interaction.none,borderRadius:t.spacing(t.custom.radius.md),inset:0,zIndex:0},"&:hover:before":{backgroundColor:t.custom.palette.interaction.hover},"&.Mui-focused:before":{backgroundColor:t.custom.palette.interaction.press},"&.Mui-disabled:before":{backgroundColor:t.custom.palette.interaction.none},"& .MuiSelect-select":{position:"relative"}}),exports.selectInputHeight=n,exports.selectItemBaseStyles=(t,e)=>({position:"relative",fontSize:i.fontSizemap[e],backgroundColor:t.custom.palette.interaction.none,color:t.custom.palette.text.primary,minHeight:s(e),justifyContent:"space-between",paddingLeft:t.spacing("xs"===e?t.custom.padding.sm:t.custom.padding.md),paddingRight:t.spacing("xs"===e?t.custom.padding.sm:t.custom.padding.md),gap:t.spacing(t.custom.padding.sm),whiteSpace:"wrap","&:before":{transition:t.custom.easing.input,content:'""',position:"absolute",inset:0,zIndex:1},"& .MuiSvgIcon-root":{width:a(e),height:a(e)}}),exports.selectMenuItemSize=s,exports.selectTickSize=a;

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

@@ -0,0 +1,17 @@
+import { SkeletonProps as SkeletonProps$1 } from '@mui/material';
+import { FunctionComponent } from 'react';
+
+interface SkeletonProps {
+    animation?: SkeletonProps$1['animation'];
+    children?: SkeletonProps$1['children'];
+    height?: SkeletonProps$1['height'];
+    sx?: SkeletonProps$1['sx'];
+    variant?: SkeletonProps$1['variant'];
+    width?: SkeletonProps$1['width'];
+    component?: SkeletonProps$1['component'];
+    ref?: SkeletonProps$1['ref'];
+}
+declare const Skeleton: FunctionComponent<SkeletonProps>;
+
+export { Skeleton as default };
+export type { SkeletonProps };

package/dist/systems/WebCore/Skeleton/Skeleton.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material");const r=t.styled(t.Skeleton)(({theme:e})=>({borderRadius:e.spacing(e.custom.radius.md),backgroundColor:e.custom.palette.skeleton.default,transform:"none",width:"100%",height:"100%"}));module.exports=t=>e.jsx(r,{animation:"pulse",...t});

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

@@ -0,0 +1,27 @@
+import { ReactNode, FunctionComponent } from 'react';
+import { InputLabelHelpProps } from '../InputLabelHelp/InputLabelHelp.js';
+
+interface Mark {
+    value: number;
+    label?: ReactNode;
+}
+interface SliderProps {
+    labelLeft: string;
+    labelRight: string;
+    labelMiddle?: string;
+    min?: number;
+    max?: number;
+    labelRightProps?: InputLabelHelpProps;
+    labelLeftProps?: InputLabelHelpProps;
+    marks?: Mark[];
+    marksStep?: number;
+    internalChange?: () => void;
+    disabled?: boolean;
+    onChange?: (event: Event, value: number | number[], activeThumb: number) => void;
+    step?: number;
+    value?: number | number[];
+}
+declare const Slider: FunctionComponent<SliderProps>;
+
+export { Slider as default };
+export type { SliderProps };

package/dist/systems/WebCore/Slider/Slider.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),i=require("react"),t=require("../../BrandCore/primitiveVariables.js"),s=require("../InputLabelHelp/InputLabelHelp.js"),n=require("./StyledSlider.js");const l=(e,r)=>{if(!e)return!1;const i=e.querySelectorAll(r);if(i.length<2)return!1;const t=Array.from(i).map(e=>e.getBoundingClientRect());let s=!1;for(let e=0;e<t.length-1;e++)if(t[e].right+5>t[e+1].left){s=!0;break}return s};module.exports=({labelLeft:a,labelMiddle:d,labelRight:u,labelRightProps:o,labelLeftProps:c,disabled:x,onChange:h,internalChange:b,max:g=5,min:f=1,marks:m,marksStep:p=1,step:j=1,value:M=f,...S})=>{const{sanitisedMin:k,sanitisedMax:C}=((e,r)=>e>=r?{sanitisedMin:1,sanitisedMax:10}:{sanitisedMin:e,sanitisedMax:r})(f,g),v=i.useRef(null),B=m||((e,r,i)=>{const t=[];for(let s=e;s<=r;s++)s%i===0&&t.push({value:s,label:s.toString()});return t})(k,C,p),[q,y]=i.useState(!1),[L,w]=i.useState(!1),R=i.useCallback(()=>{y(l(v.current,".MuiSlider-markLabel")),w(l(v.current,".MuiSlider-mark"))},[v,y,w]);return i.useEffect(()=>{R()},[R,B?.length]),i.useEffect(()=>{const e=new ResizeObserver(R);return v.current&&e.observe(v.current),()=>{e.disconnect()}},[R]),e.jsxs(r.Box,{sx:{minWidth:300},children:[e.jsx(r.Box,{height:24,children:e.jsx(n.StyledSlider,{ref:v,valueLabelDisplay:x?"on":"auto",disabled:x,marks:B,step:j,hideMarkLabels:q,hideMarks:L,max:C,min:k,onChangeCommitted:()=>{b&&b()},onChange:(e,r,i)=>{h&&h(e,r,i)},value:M,...S})}),e.jsx(r.Box,{sx:{display:"flex",justifyContent:"space-between",pt:t.padding.lg,gap:1},children:(a||d||u)&&e.jsxs(e.Fragment,{children:[e.jsx(r.Box,{sx:{flex:1},children:e.jsx(s,{disabled:x,showicon:!1,...c,children:a})}),d&&e.jsx(r.Box,{sx:{flex:1,textAlign:"center"},children:e.jsx(s,{showicon:!1,disabled:x,children:d})}),e.jsx(r.Box,{sx:{flex:1,textAlign:"right"},children:e.jsx(s,{...o,showicon:!1,disabled:x,children:u})})]})})]})};

package/dist/systems/WebCore/Slider/StyledSlider.js

@@ -0,0 +1 @@
+"use strict";var e=require("@mui/material"),i=require("../../BrandCore/primitiveVariables.js"),r=require("./sliderHandle.js"),l=require("./sliderTrack.js"),a=require("./sliderValue.js");const d=e.styled(e.Slider,{shouldForwardProp:e=>!["inputRef","hideMarks","hideMarkLabels"].includes(e)})(({theme:e,value:d,hideMarkLabels:t,hideMarks:s})=>({"&.MuiSlider-root":{width:`calc(100% - ${i.space[400]}px)`,marginLeft:i.space[400]/2,...{...l.sliderTrack(e,d)},...{...r.sliderHandle(e)},...{...a.sliderValue(e)},"&.Mui-disabled":{"& .MuiSlider-rail, & .MuiSlider-track":{backgroundColor:e.custom.palette.icon.secondary},"& .MuiSlider-rail":{backgroundColor:e.custom.palette.icon.disabled},"& .MuiSlider-thumb":{backgroundColor:e.custom.palette.icon.disabled,"& .MuiSlider-valueLabel":{backgroundColor:e.custom.palette.icon.disabled}}},...t&&{".MuiSlider-markLabel":{visibility:"hidden"},".MuiSlider-markLabel:nth-of-type(4), .MuiSlider-markLabel:nth-last-of-type(2)":{visibility:"visible"}},".MuiSlider-mark":{color:e.custom.palette.text.secondary,...s&&{visibility:"hidden"},"&.MuiSlider-markLabelActive":{color:e.custom.palette.text.secondary}}}}));exports.StyledSlider=d;

package/dist/systems/WebCore/Slider/sliderHandle.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../BrandCore/primitiveVariables.js");exports.sliderHandle=t=>({"& .MuiSlider-thumb":{width:e.space[300],height:e.space[300],backgroundColor:t.custom.palette.text.primary,boxShadow:t.custom.boxShadow.input.handle,"&:after":{content:'""',position:"absolute",top:"50%",left:"50%",width:e.space[50],height:e.space[50],backgroundColor:t.custom.palette.icon.primaryInverted}}});

package/dist/systems/WebCore/Slider/sliderTrack.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../BrandCore/primitiveVariables.js");const r=e=>Array.isArray(e);exports.sliderTrack=(t,i)=>({height:e.space[100],padding:`${e.space[100]}px 0`,"& .MuiSlider-rail":{width:`calc(100% + ${e.space[400]}px)`,left:`-${e.space[200]}px`,backgroundColor:t.custom.palette.icon.disabled,opacity:1},"& .MuiSlider-track":{position:"relative",border:"none",backgroundColor:t.custom.palette.purple[500],"&:before":{content:'""',position:"absolute",top:0,left:i&&r(i)?`-${e.space[100]+1}px`:`-${e.space[200]+1}px`,width:`calc(100% + ${e.space[200]}px)`,height:"100%",borderRadius:"inherit",backgroundColor:"inherit"}},"& .MuiSlider-mark":{height:e.space[50],width:e.space[50],borderRadius:t.custom.radius.round,backgroundColor:t.custom.palette.text.primaryInverted,"&.MuiSlider-markActive":{backgroundColor:t.custom.palette.text.primaryInverted}}});

package/dist/systems/WebCore/Slider/sliderValue.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../BrandCore/primitiveVariables.js"),i=require("../utils/typography.util.js");exports.sliderValue=a=>({"& .MuiSlider-valueLabel":{backgroundColor:a.custom.palette.purple[500],borderRadius:a.spacing(a.custom.radius.sm),padding:e.space[50],minWidth:e.space[400],"&.MuiSlider-valueLabelOpen":{top:"-9px"},"& .MuiSlider-valueLabelLabel":{padding:`0 ${a.spacing(a.custom.padding.xs)}`,fontSize:`${i.typographyVariantMap.lg.body.sm}`,color:a.custom.palette.text.lockedWhite,fontWeight:500,lineHeight:"140%"}}});

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

@@ -0,0 +1,23 @@
+import { SortableItem, DragHandle } from './components/SortableItem/SortableItem.js';
+import { ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { UniqueIdentifier } from '@dnd-kit/core';
+
+interface BaseItem {
+    id: UniqueIdentifier;
+}
+interface SortableListProps<T extends BaseItem> {
+    items: T[];
+    onChange(items: T[]): void;
+    renderItem(item: T, isOverlay?: boolean, isDragActive?: boolean): ReactNode;
+    disabled?: boolean;
+    direction?: 'horizontal' | 'vertical';
+}
+declare function SortableList<T extends BaseItem>({ items, onChange, renderItem, disabled, direction }: SortableListProps<T>): react_jsx_runtime.JSX.Element | undefined;
+declare namespace SortableList {
+    var Item: typeof SortableItem;
+    var DragHandle: typeof DragHandle;
+}
+
+export { SortableList as default };
+export type { SortableListProps };

package/dist/systems/WebCore/SortableList/SortableList.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("@dnd-kit/core"),r=require("@dnd-kit/sortable"),n=require("@mui/material"),a=require("react"),o=require("./components/SortableItem/SortableItem.js"),i=require("./components/SortableOverlay/SortableOverlay.js");const s=({nativeEvent:e})=>{let t=e.target;for(;t;){if(t.dataset.noDnd)return!1;t=t.parentElement}return!0};class d extends t.MouseSensor{static activators=[{eventName:"onMouseDown",handler:s}]}class l extends t.TouchSensor{static activators=[{eventName:"onTouchStart",handler:s}]}function c({items:o,onChange:s,renderItem:c,disabled:u,direction:m}){if(!o)return;const[S,g]=a.useState(null),v=a.useMemo(()=>o.find(e=>e?.id===S?.id),[S,o]),x=n.useTheme(),b=n.useMediaQuery(x.breakpoints.down("md")),y=t.useSensors(t.useSensor(d,{activationConstraint:{distance:5}}),t.useSensor(l,{activationConstraint:{delay:b?300:0,tolerance:8}}),t.useSensor(t.KeyboardSensor,{coordinateGetter:r.sortableKeyboardCoordinates}));return e.jsxs(t.DndContext,{measuring:{droppable:{strategy:t.MeasuringStrategy.Always}},sensors:y,onDragStart:({active:e})=>{g(e)},onDragEnd:({active:e,over:t})=>{if(t&&e.id!==t?.id){const n=o.findIndex(({id:t})=>t===e.id),a=o.findIndex(({id:e})=>e===t.id);s(r.arrayMove(o,n,a))}g(null)},onDragCancel:()=>{g(null)},children:[e.jsx(r.SortableContext,{items:o,disabled:u,strategy:"horizontal"===m?r.horizontalListSortingStrategy:r.verticalListSortingStrategy,children:e.jsx(n.Stack,{sx:{..."horizontal"===m&&{flexDirection:"row"},display:"flex",m:0,gap:1,padding:0,alignContent:"flex-start"},children:o.map(t=>e.jsx(a.Fragment,{children:c(t)},t.id))})}),e.jsx(i.SortableOverlay,{children:v?c(v,!0,!!S):null})]})}c.Item=o.SortableItem,c.DragHandle=o.DragHandle,module.exports=c;

package/dist/systems/WebCore/SortableList/components/SortableItem/SortableItem.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { UniqueIdentifier } from '@dnd-kit/core';
+import { PropsWithChildren, ReactElement } from 'react';
+
+interface Props {
+    id: UniqueIdentifier;
+    top?: ReactElement;
+    bottom?: ReactElement;
+}
+declare function SortableItem({ children, top, bottom, id }: PropsWithChildren<Props>): react_jsx_runtime.JSX.Element;
+declare function DragHandle(): react_jsx_runtime.JSX.Element;
+
+export { DragHandle, SortableItem };

package/dist/systems/WebCore/SortableList/components/SortableItem/SortableItem.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("@dnd-kit/sortable"),r=require("@dnd-kit/utilities"),i=require("@mui/material"),s=require("react");const a=s.createContext({attributes:{},listeners:void 0,ref(){}}),n=e=>t.defaultAnimateLayoutChanges({...e,wasDragging:!0});exports.DragHandle=function(){const{attributes:t,listeners:r,ref:n}=s.useContext(a);return e.jsx(i.Box,{...t,...r,ref:n,children:e.jsx("svg",{viewBox:"0 0 20 20",width:"12",children:e.jsx("path",{d:"M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"})})})},exports.SortableItem=function({children:o,top:u,bottom:l,id:d}){const{attributes:c,isDragging:m,listeners:x,setNodeRef:f,setActivatorNodeRef:g,transform:h,transition:b}=t.useSortable({id:d,animateLayoutChanges:n}),v=s.useMemo(()=>({attributes:c,listeners:x,ref:g}),[c,x,g]),A={opacity:m?.4:void 0,transform:r.CSS.Translate.toString(h),transition:b};return e.jsx(a.Provider,{value:v,children:e.jsxs(i.Stack,{className:"SortableItem",...c,sx:{position:"relative",...A,width:"100%"},ref:f,children:[u&&u,e.jsx(i.Box,{...x,sx:{display:"flex",cursor:"grab"},children:o}),l&&l]})})};

package/dist/systems/WebCore/SortableList/components/SortableOverlay/SortableOverlay.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("@dnd-kit/core"),t=require("react-dom");const i={sideEffects:r.defaultDropAnimationSideEffects({styles:{active:{opacity:"0.4"}}})};exports.SortableOverlay=function({children:a}){return t.createPortal(e.jsx(r.DragOverlay,{zIndex:999999,dropAnimation:i,children:a}),document.body)};

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

@@ -0,0 +1,16 @@
+import { FunctionComponent } from 'react';
+
+interface StarRatingProps {
+    disabled?: boolean;
+    readOnly?: boolean;
+    onChange?: (event: React.ChangeEvent<{}>, value: number | null) => void;
+    precision?: number;
+    name: string;
+    IconContainerComponent?: any;
+    value?: number | null;
+    internalChange?: () => void;
+}
+declare const StarRating: FunctionComponent<StarRatingProps>;
+
+export { StarRating as default };
+export type { StarRatingProps };

package/dist/systems/WebCore/StarRating/StarRating.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),i=require("@mui/material");const o=i.styled(i.Rating)(({theme:e})=>({"&.MuiRating-root":{"& .MuiRating-iconEmpty":{color:e.custom.palette.icon.secondary},"& .MuiRating-iconFilled":{color:e.custom.palette.yellow[600]},".MuiRating-iconHover":{fontSize:"inherit",transform:"none"},"&.Mui-disabled":{opacity:1,color:e.custom.palette.icon.disabled,"& .MuiRating-iconEmpty":{color:e.custom.palette.icon.disabled},"& .MuiRating-iconFilled":{color:e.custom.palette.icon.disabled}}}}));module.exports=({internalChange:t,onChange:n,...l})=>e.jsx(o,{...l,onChange:(e,i)=>{n&&n(e,i),t&&t()},icon:e.jsx(i.SvgIcon,{sx:{width:48,height:48},viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M24.114 35.395L32.414 40.415C33.934 41.335 35.794 39.975 35.394 38.255L33.194 28.815L40.534 22.455C41.874 21.295 41.154 19.095 39.394 18.955L29.734 18.135L25.954 9.21499C25.274 7.59499 22.954 7.59499 22.274 9.21499L18.494 18.115L8.83396 18.935C7.07396 19.075 6.35396 21.275 7.69396 22.435L15.034 28.795L12.834 38.235C12.434 39.955 14.294 41.315 15.814 40.395L24.114 35.395Z"})}),emptyIcon:e.jsx(i.SvgIcon,{sx:{width:48,height:48},viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M39.1047 20.58L30.8559 27.7274L33.3274 38.3549L23.9992 32.713L14.6668 38.335L17.1388 27.7279L8.89132 20.5816L19.748 19.66L23.9966 9.63416L28.2463 19.6377L39.1047 20.58ZM12.7171 37.8892L14.9171 28.4492L7.57709 22.0892C6.23709 20.9292 6.95709 18.7292 8.71709 18.5892L18.3771 17.7692L22.1571 8.84916C22.8371 7.22916 25.1571 7.22916 25.8371 8.84916L29.6171 17.7492L39.2971 18.5892C41.0571 18.7292 41.7571 20.9292 40.4171 22.0892L33.0771 28.4492L35.2771 37.9092C35.6771 39.6292 33.8171 40.9892 32.2971 40.0692L23.9971 35.0492L15.6971 40.0492C14.1771 40.9692 12.3171 39.6092 12.7171 37.8892Z"})})});

package/dist/systems/WebCore/Surface/StyledSurface.js

@@ -0,0 +1 @@
+"use strict";var r=require("@mui/material"),a=require("./Surface.variant-helpers.js");const e=r.styled(r.Paper,{shouldForwardProp:r=>!["variation","borderradius","active"].includes(r)})(({theme:r,variation:e="default",borderradius:i,active:o})=>({boxShadow:"unset",borderRadius:a.getBorderRadius(r,i),background:a.backgroundBasedOnVariation(e,r),..."overlay"===e&&{...a.overlay(r)},..."raised"===e&&{...a.raised(r)},..."float"===e&&{...a.float(r)},...o&&{...a.activeState(r)}}));module.exports=e;

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

@@ -0,0 +1,13 @@
+import * as react from 'react';
+import { PaperProps } from '@mui/material';
+import { SurfaceVariation, BorderRadius } from './Surface.variant-helpers.js';
+
+interface SurfaceProps extends PaperProps {
+    variation?: SurfaceVariation;
+    borderradius?: BorderRadius;
+    active?: boolean;
+}
+declare const Surface: react.ForwardRefExoticComponent<Omit<SurfaceProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+export { Surface as default };
+export type { SurfaceProps };

package/dist/systems/WebCore/Surface/Surface.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),a=require("./StyledSurface.js");const t=r.forwardRef(({active:r,variation:t="overlay",...i},c)=>e.jsx(a,{ref:c,variation:t,active:r,...i}));module.exports=t;

package/dist/systems/WebCore/Surface/Surface.variant-helpers.d.ts

@@ -0,0 +1,8 @@
+import { Theme } from '@mui/material';
+
+type SurfaceVariation = 'default' | 'sunken' | 'raised' | 'overlay' | 'float';
+type BorderRadius = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+declare const getBorderRadius: (theme: Theme, size: BorderRadius | undefined) => number | string;
+
+export { getBorderRadius };
+export type { BorderRadius, SurfaceVariation };

package/dist/systems/WebCore/Surface/Surface.variant-helpers.js

@@ -0,0 +1 @@
+"use strict";var e=require("@mui/material");exports.activeState=t=>({background:t.custom.palette.blue[0],[`&.${e.paperClasses.root}`]:{border:`1px solid ${t.custom.palette.blue[500]}`}}),exports.backgroundBasedOnVariation=(e,t)=>{switch(e){case"sunken":return t.custom.palette.surface.sunken;case"raised":return t.custom.palette.surface.raised;case"overlay":return t.custom.palette.surface.overlay;case"float":return t.custom.palette.surface.float;default:return t.custom.palette.surface.default}},exports.float=e=>({boxShadow:e.custom.elevation.float}),exports.getBorderRadius=(e,t)=>{switch(t){case"xs":return e.spacing(e.custom.radius.xs);case"sm":return e.spacing(e.custom.radius.sm);case"md":return e.spacing(e.custom.radius.md);case"lg":return e.spacing(e.custom.radius.lg);default:return e.spacing(e.custom.radius.xl)}},exports.overlay=e=>({boxShadow:e.custom.elevation.overlay}),exports.raised=e=>({boxShadow:e.custom.elevation.raised});

package/dist/systems/WebCore/Switch/StyledSwitch.d.ts

@@ -0,0 +1,7 @@
+import { SwitchProps } from '@mui/material';
+
+interface StyledSwitchProps extends SwitchProps {
+    sizing?: 'sm' | 'lg';
+}
+
+export type { StyledSwitchProps };

package/dist/systems/WebCore/Switch/StyledSwitch.js

@@ -0,0 +1 @@
+"use strict";var i=require("react/jsx-runtime"),t=require("@mui/material");const e=t.styled(e=>i.jsx(t.Switch,{disableRipple:!0,...e}))(({theme:i,sizing:t})=>({width:"lg"===t?54:36,height:"lg"===t?30:20,padding:0,"& .MuiSwitch-switchBase":{padding:0,margin:"lg"===t?3:2,transitionDuration:"300ms","&.Mui-checked":{transform:`translateX(${"lg"===t?24:16}px)`,color:i.custom.palette.icon.lockedWhite,"& + .MuiSwitch-track":{backgroundColor:i.custom.palette.green[500],opacity:1,border:0},"&.Mui-disabled + .MuiSwitch-track":{opacity:.5,color:i.custom.palette.input.disabled}},"&:focus-visible .MuiSwitch-thumb":{color:"#33cf4d",border:"6px solid #fff"},"&.Mui-disabled .MuiSwitch-thumb":{color:i.custom.palette.neutral[100]},"&.Mui-disabled + .MuiSwitch-track":{opacity:"light"===i.palette.mode?.7:.3}},"& .MuiSwitch-thumb":{width:"lg"===t?24:16,height:"lg"===t?24:16,boxSizing:"border-box",boxShadow:"none",backdropFilter:"blur(0)",filter:"drop-shadow(0 0 0 rgba(255, 255, 255, 0.52))",outline:("lg"===t?2:1)+"px solid rgba(255, 255, 255, 0.12)"},"& .MuiSwitch-track":{borderRadius:("lg"===t?30:20)/2,backgroundColor:i.custom.palette.icon.disabled,opacity:1,transition:i.transitions.create(["background-color"],{duration:500})}}));module.exports=e;

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

@@ -0,0 +1,17 @@
+import { ReactElement, FunctionComponent } from 'react';
+import { FormControlLabelProps } from '../FormControlLabel/FormControlLabel.js';
+import { StyledSwitchProps } from './StyledSwitch.js';
+
+interface SwitchProps extends Omit<StyledSwitchProps, 'inputProps'> {
+    sizing?: 'sm' | 'lg';
+    value?: boolean;
+    label?: string | ReactElement;
+    labelPlacement?: Exclude<FormControlLabelProps['labelPlacement'], 'top' | 'bottom'>;
+    fullWidth?: boolean;
+    onChange?: (event: React.SyntheticEvent<Element, Event>, checked: boolean) => void;
+    internalChange?: () => void;
+}
+declare const Switch: FunctionComponent<SwitchProps>;
+
+export { Switch as default };
+export type { SwitchProps };

package/dist/systems/WebCore/Switch/Switch.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),l=require("merge-sx"),r=require("../FormControlLabel/FormControlLabel.js"),t=require("./StyledSwitch.js");module.exports=({sizing:a="sm",sx:n,inputRef:i,value:o,label:s,labelPlacement:u="start",fullWidth:m,onChange:b,internalChange:c,...x})=>e.jsx(r,{inputRef:i,checked:o,label:s,labelPlacement:u,control:e.jsx(t,{sizing:a}),onChange:(e,l)=>{b&&b(e,l),c&&c()},sx:l.mergeSx(m?{"& .MuiFormControlLabel-label":{width:"100%"}}:{},n),...x});

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

@@ -0,0 +1,13 @@
+import { SxProps, Theme } from '@mui/material';
+import { FunctionComponent } from 'react';
+import { TypographyProps } from '../Typography/Typography.js';
+
+interface TextBarDividerProps {
+    sx?: SxProps<Theme>;
+    typographyProps?: Partial<TypographyProps>;
+    text: string;
+}
+declare const TextBarDivider: FunctionComponent<TextBarDividerProps>;
+
+export { TextBarDivider as default };
+export type { TextBarDividerProps };

package/dist/systems/WebCore/TextBarDivider/TextBarDivider.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("merge-sx"),i=require("../Typography/Typography.js");module.exports=({typographyProps:a,text:s,sx:n})=>{const o=t.useTheme();return e.jsx(t.Box,{sx:r.mergeSx(n,{width:"100%",position:"relative",display:"flex",gap:4,my:o.spacing(o.custom.margin.md),"&:before":{content:'""',width:"100%",background:o.custom.palette.stroke.default,height:"1px",display:"flex",alignSelf:"center"},"&:after":{content:'""',width:"100%",background:o.custom.palette.stroke.default,height:"1px",display:"flex",alignSelf:"center"}}),children:e.jsx(i,{align:"center",variation:"sm",component:"p",...a,children:s})})};

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

@@ -0,0 +1,12 @@
+import { ReactElement, FunctionComponent } from 'react';
+import { InputFieldBaseProps } from '../InputFieldBase/InputFieldBase.js';
+
+type TextFieldProps = InputFieldBaseProps & {
+    startAdornment?: ReactElement;
+    endAdornment?: ReactElement;
+    internalChange?: () => void;
+};
+declare const TextField: FunctionComponent<TextFieldProps>;
+
+export { TextField as default };
+export type { TextFieldProps };

package/dist/systems/WebCore/TextField/TextField.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),n=require("@mui/material"),t=require("../../BrandCore/primitiveVariables.js"),r=require("../InputFieldBase/InputFieldBase.js");module.exports=({startAdornment:i,endAdornment:s,placeholder:a,onChange:d,internalChange:l,inputRef:p,...u})=>e.jsx(r,{placeholder:a,sx:{height:t.space[500],"& .MuiOutlinedInput-input":{pl:i?1:2,pr:i?1:2}},inputRef:p,InputProps:{startAdornment:i?e.jsx(n.InputAdornment,{position:"start",disablePointerEvents:u.disabled,sx:{pl:1},children:i}):null,endAdornment:s?e.jsx(n.InputAdornment,{position:"start",disablePointerEvents:u.disabled,sx:{pr:1},children:s}):null},...u,onChange:e=>{d&&d(e),l&&l()}});

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

@@ -0,0 +1,12 @@
+import { ReactElement, FunctionComponent } from 'react';
+import { InputFieldBaseProps } from '../InputFieldBase/InputFieldBase.js';
+
+type TextareaProps = InputFieldBaseProps & {
+    startAdornment?: ReactElement;
+    endAdornment?: ReactElement;
+    internalChange?: () => void;
+};
+declare const Textarea: FunctionComponent<TextareaProps>;
+
+export { Textarea as default };
+export type { TextareaProps };

package/dist/systems/WebCore/Textarea/Textarea.js

@@ -0,0 +1 @@
+"use strict";var n=require("react/jsx-runtime"),e=require("@mui/material"),t=require("../../BrandCore/Icon/Icon.js"),i=require("../../BrandCore/primitiveVariables.js"),r=require("../InputFieldBase/InputFieldBase.js");const o=e.styled(r)(({theme:n})=>({"& .MuiInputBase-root":{paddingTop:0,paddingBottom:0,minHeight:i.space[500],alignItems:"baseline","& .MuiInputBase-input":{},"& .MuiInputAdornment-root.MuiInputAdornment-positionStart":{alignSelf:"self-end",height:t.iconSizeMap.xl,marginTop:n.spacing(1),marginBottom:n.spacing(1),"&:first-of-type":{alignSelf:"self-start"}}}}));module.exports=({startAdornment:t,endAdornment:i,onChange:r,internalChange:a,inputRef:s,...u})=>n.jsx(o,{multiline:!0,inputRef:s,InputProps:{startAdornment:t?n.jsx(e.InputAdornment,{position:"start",children:t}):null,endAdornment:i?n.jsx(e.InputAdornment,{position:"start",children:i}):null},...u,onChange:n=>{r&&r(n),a&&a()}});

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

@@ -0,0 +1,14 @@
+import { FunctionComponent, ReactElement } from 'react';
+
+type ToastStatus = 'neutral' | 'success' | 'warning' | 'danger' | 'discover';
+type ToastVariation = 'sm' | 'lg';
+interface ToastProps {
+    buttons?: ReactElement;
+    message: string | ReactElement;
+    status?: ToastStatus;
+    variation?: ToastVariation;
+}
+declare const Toast: FunctionComponent<ToastProps>;
+
+export { Toast as default };
+export type { ToastProps };

package/dist/systems/WebCore/Toast/Toast.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),s=require("../../BrandCore/Icon/Icon.js"),t=require("../Typography/Typography.js");const a=({status:s})=>{const t=r.useTheme();switch(s){case"neutral":return null;case"success":return e.jsx(o,{backgroundColor:t.custom.palette.green[500],name:"check-circle"});case"warning":return e.jsx(o,{backgroundColor:t.custom.palette.yellow[500],name:"error"});case"danger":return e.jsx(o,{backgroundColor:t.custom.palette.red[500],name:"warning"});case"discover":return e.jsx(o,{backgroundColor:t.custom.palette.purple[500],name:"lightbulb"})}},o=({backgroundColor:t,name:a})=>{const o=r.useTheme();return e.jsx(r.Box,{sx:{display:"flex",alignItems:"flex-start",pt:.25},children:e.jsx(r.Box,{sx:{backgroundColor:t,borderRadius:o.custom.radius.round,color:o.custom.palette.white,display:"flex",p:.5},children:e.jsx(s.default,{name:a,size:20})})})};module.exports=({buttons:s,message:o,status:l="neutral",variation:n="sm"})=>{const c=r.useTheme();return e.jsx(r.Stack,{sx:{backgroundColor:c.custom.palette.surface.overlay,borderRadius:c.spacing(c.custom.radius.lg),boxShadow:c.custom.elevation.overlay,color:c.custom.palette.text.primaryInverted,display:"flex",flex:1,gap:1,p:2},children:e.jsxs(r.Box,{sx:{display:"flex",flex:1,flexDirection:"sm"===n?"row":"column",gap:2},children:[e.jsxs(r.Box,{sx:{display:"flex",flex:1,gap:1},children:["neutral"!==l&&e.jsx(a,{status:l}),e.jsx(r.Box,{sx:{display:"flex"},children:e.jsx(t,{variation:"md",component:"p",sx:{px:1,pt:.5},children:o})})]}),s&&e.jsx(r.Box,{sx:{alignItems:"center",display:"flex",gap:2,justifyContent:"flex-end"},children:s})]})})};

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

@@ -0,0 +1,14 @@
+import { TooltipProps as TooltipProps$1, BoxProps } from '@mui/material';
+import { FunctionComponent } from 'react';
+
+interface TooltipProps extends Omit<Partial<TooltipProps$1>, 'title' | 'slotProps'> {
+    message: TooltipProps$1['title'];
+    variation?: 'primary';
+    slotProps?: TooltipProps$1['slotProps'] & {
+        wrapper?: BoxProps;
+    };
+}
+declare const Tooltip: FunctionComponent<TooltipProps>;
+
+export { Tooltip as default };
+export type { TooltipProps };

package/dist/systems/WebCore/Tooltip/Tooltip.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("merge-sx");module.exports=({variation:o="primary",message:s,sx:i,slotProps:a={},children:l,...p})=>{const u=r.useTheme(),{wrapper:m,...x}=a;return e.jsx(r.Tooltip,{enterDelay:650,enterNextDelay:650,arrow:!0,role:"tooltip",title:s,slotProps:{...x,popper:{...x.popper,sx:{"& .MuiTooltip-tooltip":{backgroundColor:u.custom.palette.surface.overlay,borderRadius:u.spacing(u.custom.radius.md),filter:`drop-shadow(${u.custom.elevation.raised})`}}}},sx:t.mergeSx({maxWidth:300},i),...p,children:e.jsx(r.Box,{sx:t.mergeSx({cursor:"pointer",display:"flex",alignItems:"center",color:u.custom.palette.text.primary},m?.sx),children:l})})};

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

@@ -0,0 +1,12 @@
+import { FunctionComponent } from 'react';
+
+type TrialCardProps = {
+    promoHeadline: string;
+    promoDescription: string;
+    ctaText: string;
+    ctaFn: () => void;
+};
+declare const TrialCard: FunctionComponent<TrialCardProps>;
+
+export { TrialCard as default };
+export type { TrialCardProps };

package/dist/systems/WebCore/TrialCard/TrialCard.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime");require("@mui/material");var r=require("../../BrandCore/Icon/Icon.js"),i=require("../Typography/Typography.js"),t=require("./TrialCardContainers.js"),a=require("./TrialPill.js");module.exports=({promoHeadline:n,promoDescription:o,ctaText:s,ctaFn:l})=>e.jsxs(t.TrialCard,{gradient:"tone1",texture:"noise1",children:[e.jsxs(t.Top,{sx:{alignItems:"start"},children:[e.jsx(a.TrialPill,{body:n,weight:"heavy",icon:e.jsx(r.default,{name:"gift"})}),e.jsx(i,{component:"p",variation:"lg",sx:{maxWidth:{lg:600,md:"initial"},color:e=>e.custom.palette.text.lockedWhite},children:o})]}),e.jsx(t.CtaButtonContainer,{children:e.jsx(t.CtaButton,{variation:"secondary",onClick:l,children:s})})]});

package/dist/systems/WebCore/TrialCard/TrialCardContainers.js

@@ -0,0 +1 @@
+"use strict";var t=require("@mui/material"),e=require("../Button/Button.js"),a=require("../ColorBackgroundContainer/ColorBackgroundContainer.js");const n=t.styled(a)(({theme:e})=>({[`&.${t.containerClasses.root} `]:{padding:e.spacing(e.custom.padding.xl),borderRadius:e.spacing(e.custom.radius.xl),flexDirection:"column",gap:e.spacing(e.custom.padding.xl),display:"flex",textAlign:"center",alignItems:"center",width:"100%",[e.breakpoints.up("lgNav")]:{flexDirection:"row",textAlign:"left"},[e.breakpoints.down("md")]:{padding:e.spacing(e.custom.padding.lg)}}})),i=t.styled(t.Stack)(({theme:t})=>({alignItems:"start",gap:t.spacing(t.custom.padding.md),flex:"1 0 0",[t.breakpoints.down("lgNav")]:{alignItems:"center"}})),o=t.styled(t.Box)(({theme:t})=>({flex:"1 0 0",display:"flex",maxWidth:"256px",width:"100%",[t.breakpoints.down("lg")]:{maxWidth:"480px"}})),r={TrialCard:n,Top:i,CtaButton:t.styled(e)(({theme:t})=>({flex:1})),CtaButtonContainer:o};module.exports=r;

package/dist/systems/WebCore/TrialCard/TrialPill.js

@@ -0,0 +1 @@
+"use strict";var e=require("@mui/material");require("../../BrandCore/colorRamps.js");var r=require("../../BrandCore/primitiveVariables.js");require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js");var a=require("../../BrandCore/typography.js");require("react/jsx-runtime"),require("../../BrandCore/Icon/Icon.js");var t=require("../Label/Label.js");const o=e.styled(t)(({theme:t})=>({backgroundColor:t.custom.palette.yellow[400],borderRadius:t.spacing(t.custom.radius.round),padding:`${t.spacing(t.custom.padding.xs)} ${t.spacing(t.custom.padding.md)}`,height:"unset",[`& .${e.chipClasses.label}`]:{textTransform:"none",fontFamily:a.fonts.FontStack.Serif,fontSize:t.custom.typography.headline.md,color:t.custom.palette.text.primary,padding:`0 ${t.spacing(t.custom.padding.md)}`},[`& .${e.chipClasses.icon}`]:{height:4*r.base,width:4*r.base,backgroundColor:t.custom.palette.yellow[400],color:t.custom.palette.text.primary,[t.breakpoints.down("lg")]:{height:3*r.base,width:3*r.base}}}));exports.TrialPill=o;

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

@@ -0,0 +1,16 @@
+import * as react from 'react';
+import { TypographyProps as TypographyProps$1, SxProps, Theme } from '@mui/material';
+
+interface TypographyProps extends Omit<TypographyProps$1, 'ref'> {
+    clamp?: number;
+    component: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
+    type?: 'default' | 'button';
+    variation?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
+    weight?: 'default' | 'bold';
+    monospaced?: boolean;
+    sx?: SxProps<Theme>;
+}
+declare const Typography: react.ForwardRefExoticComponent<TypographyProps & react.RefAttributes<HTMLHeadingElement | HTMLParagraphElement>>;
+
+export { Typography as default };
+export type { TypographyProps };

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

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("merge-sx"),i=require("react"),a=require("../../BrandCore/types.js");const o=e=>"bold"===e?a.FontWeight.BOLD:a.FontWeight.DEFAULT,n=i.forwardRef(({component:i,weight:a="default",variation:n,clamp:u=0,type:s="default",monospaced:m,...l},p)=>e.jsx(t.Typography,{ref:p,variant:n,fontWeight:o(a),component:i,...l,sx:r.mergeSx(l.sx,!!u&&{display:"-webkit-box",overflow:"hidden",WebkitBoxOrient:"vertical",WebkitLineClamp:u},"button"===s&&{lineHeight:1.2},m&&{fontVariantNumeric:"tabular-nums"})}));module.exports=n;

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

@@ -0,0 +1,18 @@
+import { PopperProps } from '@mui/material';
+import { PropsWithChildren, FunctionComponent } from 'react';
+import { MenuItemProps } from '../Menu/MenuItem.js';
+
+interface UserMenuProps extends PropsWithChildren {
+    avatar?: string;
+    email: string;
+    menuItems?: MenuItemProps[];
+    name: string;
+    offset?: number[];
+    placement?: PopperProps['placement'];
+    rounded?: boolean;
+    width?: number;
+}
+declare const UserMenu: FunctionComponent<UserMenuProps>;
+
+export { UserMenu as default };
+export type { UserMenuProps };

package/dist/systems/WebCore/UserMenu/UserMenu.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("material-ui-popup-state/hooks"),r=require("../Menu/Menu.js"),a=require("./UserMenuButton.js");module.exports=({avatar:n,email:u,menuItems:s,name:i,offset:m=[0,8],placement:p="right-end",rounded:o,width:d=192})=>{const l=t.usePopupState({variant:"popper"});return e.jsx(r.default,{placement:p,offset:m,menuItems:s,state:l,trigger:e.jsx(a,{active:l.isOpen,avatar:n,email:u,name:i,rounded:o,withMenu:!!s?.length}),width:d,children:e.jsx(e.Fragment,{children:s?.map((e,t)=>r.mapMenuItems(e,t,l))})})};

package/dist/systems/WebCore/UserMenu/UserMenuButton.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("react"),n=require("../../BrandCore/Icon/Icon.js"),o=require("../Avatar/Avatar.js"),s=require("../Typography/Typography.js");const i=t.styled(t.Box)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(1),justifyContent:"space-between"})),a=t.styled(t.Stack,{shouldForwardProp:e=>!["withMenu"].includes(e)})(({withMenu:e})=>({textAlign:"left",width:e?118:152,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"})),d=t.styled(t.Stack)(({theme:e})=>({alignItems:"center",color:e.custom.palette.icon.secondary,display:"flex",justifyContent:"center"})),c=t.styled(t.Button,{shouldForwardProp:e=>!["active","rounded"].includes(e)})(({active:e,rounded:t,theme:r})=>({backgroundColor:e?r.custom.palette.interaction.press:"transparent",borderRadius:r.spacing(t?r.custom.radius.round:r.custom.radius.md),justifyContent:"flex-start",minWidth:0,overflow:"hidden",padding:r.spacing(.5),textTransform:"none",width:"100%","&:hover":{backgroundColor:r.custom.palette.interaction.hover}}));module.exports=({active:u,avatar:l,email:p,name:h,rounded:m,withMenu:x})=>{const j=t.useTheme(),y=r.useRef(null);return e.jsx(c,{active:u,rounded:m,children:e.jsxs(i,{ref:y,children:[e.jsx(o,{src:l,sizing:"sm"}),e.jsx(t.Fade,{in:!0,children:e.jsxs(i,{children:[e.jsxs(a,{withMenu:x,children:[e.jsx(s,{variation:"sm",component:"p",type:"button",noWrap:!0,children:h}),e.jsx(s,{variation:"xs",component:"p",type:"button",noWrap:!0,sx:{color:j.custom.palette.text.secondary},children:p})]}),x&&e.jsx(d,{children:e.jsx(n.default,{name:"chevron-right",size:24})})]})})]})})};