@useloops/design-system 1.4.547 → 1.4.548

package/dist/systems/WebCore/Likert/LikertContainer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("../../BrandCore/primitiveVariables.js");const i=r.styled(r.Box)(({theme:e})=>({"& .MuiGrid-item":{"&:first-of-type":{"& .MuiBox-root":{"&:before":{width:t.space[200],borderRadius:e.custom.radius.round,right:"50%",transform:`translateX(-${t.space[200]}px)`,left:"auto"}}},"&:last-child":{"& .MuiBox-root":{"&:after":{width:t.space[200],borderRadius:e.custom.radius.round,right:"auto",left:"50%",transform:`translateX(${t.space[200]}px)`}}}}}));exports.LikertContainerBox=i,exports.default=({children:r,width:t})=>e.jsx(i,{sx:{width:t},children:r});

package/dist/systems/WebCore/Likert/LikertLabel.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),i=require("@mui/material"),r=require("../InputLabelHelp/InputLabelHelp.js");const t=i.styled(r)(()=>({lineHeight:"110%",textAlign:"center",width:"100%"}));module.exports=({disabled:i,children:r})=>e.jsx(t,{showicon:!1,disabled:i,sx:{cursor:"inherit"},children:r});

package/dist/systems/WebCore/Likert/LikertRadio.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),i=require("../../BrandCore/primitiveVariables.js"),o=require("../Radio/Radio.js");const r=t.styled(o)(()=>({marginRight:0})),a=t.styled(t.Box)(({theme:e})=>({posiion:"relative","&:before":{content:'""',position:"absolute",top:"50%",left:0,height:i.space[50],width:`calc(50% - ${i.space[400]/2}px)`,zIndex:0,backgroundColor:e.custom.palette.stroke.default},"&:after":{content:'""',position:"absolute",top:"50%",right:0,height:i.space[50],width:`calc(50% - ${i.space[400]/2}px)`,zIndex:0,backgroundColor:e.custom.palette.stroke.default}}));module.exports=t=>e.jsx(a,{sx:{textAlign:"center",position:"relative"},children:e.jsx(r,{...t})});

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

@@ -0,0 +1,21 @@
+import { SxProps, Theme } from '@mui/material';
+import { FunctionComponent } from 'react';
+import { StyledLinkProps } from './StyledLink.js';
+
+interface LinkProps {
+    children: React.ReactNode;
+    href?: string;
+    target?: string;
+    onClick?: StyledLinkProps['onClick'];
+    disabled?: boolean;
+    sx?: SxProps<Theme>;
+    underline?: 'none' | 'hover' | 'always' | undefined;
+    noWrap?: boolean;
+    component?: any;
+    rel?: any;
+    title?: string;
+}
+declare const Link: FunctionComponent<LinkProps>;
+
+export { Link as default };
+export type { LinkProps };

package/dist/systems/WebCore/Link/Link.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("./StyledLink.js");module.exports=t=>t.target&&"_blank"===t.target?e.jsx(r.StyledLink,{rel:"noopener",...t}):e.jsx(r.StyledLink,{...t});

package/dist/systems/WebCore/Link/StyledLink.d.ts

@@ -0,0 +1,7 @@
+import { LinkProps } from '@mui/material';
+
+interface StyledLinkProps extends LinkProps {
+    disabled?: boolean | undefined;
+}
+
+export type { StyledLinkProps };

package/dist/systems/WebCore/Link/StyledLink.js

@@ -0,0 +1 @@
+"use strict";var t=require("@mui/material");const e=t.styled(t.Link)(({theme:t,disabled:e})=>({"&:focus-visible":{boxShadow:t.custom.boxShadow.input.focus,borderRadius:t.spacing(t.custom.radius.sm),outline:"none"},"&.MuiLink-root":{transition:"all 200ms ease",display:"inline",cursor:"pointer",color:e?t.custom.palette.text.lockedWhite:t.custom.palette.text.link,textDecorationColor:t.custom.palette.text.link,pointerEvents:e?"none":"auto","&:hover":{color:e?t.custom.palette.text.disabled:t.custom.palette.text.linkHover,textDecorationColor:e?t.custom.palette.text.disabled:t.custom.palette.text.linkHover},"&:active":{color:t.custom.palette.text.linkHover,textDecorationColor:t.custom.palette.text.linkHover},"&:visited":{color:e?t.custom.palette.text.disabled:t.custom.palette.text.link,textDecorationColor:e?t.custom.palette.text.disabled:t.custom.palette.text.link}}}));exports.StyledLink=e;

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

@@ -0,0 +1,9 @@
+import { FunctionComponent } from 'react';
+
+interface LoaderProps {
+    fullscreen?: boolean;
+}
+declare const Loader: FunctionComponent<LoaderProps>;
+
+export { Loader as default };
+export type { LoaderProps };

package/dist/systems/WebCore/Loader/Loader.js

@@ -0,0 +1 @@
+"use strict";var t=require("react/jsx-runtime"),e=require("@lottiefiles/dotlottie-react"),o=require("@mui/material");const i=()=>t.jsx(e.DotLottieReact,{src:"https://useloops-public.s3.eu-west-2.amazonaws.com/public/logo/loops-logo-animation.lottie",loop:!0,autoplay:!0,width:1920,height:1080});module.exports=({fullscreen:e})=>e?t.jsx(o.Box,{sx:{display:"flex",justifyContent:"center",alignItems:"center",width:"100dvw",height:"calc(100dvh - 80px)",background:t=>t.custom.palette.white},children:t.jsx(o.Box,{sx:{width:200},children:t.jsx(i,{})})}):t.jsx(i,{});

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

@@ -0,0 +1,5 @@
+import { FunctionComponent } from 'react';
+
+declare const Logo: FunctionComponent<React.SVGProps<SVGSVGElement>>;
+
+export { Logo as default };

package/dist/systems/WebCore/Logo/Logo.js

