@flipdish/portal-library 8.6.4 → 8.6.6

package/dist/themes/tokens/spacing/SpacingVisualizer.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime");require("react");var i=require("@mui/material/Box"),n=require("@mui/material/Stack"),s=require("@mui/material/styles"),a=require("@mui/material/Typography"),r=require("./spacing.cjs.js");const t=s.styled(i)(({theme:e})=>({backgroundColor:e.palette.primary.main,height:"24px"})),c=s.styled(a)(({theme:e})=>({color:e.palette.text.secondary,fontWeight:600,fontSize:"0.875rem",padding:e.spacing(1,2)})),p=s.styled(a)(({theme:e})=>({fontFamily:"monospace",padding:e.spacing(1,2),whiteSpace:"pre"})),d=s.styled(i)(({theme:e})=>({display:"grid",gridTemplateColumns:"200px 120px 80px 1fr",alignItems:"center",gap:e.spacing(.5)})),o=({token:i,value:n})=>{const s=parseInt(i.split("-")[1]??"0"),a=s/8,r=Number.isInteger(a)?a:a.toFixed(1);return e.jsxs(d,{children:[e.jsxs(p,{children:["theme.spacing(",r,")"]}),e.jsx(p,{children:i}),e.jsx(p,{children:n}),e.jsx(t,{width:s})]})};exports.SpacingTokenTable=()=>e.jsxs(n,{spacing:4,children:[e.jsx(n,{spacing:1,children:e.jsx(a,{color:"text.secondary",sx:{maxWidth:"600px"},variant:"body2",children:"MUI's spacing unit is 8px by default. To use these values with theme.spacing, divide the pixel value by 8. For example, spacing-32 (32px) would be theme.spacing(4)."})}),e.jsxs(i,{children:[e.jsxs(d,{sx:{mb:2},children:[e.jsx(c,{children:"Design token"}),e.jsx(c,{children:"Figma token"}),e.jsx(c,{children:"Size"}),e.jsx(c,{children:"Spacer"})]}),Object.entries(r.spacing).map(([i,n])=>e.jsx(o,{token:i,value:n},i))]})]}),exports.SpacingUsageExample=()=>e.jsxs(n,{spacing:2,children:[e.jsxs(n,{spacing:1,children:[e.jsxs(a,{component:"div",variant:"body2",children:[e.jsx("code",{children:"theme.spacing(2)"})," = 16px (spacing-16)"]}),e.jsxs(a,{component:"div",variant:"body2",children:[e.jsx("code",{children:"theme.spacing(3)"})," = 24px (spacing-24)"]}),e.jsxs(a,{component:"div",variant:"body2",children:[e.jsx("code",{children:"theme.spacing(4)"})," = 32px (spacing-32)"]})]}),e.jsx(i,{sx:{bgcolor:"background.paper",p:2,borderRadius:1},children:e.jsx(a,{sx:{fontFamily:"monospace"},variant:"body2",children:"const Component = styled(Box)(({ theme }) => ({\n  padding: theme.spacing(2), // 16px\n  marginBottom: theme.spacing(3), // 24px\n  gap: theme.spacing(1), // 8px\n}));"})})]});
+//# sourceMappingURL=SpacingVisualizer.cjs.js.map

