@useloops/design-system 1.4.683 → 1.4.685

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

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("merge-sx");require("../../BrandCore/colorRamps.js");var i=require("../../BrandCore/primitiveVariables.js");require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js");var s=require("../../BrandCore/Icon/Icon.js"),o=require("../ButtonBase/Button.variant-helpers.js");require("../ButtonBase/ButtonBase.js");var n=require("../Label/Label.js"),a=require("../Text/Text.js"),l=require("../Tooltip/Tooltip.js");const d=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%",textOverflow:"ellipsis",whiteSpace:"nowrap",...o.buttonInteraction(r,e),backgroundColor:e?r.custom.palette.surface.sunken:"transparent","& p":{minHeight:t},"&:disabled":{backgroundColor:"inherit","& p":{color:r.custom.palette.text.disabled}}})),c=t.styled(t.Box)(({theme:e})=>({padding:e.spacing(.5,1)})),x=t.styled(t.Box)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(1),textAlign:"left"})),h=t.styled(t.Stack,{shouldForwardProp:e=>"iconHeight"!==e})(({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:o,label:u,active:p,danger:m,divider:g,heading:j,selected:v,disabled:b,closeOnClick:f,hidden:w,onClick:B,startIcon:y,slotProps:C,tooltip:q,showItemNumber:I=!1,itemNumber:k,children:T})=>{const H=t.useTheme(),S=3*i.base;return w?null:g?e.jsx(t.Box,{sx:{height:32,display:"flex",alignItems:"center"},children:e.jsx(t.Box,{sx:{borderBottom:`1px solid ${H.custom.palette.stroke.default}`,width:"100%"}})}):u?j?e.jsx(c,{children:e.jsx(a.Text,{variant:"button",secondary:!0,children:u})}):e.jsx(d,{active:p,disabled:b,onClick:e=>{B&&B(e),f&&o?.close()},iconHeight:S,sx:{[`&.${t.buttonBaseClasses.root} .${t.typographyClasses.root}`]:{minHeight:"initial"}},children:e.jsxs(x,{sx:{width:"100%",justifyContent:"space-between",gap:1},children:[e.jsxs(x,{sx:{flex:"1 1 auto",gap:1,minWidth:0},children:[I&&!!k&&e.jsx(n,{body:k,sizing:"xxs",colorScheme:"neutral",sx:{minWidth:32}}),void 0!==y&&e.jsx(s.default,{name:y,...C?.startIcon}),q?e.jsx(l,{message:u,slotProps:{wrapper:{sx:{minWidth:0,overflow:"hidden",flex:"1 1 auto"}}},children:e.jsx(a.Text,{monospaced:!0,sx:r.mergeSx({whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},m&&{color:H.custom.palette.text.negative},j&&{color:H.custom.palette.text.secondary}),variant:"button",children:u})}):e.jsx(a.Text,{monospaced:!0,sx:r.mergeSx({whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},m&&{color:H.custom.palette.text.negative},j&&{color:H.custom.palette.text.secondary}),variant:"button",children:u})]}),e.jsxs(h,{iconHeight:S,sx:{minWidth:S},children:[T?.length&&T.length>0&&e.jsx(t.Grow,{in:!0,children:e.jsx(t.Box,{sx:{display:"flex",alignItems:"center"},children:e.jsx(s.default,{name:"chevron-right",size:S})})}),v&&e.jsx(t.Grow,{in:!0,children:e.jsx(t.Box,{sx:{display:"flex",alignItems:"center"},children:e.jsx(s.default,{name:"check",size:S})})})]})]})}):null};
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("merge-sx");require("../../BrandCore/colorRamps.js");var i=require("../../BrandCore/primitiveVariables.js");require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js");var s=require("../../BrandCore/Icon/Icon.js");require("react");var o=require("../../../utils/shouldForwardProp.js"),n=require("../ButtonBase/Button.variant-helpers.js");require("../ButtonBase/ButtonBase.js");var a=require("../Label/Label.js"),l=require("../Text/Text.js"),d=require("../Tooltip/Tooltip.js");const c=t.styled(t.Button,{shouldForwardProp:o.omitProps("active","iconHeight")})(({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%",textOverflow:"ellipsis",whiteSpace:"nowrap",...n.buttonInteraction(r,e),backgroundColor:e?r.custom.palette.surface.sunken:"transparent","& p":{minHeight:t},"&:disabled":{backgroundColor:"inherit","& p":{color:r.custom.palette.text.disabled}}})),x=t.styled(t.Box)(({theme:e})=>({padding:e.spacing(.5,1)})),u=t.styled(t.Box)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(1),textAlign:"left"})),h=t.styled(t.Stack,{shouldForwardProp:o.omitProps("iconHeight")})(({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:o,label:n,active:p,danger:m,divider:g,heading:j,selected:v,disabled:w,closeOnClick:b,hidden:f,onClick:B,startIcon:y,slotProps:q,tooltip:C,showItemNumber:I=!1,itemNumber:k,children:T})=>{const H=t.useTheme(),S=3*i.base;return f?null:g?e.jsx(t.Box,{sx:{height:32,display:"flex",alignItems:"center"},children:e.jsx(t.Box,{sx:{borderBottom:`1px solid ${H.custom.palette.stroke.default}`,width:"100%"}})}):n?j?e.jsx(x,{children:e.jsx(l.Text,{variant:"button",secondary:!0,children:n})}):e.jsx(c,{active:p,disabled:w,onClick:e=>{B&&B(e),b&&o?.close()},iconHeight:S,sx:{[`&.${t.buttonBaseClasses.root} .${t.typographyClasses.root}`]:{minHeight:"initial"}},children:e.jsxs(u,{sx:{width:"100%",justifyContent:"space-between",gap:1},children:[e.jsxs(u,{sx:{flex:"1 1 auto",gap:1,minWidth:0},children:[I&&!!k&&e.jsx(a,{body:k,sizing:"xxs",colorScheme:"neutral",sx:{minWidth:32}}),void 0!==y&&e.jsx(s.default,{name:y,...q?.startIcon}),C?e.jsx(d,{message:n,slotProps:{wrapper:{sx:{minWidth:0,overflow:"hidden",flex:"1 1 auto"}}},children:e.jsx(l.Text,{monospaced:!0,sx:r.mergeSx({whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},m&&{color:H.custom.palette.text.negative},j&&{color:H.custom.palette.text.secondary}),variant:"button",children:n})}):e.jsx(l.Text,{monospaced:!0,sx:r.mergeSx({whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},m&&{color:H.custom.palette.text.negative},j&&{color:H.custom.palette.text.secondary}),variant:"button",children:n})]}),e.jsxs(h,{iconHeight:S,sx:{minWidth:S},children:[T?.length&&T.length>0&&e.jsx(t.Grow,{in:!0,children:e.jsx(t.Box,{sx:{display:"flex",alignItems:"center"},children:e.jsx(s.default,{name:"chevron-right",size:S})})}),v&&e.jsx(t.Grow,{in:!0,children:e.jsx(t.Box,{sx:{display:"flex",alignItems:"center"},children:e.jsx(s.default,{name:"check",size:S})})})]})]})}):null};

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

@@ -1 +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;
+"use strict";var r=require("@mui/material");require("react");var d=require("../../../../utils/shouldForwardProp.js");const o=r.styled(r.Box,{shouldForwardProp:d.omitProps("contentPadding")})(({theme:r,contentPadding:d})=>({padding:d?r.spacing(r.custom.padding.lg):0,paddingTop:d?r.spacing(r.custom.padding.md):0}));exports.ModalContentWrapper=o;

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

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

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

@@ -1 +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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@base-ui-components/react"),r=require("react"),n=require("./InternalInputComponent.js");const u=e=>{if(null==e)return null;if("string"==typeof e&&""===e.trim())return null;const t=Number(e);return Number.isNaN(t)?null:t};var o=r.memo(({disabled:o=!1,placeholder:s,max:l=1/0,min:a=-1/0,internalChange:i,startAdornment:d,endAdornment:m,slotProps:c,onChange:p,inputRef:b,hideActionButtons:f,step:x=1,value:h})=>{const[N,j]=r.useState(()=>u(h));r.useEffect(()=>{j(u(h))},[h]);const A=r.useCallback(e=>{j(e),p?.(e),i?.()},[i,p]);return e.jsx(t.NumberField.Root,{step:x,min:a,max:l,onValueChange:A,value:N,disabled:o,children:e.jsx(t.NumberField.Input,{render:t=>e.jsx(n,{ref:b,...t,...c?.input,hideActionButtons:f,startAdornment:d,endAdornment:m,placeholder:s})})})});exports.default=o,exports.toNumberOrNull=u;

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

@@ -1 +1 @@
-"use strict";var e=require("@mui/material"),t=require("../ButtonBase/Button.variant-helpers.js"),i=require("../styleblocks/focusedStyle.js"),l=require("../styleblocks/selectedStyle.js"),a=require("./pill.helpers.js");const s=e.styled(e.Box,{shouldForwardProp:e=>!["active","disabled","sizing","onDelete","iconRight","iconLeft","freezeInteractions"].includes(e)})(({theme:e,active:s,disabled:d,sizing:r,onDelete:n,freezeInteractions:o,loading:c})=>({display:"flex",justifyContent:"center",alignItems:"center",maxWidth:"fill-available",height:t.buttonHeightMap[r||"md"],paddingLeft:e.spacing(e.custom.padding.sm),paddingRight:n?e.spacing(e.custom.padding.xs):e.spacing(e.custom.padding.sm),borderRadius:e.spacing(e.custom.radius.md),transition:"all 180ms ease",cursor:o?"auto":"pointer",...a.pillDefaultState(e),...s&&l.selectedState(e),...(d||c)&&a.pillDisabledState(e),"&:hover":{...a.pillDefaultStateHover(e),...(d||c)&&a.pillDisabledState(e),...s&&l.selectedStateHover(e),...o&&a.pillDefaultState(e),...o&&s&&l.selectedState(e)},"&:active":{...a.pillDefaultStateActive(e),...(d||c)&&a.pillDisabledState(e),...s&&l.selectedStateActive(e),...o&&a.pillDefaultState(e),...o&&s&&l.selectedState(e)},"&:focus-visible":{...i.focusedInputState(e)}}));module.exports=s;
+"use strict";var e=require("@mui/material");require("react");var t=require("../../../utils/shouldForwardProp.js"),i=require("../ButtonBase/Button.variant-helpers.js"),l=require("../styleblocks/focusedStyle.js"),a=require("../styleblocks/selectedStyle.js"),s=require("./pill.helpers.js");const r=e.styled(e.Box,{shouldForwardProp:t.omitProps("active","disabled","sizing","onDelete","iconRight","iconLeft","freezeInteractions","loading","label","secondaryLabel","slots","slotProps")})(({theme:e,active:t,disabled:r,sizing:o,onDelete:d,freezeInteractions:n,loading:c})=>({display:"flex",justifyContent:"center",alignItems:"center",maxWidth:"fill-available",height:i.buttonHeightMap[o||"md"],paddingLeft:e.spacing(e.custom.padding.sm),paddingRight:d?e.spacing(e.custom.padding.xs):e.spacing(e.custom.padding.sm),borderRadius:e.spacing(e.custom.radius.md),transition:"all 180ms ease",cursor:n?"auto":"pointer",...s.pillDefaultState(e),...t&&a.selectedState(e),...(r||c)&&s.pillDisabledState(e),"&:hover":{...s.pillDefaultStateHover(e),...(r||c)&&s.pillDisabledState(e),...t&&a.selectedStateHover(e),...n&&s.pillDefaultState(e),...n&&t&&a.selectedState(e)},"&:active":{...s.pillDefaultStateActive(e),...(r||c)&&s.pillDisabledState(e),...t&&a.selectedStateActive(e),...n&&s.pillDefaultState(e),...n&&t&&a.selectedState(e)},"&:focus-visible":{...l.focusedInputState(e)}}));module.exports=r;

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

@@ -12,6 +12,7 @@ interface RadioProps {
     readOnly?: boolean;
     required?: boolean;
     'aria-label'?: string;
+    inputRef?: StyledRadioProps['inputRef'];
 }
 declare const Radio: FunctionComponent<RadioProps>;
 

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

@@ -1,12 +1,11 @@
-import * as _emotion_styled from '@emotion/styled';
-import * as _mui_system from '@mui/system';
-import * as _mui_material from '@mui/material';
 import { RadioProps } from '@mui/material';
+import { Ref, FunctionComponent } from 'react';
 
 interface StyledRadioProps extends RadioProps {
     sizing?: 'sm' | 'lg';
+    inputRef?: Ref<HTMLInputElement | null>;
 }
-declare const StyledRadio: _emotion_styled.StyledComponent<RadioProps & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & StyledRadioProps, {}, {}>;
+declare const StyledRadio: FunctionComponent<StyledRadioProps>;
 
 export { StyledRadio };
 export type { StyledRadioProps };

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

@@ -1 +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:"sm"===r?o.space[300]:o.space[400],width:"sm"===r?o.space[300]:o.space[400],"& svg":{transition:e.custom.easing.input,fill:"none",width:"sm"===r&&t.iconSizeMap.sm,height:"sm"===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;
+"use strict";var e=require("react/jsx-runtime"),o=require("@mui/material");require("react");var t=require("../../../utils/shouldForwardProp.js"),r=require("../../BrandCore/Icon/Icon.js"),s=require("../../BrandCore/primitiveVariables.js");const i=o.styled(o.Radio,{shouldForwardProp:t.omitProps("sizing")})(({theme:e,sizing:o})=>({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:"sm"===o?s.space[300]:s.space[400],width:"sm"===o?s.space[300]:s.space[400],"& svg":{transition:e.custom.easing.input,fill:"none",width:"sm"===o&&r.iconSizeMap.sm,height:"sm"===o&&r.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=({inputRef:o,slotProps:t,...r})=>e.jsx(i,{...r,slotProps:{...t,input:{...t?.input,ref:o}}});

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

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),l=require("@mui/icons-material"),i=require("@mui/material"),r=require("../../../utils/breakpoint.hook.js"),t=require("../Text/Text.js"),s=require("../AutocompleteBaseField/_partials/StyledPopper.js"),a=require("../SelectItem/SelectItem.js"),n=require("./StyledSelect.js");module.exports=({selections:o,disabled:u=!1,disablePortal:d=!1,inputRef:m,internalChange:p,onChange:c,placeholder:x="",selectOptionProps:h,sizing:g="lg",sx:j,value:b=[],multi:v,renderListItem:q,renderSelectedItem:y,...z})=>{const S=i.useTheme(),f=r.useBreakpoint();return e.jsx(n,{sizing:g,inputRef:m,MenuProps:{disablePortal:d,sx:s.popperStyles(S,g),anchorOrigin:{vertical:"bottom",horizontal:"center"}},multiple:v,disabled:u,displayEmpty:!0,IconComponent:l.KeyboardArrowDown,renderValue:l=>x&&!l||x&&0===l.length?e.jsx(t.Text,{size:"sm"===f||"md"===f?"sm":"lg",sx:{color:S.custom.palette.text.placeholder},children:x}):y?e.jsx(i.Box,{sx:{display:"flex",alignItems:"center",pl:S.p.xs,width:1},children:y(l,o?.find(({value:e})=>e===l)?.label)}):v?e.jsx(t.Text,{id:"value-multi",size:"sm"===f||"md"===f?"sm":"lg",children:l.map(e=>o?.find(({value:l})=>l===e)?.label||e).join(", ")}):e.jsx(t.Text,{id:"value-single",size:"sm"===f||"md"===f?"sm":"lg",children:o?.find(({value:e})=>e===l)?.label}),onChange:(e,l)=>{c&&c(e,l),p&&p()},sx:j,value:b,...z,children:o?.map(({value:l,label:i})=>e.jsx(a,{value:l,...h,sizing:g,children:q?q(l,i):i},l))})};
+"use strict";var e=require("react/jsx-runtime"),l=require("@mui/icons-material"),i=require("@mui/material"),t=require("../../../utils/breakpoint.hook.js"),r=require("../Text/Text.js"),s=require("../AutocompleteBaseField/_partials/StyledPopper.js"),a=require("../SelectItem/SelectItem.js"),n=require("./StyledSelect.js");module.exports=({selections:o,disabled:u=!1,disablePortal:d=!1,inputRef:m,internalChange:p,onChange:c,placeholder:x="",selectOptionProps:h,sizing:g="lg",sx:j,value:b=[],multi:v,renderListItem:q,renderSelectedItem:f,...y})=>{const z=i.useTheme(),S=t.useBreakpoint();return e.jsx(n,{sizing:g,inputRef:m,MenuProps:{disablePortal:d,sx:s.popperStyles(z,g),anchorOrigin:{vertical:"bottom",horizontal:"center"}},multiple:v,disabled:u,displayEmpty:!0,IconComponent:l.KeyboardArrowDown,renderValue:l=>x&&!l||x&&0===l.length?e.jsx(r.Text,{size:"sm"===S||"md"===S?"sm":"lg",sx:{color:z.custom.palette.text.placeholder},children:x}):f?e.jsx(i.Box,{sx:{display:"flex",alignItems:"center",pl:z.p.xs,width:1},children:f(l,o?.find(({value:e})=>e===l)?.label)}):v?e.jsx(r.Text,{id:"value-multi",size:"sm"===S||"md"===S?"sm":"lg",children:l.map(e=>o?.find(({value:l})=>l===e)?.label||e).join(", ")}):e.jsx(r.Text,{id:"value-single",size:"sm"===S||"md"===S?"sm":"lg",children:o?.find(({value:e})=>e===l)?.label}),onChange:(e,l)=>{c&&c(e,l),p&&p()},sx:j,value:b,...y,children:o?.map(({value:l,label:i})=>e.jsx(a.default,{value:l,...h,sizing:g,children:q?q(l,i):i},l))})};

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

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

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

@@ -1,6 +1,14 @@
-import { FunctionComponent } from 'react';
+import { FunctionComponent, HTMLAttributes } from 'react';
+import { InputSizing } from '../Select/types.js';
 import { SelectItemProps } from './types.js';
 
+type SelectOptionItemProps = HTMLAttributes<HTMLLIElement> & {
+    sizing: InputSizing;
+    selected?: boolean;
+    value?: string;
+};
 declare const SelectItem: FunctionComponent<SelectItemProps>;
+declare const SelectOptionItem: FunctionComponent<SelectOptionItemProps>;
 
-export { SelectItem as default };
+export { SelectOptionItem, SelectItem as default };
+export type { SelectOptionItemProps };

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

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/icons-material"),i=require("@mui/material"),o=require("../Select/StyledSelect.variant-helpers.js");const r=i.styled(i.MenuItem)(({theme:e,sizing:t})=>({...{...o.selectItemBaseStyles(e,t)},"&.Mui-focusVisible":{backgroundColor:e.custom.palette.interaction.hover},"&:hover":{backgroundColor:e.custom.palette.interaction.hover},"&.Mui-selected":{backgroundColor:e.custom.palette.interaction.press,"&.Mui-focusVisible":{backgroundColor:e.custom.palette.interaction.press},"&:hover":{backgroundColor:e.custom.palette.interaction.press}},"&.MuiButtonBase-root.MuiMenuItem-root.Mui-disabled":{backgroundColor:e.custom.palette.input.default,color:e.custom.palette.text.disabled,"&:before":{backgroundColor:e.custom.palette.interaction.disabled}}}));module.exports=({children:o,selected:s,...l})=>e.jsx(r,{...l,children:e.jsxs(i.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%",gap:2},children:[e.jsx(i.Box,{children:o}),e.jsx(i.Box,{sx:{display:"flex",alignItems:"center"},children:e.jsx(t.Check,{sx:{visibility:s?"visible":"hidden",fontSize:"16px"}})})]})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@mui/icons-material"),o=require("@mui/material");require("react");var r=require("../../../utils/shouldForwardProp.js"),i=require("../Select/StyledSelect.variant-helpers.js");const s=o.styled(o.MenuItem,{shouldForwardProp:r.omitProps("sizing")})(({theme:e,sizing:t})=>({...{...i.selectItemBaseStyles(e,t)},"&.Mui-focusVisible":{backgroundColor:e.custom.palette.interaction.hover},"&:hover":{backgroundColor:e.custom.palette.interaction.hover},"&.Mui-selected":{backgroundColor:e.custom.palette.interaction.press,"&.Mui-focusVisible":{backgroundColor:e.custom.palette.interaction.press},"&:hover":{backgroundColor:e.custom.palette.interaction.press}},"&.MuiButtonBase-root.MuiMenuItem-root.Mui-disabled":{backgroundColor:e.custom.palette.input.default,color:e.custom.palette.text.disabled,"&:before":{backgroundColor:e.custom.palette.interaction.disabled}}})),l=o.styled("li",{shouldForwardProp:r.omitProps("sizing","selected","value","ownerState")})(({theme:e,sizing:t})=>({...i.selectItemBaseStyles(e,t),display:"flex",alignItems:"center",cursor:"pointer",listStyle:"none","&.Mui-focused":{backgroundColor:e.custom.palette.interaction.hover},"&:hover":{backgroundColor:e.custom.palette.interaction.hover},'&[aria-selected="true"]':{backgroundColor:e.custom.palette.interaction.press,"&.Mui-focused":{backgroundColor:e.custom.palette.interaction.press}},'&[aria-disabled="true"]':{backgroundColor:e.custom.palette.input.default,color:e.custom.palette.text.disabled,pointerEvents:"none"}})),n=({children:r,selected:i})=>e.jsxs(o.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%",gap:2},children:[e.jsx(o.Box,{children:r}),e.jsx(o.Box,{sx:{display:"flex",alignItems:"center"},children:e.jsx(t.Check,{sx:{visibility:i?"visible":"hidden",fontSize:"16px"}})})]});exports.SelectOptionItem=({children:t,selected:o,sizing:r,...i})=>e.jsx(l,{sizing:r,...i,children:e.jsx(n,{selected:o,children:t})}),exports.default=({children:t,selected:o,...r})=>e.jsx(s,{...r,children:e.jsx(n,{selected:o,children:t})});

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

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

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

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

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