@@ -0,0 +1 @@
+"use strict";var C=require("react/jsx-runtime");module.exports=V=>C.jsx("svg",{viewBox:"0 0 80 25",fill:"currentColor",...V,children:C.jsx("path",{d:"M8.72886 20.0975C7.43461 19.1995 7.16357 18.9302 7.16357 16.9549V0.988281H-0.000106812V1.28748L0.0165316 1.29764C1.3293 2.09875 1.92633 2.46309 1.92633 4.43011V16.9549C1.92633 18.9302 1.65553 19.1995 0.361043 20.0975V20.3965H8.72886V20.0975ZM14.5709 13.437C13.7868 9.01598 14.1045 7.0153 16.0905 6.66718C18.0767 6.31907 19.0631 8.09095 19.8472 12.512C20.6311 16.933 20.3137 18.9335 18.3275 19.2816C16.3415 19.6299 15.3548 17.8578 14.5709 13.437ZM9.11663 14.3934C9.93203 18.9911 14.141 21.3529 18.5575 20.5785C22.9743 19.8041 26.1169 16.1534 25.3015 11.5559C24.4861 6.95793 20.2773 4.5961 15.8605 5.3705C11.444 6.14467 8.30123 9.79541 9.11663 14.3934ZM33.3669 6.66718C31.381 7.0153 31.0633 9.01598 31.8474 13.437C32.6313 17.8578 33.618 19.6299 35.6039 19.2816C37.5901 18.9335 37.9076 16.933 37.1237 12.512C36.3396 8.09095 35.3531 6.31907 33.3669 6.66718ZM35.834 20.5785C31.4175 21.3529 27.2085 18.9911 26.3931 14.3934C25.5777 9.79541 28.7205 6.14467 33.137 5.3705C37.5538 4.5961 41.7625 6.95793 42.5779 11.5559C43.3933 16.1534 40.2508 19.8041 35.834 20.5785ZM52.9075 18.9002C51.0712 18.9002 49.6266 16.8353 49.6266 14.441V12.3162C49.6266 9.6524 50.9209 7.64737 52.9075 7.64737C54.9843 7.64737 56.0078 9.53285 56.0078 12.7351C56.0078 16.955 54.9542 18.9002 52.9075 18.9002ZM51.6733 24.5936C50.1696 23.7488 49.6266 23.4437 49.6266 21.5189V17.9125C50.4091 19.4689 51.9744 20.6958 54.5629 20.6958C58.476 20.6958 61.5762 17.763 61.5762 12.7052C61.5762 7.55754 58.5663 5.25308 55.1047 5.25308C52.2753 5.25308 50.3187 6.83937 49.6266 9.02405L49.5063 5.55228H42.5833V5.85171L42.5873 5.85427C43.8786 6.69033 44.3891 7.02081 44.3891 8.99411V21.5189C44.3891 23.4942 44.1183 23.7637 42.824 24.6613V24.9605H51.7937V24.6613L51.6733 24.5936ZM79.8954 18.9002C79.8954 19.8689 79.1055 20.6543 78.1313 20.6543C77.157 20.6543 76.3671 19.8689 76.3671 18.9002C76.3671 17.9315 77.157 17.1462 78.1313 17.1462C79.1055 17.1462 79.8954 17.9315 79.8954 18.9002ZM70.0692 10.2734C68.0387 9.67975 66.9044 9.34812 66.9044 8.15614C66.9044 7.16849 67.8074 6.71957 68.8309 6.71957C70.7874 6.71957 72.3224 7.827 74.0985 10.4007H74.5196V5.25306H74.2187L72.8642 6.24072C72.8031 6.21577 72.742 6.19075 72.681 6.16573C71.5696 5.71024 70.454 5.25306 68.7707 5.25306C65.55 5.25306 62.9916 7.22837 62.9916 10.1612C62.9916 12.795 64.2557 14.2912 68.8008 15.4585C70.4863 15.8775 71.6601 16.1767 71.6601 17.4636C71.6601 18.6608 70.4863 19.2293 69.0718 19.2293C66.9044 19.2293 65.3093 17.763 63.2021 14.9797H62.7509L63.0819 20.6661H63.413L64.6169 19.4688C65.5801 19.9477 67.0851 20.6958 69.1019 20.6958C72.9546 20.6958 75.6334 18.571 75.6334 15.5783C75.6334 12.4956 73.7672 11.3584 70.095 10.2809L70.0692 10.2734Z"})});

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

@@ -0,0 +1,16 @@
+import { FunctionComponent } from 'react';
+import { ButtonProps } from '../Button/Button.js';
+
+interface LoopsAiButtonProps {
+    text?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    onClick?: () => void;
+    slotProps?: {
+        button?: Omit<ButtonProps, 'onClick' | 'loading' | 'disabled' | 'startIcon'>;
+    };
+}
+declare const LoopsAiButton: FunctionComponent<LoopsAiButtonProps>;
+
+export { LoopsAiButton as default };
+export type { LoopsAiButtonProps };

package/dist/systems/WebCore/LoopsAiButton/LoopsAiButton.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),i=require("../../BrandCore/Icon/Icon.js"),o=require("../Button/Button.js");const a=t.styled(o)(({disabled:e,theme:t})=>({background:`linear-gradient(-18deg, ${t.custom.palette.purple[600]} 0%, ${t.custom.palette.blue[400]} 100%)`,color:t.custom.palette.text.lockedWhite,minWidth:0,opacity:e?.5:1,padding:t.spacing(t.custom.padding.sm)}));module.exports=({text:t,disabled:o,loading:r,slotProps:n,onClick:s})=>e.jsx(a,{variation:"primary",sizing:"md",startIcon:e.jsx(i.default,{name:"ai"}),disabled:o,loading:r,onClick:s,...n?.button,children:t||"Loops AI"});

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

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { TypographyProps } from '../Typography/Typography.js';
+
+type MarkdownProps = {
+    typographyProps?: Partial<TypographyProps>;
+    children?: string;
+};
+declare const Markdown: FC<MarkdownProps>;
+
+export { Markdown as default };
+export type { MarkdownProps };

package/dist/systems/WebCore/Markdown/Markdown.js

@@ -0,0 +1 @@
+"use strict";var r=require("react/jsx-runtime"),o=require("markdown-to-jsx"),e=require("../Typography/Typography.js");function p(r){return r&&r.__esModule?r:{default:r}}var t=p(o);module.exports=({typographyProps:o={variation:"lg",component:"p"},children:p=""})=>r.jsx(t.default,{options:{overrides:{p:{component:e,props:o},ul:{component:({children:o,...e})=>r.jsx("ul",{...e,children:o}),props:{style:{color:"object"==typeof o?.sx&&o?.sx&&"color"in o.sx&&"string"==typeof o.sx.color?o.sx.color:"inherit"}}}},forceBlock:!0,forceWrapper:!0},children:p});

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

@@ -0,0 +1,25 @@
+import { PopperProps } from '@mui/material';
+import { PopupState } from 'material-ui-popup-state/hooks';
+import { PropsWithChildren, ReactElement, FunctionComponent } from 'react';
+import { PopperProps as PopperProps$1 } from '../Popper/Popper.js';
+import { SurfaceProps } from '../Surface/Surface.js';
+import { MenuItemProps } from './MenuItem.js';
+
+interface MenuProps extends PropsWithChildren {
+    menuItems?: MenuItemProps[];
+    offset?: number[];
+    placement?: PopperProps['placement'];
+    state?: PopupState;
+    parentState?: PopupState;
+    bindOn?: PopperProps$1['bindOn'];
+    trigger: ReactElement;
+    width?: number;
+    slotProps?: {
+        popper?: PopperProps$1['popperProps'];
+        surface?: SurfaceProps;
+    };
+}
+declare const Menu: FunctionComponent<MenuProps>;
+
+export { Menu as default };
+export type { MenuProps };

package/dist/systems/WebCore/Menu/Menu.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("material-ui-popup-state/hooks"),t=require("merge-sx"),p=require("../Popper/Popper.js"),s=require("./MenuItem.js");const a=(t,o,n)=>{const i=r.usePopupState({variant:"popper"});return t.children?.length?e.jsx(p,{popperProps:{placement:"right-end"},surfaceProps:{sx:{p:1,width:t.width}},bindOn:["trigger","hover"],state:i,trigger:e.jsx(s,{...t,active:i.isOpen}),children:e.jsx(e.Fragment,{children:t?.children?.map((e,r)=>a(e,r,n))})},`${t.label}-${o}`):e.jsx(s,{...t,onClick:e=>{return r=e,p=t?.onClick,r.stopPropagation(),void(p&&p(r));var r,p},baseState:n},`${t.label}-${o}`)};exports.default=({menuItems:s,offset:o,placement:n,state:i,parentState:u,bindOn:l=["toggle"],trigger:c,width:d=192,slotProps:m})=>{const g=i||r.usePopupState({variant:"popper",parentPopupState:u});return e.jsx(p,{popperProps:{modifiers:o&&[{name:"offset",options:{offset:o}}],placement:n,...m?.popper},surfaceProps:{...m?.surface,sx:t.mergeSx({ml:1,p:1,width:d},m?.surface?.sx)},bindOn:l,trigger:c,state:g,children:e.jsx(e.Fragment,{children:s?.map((e,r)=>a(e,r,g))})})},exports.mapMenuItems=a;

package/dist/systems/WebCore/Menu/MenuItem.d.ts

@@ -0,0 +1,25 @@
+import { PopupState } from 'material-ui-popup-state/hooks';
+import { MouseEventHandler } from 'react';
+import { IconName } from '../../../BrandCore/Icon.js';
+import { IconProps } from '../../BrandCore/Icon/Icon.js';
+
+interface MenuItemProps {
+    baseState?: PopupState;
+    label?: string;
+    active?: boolean;
+    danger?: boolean;
+    divider?: boolean;
+    heading?: boolean;
+    selected?: boolean;
+    disabled?: boolean;
+    closeOnClick?: boolean;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    children?: MenuItemProps[];
+    width?: number;
+    startIcon?: IconName;
+    slotProps?: {
+        startIcon?: Partial<Omit<IconProps, 'name'>>;
+    };
+}
+
+export type { MenuItemProps };