package/dist/themes/tokens/spacing/SpacingVisualizer.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpacingVisualizer.cjs.js","sources":["../../../../src/themes/tokens/spacing/SpacingVisualizer.tsx"],"sourcesContent":["import React from 'react';\n\nimport Box from '@mui/material/Box';\nimport Stack from '@mui/material/Stack';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport { spacing } from './spacing';\n\nconst SpacerBox = styled(Box)(({ theme }) => ({\n  backgroundColor: theme.palette.primary.main,\n  height: '24px',\n}));\n\nconst ColumnHeader = styled(Typography)(({ theme }) => ({\n  color: theme.palette.text.secondary,\n  fontWeight: 600,\n  fontSize: '0.875rem',\n  padding: theme.spacing(1, 2),\n}));\n\nconst Cell = styled(Typography)(({ theme }) => ({\n  fontFamily: 'monospace',\n  padding: theme.spacing(1, 2),\n  whiteSpace: 'pre',\n}));\n\nconst GridContainer = styled(Box)(({ theme }) => ({\n  display: 'grid',\n  gridTemplateColumns: '200px 120px 80px 1fr',\n  alignItems: 'center',\n  gap: theme.spacing(0.5),\n}));\n\nconst SpacingRow = ({ token, value }: { token: string; value: string }): React.ReactElement => {\n  const numericValue = parseInt(token.split('-')[1] ?? '0');\n  const spacingValue = numericValue / 8;\n  const formattedSpacingValue = Number.isInteger(spacingValue) ? spacingValue : spacingValue.toFixed(1);\n\n  return (\n    <GridContainer>\n      <Cell>theme.spacing({formattedSpacingValue})</Cell>\n      <Cell>{token}</Cell>\n      <Cell>{value}</Cell>\n      <SpacerBox width={numericValue} />\n    </GridContainer>\n  );\n};\n\nexport const SpacingTokenTable = (): React.ReactElement => (\n  <Stack spacing={4}>\n    <Stack spacing={1}>\n      <Typography color=\"text.secondary\" sx={{ maxWidth: '600px' }} variant=\"body2\">\n        MUI&apos;s spacing unit is 8px by default. To use these values with theme.spacing, divide the pixel\n        value by 8. For example, spacing-32 (32px) would be theme.spacing(4).\n      </Typography>\n    </Stack>\n    <Box>\n      <GridContainer sx={{ mb: 2 }}>\n        <ColumnHeader>Design token</ColumnHeader>\n        <ColumnHeader>Figma token</ColumnHeader>\n        <ColumnHeader>Size</ColumnHeader>\n        <ColumnHeader>Spacer</ColumnHeader>\n      </GridContainer>\n      {Object.entries(spacing).map(([token, value]) => (\n        <SpacingRow key={token} token={token} value={value} />\n      ))}\n    </Box>\n  </Stack>\n);\n\nexport const SpacingUsageExample = (): React.ReactElement => (\n  <Stack spacing={2}>\n    <Stack spacing={1}>\n      <Typography component=\"div\" variant=\"body2\">\n        <code>theme.spacing(2)</code> = 16px (spacing-16)\n      </Typography>\n      <Typography component=\"div\" variant=\"body2\">\n        <code>theme.spacing(3)</code> = 24px (spacing-24)\n      </Typography>\n      <Typography component=\"div\" variant=\"body2\">\n        <code>theme.spacing(4)</code> = 32px (spacing-32)\n      </Typography>\n    </Stack>\n    <Box sx={{ bgcolor: 'background.paper', p: 2, borderRadius: 1 }}>\n      <Typography sx={{ fontFamily: 'monospace' }} variant=\"body2\">\n        {`const Component = styled(Box)(({ theme }) => ({\n  padding: theme.spacing(2), // 16px\n  marginBottom: theme.spacing(3), // 24px\n  gap: theme.spacing(1), // 8px\n}));`}\n      </Typography>\n    </Box>\n  </Stack>\n);\n"],"names":["SpacerBox","styled","Box","theme","backgroundColor","palette","primary","main","height","ColumnHeader","Typography","color","text","secondary","fontWeight","fontSize","padding","spacing","Cell","fontFamily","whiteSpace","GridContainer","display","gridTemplateColumns","alignItems","gap","SpacingRow","token","value","numericValue","parseInt","split","spacingValue","formattedSpacingValue","Number","isInteger","toFixed","_jsxs","children","_jsx","width","Stack","sx","maxWidth","variant","mb","Object","entries","map","component","bgcolor","p","borderRadius"],"mappings":"2OASA,MAAMA,EAAYC,EAAAA,OAAOC,EAAPD,CAAY,EAAGE,YAAO,CACtCC,gBAAiBD,EAAME,QAAQC,QAAQC,KACvCC,OAAQ,UAGJC,EAAeR,EAAAA,OAAOS,EAAPT,CAAmB,EAAGE,YAAO,CAChDQ,MAAOR,EAAME,QAAQO,KAAKC,UAC1BC,WAAY,IACZC,SAAU,WACVC,QAASb,EAAMc,QAAQ,EAAG,MAGtBC,EAAOjB,EAAAA,OAAOS,EAAPT,CAAmB,EAAGE,YAAO,CACxCgB,WAAY,YACZH,QAASb,EAAMc,QAAQ,EAAG,GAC1BG,WAAY,SAGRC,EAAgBpB,EAAAA,OAAOC,EAAPD,CAAY,EAAGE,YAAO,CAC1CmB,QAAS,OACTC,oBAAqB,uBACrBC,WAAY,SACZC,IAAKtB,EAAMc,QAAQ,OAGfS,EAAa,EAAGC,QAAOC,YAC3B,MAAMC,EAAeC,SAASH,EAAMI,MAAM,KAAK,IAAM,KAC/CC,EAAeH,EAAe,EAC9BI,EAAwBC,OAAOC,UAAUH,GAAgBA,EAAeA,EAAaI,QAAQ,GAEnG,OACEC,EAAAA,KAAChB,EAAa,CAAAiB,SAAA,CACZD,EAAAA,KAACnB,EAAI,CAAAoB,SAAA,CAAA,iBAAgBL,EAAqB,OAC1CM,EAAAA,IAACrB,YAAMS,IACPY,EAAAA,IAACrB,EAAI,CAAAoB,SAAEV,IACPW,EAAAA,IAACvC,EAAS,CAACwC,MAAOX,kCAKS,IAC/BQ,EAAAA,KAACI,EAAK,CAACxB,QAAS,EAACqB,SAAA,CACfC,EAAAA,IAACE,EAAK,CAACxB,QAAS,EAACqB,SACfC,MAAC7B,EAAU,CAACC,MAAM,iBAAiB+B,GAAI,CAAEC,SAAU,SAAWC,QAAQ,4LAKxEP,OAACnC,EAAG,CAAAoC,SAAA,CACFD,OAAChB,EAAa,CAACqB,GAAI,CAAEG,GAAI,GAAGP,SAAA,CAC1BC,MAAC9B,EAAY,CAAA6B,SAAA,iBACbC,EAAAA,IAAC9B,EAAY,CAAA6B,SAAA,gBACbC,EAAAA,IAAC9B,EAAY,CAAA6B,SAAA,SACbC,EAAAA,IAAC9B,EAAY,CAAA6B,SAAA,cAEdQ,OAAOC,QAAQ9B,EAAAA,SAAS+B,IAAI,EAAErB,EAAOC,KACpCW,MAACb,EAAU,CAAaC,MAAOA,EAAOC,MAAOA,GAA5BD,sCAMU,IACjCU,EAAAA,KAACI,GAAMxB,QAAS,EAACqB,SAAA,CACfD,EAAAA,KAACI,EAAK,CAACxB,QAAS,EAACqB,SAAA,CACfD,OAAC3B,EAAU,CAACuC,UAAU,MAAML,QAAQ,QAAON,SAAA,CACzCC,MAAA,OAAA,CAAAD,SAAA,qBAA6B,0BAE/BD,OAAC3B,EAAU,CAACuC,UAAU,MAAML,QAAQ,QAAON,SAAA,CACzCC,MAAA,OAAA,CAAAD,SAAA,qBAA6B,0BAE/BD,OAAC3B,GAAWuC,UAAU,MAAML,QAAQ,QAAON,SAAA,CACzCC,4CAA6B,6BAGjCA,EAAAA,IAACrC,GAAIwC,GAAI,CAAEQ,QAAS,mBAAoBC,EAAG,EAAGC,aAAc,GAAGd,SAC7DC,EAAAA,IAAC7B,EAAU,CAACgC,GAAI,CAAEvB,WAAY,aAAeyB,QAAQ,QAAON,SACzD"}

