@useloops/design-system 1.4.547 → 1.4.549

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

@@ -0,0 +1 @@
+import{styled as d,Box as n}from"@mui/material";const o=d(n,{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}));export{o as ModalContentWrapper};

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

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

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

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

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

@@ -0,0 +1 @@
+import{jsxs as r,jsx as i}from"react/jsx-runtime";import{Stack as o}from"@mui/material";import t from"../Typography/Typography.js";const p=({children:p,description:e,title:n})=>r(o,{sx:{gap:2,p:1},children:[r(o,{sx:{gap:1},children:[i(t,{variation:"sm",component:"p",weight:"bold",children:n}),i(t,{variation:"sm",component:"p",children:e})]}),p]});export{p as default};

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+import{useRef as t,useState as e,useEffect as r}from"react";const n=(n=[])=>{const c=t(null),[s,o]=e(!1);return r(()=>{const t=()=>{const t=c.current;if(t){const e=t.scrollWidth>t.clientWidth;o(e)}};t();const e=new ResizeObserver(t);return c.current&&e.observe(c.current),()=>{e.disconnect()}},n),{textRef:c,isTruncated:s}};export{n as default};

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

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

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

@@ -0,0 +1 @@
+import{jsxs as C,jsx as i}from"react/jsx-runtime";import{Stack as H,SvgIcon as l}from"@mui/material";const e=()=>C(H,{gap:.5,flexDirection:"row",children:[i(l,{sx:{width:67,height:12},viewBox:"0 0 67 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i("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(l,{sx:{width:40,height:12},viewBox:"0 0 40 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i("g",{id:"Brand/Wordmark",clipPath:"url(#clip0_900_1816)",children:i("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"})}),i("defs",{children:i("clipPath",{id:"clip0_900_1816",children:i("rect",{width:"39.5321",height:"12",fill:"white"})})})]})]});export{e as default};

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

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{styled as i,CircularProgress as r}from"@mui/material";import{iconSizeMap as t}from"../../BrandCore/Icon/Icon.js";const e=i(r)(()=>({color:"inherit",position:"absolute",padding:2})),m=({sizing:i,...r})=>o(e,{size:i?t[i]:40,...r});export{m as default};

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

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

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

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{StyledRadio as o}from"./StyledRadio.js";const r=r=>t(o,{...r});export{r as default};

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

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

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

@@ -0,0 +1 @@
+import{jsxs as e,Fragment as o,jsx as r}from"react/jsx-runtime";import{RadioGroup as l,Box as a}from"@mui/material";import{useState as t,useRef as i,useEffect as n}from"react";import{base as u}from"../../BrandCore/primitiveVariables.js";import c from"../FormControlLabel/FormControlLabel.js";import m from"../Radio/Radio.js";import s from"../TextField/TextField.js";const p=({options:p,onChange:d,other:h,value:f,internalChange:g,...b})=>{const v=h?.enabled,x="other-option",y=`${x}-value-`,[C,M]=t(f),[R,T]=t(!1),j=i(null);n(()=>{!R&&C?.includes(y)?T(!0):R&&T(!1)},[C]);return n(()=>{j.current&&Array.from(j.current.getElementsByTagName("label")).forEach(e=>{if(e.clientHeight>4*u){const o=e.querySelector(".MuiTypography-root");o&&(o.style.marginTop=u/2+"px")}})},[j.current]),e(o,{children:[e(l,{...b,value:C,ref:j,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,o)=>{d&&d(o),M(o),g&&g()},children:[p?p.map((e,o)=>r(c,{sx:{"& .MuiButtonBase-root.MuiRadio-root":{alignSelf:"baseline"}},...e,control:r(m,{})},o)):null,v&&r(c,{label:h?.label||"Other",value:y,control:r(m,{checked:C?.includes(y)})},x)]}),R&&r(a,{sx:{mt:1},children:r(s,{fullWidth:!0,autoFocus:!0,placeholder:h?.placeholder,defaultValue:C?.replace(y,""),onChange:e=>{var o;d&&d((o=e.target.value,`${y}${o}`)),g&&g()},required:!0})})]})};export{p as default};

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

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

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

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

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

@@ -0,0 +1 @@
+import{styled as t,Box as o}from"@mui/material";const e=t(o)(({theme:t,disabled:o,fullWidth:e})=>({width:e?"100%":"auto",minWidth:240,backgroundColor:o?t.custom.palette.input.disabled:t.custom.palette.surface.raised,border:`1px solid ${o?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},...o&&{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"}}}));export{e as default};

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

@@ -0,0 +1 @@
+import{styled as t}from"@mui/material";import e from"../InputLabel/InputLabel.js";import{typographyVariantMap as o}from"../utils/typography.util.js";const r=t(e)(({theme:t})=>({fontSize:o.button.md,color:t.custom.palette.text.primary,lineHeight:"120%",letterSpacing:"0.16px"}));export{r as default};

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

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

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

@@ -0,0 +1 @@
+import{styled as t}from"@mui/material";import{RichTextEditor as o}from"mui-tiptap";const i=t(o)(({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)}}}));export{i as default};

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

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

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

@@ -0,0 +1 @@
+import{jsxs as e,jsx as l}from"react/jsx-runtime";import{forwardRef as t}from"react";import r from"./AutocompleteSelectAll.js";const n=t(({children:t,handleSelectAll:n,showSelectAll:i,value:s=[],selections:c,sizing:o,...a},h)=>{const A=Array.isArray(s)&&s.length===c.length,m=Array.isArray(s)&&s.length>0&&s.length<c.length;return e("ul",{ref:h,...a,children:[i&&l(r,{handleSelectAll:n,isIndeterminate:m,isAllSelected:A,sizing:o}),t]})});export{n as default};

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

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{StyledPopper as o}from"./StyledAutocomplete.js";const e=e=>t(o,{...e});export{e as default};

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+import"react/jsx-runtime";import"@mui/material";import{iconSizeMap as t}from"../../BrandCore/Icon/Icon.js";import{padding as o}from"../../BrandCore/primitiveVariables.js";import{fontSizemap as i}from"../utils/typography.util.js";const e="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}},r=t=>{switch(t){case"xs":case"md":return 16;default:return 24}},a=(t,o)=>({"& .MuiTypography-root":{overflow:"hidden",textOverflow:"ellipsis",fontSize:i[o],paddingLeft:t.spacing("xs"===o?t.custom.padding.xs:t.custom.padding.sm),paddingRight:t.spacing("xs"===o?t.custom.padding.xs:t.custom.padding.sm)}}),c=(t,e)=>({fontSize:i[e],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(o.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"}}),p=(o,i)=>{switch(i){case"lg":return{height:n(i),"& .MuiSvgIcon-root":{color:o.custom.palette.icon.primary,transition:o.custom.easing.input,width:t.lg,height:t.lg,top:`calc(50% - ${t.lg/2}px)`}};case"md":return{height:n(i),"& .MuiSvgIcon-root":{color:o.custom.palette.icon.primary,transition:o.custom.easing.input,width:t.md,height:t.md,top:`calc(50% - ${t.md/2}px)`}};case"xs":return{height:n(i),"& .MuiSvgIcon-root":{color:o.custom.palette.icon.primary,transition:o.custom.easing.input,width:t.xs,height:t.xs,top:`calc(50% - ${t.xs/2}px)`}};default:return{height:n("lg"),"& .MuiSvgIcon-root":{color:o.custom.palette.icon.primary,transition:o.custom.easing.input,width:t.lg,height:t.lg,top:`calc(50% - ${t.lg/2}px)`}}}},u=(t,o)=>({position:"relative",fontSize:i[o],backgroundColor:t.custom.palette.interaction.none,color:t.custom.palette.text.primary,minHeight:s(o),justifyContent:"space-between",paddingLeft:t.spacing("xs"===o?t.custom.padding.sm:t.custom.padding.md),paddingRight:t.spacing("xs"===o?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:r(o),height:r(o)}}),d=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:e}}}});export{p as getInputSize,a as getTypographyStyle,d as menuStyles,e as popperBoxShadow,c as selectBaseStyles,n as selectInputHeight,u as selectItemBaseStyles,s as selectMenuItemSize,r as selectTickSize};

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

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{styled as e,Skeleton as o}from"@mui/material";const a=e(o)(({theme:t})=>({borderRadius:t.spacing(t.custom.radius.md),backgroundColor:t.custom.palette.skeleton.default,transform:"none",width:"100%",height:"100%"})),r=e=>t(a,{animation:"pulse",...e});export{r as default};

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

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

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

@@ -0,0 +1 @@
+import{styled as i,Slider as e}from"@mui/material";import{space as r}from"../../BrandCore/primitiveVariables.js";import{sliderHandle as l}from"./sliderHandle.js";import{sliderTrack as a}from"./sliderTrack.js";import{sliderValue as o}from"./sliderValue.js";const t=i(e,{shouldForwardProp:i=>!["inputRef","hideMarks","hideMarkLabels"].includes(i)})(({theme:i,value:e,hideMarkLabels:t,hideMarks:d})=>({"&.MuiSlider-root":{width:`calc(100% - ${r[400]}px)`,marginLeft:r[400]/2,...{...a(i,e)},...{...l(i)},...{...o(i)},"&.Mui-disabled":{"& .MuiSlider-rail, & .MuiSlider-track":{backgroundColor:i.custom.palette.icon.secondary},"& .MuiSlider-rail":{backgroundColor:i.custom.palette.icon.disabled},"& .MuiSlider-thumb":{backgroundColor:i.custom.palette.icon.disabled,"& .MuiSlider-valueLabel":{backgroundColor:i.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:i.custom.palette.text.secondary,...d&&{visibility:"hidden"},"&.MuiSlider-markLabelActive":{color:i.custom.palette.text.secondary}}}}));export{t as StyledSlider};

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+import{jsx as t,jsxs as r}from"react/jsx-runtime";import{useSortable as i,defaultAnimateLayoutChanges as e}from"@dnd-kit/sortable";import{CSS as a}from"@dnd-kit/utilities";import{Stack as o,Box as s}from"@mui/material";import{createContext as n,useMemo as m,useContext as d}from"react";const l=n({attributes:{},listeners:void 0,ref(){}}),c=t=>e({...t,wasDragging:!0});function f({children:e,top:n,bottom:d,id:f}){const{attributes:u,isDragging:p,listeners:g,setNodeRef:h,setActivatorNodeRef:b,transform:v,transition:A}=i({id:f,animateLayoutChanges:c}),x=m(()=>({attributes:u,listeners:g,ref:b}),[u,g,b]),z={opacity:p?.4:void 0,transform:a.Translate.toString(v),transition:A};return t(l.Provider,{value:x,children:r(o,{className:"SortableItem",...u,sx:{position:"relative",...z,width:"100%"},ref:h,children:[n&&n,t(s,{...g,sx:{display:"flex",cursor:"grab"},children:e}),d&&d]})})}function u(){const{attributes:r,listeners:i,ref:e}=d(l);return t(s,{...r,...i,ref:e,children:t("svg",{viewBox:"0 0 20 20",width:"12",children:t("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"})})})}export{u as DragHandle,f as SortableItem};

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

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{defaultDropAnimationSideEffects as o,DragOverlay as r}from"@dnd-kit/core";import{createPortal as e}from"react-dom";const i={sideEffects:o({styles:{active:{opacity:"0.4"}}})};function n({children:o}){return e(t(r,{zIndex:999999,dropAnimation:i,children:o}),document.body)}export{n as SortableOverlay};

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

@@ -0,0 +1 @@
+import{jsx as i}from"react/jsx-runtime";import{styled as o,Rating as t,SvgIcon as e}from"@mui/material";const n=o(t)(({theme:i})=>({"&.MuiRating-root":{"& .MuiRating-iconEmpty":{color:i.custom.palette.icon.secondary},"& .MuiRating-iconFilled":{color:i.custom.palette.yellow[600]},".MuiRating-iconHover":{fontSize:"inherit",transform:"none"},"&.Mui-disabled":{opacity:1,color:i.custom.palette.icon.disabled,"& .MuiRating-iconEmpty":{color:i.custom.palette.icon.disabled},"& .MuiRating-iconFilled":{color:i.custom.palette.icon.disabled}}}})),l=({internalChange:o,onChange:t,...l})=>i(n,{...l,onChange:(i,e)=>{t&&t(i,e),o&&o()},icon:i(e,{sx:{width:48,height:48},viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i("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:i(e,{sx:{width:48,height:48},viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i("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"})})});export{l as default};

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

@@ -0,0 +1 @@
+import{styled as r,Paper as a}from"@mui/material";import{activeState as o,float as e,raised as i,overlay as t,backgroundBasedOnVariation as d,getBorderRadius as s}from"./Surface.variant-helpers.js";const u=r(a,{shouldForwardProp:r=>!["variation","borderradius","active"].includes(r)})(({theme:r,variation:a="default",borderradius:u,active:l})=>({boxShadow:"unset",borderRadius:s(r,u),background:d(a,r),..."overlay"===a&&{...t(r)},..."raised"===a&&{...i(r)},..."float"===a&&{...e(r)},...l&&{...o(r)}}));export{u as default};

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

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import a from"./StyledSurface.js";const e=t(({active:t,variation:e="overlay",...o},i)=>r(a,{ref:i,variation:e,active:t,...o}));export{e as default};

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

@@ -0,0 +1 @@
+import{paperClasses as e}from"@mui/material";const t=e=>({boxShadow:e.custom.elevation.raised}),a=e=>({boxShadow:e.custom.elevation.overlay}),s=e=>({boxShadow:e.custom.elevation.float}),r=t=>({background:t.custom.palette.blue[0],[`&.${e.root}`]:{border:`1px solid ${t.custom.palette.blue[500]}`}}),u=(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)}},o=(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}};export{r as activeState,o as backgroundBasedOnVariation,s as float,u as getBorderRadius,a as overlay,t as raised};

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

@@ -0,0 +1 @@
+import{jsx as i}from"react/jsx-runtime";import{styled as t,Switch as o}from"@mui/material";const e=t(t=>i(o,{disableRipple:!0,...t}))(({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})}}));export{e as default};

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

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{mergeSx as l}from"merge-sx";import t from"../FormControlLabel/FormControlLabel.js";import o from"./StyledSwitch.js";const r=({sizing:r="sm",sx:a,inputRef:n,value:i,label:m,labelPlacement:s="start",fullWidth:b,onChange:c,internalChange:f,...h})=>e(t,{inputRef:n,checked:i,label:m,labelPlacement:s,control:e(o,{sizing:r}),onChange:(e,l)=>{c&&c(e,l),f&&f()},sx:l(b?{"& .MuiFormControlLabel-label":{width:"100%"}}:{},a),...h});export{r as default};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{styled as r,Box as n,Stack as o,Button as i,useTheme as a,Fade as c}from"@mui/material";import{useRef as s}from"react";import d from"../../BrandCore/Icon/Icon.js";import l from"../Avatar/Avatar.js";import p from"../Typography/Typography.js";const m=r(n)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(1),justifyContent:"space-between"})),u=r(o,{shouldForwardProp:e=>!["withMenu"].includes(e)})(({withMenu:e})=>({textAlign:"left",width:e?118:152,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"})),h=r(o)(({theme:e})=>({alignItems:"center",color:e.custom.palette.icon.secondary,display:"flex",justifyContent:"center"})),f=r(i,{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}})),v=({active:r,avatar:n,email:o,name:i,rounded:v,withMenu:g})=>{const w=a(),y=s(null);return e(f,{active:r,rounded:v,children:t(m,{ref:y,children:[e(l,{src:n,sizing:"sm"}),e(c,{in:!0,children:t(m,{children:[t(u,{withMenu:g,children:[e(p,{variation:"sm",component:"p",type:"button",noWrap:!0,children:i}),e(p,{variation:"xs",component:"p",type:"button",noWrap:!0,sx:{color:w.custom.palette.text.secondary},children:o})]}),g&&e(h,{children:e(d,{name:"chevron-right",size:24})})]})})]})})};export{v as default};

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

@@ -0,0 +1 @@
+import{jsx as o,jsxs as e}from"react/jsx-runtime";import{styled as i,Box as t,Container as r,Modal as n,Fade as a,Backdrop as s}from"@mui/material";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import d from"../../BrandCore/Icon/Icon.js";import l from"../IconButton/IconButton.js";const c=({modalVisible:i=!1,showModal:t,video:c})=>o(n,{closeAfterTransition:!0,onClose:()=>t(!1),open:i,hideBackdrop:!0,children:o(a,{in:i,children:e(m,{children:[o(s,{open:i,onClick:()=>t(!1)}),o(h,{children:o(u,{children:o(f,{autoPlay:!0,controls:!0,controlsList:"nodownload noremoteplayback noplaybackrate",disablePictureInPicture:!0,muted:!0,preload:"auto",src:c,tabIndex:-1})})}),o(p,{children:o(r,{children:o(l,{icon:o(d,{name:"close",size:24}),variation:"outlined",shape:"round",onClick:()=>t(!1)})})})]})})}),p=i(t)(({theme:o})=>({paddingTop:o.spacing(2),position:"fixed",right:0,top:80})),m=i(t)({alignItems:"center",display:"flex",height:"100%",justifyContent:"center",left:0,position:"fixed",top:0,width:"100%"}),h=i(r)({alignItems:"center",display:"flex",justifyContent:"center",position:"relative",zIndex:999}),u=i(t)({aspectRatio:"16/9",maxHeight:"70vh"}),f=i("video")({height:"100%",width:"100%"});export{c as default};

package/dist/esm/systems/WebCore/utils/autocomplete.styles.js

@@ -0,0 +1 @@
+import{styled as o,TextField as t,autocompleteClasses as i}from"@mui/material";import"../../BrandCore/colorRamps.js";import{base as a}from"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"react/jsx-runtime";import{iconSizeMap as e}from"../../BrandCore/Icon/Icon.js";import{popperBoxShadow as s}from"../Select/StyledSelect.variant-helpers.js";import{fontSizemap as r}from"./typography.util.js";const n=(o,t)=>({maxWidth:"100%",backgroundColor:o.custom.palette.surface.raised,borderRadius:o.spacing(o.custom.radius.md),border:`1px solid ${o.custom.palette.stroke.default}`,transition:o.custom.easing.input,"& .MuiSvgIcon-root":{...t&&{width:e[t],height:e[t]}},"& .MuiAutocomplete-inputRoot":{...t&&{fontSize:r[t],gap:"lg"===t?o.spacing(o.custom.padding.sm):o.spacing(o.custom.padding.xs)},display:"flex",alignItems:"flex-start",paddingRight:3*a+"px",flexWrap:"wrap",height:"auto"},"& .MuiOutlinedInput-root":{display:"flex",alignItems:"center",padding:0},"& .MuiAutocomplete-endAdornment":{marginRight:o.spacing(o.custom.margin.sm)},"&.Mui-disabled":{backgroundColor:`${o.custom.palette.input.disabled}`,borderColor:`${o.custom.palette.stroke.disabled}`},"&.Mui-focused":{backgroundColor:o.custom.palette.input.default,borderColor:o.custom.palette.stroke.focus,boxShadow:o.custom.boxShadow.input.focus},"& .MuiChip-root .MuiChip-label":{height:20,lineHeight:"20px",maxWidth:140,...t&&{padding:`0 ${o.spacing(o.custom.padding.xs)}`}}}),d=(o,t)=>({"& .MuiPaper-root":{...t&&{margin:"lg"===t?o.spacing(o.custom.padding.sm):o.spacing(o.custom.padding.xs),marginLeft:"lg"===t?`-${o.spacing(o.custom.padding.sm)}`:`-${o.spacing(o.custom.padding.xs)}`,marginTop:`calc(${"lg"===t?o.spacing(o.custom.margin.sm):o.spacing(o.custom.margin.xs)} + ${o.spacing(o.custom.margin.xs)})`},border:`1px solid ${o.custom.palette.stroke.default}`,backgroundColor:o.custom.palette.surface.raised,boxShadow:s,borderRadius:o.spacing(o.custom.radius.sm)},[`& .${i.listbox}`]:{overflowX:"hidden",width:"100%",padding:`${o.spacing(o.custom.padding.sm)} 0`,[`& .${i.option}`]:{fontSize:r[t],...t&&{minHeight:"lg"===t?5*a+"px":4*a+"px"},paddingLeft:o.spacing("xs"===t?o.custom.padding.sm:o.custom.padding.md),gap:o.spacing(o.custom.padding.sm),display:"flex",alignItems:"center",'&[aria-selected="true"]':{backgroundColor:o.custom.palette.interaction.press,"&.Mui-focused":{backgroundColor:o.custom.palette.interaction.press},"&:hover":{backgroundColor:o.custom.palette.interaction.hover}},"&.Mui-focused":{background:"inherit"},"&:hover":{backgroundColor:o.custom.palette.interaction.hover}}}}),p=o(t)(({theme:o,sizing:t})=>({"& .MuiOutlinedInput-root":{padding:0,...t&&{margin:"lg"===t?o.spacing(o.custom.padding.sm):o.spacing(o.custom.padding.xs)}},"& .MuiInputBase-input":{padding:"0 14px"},"& .MuiOutlinedInput-notchedOutline":{border:"none"}}));export{p as StyledTextField,n as autocompleteStyles,d as popperStyles};

package/dist/esm/systems/WebCore/utils/backgroundCreator.js

@@ -0,0 +1 @@
+import{tone1 as e,tone4 as r,tone3_lowOpacity as t,tone3 as n,tone2 as o}from"../../BrandCore/gradients.js";import{noise1 as s}from"../../BrandCore/textures.js";const a=(s,a)=>{switch(a){case"tone1":default:return e(s);case"tone2":return o(s);case"tone3":return n(s);case"tone3_lowOpacity":return t(s);case"tone4":return r(s)}},u=e=>"noise1"===e?`url(${s})`:null,c=(e,r)=>{const t=a(e,r.gradient),n=u(r.texture);return n?[n,t].join(","):[t].join(",")};export{c as backgroundCreator,a as getGradient,u as getTexture};

package/dist/esm/systems/WebCore/utils/typography.util.js

@@ -0,0 +1 @@
+import{fonts as t}from"../../BrandCore/typography.js";const o=["xxs","xs","sm","md","lg","xl","xxl","xxxl"],n=(t,o=16)=>{const n=1/o*t;return Math.round(1e3*n)/1e3},e=(t,e="xs")=>{const s=o.reduce((n,s,r)=>{const a=o.indexOf(e)||0,x=Number((16*Math.pow(t,r-a)).toFixed(2));return n[s]=x,n},{}),r={};for(const[t,o]of Object.entries(s))r[t]=n(o)+"rem";return r},s={lg:{headline:e(1.309,"xs"),body:e(1.125,"md")},sm:{headline:e(1.125,"xs"),body:e(1.1,"md")},button:e(1.125,"md")},r=n=>{const e=o.map(o=>({props:{variant:o},style:{fontFamily:`${t.FontStack.Serif}`,fontSize:s[n].headline[o]}})),r=o.map(o=>({props:{variant:o,component:"h5"},style:{fontFamily:`${t.FontStack.SansSerif}`,fontSize:s[n].body[o]}})),a=o.map(o=>({props:{variant:o,component:"h6"},style:{fontFamily:`${t.FontStack.SansSerif}`,fontSize:s[n].body[o]}}));return[...e,...o.map(o=>({props:{variant:o,component:"p"},style:{fontFamily:`${t.FontStack.SansSerif}`,fontSize:s[n].body[o]}})),...r,...a]},a={xxs:s.button.xxs,xs:s.button.xs,sm:s.button.sm,md:s.button.sm,lg:s.button.md,xl:s.button.lg,xxl:s.button.xl,xxxl:s.button.xxl};export{a as fontSizemap,n as pxToRem,e as typographicScale,o as typographicSizes,s as typographyVariantMap,r as typographyVariants};

package/dist/esm/theme/GlobalStyleReset.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{GlobalStyles as r}from"@mui/material";const o=()=>t(r,{styles:{"strong, b":{fontWeight:500}}});export{o as default};

package/dist/esm/theme/theme.context.js

@@ -0,0 +1 @@
+import{createContext as o}from"react";const r=o(null);export{r as ThemeContext};

package/dist/esm/theme/theme.hooks.js

@@ -0,0 +1 @@
+import{useMediaQuery as t}from"@mui/material";import{useState as e,useEffect as r,startTransition as o,useMemo as i,useContext as m}from"react";import s from"../node_modules/tiny-invariant/dist/esm/tiny-invariant.js";import{breakpoints as n}from"../systems/BrandCore/primitiveVariables.js";import{useScreenSize as l}from"../utils/screen.hook.js";import{customTheme as a}from"./theme.js";import{ThemeContext as d}from"./theme.context.js";const p=(m="light",s="lg",d="ltr")=>{const{width:p}=l(),[u,g]=e(m),[c,h]=e(s),[b,f]=e(d),[k,y]=e(!1),[v,j]=e("");r(()=>{b&&document.documentElement.setAttribute("dir",b)},[b]);r(()=>{o(()=>{h(p&&p<n.lg?"sm":"lg")})},[p]),r(()=>{o(()=>{f(d)})},[d]),r(()=>{o(()=>{g(m)})},[m]);const x=i(()=>a(u,c,b),[u,b,c]),S=t(x.breakpoints.only("sm"),{noSsr:!0}),w=t(x.breakpoints.only("md"),{noSsr:!0}),O=t(x.breakpoints.between("lg","xl"),{noSsr:!0}),T=t(x.breakpoints.up("xl"),{noSsr:!0});return r(()=>{o(()=>{S&&j("sm"),w&&j("md"),O&&j("lg"),T&&j("xl")})},[S,w,O,T]),{breakpoint:v,custom:x.custom,gridOverlayVisible:k,mode:u,theme:x,toggleGridOverlay:()=>{o(()=>{y(t=>!t)})},toggleMode:t=>{o(()=>{if(t)return g(t);g(t=>"light"===t?"dark":"light")})}}},u=()=>{const t=m(d);return s(t,"useTheme must be used within a ThemeProvider"),t};export{u as useTheme,p as useThemeBuilder};

package/dist/esm/theme/theme.js

@@ -0,0 +1 @@
+import{createTheme as t}from"@mui/material";import{greenRamp as e,blueRamp as o,yellowRamp as a,peachRamp as n,redRamp as r,purpleRamp as i,neutralRamp as s}from"../systems/BrandCore/colorRamps.js";import{purple as l,neutralAlpha as d,darkNeutralAlpha as p}from"../systems/BrandCore/primitiveColor.js";import{breakpoints as f,base as m,easing as u,boxShadow as y,elevationFilter as c,elevation as g,radius as h,padding as b,margin as w}from"../systems/BrandCore/primitiveVariables.js";import{semantic as $}from"../systems/BrandCore/semanticColor.js";import{fonts as v}from"../systems/BrandCore/typography.js";import{typographyVariants as k,typographyVariantMap as x}from"../systems/WebCore/utils/typography.util.js";const F="https://useloops-public.s3.eu-west-2.amazonaws.com/public/fonts/",C=(C,R,G)=>t({direction:G,custom:{palette:{black:"#000000",white:"#ffffff",neutral:s[C],neutralAlpha:"light"===C?d:p,purple:i[C],red:r[C],peach:n[C],yellow:a[C],blue:o[C],green:e[C],icon:$[C].icon,interaction:$[C].interaction,stroke:$[C].stroke,surface:$[C].surface,text:$[C].text,input:$[C].input,skeleton:$[C].skeleton,data:$[C].data,body:$[C].surface.default},margin:w,padding:b,radius:h,elevation:g,elevationFilter:c,boxShadow:y,easing:u,typography:x[R]},palette:{mode:C,primary:{main:l[500]}},spacing:m,shape:{borderRadius:m,hotspot:{default:12,active:24}},breakpoints:{values:f},typography:{fontFamily:`"${v.FoundersGrotesk.name}", "Helvetica", "sans-serif"`},components:{MuiTypography:{variants:k(R),styleOverrides:{root:{color:$[C].text.primary,letterSpacing:0,lineHeight:"140%"}}},MuiCssBaseline:{styleOverrides:t=>`\n\t\t\t\t\tbody {\n\t\t\t\t\t\tbackground: ${t.custom.palette.body};\n\t\t\t\t\t\tmin-width: 320px;\n\t\t\t\t\t}\n\t\t\t\t\ta {\n\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\ttext-decoration: none;\n\t\t\t\t\t}\n\t\t\t\t\tb {\n\t\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\t}\n                    @font-face {\n                        font-family: '${v.Domaine.name}';\n                        font-style: normal;\n                        font-display: swap;\n                        font-weight: ${v.Domaine.default.weight};\n                        src: url(${F}${v.Domaine.default.fileName}) format('woff2');\n                    }\n                    @font-face {\n                        font-family: '${v.Domaine.name}';\n                        font-style: normal;\n                        font-display: swap;\n                        font-weight: ${v.Domaine.bold.weight};\n                        src: url(${F}${v.Domaine.bold.fileName}) format('woff2');\n                    }\n                    @font-face {\n                        font-family: '${v.FoundersGrotesk.name}';\n                        font-style: normal;\n                        font-display: swap;\n                        font-weight: ${v.FoundersGrotesk.default.weight};\n                        src: url(${F}${v.FoundersGrotesk.default.fileName}) format('woff2');\n                    }\n                    @font-face {\n                        font-family: '${v.FoundersGrotesk.name}';\n                        font-style: normal;\n                        font-display: swap;\n                        font-weight: ${v.FoundersGrotesk.bold.weight};\n                        src: url(${F}${v.FoundersGrotesk.bold.fileName}) format('woff2');\n                    }\n                `},MuiContainer:{defaultProps:{maxWidth:"xl",disableGutters:!0},styleOverrides:{root:{paddingLeft:16,paddingRight:16,[`@media (min-width: ${f.md}px)`]:{paddingLeft:24,paddingRight:24},[`@media (min-width: ${f.lg}px)`]:{paddingLeft:48,paddingRight:48}}}},MuiButtonBase:{defaultProps:{disableTouchRipple:!0,disableRipple:!0}},MuiButton:{defaultProps:{disableTouchRipple:!0,disableRipple:!0}},MuiTooltip:{styleOverrides:{arrow:({theme:{custom:t}})=>({color:t.palette.surface.overlay}),tooltip:({theme:{custom:t}})=>({backgroundColor:t.palette.surface.overlay,borderRadius:t.radius.md,color:t.palette.text.primary,backdropFilter:"blur(0)",filter:t.elevationFilter.overlay,fontFamily:v.FoundersGrotesk.name,fontSize:t.typography.body.sm,fontWeight:400,padding:`${t.padding.sm*m}px ${t.padding.md*m}px`})}},MuiAvatarGroup:{styleOverrides:{root:{flexDirection:"row"},avatar:({theme:{custom:t}})=>({border:`1px solid ${t.palette.stroke.default}`,marginLeft:0,marginRight:-8,":last-child":{marginLeft:"auto"}})}}}});export{C as customTheme};

package/dist/esm/theme/theme.provider.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import o from"../node_modules/@emotion/cache/dist/emotion-cache.esm.js";import{CacheProvider as t}from"@emotion/react";import{CssBaseline as i}from"@mui/material";import{ThemeProvider as m}from"@mui/material/styles";import{prefixer as l}from"stylis";import s from"stylis-plugin-rtl";import n from"./GlobalStyleReset.js";import{ThemeContext as c}from"./theme.context.js";import{useThemeBuilder as h}from"./theme.hooks.js";const a=o({key:"muirtl",stylisPlugins:[l,s]}),d=o({key:"mui"}),p=({mode:o="light",screenSize:l="lg",direction:s="ltr",ignoreCacheProvider:p,children:u})=>{const f=h(o,l,s),y=()=>r(m,{theme:f.theme,children:[e(i,{}),e(n,{}),u]});return e(c.Provider,{value:f,children:p?y():e(t,{value:"rtl"===s?a:d,children:y()})})};export{p as ThemeProvider};

package/dist/esm/theme.js

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

package/dist/esm/utils/breakpoint.hook.js

@@ -0,0 +1 @@
+import{useTheme as r,useMediaQuery as e}from"@mui/material";const t=()=>{const t=r();return[...t.breakpoints.keys].reduce((r,o)=>e(t.breakpoints.up(o))?o:r,null)??"sm"};export{t as useBreakpoint};

package/dist/esm/utils/compareArrayMembers.js

@@ -0,0 +1 @@
+function e(e,n){const t=new Set(e),r=new Set(n);return e.every(e=>r.has(e))&&n.every(e=>t.has(e))}export{e as compareArrayMembers};

package/dist/esm/utils/formValidation/email.js

@@ -0,0 +1 @@
+const e={pattern:{value:/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,30}$/i,message:"Please enter a valid email"}};export{e as emailValidation};

package/dist/esm/utils/formValidation/misc.js

@@ -0,0 +1 @@
+const e=e=>{const a=e.toLowerCase();return["a","e","i","o","u"].some(e=>a.startsWith(e))?"an":"a"},a=(a,t,r)=>({maxLength:{value:r||255,message:`Maximum character limit of ${r||255}.`},...t&&{required:a?`Please enter ${e(a)} ${a}`:"This field is required"}}),t=a().maxLength.value;export{t as DEFAULT_MAX_INPUT_LENGTH,e as chooseArticle,a as defaultInputValidation};

package/dist/esm/utils/formValidation/password.js

@@ -0,0 +1 @@
+const s=s=>({minLength:{value:s||8,message:`Password must have at least ${s||8} characters`},equal:{value:"password",message:"You cannot choose 'password' as your password"}});export{s as passwordValidation};

package/dist/esm/utils/formatTime.js

@@ -0,0 +1 @@
+const o=o=>{const t=Math.floor(o/3600),r=Math.floor(o%3600/60),$=Math.floor(o%60),a=$<10?"0"+$:$,f=t>0&&r<10?"0"+r:r;return t>0?`${t}:${f}:${a}`:`${f}:${a}`};export{o as formatTime};

package/dist/esm/utils/isButton.js

@@ -0,0 +1 @@
+function t(t){if("BUTTON"===t.tagName)return!0;const e=t.parentNode;return!!e&&("BUTTON"===e.tagName||"button"===e.getAttribute("role"))}export{t as isButton};

package/dist/esm/utils/normaliseFloat.js

@@ -0,0 +1 @@
+const o=(o,t=1e5)=>Math.round(o*t)/t;export{o as normaliseFloat};

package/dist/esm/utils/pluralise.js

@@ -0,0 +1 @@
+const s=(s,t)=>1===Math.abs(t)?s:`${s}s`;export{s as pluralise};

package/dist/esm/utils/screen.hook.js

@@ -0,0 +1 @@
+import{useState as e,useEffect as n,startTransition as i}from"react";const t=()=>{const t="object"==typeof window;function o(){return{width:t?window.innerWidth:void 0,height:t?window.innerHeight:void 0}}const[r,d]=e(o);return n(()=>{if(t)return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e);function e(){i(()=>{d(o())})}},[]),r};export{t as useScreenSize};

package/dist/esm/utils/useKeyCombo.js

@@ -0,0 +1 @@
+import{useRef as e,useEffect as t,useCallback as r}from"react";const n=(n,o,s=null)=>{const c=e(o);t(()=>{c.current=o},[o]);const i=e=>{if("string"!=typeof e)return e;const t=e.toLowerCase().split("+");return{key:t[t.length-1],altKey:t.includes("alt"),ctrlKey:t.includes("ctrl")||t.includes("control"),metaKey:t.includes("meta")||t.includes("cmd")||t.includes("command"),shiftKey:t.includes("shift")}},y=Array.isArray(n)?n.map(i):[i(n)],l=r(e=>{for(const t of y)if("string"==typeof t){if(e.key.toLowerCase()===t.toLowerCase())return void c.current(e)}else{const r="*"===t.key||e.key.toLowerCase()===t.key.toLowerCase(),n=e.altKey===!!t.altKey&&e.ctrlKey===!!t.ctrlKey&&e.metaKey===!!t.metaKey&&e.shiftKey===!!t.shiftKey;if(r&&n)return void c.current(e)}},[y]);t(()=>{const e=s??document,t=l;return e?.addEventListener("keydown",t),()=>e?.removeEventListener("keydown",t)},[l,s])};export{n as useKeyCombo};

package/dist/esm/utils/usePrevious.js

@@ -0,0 +1 @@
+import{useRef as r,useEffect as t}from"react";const o=o=>{const c=r(void 0);return t(()=>{c.current=o},[o]),c.current};export{o as usePrevious};

package/dist/esm/utils/useSentimentDiscriptor.js

@@ -0,0 +1 @@
+import{useTheme as e}from"@mui/material";var t;!function(e){e.veryPositive="veryPositive",e.positive="positive",e.neutral="neutral",e.negative="negative",e.veryNegative="veryNegative"}(t||(t={}));const a=()=>{const a=e(),i=[{value:1,name:"Very positive",key:t.veryPositive,min:.6,max:1,color:a.custom.palette.data.sentimentVeryPositive},{value:.5,name:"Positive",key:t.positive,min:.2,max:.6,color:a.custom.palette.data.sentimentPositive},{value:0,name:"Neutral",key:t.neutral,min:-.19999,max:.2,color:a.custom.palette.data.sentimentNeutral},{value:-.5,name:"Negative",key:t.negative,min:-.59999,max:-.19999,color:a.custom.palette.data.sentimentNegative},{value:-1,name:"Very negative",key:t.veryNegative,min:-1,max:-.59999,color:a.custom.palette.data.sentimentVeryNegative}];return{sentimentCategories:i,getSentimentByScore:function(e){return i.find(t=>e>=t.min&&e<=t.max)||{name:"Unknown",color:"transparent",key:t.neutral,value:0,min:-1,max:1}}}};export{t as SenitmentKeyEnums,a as default};

package/dist/esm/utils/valueToPercentage.js

@@ -0,0 +1 @@
+const o=(o,t)=>t/o*100;export{o as valueToPercentage};

package/dist/esm/utils.js

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