package/dist/systems/WebCore/Menu/MenuItem.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("merge-sx");require("../../BrandCore/colorRamps.js");var s=require("../../BrandCore/primitiveVariables.js");require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js");var n=require("../../BrandCore/Icon/Icon.js"),i=require("../ButtonBase/Button.variant-helpers.js");require("../ButtonBase/ButtonBase.js");var o=require("../Typography/Typography.js");const a=t.styled(t.Button,{shouldForwardProp:e=>!["active","iconHeight"].includes(e)})(({active:e,iconHeight:t=24,theme:r})=>({borderRadius:r.spacing(r.custom.radius.sm),maxWidth:"100%",padding:r.spacing(.5,1),textTransform:"none",width:"100%",...i.buttonInteraction(r,e),backgroundColor:e?r.custom.palette.surface.sunken:"transparent","& p":{alignItems:"center",display:"flex",height:t},"&:disabled":{backgroundColor:"inherit","& p":{color:r.custom.palette.text.disabled}}})),l=t.styled(t.Box)(({theme:e})=>({padding:e.spacing(.5,1.5)})),c=t.styled(t.Box)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(1),justifyContent:"space-between",textAlign:"left"})),d=t.styled(t.Stack)(({iconHeight:e=24,theme:t})=>({height:e,width:24,alignItems:"center",color:t.custom.palette.icon.secondary,display:"flex",justifyContent:"center",marginLeft:"auto"}));module.exports=({baseState:i,label:u,active:x,danger:p,divider:h,heading:m,selected:g,disabled:j,closeOnClick:y,onClick:B,startIcon:f,slotProps:b,children:v})=>{const C=t.useTheme(),q=3*s.base;return h?e.jsx(t.Box,{sx:{height:"32px",display:"flex",alignItems:"center"},children:e.jsx(t.Box,{sx:{borderBottom:`1px solid ${C.custom.palette.stroke.default}`,width:"100%"}})}):u?m?e.jsx(l,{children:e.jsx(o,{component:"p",type:"button",variation:"md",sx:{color:C.custom.palette.text.secondary},children:u})}):e.jsx(a,{active:x,disabled:j,onClick:e=>{B&&B(e),y&&i?.close()},iconHeight:q,children:e.jsxs(c,{sx:{flex:1,gap:1,justifyContent:"start"},children:[void 0!==f&&e.jsx(n.default,{name:f,...b?.startIcon}),e.jsx(c,{sx:{px:.5},children:e.jsx(o,{monospaced:!0,component:"p",sx:r.mergeSx(p&&{color:C.custom.palette.text.negative},m&&{color:C.custom.palette.text.secondary}),type:"button",variation:"md",children:u})}),(Boolean(v?.length)||g)&&e.jsxs(d,{iconHeight:q,children:[v?.length&&v.length>0&&e.jsx(t.Grow,{in:!0,children:e.jsx(t.Box,{sx:{display:"flex",alignItems:"center"},children:e.jsx(n.default,{name:"chevron-right",size:q})})}),g&&e.jsx(t.Grow,{in:!0,children:e.jsx(t.Box,{sx:{display:"flex",alignItems:"center"},children:e.jsx(n.default,{name:"check",size:q})})})]})]})}):null};

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

@@ -0,0 +1,15 @@
+import { FunctionComponent, PropsWithChildren, ReactNode, ReactElement } from 'react';
+
+interface ModalLayoutProps extends PropsWithChildren {
+    body?: ReactNode;
+    extraAction?: ReactElement;
+    handleClose?: () => void | undefined;
+    contentPadding?: boolean;
+    hideCloseButton?: boolean;
+    title: string | ReactElement;
+    subtitle?: string;
+}
+declare const ModalLayout: FunctionComponent<ModalLayoutProps>;
+
+export { ModalLayout as default };
+export type { ModalLayoutProps };

package/dist/systems/WebCore/ModalLayout/ModalLayout.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),i=require("../../BrandCore/Icon/Icon.js"),n=require("../IconButton/IconButton.js");require("../../BrandCore/primitiveVariables.js");var r=require("../Surface/Surface.js"),o=require("../Typography/Typography.js"),a=require("./_partials/ModalContentWrapper.js");module.exports=({title:d,subtitle:s,body:c,children:l,extraAction:p,hideCloseButton:m,contentPadding:u,handleClose:h})=>{const g=t.useTheme();return e.jsxs(r,{variation:"overlay",sx:{minWidth:320,width:"100%",maxWidth:600,overflow:"hidden",position:"relative"},children:[e.jsxs(t.Stack,{direction:"row",alignItems:"center",justifyContent:"space-between",gap:g.custom.margin.md,padding:g.custom.padding.md,paddingLeft:g.custom.padding.lg,children:[e.jsxs(t.Stack,{children:["string"==typeof d?e.jsx(o,{component:"p",variation:"xl",weight:"bold",children:d}):d,s&&e.jsx(o,{component:"p",variation:"md",sx:{color:g.custom.palette.text.secondary},children:s})]}),e.jsxs(t.Stack,{direction:"row",gap:g.spacing(g.custom.margin.md),height:32,children:[p,!m&&e.jsx(n,{sizing:"md",icon:e.jsx(i.default,{name:"close"}),sx:{color:g.custom.palette.icon.primary},onClick:h})]})]}),c&&e.jsx(a.ModalContentWrapper,{contentPadding:!!u,children:e.jsx(t.Stack,{gap:g.custom.padding.md,sx:{maxWidth:600},children:"string"==typeof c?e.jsx(o,{component:"p",variation:"md",children:c}):c})}),l&&e.jsx(a.ModalContentWrapper,{contentPadding:!!u,children:l})]})};

package/dist/systems/WebCore/ModalLayout/_partials/ModalActionsWrapper.d.ts

@@ -0,0 +1,9 @@
+import * as _emotion_styled from '@emotion/styled';
+import * as _mui_system from '@mui/system';
+import * as react from 'react';
+import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
+import * as _mui_material from '@mui/material';
+
+declare const ModalActionsWrapper: _emotion_styled.StyledComponent<_mui_material.StackOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_material.StackOwnProps> & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
+
+export { ModalActionsWrapper };

package/dist/systems/WebCore/ModalLayout/_partials/ModalActionsWrapper.js

@@ -0,0 +1 @@
+"use strict";var e=require("@mui/material");const r=e.styled(e.Stack)(({theme:e})=>({flexDirection:"row",gap:e.spacing(2),[e.breakpoints.down("md")]:{flexDirection:"column"}}));exports.ModalActionsWrapper=r;

package/dist/systems/WebCore/ModalLayout/_partials/ModalContentWrapper.d.ts

@@ -0,0 +1,12 @@
+import * as _emotion_styled from '@emotion/styled';
+import * as react from 'react';
+import * as _mui_system from '@mui/system';
+import * as _mui_material from '@mui/material';
+
+interface ModalContentWrapperProps {
+    contentPadding?: boolean;
+}
+declare const ModalContentWrapper: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & ModalContentWrapperProps, {}, {}>;
+
+export { ModalContentWrapper };
+export type { ModalContentWrapperProps };

package/dist/systems/WebCore/ModalLayout/_partials/ModalContentWrapper.js

@@ -0,0 +1 @@
+"use strict";var d=require("@mui/material");const n=d.styled(d.Box,{shouldForwardProp:d=>"contentPadding"!==d})(({theme:d,contentPadding:n})=>({padding:n?d.spacing(d.custom.padding.lg):0,paddingTop:n?d.spacing(d.custom.padding.md):0}));exports.ModalContentWrapper=n;

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