package/dist/themes/tokens/spacing/SpacingVisualizer.d.ts

@@ -0,0 +1,6 @@
+import react__default from 'react';
+
+declare const SpacingTokenTable: () => react__default.ReactElement;
+declare const SpacingUsageExample: () => react__default.ReactElement;
+
+export { SpacingTokenTable, SpacingUsageExample };

package/dist/themes/tokens/spacing/SpacingVisualizer.js

@@ -0,0 +1,2 @@
+import{jsxs as e,jsx as i}from"react/jsx-runtime";import"react";import n from"@mui/material/Box";import t from"@mui/material/Stack";import{styled as a}from"@mui/material/styles";import r from"@mui/material/Typography";import{spacing as p}from"./spacing.js";const c=a(n)(({theme:e})=>({backgroundColor:e.palette.primary.main,height:"24px"})),o=a(r)(({theme:e})=>({color:e.palette.text.secondary,fontWeight:600,fontSize:"0.875rem",padding:e.spacing(1,2)})),m=a(r)(({theme:e})=>({fontFamily:"monospace",padding:e.spacing(1,2),whiteSpace:"pre"})),d=a(n)(({theme:e})=>({display:"grid",gridTemplateColumns:"200px 120px 80px 1fr",alignItems:"center",gap:e.spacing(.5)})),s=({token:n,value:t})=>{const a=parseInt(n.split("-")[1]??"0"),r=a/8,p=Number.isInteger(r)?r:r.toFixed(1);return e(d,{children:[e(m,{children:["theme.spacing(",p,")"]}),i(m,{children:n}),i(m,{children:t}),i(c,{width:a})]})},l=()=>e(t,{spacing:4,children:[i(t,{spacing:1,children:i(r,{color:"text.secondary",sx:{maxWidth:"600px"},variant:"body2",children:"MUI's spacing unit is 8px by default. To use these values with theme.spacing, divide the pixel value by 8. For example, spacing-32 (32px) would be theme.spacing(4)."})}),e(n,{children:[e(d,{sx:{mb:2},children:[i(o,{children:"Design token"}),i(o,{children:"Figma token"}),i(o,{children:"Size"}),i(o,{children:"Spacer"})]}),Object.entries(p).map(([e,n])=>i(s,{token:e,value:n},e))]})]}),h=()=>e(t,{spacing:2,children:[e(t,{spacing:1,children:[e(r,{component:"div",variant:"body2",children:[i("code",{children:"theme.spacing(2)"})," = 16px (spacing-16)"]}),e(r,{component:"div",variant:"body2",children:[i("code",{children:"theme.spacing(3)"})," = 24px (spacing-24)"]}),e(r,{component:"div",variant:"body2",children:[i("code",{children:"theme.spacing(4)"})," = 32px (spacing-32)"]})]}),i(n,{sx:{bgcolor:"background.paper",p:2,borderRadius:1},children:i(r,{sx:{fontFamily:"monospace"},variant:"body2",children:"const Component = styled(Box)(({ theme }) => ({\n  padding: theme.spacing(2), // 16px\n  marginBottom: theme.spacing(3), // 24px\n  gap: theme.spacing(1), // 8px\n}));"})})]});export{l as SpacingTokenTable,h as SpacingUsageExample};
+//# sourceMappingURL=SpacingVisualizer.js.map