@@ -1,7 +1,9 @@
 import { SwitchProps } from '@mui/material';
+import { Ref } from 'react';
 
 interface StyledSwitchProps extends SwitchProps {
     sizing?: 'sm' | 'lg';
+    inputRef?: Ref<HTMLInputElement | null>;
 }
 
 export type { StyledSwitchProps };

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

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

package/dist/theme/theme.hooks.d.ts

@@ -4,7 +4,7 @@ import { PaletteMode, Direction } from '@mui/material';
 import { ScreenSize, CustomTheme } from './types.js';
 
 declare const useThemeBuilder: (initialMode?: PaletteMode, initialScreenSize?: ScreenSize, initialDirection?: Direction) => {
-    breakpoint: "" | "sm" | "md" | "lg" | "xl";
+    breakpoint: "" | "sm" | "lg" | "md" | "xl";
     custom: CustomTheme;
     gridOverlayVisible: boolean;
     mode: PaletteMode;

package/dist/utils/formatTime.js

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

package/package.json

@@ -1,10 +1,11 @@
 {
     "name": "@useloops/design-system",
-    "version": "1.4.683",
+    "version": "1.4.685",
     "description": "The official React based Loops design system",
     "main": "dist/index.js",
     "module": "dist/esm/index.js",
     "types": "dist/index.d.ts",
+    "sideEffects": false,
     "files": [
         "dist/*",
         "./package.json"
@@ -160,13 +161,12 @@
         "@rollup/plugin-node-resolve": "^15.3.1",
         "@rollup/plugin-terser": "^0.4.4",
         "@rollup/plugin-typescript": "^11.1.6",
-        "@storybook/addon-docs": "^10.4.2",
-        "@storybook/addon-links": "^10.4.2",
-        "@storybook/addon-onboarding": "^10.4.2",
-        "@storybook/addon-themes": "^10.4.2",
-        "@storybook/react-vite": "^10.4.2",
+        "@storybook/addon-docs": "^10.4.3",
+        "@storybook/addon-links": "^10.4.3",
+        "@storybook/react-vite": "^10.4.3",
         "@swc/core": "^1.15.40",
         "@testing-library/react": "^16.3.2",
+        "@types/express": "^5.0.6",
         "@types/react": "^19.2.17",
         "@types/react-dom": "^19.2.3",
         "@types/stylis": "^4.2.7",
@@ -177,7 +177,7 @@
         "eslint": "^9.39.4",
         "eslint-plugin-prettier": "^5.5.6",
         "eslint-plugin-react": "^7.37.5",
-        "eslint-plugin-storybook": "^10.4.2",
+        "eslint-plugin-storybook": "^10.4.3",
         "eslint-plugin-unused-imports": "^4.4.1",
         "happy-dom": "^20.10.2",
         "prettier": "^3.8.3",
@@ -195,7 +195,7 @@
         "rollup-plugin-preserve-directives": "^0.4.0",
         "rollup-plugin-svg": "^2.0.0",
         "rollup-preserve-directives": "^1.1.3",
-        "storybook": "^10.4.2",
+        "storybook": "^10.4.3",
         "tsx": "^4.22.4",
         "typescript": "^5.9.3",
         "vite": "^8.0.16",
@@ -251,7 +251,6 @@
         "react-truncate-list": "^1.0.5",
         "stylis": "^4.4.0",
         "stylis-plugin-rtl": "^2.1.1",
-        "upgrade": "^1.1.0",
         "yup": "^1.7.1"
     },
     "overrides": {