@@ -0,0 +1,22 @@
+import { FunctionComponent } from 'react';
+import { IconName } from '../../../BrandCore/Icon.js';
+import { NavigationSizing } from '../../Platform/Navigation/Navigation.js';
+
+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 { NavigationButton as default };
+export type { NavigationButtonProps, NavigationButtonSizing };

package/dist/systems/WebCore/NavigationButton/NavigationButton.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),n=require("merge-sx"),i=require("react"),r=require("../../BrandCore/Icon/Icon.js"),s=require("../ButtonBase/Button.variant-helpers.js");require("../ButtonBase/ButtonBase.js");var o=require("../Typography/Typography.js");const a=t.styled(t.Box)(({theme:e})=>({alignItems:"center",cursor:"pointer",display:"flex",flexDirection:"column",gap:e.spacing(.5),justifyContent:"center",transition:e.custom.easing.input})),c=t.styled(t.Box)(({theme:e})=>({alignItems:"center",color:e.custom.palette.text.secondary,display:"flex",opacity:0,transition:e.custom.easing.input})),l=t.styled(o)(({active:e,theme:t})=>({color:e?t.custom.palette.text.primary:t.custom.palette.text.secondary,textAlign:"center"})),u=(e,t)=>{switch(e){case"sm":return t.spacing(.5625);case"md":return t.spacing(.8125);case"lg":return t.spacing(1)}},d=t.styled(t.Button,{shouldForwardProp:e=>!["active","sizing"].includes(e)})(({active:e,fullWidth:n,sizing:i,theme:r})=>({...s.buttonInteraction(r,e),alignItems:"center",backgroundColor:e?r.custom.palette.interaction.press:"transparent",borderRadius:r.spacing(r.custom.radius.md),color:r.custom.palette.text.primary,display:"flex",gap:r.spacing(1),justifyContent:n?"space-between":"center",minWidth:0,padding:u(i,r),textTransform:"none",width:n?"100%":"auto","&:hover":{...s.buttonInteraction(r,e)["&:hover"],[`.${t.boxClasses.root}`]:{opacity:1}},"&:focus":{...s.buttonInteraction(r,e)["&:focus"],[`.${t.boxClasses.root}`]:{opacity:1}}}));module.exports=({active:s,fullWidth:u=!0,danger:p,href:x,target:m,external:g=!1,icon:h,label:y,navigationSizing:f,onClick:j,sizing:v="lg"})=>{const B=t.useTheme(),b=i.useRef(null);return e.jsxs(a,{onClick:g&&x?()=>window.open(x,m||"_blank"):j,children:[e.jsxs(d,{active:!x&&s,sizing:v,fullWidth:u,children:[e.jsxs(t.Box,{display:"flex",alignItems:"center",justifyContent:"center",gap:1.5,ref:b,children:[h&&e.jsx(r.default,{name:h,size:24}),"lg"===f&&e.jsx(t.Slide,{in:!0,direction:"right",container:b.current,children:e.jsx(t.Box,{sx:{display:"flex"},children:e.jsx(t.Fade,{in:!0,style:{transitionDelay:"100ms"},children:e.jsx(t.Box,{sx:{display:"flex"},children:e.jsx(o,{component:"p",variation:"sm"===v?"xs":"md",type:"button",clamp:1,sx:n.mergeSx(p&&{color:B.custom.palette.text.negative}),children:y})})})})})]}),"lg"===f&&g&&e.jsx(c,{children:e.jsx(r.default,{name:"open-in-new",size:20})})]}),"sm"===f&&e.jsx(t.Grow,{in:!0,style:{transformOrigin:"0 100%",transitionDelay:"100ms"},children:e.jsx(t.Box,{children:e.jsx(l,{active:s,component:"p",type:"button",variation:"xs",sx:n.mergeSx(p&&{color:B.custom.palette.text.negative}),children:y})})})]})};

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

@@ -0,0 +1,13 @@
+import { FunctionComponent, PropsWithChildren } from 'react';
+import { NavigationSizing } from '../../Platform/Navigation/Navigation.js';
+
+interface NudgeProps extends PropsWithChildren {
+    description: string;
+    notification?: boolean;
+    title: string;
+    navigationSizing: NavigationSizing;
+}
+declare const Nudge: FunctionComponent<NudgeProps>;
+
+export { Nudge as default };
+export type { NudgeProps };

package/dist/systems/WebCore/Nudge/Nudge.js

@@ -0,0 +1 @@
+"use strict";var i=require("react/jsx-runtime"),r=require("@mui/material"),e=require("../Popper/Popper.js"),s=require("../Surface/Surface.js"),t=require("./NudgeBox.js"),n=require("./NudgeButton.js");module.exports=({children:d,description:a,title:o,navigationSizing:l})=>"sm"===l?i.jsx(e,{popperProps:{placement:"right-end"},surfaceProps:{variation:"raised",sx:{maxWidth:200,p:1,ml:1}},bindOn:["trigger"],trigger:i.jsx(r.Grow,{in:!0,style:{transformOrigin:"0 100%"},children:i.jsx(r.Box,{children:i.jsx(n,{notification:!0})})}),children:i.jsx(t,{description:a,title:o,children:d})}):i.jsx(r.Grow,{in:!0,style:{transformOrigin:"0 100%",transitionDelay:"100ms"},children:i.jsx(r.Box,{sx:{display:"flex"},children:i.jsx(s,{variation:"raised",borderradius:"md",sx:{maxWidth:200,minHeight:40,width:"100%",p:1},children:i.jsx(t,{description:a,title:o,children:d})})})});

package/dist/systems/WebCore/Nudge/NudgeBox.d.ts

@@ -0,0 +1,11 @@
+import { FunctionComponent, PropsWithChildren } from 'react';
+
+interface NudgeBoxProps extends PropsWithChildren {
+    description: string;
+    notification?: boolean;
+    title: string;
+}
+declare const NudgeBox: FunctionComponent<NudgeBoxProps>;
+
+export { NudgeBox as default };
+export type { NudgeBoxProps };

package/dist/systems/WebCore/Nudge/NudgeBox.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),i=require("../Typography/Typography.js");module.exports=({children:s,description:t,title:a})=>e.jsxs(r.Stack,{sx:{gap:2,p:1},children:[e.jsxs(r.Stack,{sx:{gap:1},children:[e.jsx(i,{variation:"sm",component:"p",weight:"bold",children:a}),e.jsx(i,{variation:"sm",component:"p",children:t})]}),s]});

package/dist/systems/WebCore/Nudge/NudgeButton.d.ts

@@ -0,0 +1,10 @@
+import { FunctionComponent, PropsWithChildren } from 'react';
+
+interface NudgeButtonProps extends PropsWithChildren {
+    notification?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+}
+declare const NudgeButton: FunctionComponent<NudgeButtonProps>;
+
+export { NudgeButton as default };
+export type { NudgeButtonProps };

package/dist/systems/WebCore/Nudge/NudgeButton.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),i=require("../../BrandCore/Icon/Icon.js"),n=require("../ButtonBase/Button.variant-helpers.js");require("../ButtonBase/ButtonBase.js");var r=require("../IconButton/IconButton.js");require("../../BrandCore/primitiveVariables.js");const s=t.styled(r)(({theme:e})=>({alignItems:"center",display:"flex",height:40,justifyContent:"center",position:"relative",width:40,...n.buttonInteraction(e)})),o=t.styled(t.Box)(({theme:e})=>({background:e.custom.palette.red[500],borderRadius:e.custom.radius.round,height:e.spacing(1),position:"absolute",right:e.spacing(.5),top:e.spacing(.5),width:e.spacing(1)}));module.exports=({notification:n,onClick:r})=>e.jsxs(t.Box,{sx:{position:"relative"},children:[e.jsx(s,{icon:e.jsx(i.default,{name:"notification"}),variation:"raised",onClick:r}),n&&e.jsx(t.Fade,{in:!0,style:{transitionDelay:"200ms"},children:e.jsx(t.Box,{children:e.jsx(o,{})})})]});