package/dist/themes/tokens/spacing/SpacingVisualizer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpacingVisualizer.js","sources":["../../../../src/themes/tokens/spacing/SpacingVisualizer.tsx"],"sourcesContent":["import React from 'react';\n\nimport Box from '@mui/material/Box';\nimport Stack from '@mui/material/Stack';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport { spacing } from './spacing';\n\nconst SpacerBox = styled(Box)(({ theme }) => ({\n  backgroundColor: theme.palette.primary.main,\n  height: '24px',\n}));\n\nconst ColumnHeader = styled(Typography)(({ theme }) => ({\n  color: theme.palette.text.secondary,\n  fontWeight: 600,\n  fontSize: '0.875rem',\n  padding: theme.spacing(1, 2),\n}));\n\nconst Cell = styled(Typography)(({ theme }) => ({\n  fontFamily: 'monospace',\n  padding: theme.spacing(1, 2),\n  whiteSpace: 'pre',\n}));\n\nconst GridContainer = styled(Box)(({ theme }) => ({\n  display: 'grid',\n  gridTemplateColumns: '200px 120px 80px 1fr',\n  alignItems: 'center',\n  gap: theme.spacing(0.5),\n}));\n\nconst SpacingRow = ({ token, value }: { token: string; value: string }): React.ReactElement => {\n  const numericValue = parseInt(token.split('-')[1] ?? '0');\n  const spacingValue = numericValue / 8;\n  const formattedSpacingValue = Number.isInteger(spacingValue) ? spacingValue : spacingValue.toFixed(1);\n\n  return (\n    <GridContainer>\n      <Cell>theme.spacing({formattedSpacingValue})</Cell>\n      <Cell>{token}</Cell>\n      <Cell>{value}</Cell>\n      <SpacerBox width={numericValue} />\n    </GridContainer>\n  );\n};\n\nexport const SpacingTokenTable = (): React.ReactElement => (\n  <Stack spacing={4}>\n    <Stack spacing={1}>\n      <Typography color=\"text.secondary\" sx={{ maxWidth: '600px' }} variant=\"body2\">\n        MUI&apos;s spacing unit is 8px by default. To use these values with theme.spacing, divide the pixel\n        value by 8. For example, spacing-32 (32px) would be theme.spacing(4).\n      </Typography>\n    </Stack>\n    <Box>\n      <GridContainer sx={{ mb: 2 }}>\n        <ColumnHeader>Design token</ColumnHeader>\n        <ColumnHeader>Figma token</ColumnHeader>\n        <ColumnHeader>Size</ColumnHeader>\n        <ColumnHeader>Spacer</ColumnHeader>\n      </GridContainer>\n      {Object.entries(spacing).map(([token, value]) => (\n        <SpacingRow key={token} token={token} value={value} />\n      ))}\n    </Box>\n  </Stack>\n);\n\nexport const SpacingUsageExample = (): React.ReactElement => (\n  <Stack spacing={2}>\n    <Stack spacing={1}>\n      <Typography component=\"div\" variant=\"body2\">\n        <code>theme.spacing(2)</code> = 16px (spacing-16)\n      </Typography>\n      <Typography component=\"div\" variant=\"body2\">\n        <code>theme.spacing(3)</code> = 24px (spacing-24)\n      </Typography>\n      <Typography component=\"div\" variant=\"body2\">\n        <code>theme.spacing(4)</code> = 32px (spacing-32)\n      </Typography>\n    </Stack>\n    <Box sx={{ bgcolor: 'background.paper', p: 2, borderRadius: 1 }}>\n      <Typography sx={{ fontFamily: 'monospace' }} variant=\"body2\">\n        {`const Component = styled(Box)(({ theme }) => ({\n  padding: theme.spacing(2), // 16px\n  marginBottom: theme.spacing(3), // 24px\n  gap: theme.spacing(1), // 8px\n}));`}\n      </Typography>\n    </Box>\n  </Stack>\n);\n"],"names":["SpacerBox","styled","Box","theme","backgroundColor","palette","primary","main","height","ColumnHeader","Typography","color","text","secondary","fontWeight","fontSize","padding","spacing","Cell","fontFamily","whiteSpace","GridContainer","display","gridTemplateColumns","alignItems","gap","SpacingRow","token","value","numericValue","parseInt","split","spacingValue","formattedSpacingValue","Number","isInteger","toFixed","_jsxs","children","_jsx","width","SpacingTokenTable","Stack","sx","maxWidth","variant","mb","Object","entries","map","SpacingUsageExample","component","bgcolor","p","borderRadius"],"mappings":"iQASA,MAAMA,EAAYC,EAAOC,EAAPD,CAAY,EAAGE,YAAO,CACtCC,gBAAiBD,EAAME,QAAQC,QAAQC,KACvCC,OAAQ,UAGJC,EAAeR,EAAOS,EAAPT,CAAmB,EAAGE,YAAO,CAChDQ,MAAOR,EAAME,QAAQO,KAAKC,UAC1BC,WAAY,IACZC,SAAU,WACVC,QAASb,EAAMc,QAAQ,EAAG,MAGtBC,EAAOjB,EAAOS,EAAPT,CAAmB,EAAGE,YAAO,CACxCgB,WAAY,YACZH,QAASb,EAAMc,QAAQ,EAAG,GAC1BG,WAAY,SAGRC,EAAgBpB,EAAOC,EAAPD,CAAY,EAAGE,YAAO,CAC1CmB,QAAS,OACTC,oBAAqB,uBACrBC,WAAY,SACZC,IAAKtB,EAAMc,QAAQ,OAGfS,EAAa,EAAGC,QAAOC,YAC3B,MAAMC,EAAeC,SAASH,EAAMI,MAAM,KAAK,IAAM,KAC/CC,EAAeH,EAAe,EAC9BI,EAAwBC,OAAOC,UAAUH,GAAgBA,EAAeA,EAAaI,QAAQ,GAEnG,OACEC,EAAChB,EAAa,CAAAiB,SAAA,CACZD,EAACnB,EAAI,CAAAoB,SAAA,CAAA,iBAAgBL,EAAqB,OAC1CM,EAACrB,YAAMS,IACPY,EAACrB,EAAI,CAAAoB,SAAEV,IACPW,EAACvC,EAAS,CAACwC,MAAOX,QAKXY,EAAoB,IAC/BJ,EAACK,EAAK,CAACzB,QAAS,EAACqB,SAAA,CACfC,EAACG,EAAK,CAACzB,QAAS,EAACqB,SACfC,EAAC7B,EAAU,CAACC,MAAM,iBAAiBgC,GAAI,CAAEC,SAAU,SAAWC,QAAQ,4LAKxER,EAACnC,EAAG,CAAAoC,SAAA,CACFD,EAAChB,EAAa,CAACsB,GAAI,CAAEG,GAAI,GAAGR,SAAA,CAC1BC,EAAC9B,EAAY,CAAA6B,SAAA,iBACbC,EAAC9B,EAAY,CAAA6B,SAAA,gBACbC,EAAC9B,EAAY,CAAA6B,SAAA,SACbC,EAAC9B,EAAY,CAAA6B,SAAA,cAEdS,OAAOC,QAAQ/B,GAASgC,IAAI,EAAEtB,EAAOC,KACpCW,EAACb,EAAU,CAAaC,MAAOA,EAAOC,MAAOA,GAA5BD,UAMZuB,EAAsB,IACjCb,EAACK,GAAMzB,QAAS,EAACqB,SAAA,CACfD,EAACK,EAAK,CAACzB,QAAS,EAACqB,SAAA,CACfD,EAAC3B,EAAU,CAACyC,UAAU,MAAMN,QAAQ,QAAOP,SAAA,CACzCC,EAAA,OAAA,CAAAD,SAAA,qBAA6B,0BAE/BD,EAAC3B,EAAU,CAACyC,UAAU,MAAMN,QAAQ,QAAOP,SAAA,CACzCC,EAAA,OAAA,CAAAD,SAAA,qBAA6B,0BAE/BD,EAAC3B,GAAWyC,UAAU,MAAMN,QAAQ,QAAOP,SAAA,CACzCC,wCAA6B,6BAGjCA,EAACrC,GAAIyC,GAAI,CAAES,QAAS,mBAAoBC,EAAG,EAAGC,aAAc,GAAGhB,SAC7DC,EAAC7B,EAAU,CAACiC,GAAI,CAAExB,WAAY,aAAe0B,QAAQ,QAAOP,SACzD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flipdish/portal-library",
-  "version": "8.6.4",
+  "version": "8.6.6",
   "files": [
     "dist"
   ],
