@useloops/design-system 1.4.682 → 1.4.684

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/systems/WebCore/UserMenu/UserMenu.d.ts

@@ -15,6 +15,7 @@ interface UserMenuProps extends PropsWithChildren {
     placement?: PopperProps['placement'];
     rounded?: boolean;
     width?: number;
+    hoverLeaveDelay?: number;
 }
 declare const UserMenu: FunctionComponent<UserMenuProps>;
 

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

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

package/package.json

@@ -1,10 +1,11 @@
 {
     "name": "@useloops/design-system",
-    "version": "1.4.682",
+    "version": "1.4.684",
     "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": {