package/dist/systems/WebCore/NumberField/InternalInputComponent.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("@base-ui-components/react"),n=require("@mui/material"),t=require("merge-sx"),o=require("react");require("../../BrandCore/colorRamps.js"),require("../../BrandCore/primitiveVariables.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js");var s=require("../../BrandCore/Icon/Icon.js"),i=require("../IconButton/IconButton.js"),u=require("../IconButtonGroup/IconButtonGroup.js"),a=require("../TextField/TextField.js");const c=({hideActionButtons:t})=>{const o=n.useTheme();return!t&&e.jsxs(u,{orientation:"vertical",sizing:"xs",sx:{borderRadius:"6px",[`&.${n.buttonGroupClasses.root} > .${n.iconButtonClasses.root}`]:{width:o.spacing(o.custom.margin.lg-o.custom.margin.xs),height:15,p:0}},children:[e.jsx(r.NumberField.Increment,{render:e.jsx(i,{icon:e.jsx(s.default,{name:"chevron-up"})})}),e.jsx(r.NumberField.Decrement,{render:e.jsx(i,{icon:e.jsx(s.default,{name:"chevron-down"})})})]})},m=o.forwardRef(({onChange:r,value:o,startAdornment:s,endAdornment:i,hideActionButtons:u,sx:m,...d},x)=>{const j=n.useTheme();return e.jsx(a,{inputRef:x,value:o,onChange:r,startAdornment:s,endAdornment:i||e.jsx(c,{hideActionButtons:u}),sx:t.mergeSx(m,{[`& .${n.inputAdornmentClasses.root}`]:{pr:i?j.spacing(j.custom.margin.sm):j.spacing(j.custom.margin.xs)}}),...d})});module.exports=m;

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

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { NumberFieldProps } from './types.js';
+
+declare const _default: react.NamedExoticComponent<NumberFieldProps>;
+
+export { _default as default };

package/dist/systems/WebCore/NumberField/NumberField.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),n=require("@base-ui-components/react"),t=require("react"),r=require("./InternalInputComponent.js");var a=t.memo(({disabled:a=!1,placeholder:u,max:l=1/0,min:s=-1/0,internalChange:o,startAdornment:i,endAdornment:d,slotProps:c,onChange:m,inputRef:p,hideActionButtons:b,step:h=1,value:C})=>{const N=()=>{if(null==C)return null;const e=Number(C);return isNaN(e)?null:e},[x,f]=t.useState(N());t.useEffect(()=>{const e=N();f(e)},[C]);const g=t.useCallback(e=>{f(e),m&&m(e),o&&o()},[o,m]),v=t.useCallback(e=>{const n=e.target.value.trim();if(""===n)return void g(null);let t=Number(n.replace(/,/g,""));isNaN(t)?g(null):(t<0&&(t=Math.abs(t)),t<s&&(t=s),t>l&&(t=l),g(t))},[g,l,s]);return e.jsx(n.NumberField.Root,{step:h,min:s,max:l,onValueChange:g,onChangeCapture:v,value:x,disabled:a,children:e.jsx(n.NumberField.Input,{render:n=>e.jsx(r,{ref:p,...n,...c?.input,hideActionButtons:b,startAdornment:i,endAdornment:d,placeholder:u})})})});module.exports=a;

package/dist/systems/WebCore/NumberField/types.d.ts

@@ -0,0 +1,23 @@
+import { TextFieldProps } from '../TextField/TextField.js';
+
+type Adornment = any;
+type NumberFieldProps = Partial<TextFieldProps> & {
+    max?: number | undefined;
+    min?: number | undefined;
+    onChange?: (value: number | null) => void;
+    step?: number | undefined;
+    internalChange?: () => void;
+    value?: number | string | null;
+    defaultValue?: number | string | null;
+    inputRef?: React.Ref<HTMLInputElement>;
+    disabled?: boolean;
+    hideActionButtons?: boolean;
+    placeholder?: string;
+    startAdornment?: Adornment;
+    endAdornment?: Adornment;
+    slotProps?: {
+        input?: TextFieldProps;
+    };
+};
+
+export type { Adornment, NumberFieldProps };

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

@@ -0,0 +1,6 @@
+import { FunctionComponent } from 'react';
+import { PillProps } from './types.js';
+
+declare const Pill: FunctionComponent<PillProps>;
+
+export { Pill as default };

package/dist/systems/WebCore/Pill/Pill.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material");require("../../BrandCore/colorRamps.js"),require("../../BrandCore/primitiveVariables.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js");var o=require("../../BrandCore/Icon/Icon.js"),i=require("../IconButton/IconButton.js"),s=require("../Tooltip/Tooltip.js"),t=require("../Typography/Typography.js"),a=require("./StyledPill.js"),n=require("./useTextTruncation.js");module.exports=u=>{const l=r.useTheme(),{label:c,iconLeft:j,iconRight:p,onDelete:d,active:m,slots:q}=u,{textRef:x,isTruncated:h}=n([c]),y=e.jsxs(a,{...u,children:[j&&e.jsx(o.default,{size:16,name:j}),e.jsx(t,{component:"p",variation:"sm",noWrap:!0,ref:x,children:c}),p&&e.jsx(o.default,{size:16,name:p}),d&&e.jsx(i,{sizing:"xs",onClick:d,shape:"round",variation:"default",icon:e.jsx(o.default,{name:"cancel",sx:{color:m?l.custom.palette.blue[1e3]:l.custom.palette.icon.secondary}})})]});return h?e.jsx(s,{message:c,...q?.tooltip,children:y}):y};

package/dist/systems/WebCore/Pill/StyledPill.js

@@ -0,0 +1 @@
+"use strict";var t=require("@mui/material"),e=require("../ButtonBase/Button.variant-helpers.js");const o=t.styled(t.Box,{shouldForwardProp:t=>!["active","disabled","sizing","onDelete","iconRight","iconLeft"].includes(t)})(({theme:o,active:a,disabled:s,sizing:l,onDelete:r})=>({display:"flex",justifyContent:"center",alignItems:"center",maxWidth:"fill-available",height:e.buttonHeightMap[l||"md"],paddingLeft:o.spacing(o.custom.padding.sm),paddingRight:r?o.spacing(o.custom.padding.xs):o.spacing(o.custom.padding.sm),borderRadius:o.spacing(o.custom.radius.md),transition:"all 180ms ease",border:`1px solid ${a?o.custom.palette.blue[500]:o.custom.palette.stroke.default}`,backgroundColor:a?o.custom.palette.blue[0]:o.custom.palette.neutral[0],"&:hover":{backgroundColor:a?o.custom.palette.blue[100]:o.custom.palette.interaction.hover,borderColor:a?o.custom.palette.blue[500]:o.custom.palette.stroke.default},"&:active":{backgroundColor:a?o.custom.palette.blue[200]:o.custom.palette.interaction.press,borderColor:a?o.custom.palette.blue[500]:o.custom.palette.stroke.default},...s&&{backgroundColor:o.custom.palette.interaction.disabled,borderColor:o.custom.palette.stroke.disabled,pointerEvents:"none","&:hover":{backgroundColor:o.custom.palette.interaction.disabled,borderColor:o.custom.palette.stroke.disabled},"&:active":{backgroundColor:o.custom.palette.interaction.disabled,borderColor:o.custom.palette.stroke.disabled}},[`& .${t.typographyClasses.root}`]:{lineHeight:"110%",color:s?o.custom.palette.text.disabled:o.custom.palette.text.primary,padding:`0 ${o.spacing(o.custom.padding.xs)}`},"& > svg":{color:s?o.custom.palette.icon.disabled:o.custom.palette.icon.primary}}));module.exports=o;

package/dist/systems/WebCore/Pill/types.d.ts