@@ -42,7 +42,7 @@
     "@cloudinary/url-gen": "^1.21.0",
     "@emotion/react": "11.14.0",
     "@emotion/styled": "11.14.1",
-    "@flipdish/asset-management": "^0.0.5 || ^0.0.6 || ^0.0.7",
+    "@flipdish/asset-management": "^0.0.5 || ^0.0.6 || ^0.0.7 || ^0.0.10 || ^0.0.11",
     "@mui/material": "6.5.0",
     "@mui/x-date-pickers": "^7.23.3",
     "@tanstack/react-query": "^5.62.0",
@@ -68,20 +68,20 @@
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^12.1.1",
     "@rollup/plugin-url": "^8.0.2",
-    "@storybook/addon-a11y": "10.3.6",
+    "@storybook/addon-a11y": "10.4.1",
     "@storybook/addon-designs": "^11.1.3",
-    "@storybook/addon-docs": "10.3.6",
-    "@storybook/addon-links": "10.3.6",
+    "@storybook/addon-docs": "10.4.1",
+    "@storybook/addon-links": "10.4.1",
     "@storybook/addon-mcp": "^0.6.0",
-    "@storybook/addon-onboarding": "10.3.6",
-    "@storybook/react": "10.3.6",
-    "@storybook/react-vite": "10.3.6",
+    "@storybook/addon-onboarding": "10.4.1",
+    "@storybook/react": "10.4.1",
+    "@storybook/react-vite": "10.4.1",
     "@svgr/rollup": "^8.1.0",
     "@tanstack/react-query": "^5.62.0",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "15.0.7",
     "@types/lodash.debounce": "^4.0.9",
-    "@types/react": "18.3.28",
+    "@types/react": "18.3.29",
     "@types/react-dom": "18.3.7",
     "@types/react-imgix": "^9.5.4",
     "@typescript-eslint/eslint-plugin": "7.18.0",
@@ -101,7 +101,7 @@
     "eslint-plugin-react-hooks": "4.6.2",
     "eslint-plugin-react-refresh": "0.5.2",
     "eslint-plugin-simple-import-sort": "^12.0.0",
-    "eslint-plugin-storybook": "10.3.6",
+    "eslint-plugin-storybook": "10.4.1",
     "eslint-plugin-testing-library": "^7.1.1",
     "jsdom": "24.1.3",
     "lodash.debounce": "^4.0.8",
@@ -116,8 +116,8 @@
     "rollup-plugin-multi-input": "^1.5.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
-    "storybook": "10.3.6",
-    "storybook-addon-pseudo-states": "10.3.6",
+    "storybook": "10.4.1",
+    "storybook-addon-pseudo-states": "10.4.1",
     "tslib": "^2.8.0",
     "typescript": "5.4.5",
     "vite": "5.4.21",