@@ -0,0 +1,20 @@
+import { SxProps, Theme } from '@mui/material/styles';
+import { IconName } from '../../../BrandCore/Icon.js';
+import { TooltipProps } from '../Tooltip/Tooltip.js';
+
+interface PillProps {
+    id?: string;
+    label: string;
+    iconLeft?: IconName;
+    iconRight?: IconName;
+    sizing?: 'sm' | 'md';
+    onDelete?: ((event: any) => void) | undefined;
+    active?: boolean;
+    disabled?: boolean;
+    sx?: SxProps<Theme>;
+    slots?: {
+        tooltip: Partial<Omit<TooltipProps, 'message'>>;
+    };
+}
+
+export type { PillProps };

package/dist/systems/WebCore/Pill/useTextTruncation.js

@@ -0,0 +1 @@
+"use strict";var e=require("react");module.exports=(t=[])=>{const r=e.useRef(null),[s,c]=e.useState(!1);return e.useEffect(()=>{const e=()=>{const e=r.current;if(e){const t=e.scrollWidth>e.clientWidth;c(t)}};e();const t=new ResizeObserver(e);return r.current&&t.observe(r.current),()=>{t.disconnect()}},t),{textRef:r,isTruncated:s}};

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

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PopperProps as PopperProps$1, ClickAwayListenerProps, FadeProps } from '@mui/material';
+import { PopupState } from 'material-ui-popup-state/hooks';
+import { ReactElement } from 'react';
+import { SurfaceProps } from '../Surface/Surface.js';
+
+type BindOn = 'trigger' | 'contextMenu' | 'toggle' | 'hover' | 'focus' | 'doubleClick';
+interface PopperProps {
+    popperProps?: Partial<PopperProps$1>;
+    clickAwayListenerProps?: Partial<Omit<ClickAwayListenerProps, 'onClickAway'> & {
+        onClickAway?: (event: MouseEvent | TouchEvent, state: PopupState) => void;
+    }>;
+    transitionFadeProps?: Pick<FadeProps, 'easing' | 'timeout' | 'appear' | 'enter' | 'exit'>;
+    surfaceProps?: SurfaceProps;
+    bindOn?: BindOn[];
+    trigger: ReactElement;
+    children: ReactElement;
+    state?: PopupState;
+}
+declare const Popper: ({ bindOn, trigger, children, state, ...props }: PopperProps) => react_jsx_runtime.JSX.Element;
+
+export { Popper as default };
+export type { PopperProps };

package/dist/systems/WebCore/Popper/Popper.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),i=require("material-ui-popup-state/hooks"),o=require("merge-sx"),s=require("react"),n=require("../Surface/Surface.js");const t={trigger:i.bindTrigger,contextMenu:i.bindContextMenu,toggle:i.bindToggle,hover:i.bindHover,focus:i.bindFocus,doubleClick:i.bindDoubleClick};module.exports=({bindOn:a=["toggle"],trigger:c,children:l,state:p,...u})=>{const d=p||i.usePopupState({variant:"popper"}),x={transition:!0,sx:o.mergeSx({zIndex:e=>e.zIndex.modal},u.popperProps?.sx),...u.popperProps},g={...u.clickAwayListenerProps,onClickAway:e=>{u.clickAwayListenerProps?.onClickAway?u.clickAwayListenerProps.onClickAway(e,d):d.close()}},m={timeout:350,...u.transitionFadeProps},{sx:b,...P}={variation:"overlay",borderradius:"md",...u.surfaceProps},k=s.useMemo(()=>a.reduce((e,r)=>({...e,...t[r](d)}),{}),[a]);return e.jsx(r.ClickAwayListener,{...g,children:e.jsxs(r.Box,{children:[e.jsx(r.Box,{sx:{display:"flex"},...k,children:c}),e.jsx(r.Popper,{...i.bindPopper(d),...x,children:({TransitionProps:i})=>e.jsx(r.Fade,{...i,...m,children:e.jsx(n,{sx:o.mergeSx({p:2},b),...P,children:l})})})]})})};

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

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const PoweredByWatermarkLogo: () => react_jsx_runtime.JSX.Element;
+
+export { PoweredByWatermarkLogo as default };

package/dist/systems/WebCore/PoweredByWatermarkLogo/PoweredByWatermarkLogo.js

@@ -0,0 +1 @@
+"use strict";var C=require("react/jsx-runtime"),i=require("@mui/material");module.exports=()=>C.jsxs(i.Stack,{gap:.5,flexDirection:"row",children:[C.jsx(i.SvgIcon,{sx:{width:67,height:12},viewBox:"0 0 67 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:C.jsx("path",{d:"M2.09034 4.64868H4.09536C5.65956 4.64868 6.41322 4.00878 6.41322 2.84274C6.41322 1.69092 5.65956 1.05102 4.09536 1.05102H2.09034V4.64868ZM2.09034 5.6583V9H0.86742V0.0413991H4.1238C6.34212 0.0413991 7.6077 1.09368 7.6077 2.84274C7.6077 4.60602 6.34212 5.6583 4.1238 5.6583H2.09034ZM9.27266 5.90004C9.27266 7.27938 9.96944 8.26056 11.2208 8.26056C12.4864 8.26056 13.1974 7.27938 13.1974 5.90004C13.1974 4.50648 12.4864 3.53952 11.2208 3.53952C9.96944 3.53952 9.27266 4.50648 9.27266 5.90004ZM14.4061 5.90004C14.4061 7.83396 13.0552 9.17064 11.2208 9.17064C9.40064 9.17064 8.06396 7.83396 8.06396 5.90004C8.06396 3.96612 9.40064 2.61522 11.2208 2.61522C13.0552 2.61522 14.4061 3.96612 14.4061 5.90004ZM19.9082 2.78586L21.2449 7.49268H21.3018L22.738 2.78586H23.8329L21.8564 9H20.7188L19.3963 4.36428H19.3394L18.0312 9H16.8936L14.9028 2.78586H16.083L17.5477 7.49268H17.6046L18.9128 2.78586H19.9082ZM29.4445 6.78168L30.4257 6.89544C30.1271 8.31744 29.0748 9.17064 27.5248 9.17064C25.6762 9.17064 24.3253 7.91928 24.3253 5.98536C24.3253 4.023 25.6762 2.61522 27.4679 2.61522C29.4445 2.61522 30.4541 4.023 30.4541 5.71518V6.17022H25.5056C25.5624 7.40736 26.4299 8.24634 27.539 8.24634C28.5771 8.24634 29.2028 7.74864 29.4445 6.78168ZM25.534 5.445H29.2454C29.217 4.43538 28.634 3.51108 27.4679 3.51108C26.3445 3.51108 25.662 4.40694 25.534 5.445ZM35.5059 2.89962L35.3921 3.96612C35.0509 3.78126 34.8091 3.71016 34.4252 3.71016C33.5293 3.71016 32.861 4.5207 32.861 5.71518V9H31.6807V2.78586H32.861V4.05144C33.0885 3.34044 33.7284 2.61522 34.6243 2.61522C35.0082 2.61522 35.2926 2.71476 35.5059 2.89962ZM40.9288 6.78168L41.91 6.89544C41.6114 8.31744 40.5591 9.17064 39.0091 9.17064C37.1605 9.17064 35.8096 7.91928 35.8096 5.98536C35.8096 4.023 37.1605 2.61522 38.9522 2.61522C40.9288 2.61522 41.9384 4.023 41.9384 5.71518V6.17022H36.9899C37.0468 7.40736 37.9142 8.24634 39.0233 8.24634C40.0614 8.24634 40.6871 7.74864 40.9288 6.78168ZM37.0183 5.445H40.7297C40.7013 4.43538 40.1183 3.51108 38.9522 3.51108C37.8289 3.51108 37.1463 4.40694 37.0183 5.445ZM47.8993 6.07068V5.71518C47.8993 4.36428 47.0461 3.56796 45.9227 3.56796C44.6998 3.56796 44.0172 4.47804 44.0172 5.90004C44.0172 7.32204 44.6998 8.23212 45.9227 8.23212C47.0461 8.23212 47.8993 7.4358 47.8993 6.07068ZM47.8851 9V7.70598C47.6007 8.47386 46.8186 9.17064 45.6525 9.17064C43.8039 9.17064 42.8085 7.73442 42.8085 5.90004C42.8085 4.06566 43.8039 2.61522 45.6525 2.61522C46.8186 2.61522 47.6007 3.32622 47.8851 4.0941V0.0413991H49.0653V9H47.8851ZM54.3847 5.71518V6.07068C54.3847 7.4358 55.2521 8.23212 56.3755 8.23212C57.5984 8.23212 58.2668 7.32204 58.2668 5.90004C58.2668 4.47804 57.5984 3.56796 56.3755 3.56796C55.2521 3.56796 54.3847 4.36428 54.3847 5.71518ZM54.3847 7.70598L54.1288 9H53.2329V0.0413991H54.4132V4.0941C54.6833 3.32622 55.4797 2.61522 56.6457 2.61522C58.4801 2.61522 59.4897 4.06566 59.4897 5.90004C59.4897 7.73442 58.4801 9.17064 56.6315 9.17064C55.4797 9.17064 54.6691 8.48808 54.3847 7.70598ZM62.6822 11.389H61.5304L62.54 8.98578L59.9235 2.78586H61.1607L63.1372 7.56378H63.1941L65.0996 2.78586H66.2656L62.6822 11.389Z",fill:"#473F5C"})}),C.jsxs(i.SvgIcon,{sx:{width:40,height:12},viewBox:"0 0 40 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[C.jsx("g",{id:"Brand/Wordmark",clipPath:"url(#clip0_900_1816)",children:C.jsx("path",{id:"Union",fillRule:"evenodd",clipRule:"evenodd",d:"M4.3189 9.56522C3.67851 9.11556 3.54429 8.98169 3.54429 7.99199V0H0V0.149886L0.00580287 0.153463C0.656931 0.554852 0.953183 0.737477 0.953183 1.72311V7.99199C0.953183 8.98169 0.818964 9.11556 0.17858 9.56522V9.7151H4.3189V9.56522ZM4.51113 6.71053C4.91378 9.01144 6.99646 10.1934 9.18264 9.80664C11.3677 9.41876 12.9226 7.58467 12.5199 5.28947C12.1173 2.99428 10.0346 1.80549 7.84841 2.19336C5.66223 2.58124 4.10847 4.40961 4.51113 6.71053ZM7.2103 6.23112C6.8247 4.01831 6.98053 3.01716 7.96215 2.84325C8.94377 2.66819 9.43515 3.55263 9.82074 5.76545C10.2063 7.97826 10.0516 8.97483 9.06889 9.15332C8.08613 9.33181 7.59589 8.44394 7.2103 6.23112ZM17.7306 9.80664C15.5455 10.1934 13.4629 9.01144 13.0591 6.71053C12.6553 4.40961 14.2102 2.58124 16.3963 2.19336C18.5825 1.80549 20.6641 2.99428 21.0678 5.28947C21.4716 7.58467 19.9156 9.41876 17.7306 9.80664ZM16.5101 2.84325C15.5273 3.01716 15.3726 4.01831 15.7582 6.23112C16.1438 8.44394 16.6341 9.33181 17.6168 9.15675C18.5996 8.98169 18.7543 7.98169 18.3687 5.76888C17.9831 3.55606 17.4928 2.66819 16.5101 2.84325ZM25.5683 11.8168C24.8234 11.3931 24.5553 11.2406 24.5553 10.2769L24.5575 8.4794C24.9443 9.25858 25.7189 9.873 26.9997 9.873C28.9356 9.873 30.47 8.40046 30.47 5.86842C30.47 3.29176 28.9743 2.13844 27.2681 2.13844C25.8679 2.13844 24.8988 2.93249 24.5575 4.02631L24.4973 2.28833H21.0724V2.43135L21.0731 2.43181C21.713 2.85024 21.9653 3.01524 21.9653 4.00458V10.2769C21.9653 11.2654 21.8322 11.4005 21.1907 11.8501V12H25.6267V11.8501L25.5683 11.8168ZM26.1784 8.9611C25.2696 8.9611 24.5553 7.92792 24.5553 6.72998V5.66247C24.5553 4.32952 25.1957 3.32494 26.1784 3.32494C27.2055 3.32494 27.7117 4.27002 27.7117 5.87185C27.7117 7.98741 27.1907 8.9611 26.1784 8.9611ZM38.6585 9.84325C39.1403 9.84325 39.5309 9.45034 39.5309 8.96567C39.5309 8.481 39.1403 8.0881 38.6585 8.0881C38.1767 8.0881 37.7861 8.481 37.7861 8.96567C37.7861 9.45034 38.1767 9.84325 38.6585 9.84325ZM34.6585 4.64621C33.661 4.35019 33.0998 4.18365 33.0998 3.5881C33.0998 3.08924 33.5548 2.86842 34.0552 2.86842C35.0244 2.86842 35.783 3.42334 36.6623 4.71167H36.8704V2.13501H36.7214L36.0515 2.62929C36.0223 2.61721 35.9931 2.6051 35.9639 2.59299C35.4126 2.36413 34.8607 2.13501 34.0257 2.13501C32.4321 2.13501 31.1661 3.12357 31.1661 4.59153C31.1661 5.90961 31.7929 6.65904 34.0416 7.24371C34.8765 7.45309 35.4566 7.60297 35.4566 8.24714C35.4566 8.84668 34.8765 9.13043 34.1758 9.13043C33.0998 9.13043 32.3138 8.39702 31.2799 7.00343H31.0524L31.2094 9.85011H31.3731L31.968 9.25057C32.4446 9.49085 33.1897 9.86499 34.1872 9.86499C36.0936 9.86499 37.4198 8.80091 37.4198 7.3032C37.4198 5.75973 36.4985 5.19107 34.6786 4.65217L34.6585 4.64621Z",fill:"#473F5C"})}),C.jsx("defs",{children:C.jsx("clipPath",{id:"clip0_900_1816",children:C.jsx("rect",{width:"39.5321",height:"12",fill:"white"})})})]})]});

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

@@ -0,0 +1,12 @@
+import { CircularProgressProps } from '@mui/material';
+import { FunctionComponent } from 'react';
+import { GenericSizeMap } from '../../BrandCore/primitiveVariables.js';
+
+type ProgressSizing = Exclude<GenericSizeMap, 'none'>;
+interface ProgressProps extends CircularProgressProps {
+    sizing?: ProgressSizing;
+}
+declare const Progress: FunctionComponent<ProgressProps>;
+
+export { Progress as default };
+export type { ProgressProps, ProgressSizing };

package/dist/systems/WebCore/Progress/Progress.js

@@ -0,0 +1 @@
+"use strict";var r=require("react/jsx-runtime"),e=require("@mui/material"),i=require("../../BrandCore/Icon/Icon.js");const s=e.styled(e.CircularProgress)(()=>({color:"inherit",position:"absolute",padding:2}));module.exports=({sizing:e,...o})=>r.jsx(s,{size:e?i.iconSizeMap[e]:40,...o});

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

@@ -0,0 +1,10 @@
+import { LinearProgressProps } from '@mui/material';
+import { FunctionComponent } from 'react';
+
+interface ProgressBarProps extends Partial<Omit<LinearProgressProps, 'variant'>> {
+    variation: LinearProgressProps['variant'];
+}
+declare const ProgressBar: FunctionComponent<ProgressBarProps>;
+
+export { ProgressBar as default };
+export type { ProgressBarProps };

package/dist/systems/WebCore/ProgressBar/ProgressBar.js

@@ -0,0 +1 @@
+"use strict";var r=require("react/jsx-runtime"),e=require("@mui/material");const s=e.styled(e.LinearProgress)(({theme:r})=>({[`&.${e.linearProgressClasses.root}`]:{backgroundColor:r.custom.palette.neutral[200],borderRadius:r.custom.radius.round,[`& .${e.linearProgressClasses.bar}`]:{backgroundColor:r.custom.palette.green[500],borderRadius:`0 ${r.custom.radius.round}px ${r.custom.radius.round}px 0`}}}));module.exports=e=>{const{variation:a,value:o,...t}=e;return r.jsx(s,{variant:a,value:o?Math.min(o,100):o,...t})};

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

@@ -0,0 +1,18 @@
+import { FunctionComponent } from 'react';
+
+interface RadioProps {
+    sizing?: 'default' | 'lg';
+    disabled?: boolean;
+    name?: string;
+    value?: unknown;
+    autoFocus?: boolean;
+    onChange?: ((event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => void) | undefined;
+    checked?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    'aria-label'?: string;
+}
+declare const Radio: FunctionComponent<RadioProps>;
+
+export { Radio as default };
+export type { RadioProps };

package/dist/systems/WebCore/Radio/Radio.js

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

package/dist/systems/WebCore/Radio/StyledRadio.js

@@ -0,0 +1 @@
+"use strict";var e=require("@mui/material");require("react/jsx-runtime");var t=require("../../BrandCore/Icon/Icon.js"),o=require("../../BrandCore/primitiveVariables.js");const r=e.styled(e.Radio)(({theme:e,sizing:r})=>({padding:0,backgroundColor:e.custom.palette.input.default,border:`1px solid ${e.custom.palette.stroke.default}`,position:"relative",transition:e.custom.easing.input,flexShrink:0,height:"default"===r?o.space[300]:o.space[400],width:"default"===r?o.space[300]:o.space[400],"& svg":{transition:e.custom.easing.input,fill:"none",width:"default"===r&&t.iconSizeMap.sm,height:"default"===r&&t.iconSizeMap.sm},"&:before":{content:'""',position:"absolute",inset:0,borderRadius:e.custom.radius.round},"&:hover":{backgroundColor:e.custom.palette.input.default,"&:before":{backgroundColor:e.custom.palette.interaction.hover}},"&:active":{backgroundColor:e.custom.palette.input.default,borderColor:e.custom.palette.stroke.focus,boxShadow:e.custom.boxShadow.input.focus,"&:before":{backgroundColor:e.custom.palette.interaction.press}},"&.Mui-disabled":{backgroundColor:e.custom.palette.input.disabled,borderColor:e.custom.palette.stroke.disabled,"& svg":{"&:first-of-type":{fill:"transparent"},fill:e.custom.palette.icon.disabled}},"&.Mui-focusVisible":{borderColor:e.custom.palette.stroke.focus,boxShadow:e.custom.boxShadow.input.focus,"&:before":{backgroundColor:e.custom.palette.interaction.press}},"&.Mui-checked":{backgroundColor:e.custom.palette.purple[500],"& svg":{"&:first-of-type":{fill:"transparent"},fill:e.custom.palette.icon.lockedWhite},"&.Mui-disabled":{backgroundColor:e.custom.palette.input.disabled,borderColor:e.custom.palette.stroke.disabled,"& svg":{"&:first-of-type":{fill:"transparent"},fill:e.custom.palette.icon.disabled}}}}));exports.StyledRadio=r;

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

@@ -0,0 +1,25 @@
+import { ReactNode, FunctionComponent } from 'react';
+
+interface RadioGroupOption {
+    label: string;
+    value: string;
+}
+interface RadioGroupOther {
+    label?: string;
+    enabled?: boolean;
+    placeholder?: string;
+    name?: string;
+}
+interface RadioGroupProps {
+    options: RadioGroupOption[];
+    children?: ReactNode;
+    other?: RadioGroupOther;
+    onChange: (value: string) => void;
+    internalChange?: () => void;
+    name: string;
+    value: string;
+}
+declare const RadioGroup: FunctionComponent<RadioGroupProps>;
+
+export { RadioGroup as default };
+export type { RadioGroupProps };

package/dist/systems/WebCore/RadioGroup/RadioGroup.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),a=require("react"),l=require("../../BrandCore/primitiveVariables.js"),o=require("../FormControlLabel/FormControlLabel.js"),t=require("../Radio/Radio.js"),i=require("../TextField/TextField.js");module.exports=({options:u,onChange:n,other:s,value:c,internalChange:d,...h})=>{const p=s?.enabled,g="other-option",m=`${g}-value-`,[x,b]=a.useState(c),[f,j]=a.useState(!1),v=a.useRef(null);a.useEffect(()=>{!f&&x?.includes(m)?j(!0):f&&j(!1)},[x]);return a.useEffect(()=>{v.current&&Array.from(v.current.getElementsByTagName("label")).forEach(e=>{if(e.clientHeight>4*l.base){const r=e.querySelector(".MuiTypography-root");r&&(r.style.marginTop=l.base/2+"px")}})},[v.current]),e.jsxs(e.Fragment,{children:[e.jsxs(r.RadioGroup,{...h,value:x,ref:v,sx:{"& .MuiRadio-root":{alignSelf:"baseline"},"& .MuiTypography-root":{alignSelf:"center"},display:"flex",alignSelf:"baseline",gap:e=>e.custom.margin.sm,label:{"&:last-child":{mb:0},"&:hover":{"& .MuiRadio-root":{backgroundColor:e=>e.custom.palette.interaction.hover,"&.Mui-checked":{backgroundColor:e=>e.custom.palette.purple[500]}}}}},onChange:(e,r)=>{n&&n(r),b(r),d&&d()},children:[u?u.map((r,a)=>e.jsx(o,{sx:{"& .MuiButtonBase-root.MuiRadio-root":{alignSelf:"baseline"}},...r,control:e.jsx(t,{})},a)):null,p&&e.jsx(o,{label:s?.label||"Other",value:m,control:e.jsx(t,{checked:x?.includes(m)})},g)]}),f&&e.jsx(r.Box,{sx:{mt:1},children:e.jsx(i,{fullWidth:!0,autoFocus:!0,placeholder:s?.placeholder,defaultValue:x?.replace(m,""),onChange:e=>{var r;n&&n((r=e.target.value,`${m}${r}`)),d&&d()},required:!0})})]})};

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

@@ -0,0 +1,20 @@
+import { FunctionComponent } from 'react';
+import { Option } from '../RankItem/RankItem.js';
+import { SortableListProps } from '../SortableList/SortableList.js';
+
+interface RankProps extends Omit<SortableListProps<any>, 'renderItem' | 'items'> {
+    labelTop: string;
+    labelBottom: string;
+    fullWidth?: boolean;
+    options: (Option & {
+        id: string;
+    })[];
+    internalChange?: () => void;
+    value?: (Option & {
+        id: string;
+    })[];
+}
+declare const Rank: FunctionComponent<RankProps>;
+
+export { Rank as default };
+export type { RankProps };

package/dist/systems/WebCore/Rank/Rank.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("react"),s=require("../InputLabel/InputLabel.js"),a=require("../RankItem/RankItem.js"),i=require("../SortableList/SortableList.js"),l=require("../SortableList/components/SortableItem/SortableItem.js");require("../SortableList/components/SortableOverlay/SortableOverlay.js");module.exports=({labelTop:o,labelBottom:n,disabled:u,fullWidth:c=!1,options:d,onChange:m,value:b,internalChange:x})=>{const p=t.useTheme(),[h,j]=r.useState(b||d);function S(e){j(e),m(e.map(({id:e})=>e)),x&&x()}return e.jsxs(t.Stack,{gap:p.custom.margin.sm,textAlign:"center",sx:{width:c?"100%":"auto"},children:[o&&e.jsx(s,{disabled:u,sx:{color:p.custom.palette.text.secondary},children:o}),e.jsx(i,{onChange:function(e){j(e),m(e.map(({id:e})=>e)),x&&x()},items:h,direction:"vertical",renderItem:({...t})=>e.jsx(l.SortableItem,{id:t.id,children:e.jsx(a,{onChange:S,...t,options:h,disabled:u,selections:t.selections,fullWidth:c})})}),n&&e.jsx(s,{disabled:u,sx:{color:p.custom.palette.text.secondary},children:n})]})};