@alma-oss/spirit-web-react 4.5.0 → 4.6.0

package/dist/utils/index.js

@@ -1,57 +1,60 @@
 import { isEmpty as r, isEmptyArray as t, isEmptyObject as s, isEmptyString as a, isEnumerable as l, isNullish as m } from "./assert.js";
 import { applyClassNamePrefix as C, applyColor as n, applySize as i, applyTheme as c } from "./classname.js";
-import { generateColorsObject as x, getAccentBackgroundColors as f, getAccentBorderColors as b, getAccentColorNames as y, getAccentTextColors as u, getEmotionBackgroundColors as S, getEmotionBorderColors as d, getEmotionColorNames as E, getEmotionTextColors as N, getNeutralBackgroundColors as T, getNeutralTextColors as k, getTextColorNames as P } from "./colorObjectGenerators.js";
+import { generateColorsObject as x, getAccentBackgroundColors as f, getAccentBorderColors as b, getAccentColorNames as y, getAccentTextColors as E, getEmotionBackgroundColors as S, getEmotionBorderColors as T, getEmotionColorNames as u, getEmotionTextColors as N, getNeutralBackgroundColors as d, getNeutralTextColors as k, getTextColorNames as P } from "./colorObjectGenerators.js";
 import { compose as B } from "./compose.js";
-import { debounce as h } from "./debounce.js";
-import { delayedCallback as j } from "./delayedCallback.js";
-import { htmlReactParser as z } from "./htmlReactParser.js";
-import { mergeStyleProps as V } from "./mergeStyleProps.js";
-import { handleLinkClick as q } from "./router.js";
-import { generateResponsiveClassNames as D, isResponsive as F } from "./responsive.js";
-import { isSSR as H } from "./ssr.js";
-import { camelCaseToKebabCase as J, kebabCaseToCamelCase as M, kebabCaseToCamelCaseValues as Q, normalizeStringValue as U, stringOrObjectKebabCaseToCamelCase as W } from "./string.js";
-import { generateResponsiveStylePropsClasses as Y, generateStaticStylePropsClasses as Z, generateStylePropsClassNames as _ } from "./stylePropsClassesGenerator.js";
-import { toPascalCase as ee } from "./toPascalCase.js";
+import { debounce as O } from "./debounce.js";
+import { delayedCallback as _ } from "./delayedCallback.js";
+import { htmlReactParser as v } from "./htmlReactParser.js";
+import { mergeStyleProps as F } from "./mergeStyleProps.js";
+import { DEFAULT_BASE_FONT_SIZE_PX as L, pxToRem as V } from "./pxToRem.js";
+import { handleLinkClick as I } from "./router.js";
+import { generateResponsiveClassNames as X, isResponsive as Z } from "./responsive.js";
+import { isSSR as w } from "./ssr.js";
+import { camelCaseToKebabCase as H, kebabCaseToCamelCase as J, kebabCaseToCamelCaseValues as M, normalizeStringValue as Q, stringOrObjectKebabCaseToCamelCase as W } from "./string.js";
+import { generateResponsiveStylePropsClasses as $, generateStaticStylePropsClasses as ee, generateStylePropsClassNames as oe } from "./stylePropsClassesGenerator.js";
+import { toPascalCase as te } from "./toPascalCase.js";
 export {
+  L as DEFAULT_BASE_FONT_SIZE_PX,
   C as applyClassNamePrefix,
   n as applyColor,
   i as applySize,
   c as applyTheme,
-  J as camelCaseToKebabCase,
+  H as camelCaseToKebabCase,
   B as compose,
-  h as debounce,
-  j as delayedCallback,
+  O as debounce,
+  _ as delayedCallback,
   x as generateColorsObject,
-  D as generateResponsiveClassNames,
-  Y as generateResponsiveStylePropsClasses,
-  Z as generateStaticStylePropsClasses,
-  _ as generateStylePropsClassNames,
+  X as generateResponsiveClassNames,
+  $ as generateResponsiveStylePropsClasses,
+  ee as generateStaticStylePropsClasses,
+  oe as generateStylePropsClassNames,
   f as getAccentBackgroundColors,
   b as getAccentBorderColors,
   y as getAccentColorNames,
-  u as getAccentTextColors,
+  E as getAccentTextColors,
   S as getEmotionBackgroundColors,
-  d as getEmotionBorderColors,
-  E as getEmotionColorNames,
+  T as getEmotionBorderColors,
+  u as getEmotionColorNames,
   N as getEmotionTextColors,
-  T as getNeutralBackgroundColors,
+  d as getNeutralBackgroundColors,
   k as getNeutralTextColors,
   P as getTextColorNames,
-  q as handleLinkClick,
-  z as htmlReactParser,
+  I as handleLinkClick,
+  v as htmlReactParser,
   r as isEmpty,
   t as isEmptyArray,
   s as isEmptyObject,
   a as isEmptyString,
   l as isEnumerable,
   m as isNullish,
-  F as isResponsive,
-  H as isSSR,
-  M as kebabCaseToCamelCase,
-  Q as kebabCaseToCamelCaseValues,
-  V as mergeStyleProps,
-  U as normalizeStringValue,
+  Z as isResponsive,
+  w as isSSR,
+  J as kebabCaseToCamelCase,
+  M as kebabCaseToCamelCaseValues,
+  F as mergeStyleProps,
+  Q as normalizeStringValue,
+  V as pxToRem,
   W as stringOrObjectKebabCaseToCamelCase,
-  ee as toPascalCase
+  te as toPascalCase
 };
 //# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/utils/pxToRem.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@alma-oss/spirit-design-tokens"),e=require("../constants/units.cjs"),o=Number.parseFloat(l.fontSizeBaseMobile),c=Number.isFinite(o)&&o>0?o:e.FALLBACK_BASE_FONT_SIZE_PX,d=(m,u={})=>{const{baseFontSize:F=c,decimals:t=e.DEFAULT_DECIMALS}=u,n=Number.parseFloat(String(m)),_=Number.isFinite(n)?n:0,s=Number.parseFloat(String(F)),S=Number.isFinite(s)&&s>0?s:e.FALLBACK_BASE_FONT_SIZE_PX,r=Number.isInteger(t)&&t>=0&&t<=e.MAX_TO_FIXED_DIGITS?t:e.DEFAULT_DECIMALS,E=_/S,i=10**r,a=Math.round((E+Number.EPSILON)*i)/i;return`${(Math.abs(a)===0?0:a).toFixed(r).replace(/\.?0+$/,"")}${e.REM_UNIT}`};exports.DEFAULT_BASE_FONT_SIZE_PX=c;exports.pxToRem=d;
+//# sourceMappingURL=pxToRem.cjs.map

package/dist/utils/pxToRem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pxToRem.cjs","sources":["../../src/utils/pxToRem.ts"],"sourcesContent":["import { fontSizeBaseMobile } from '@alma-oss/spirit-design-tokens';\nimport { DEFAULT_DECIMALS, FALLBACK_BASE_FONT_SIZE_PX, MAX_TO_FIXED_DIGITS, REM_UNIT } from '../constants';\n\nexport type PxToRemOptions = {\n  baseFontSize?: number | string;\n  decimals?: number;\n};\n\nconst parsedDefaultBaseFontSize = Number.parseFloat(fontSizeBaseMobile);\n\nexport const DEFAULT_BASE_FONT_SIZE_PX =\n  Number.isFinite(parsedDefaultBaseFontSize) && parsedDefaultBaseFontSize > 0\n    ? parsedDefaultBaseFontSize\n    : FALLBACK_BASE_FONT_SIZE_PX;\n\n/**\n * Converts a pixel value to rem units, rounded to a maximum number of decimals,\n * and trims trailing zeros (e.g. 2.50rem -> 2.5rem, 2.00rem -> 2rem).\n *\n * @param valuePx - The pixel value to convert (string or number)\n * @param options - Conversion options including baseFontSize and decimals\n * @returns {string} The converted value in rem units\n */\nexport const pxToRem = (valuePx: string | number, options: PxToRemOptions = {}): string => {\n  const { baseFontSize = DEFAULT_BASE_FONT_SIZE_PX, decimals = DEFAULT_DECIMALS } = options;\n  const parsedValuePx = Number.parseFloat(String(valuePx));\n  const effectiveValuePx = Number.isFinite(parsedValuePx) ? parsedValuePx : 0;\n  const parsedBaseFontSize = Number.parseFloat(String(baseFontSize));\n  const effectiveBaseFontSize =\n    Number.isFinite(parsedBaseFontSize) && parsedBaseFontSize > 0 ? parsedBaseFontSize : FALLBACK_BASE_FONT_SIZE_PX;\n  const effectiveDecimals =\n    Number.isInteger(decimals) && decimals >= 0 && decimals <= MAX_TO_FIXED_DIGITS ? decimals : DEFAULT_DECIMALS;\n\n  const remValue = effectiveValuePx / effectiveBaseFontSize;\n  const roundingFactor = 10 ** effectiveDecimals;\n  const roundedRem = Math.round((remValue + Number.EPSILON) * roundingFactor) / roundingFactor;\n  const normalizedRem = Math.abs(roundedRem) === 0 ? 0 : roundedRem;\n  const formattedRem = normalizedRem.toFixed(effectiveDecimals).replace(/\\.?0+$/, '');\n\n  return `${formattedRem}${REM_UNIT}`;\n};\n"],"names":["parsedDefaultBaseFontSize","fontSizeBaseMobile","DEFAULT_BASE_FONT_SIZE_PX","FALLBACK_BASE_FONT_SIZE_PX","pxToRem","valuePx","options","baseFontSize","decimals","DEFAULT_DECIMALS","parsedValuePx","effectiveValuePx","parsedBaseFontSize","effectiveBaseFontSize","effectiveDecimals","MAX_TO_FIXED_DIGITS","remValue","roundingFactor","roundedRem","REM_UNIT"],"mappings":"sKAQMA,EAA4B,OAAO,WAAWC,oBAAkB,EAEzDC,EACX,OAAO,SAASF,CAAyB,GAAKA,EAA4B,EACtEA,EACAG,EAAAA,2BAUOC,EAAU,CAACC,EAA0BC,EAA0B,KAAe,CACzF,KAAM,CAAE,aAAAC,EAAeL,EAA2B,SAAAM,EAAWC,EAAAA,kBAAqBH,EAC5EI,EAAgB,OAAO,WAAW,OAAOL,CAAO,CAAC,EACjDM,EAAmB,OAAO,SAASD,CAAa,EAAIA,EAAgB,EACpEE,EAAqB,OAAO,WAAW,OAAOL,CAAY,CAAC,EAC3DM,EACJ,OAAO,SAASD,CAAkB,GAAKA,EAAqB,EAAIA,EAAqBT,EAAAA,2BACjFW,EACJ,OAAO,UAAUN,CAAQ,GAAKA,GAAY,GAAKA,GAAYO,sBAAsBP,EAAWC,EAAAA,iBAExFO,EAAWL,EAAmBE,EAC9BI,EAAiB,IAAMH,EACvBI,EAAa,KAAK,OAAOF,EAAW,OAAO,SAAWC,CAAc,EAAIA,EAI9E,MAAO,IAHe,KAAK,IAAIC,CAAU,IAAM,EAAI,EAAIA,GACpB,QAAQJ,CAAiB,EAAE,QAAQ,SAAU,EAAE,CAE5D,GAAGK,EAAAA,QAAQ,EACnC"}

package/dist/utils/pxToRem.js

@@ -0,0 +1,11 @@
+import { fontSizeBaseMobile as _ } from "@alma-oss/spirit-design-tokens";
+import { FALLBACK_BASE_FONT_SIZE_PX as m, DEFAULT_DECIMALS as a, REM_UNIT as f, MAX_TO_FIXED_DIGITS as N } from "../constants/units.js";
+const o = Number.parseFloat(_), b = Number.isFinite(o) && o > 0 ? o : m, T = (c, F = {}) => {
+  const { baseFontSize: u = b, decimals: e = a } = F, r = Number.parseFloat(String(c)), S = Number.isFinite(r) ? r : 0, t = Number.parseFloat(String(u)), d = Number.isFinite(t) && t > 0 ? t : m, s = Number.isInteger(e) && e >= 0 && e <= N ? e : a, l = S / d, n = 10 ** s, i = Math.round((l + Number.EPSILON) * n) / n;
+  return `${(Math.abs(i) === 0 ? 0 : i).toFixed(s).replace(/\.?0+$/, "")}${f}`;
+};
+export {
+  b as DEFAULT_BASE_FONT_SIZE_PX,
+  T as pxToRem
+};
+//# sourceMappingURL=pxToRem.js.map

package/dist/utils/pxToRem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pxToRem.js","sources":["../../src/utils/pxToRem.ts"],"sourcesContent":["import { fontSizeBaseMobile } from '@alma-oss/spirit-design-tokens';\nimport { DEFAULT_DECIMALS, FALLBACK_BASE_FONT_SIZE_PX, MAX_TO_FIXED_DIGITS, REM_UNIT } from '../constants';\n\nexport type PxToRemOptions = {\n  baseFontSize?: number | string;\n  decimals?: number;\n};\n\nconst parsedDefaultBaseFontSize = Number.parseFloat(fontSizeBaseMobile);\n\nexport const DEFAULT_BASE_FONT_SIZE_PX =\n  Number.isFinite(parsedDefaultBaseFontSize) && parsedDefaultBaseFontSize > 0\n    ? parsedDefaultBaseFontSize\n    : FALLBACK_BASE_FONT_SIZE_PX;\n\n/**\n * Converts a pixel value to rem units, rounded to a maximum number of decimals,\n * and trims trailing zeros (e.g. 2.50rem -> 2.5rem, 2.00rem -> 2rem).\n *\n * @param valuePx - The pixel value to convert (string or number)\n * @param options - Conversion options including baseFontSize and decimals\n * @returns {string} The converted value in rem units\n */\nexport const pxToRem = (valuePx: string | number, options: PxToRemOptions = {}): string => {\n  const { baseFontSize = DEFAULT_BASE_FONT_SIZE_PX, decimals = DEFAULT_DECIMALS } = options;\n  const parsedValuePx = Number.parseFloat(String(valuePx));\n  const effectiveValuePx = Number.isFinite(parsedValuePx) ? parsedValuePx : 0;\n  const parsedBaseFontSize = Number.parseFloat(String(baseFontSize));\n  const effectiveBaseFontSize =\n    Number.isFinite(parsedBaseFontSize) && parsedBaseFontSize > 0 ? parsedBaseFontSize : FALLBACK_BASE_FONT_SIZE_PX;\n  const effectiveDecimals =\n    Number.isInteger(decimals) && decimals >= 0 && decimals <= MAX_TO_FIXED_DIGITS ? decimals : DEFAULT_DECIMALS;\n\n  const remValue = effectiveValuePx / effectiveBaseFontSize;\n  const roundingFactor = 10 ** effectiveDecimals;\n  const roundedRem = Math.round((remValue + Number.EPSILON) * roundingFactor) / roundingFactor;\n  const normalizedRem = Math.abs(roundedRem) === 0 ? 0 : roundedRem;\n  const formattedRem = normalizedRem.toFixed(effectiveDecimals).replace(/\\.?0+$/, '');\n\n  return `${formattedRem}${REM_UNIT}`;\n};\n"],"names":["parsedDefaultBaseFontSize","fontSizeBaseMobile","DEFAULT_BASE_FONT_SIZE_PX","FALLBACK_BASE_FONT_SIZE_PX","pxToRem","valuePx","options","baseFontSize","decimals","DEFAULT_DECIMALS","parsedValuePx","effectiveValuePx","parsedBaseFontSize","effectiveBaseFontSize","effectiveDecimals","MAX_TO_FIXED_DIGITS","remValue","roundingFactor","roundedRem","REM_UNIT"],"mappings":";;AAQA,MAAMA,IAA4B,OAAO,WAAWC,CAAkB,GAEzDC,IACX,OAAO,SAASF,CAAyB,KAAKA,IAA4B,IACtEA,IACAG,GAUOC,IAAU,CAACC,GAA0BC,IAA0B,OAAe;AACzF,QAAM,EAAE,cAAAC,IAAeL,GAA2B,UAAAM,IAAWC,MAAqBH,GAC5EI,IAAgB,OAAO,WAAW,OAAOL,CAAO,CAAC,GACjDM,IAAmB,OAAO,SAASD,CAAa,IAAIA,IAAgB,GACpEE,IAAqB,OAAO,WAAW,OAAOL,CAAY,CAAC,GAC3DM,IACJ,OAAO,SAASD,CAAkB,KAAKA,IAAqB,IAAIA,IAAqBT,GACjFW,IACJ,OAAO,UAAUN,CAAQ,KAAKA,KAAY,KAAKA,KAAYO,IAAsBP,IAAWC,GAExFO,IAAWL,IAAmBE,GAC9BI,IAAiB,MAAMH,GACvBI,IAAa,KAAK,OAAOF,IAAW,OAAO,WAAWC,CAAc,IAAIA;AAI9E,SAAO,IAHe,KAAK,IAAIC,CAAU,MAAM,IAAI,IAAIA,GACpB,QAAQJ,CAAiB,EAAE,QAAQ,UAAU,EAAE,CAE5D,GAAGK,CAAQ;AACnC;"}

package/dist/utils.d.ts

@@ -1,2 +1,2 @@
-export * from './utils/index'
+export * from './src/utils/index'
 export {}

package/dist/web-react/docs/DocsBox.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("react/jsx-runtime"),o=require("classnames"),d=require("../../hooks/styleProps.cjs"),f=require("../../hooks/useClassNamePrefix.cjs"),x={size:"medium"},y=r=>{const l={...x,...r},{children:i,isMultiline:c,size:e,...u}=l,{styleProps:t,props:n}=d.useStyleProps(u),s=f.useClassNamePrefix("docs-Box"),a=`${s}--${e}`,p=`${s}--multiline`,m=o(s,{[a]:e,[p]:c});return P.jsx("div",{...t,...n,className:o(m,t.className),children:i})};exports.default=y;
+//# sourceMappingURL=DocsBox.cjs.map

package/dist/web-react/docs/DocsBox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocsBox.cjs","sources":["../../../docs/DocsBox.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ReactNode } from 'react';\nimport { type SizesDictionaryType, type StyleProps, useClassNamePrefix, useStyleProps } from '../src';\n\ninterface DocsBoxProps extends StyleProps {\n  children: ReactNode;\n  isMultiline?: boolean;\n  size?: SizesDictionaryType;\n}\n\nconst defaultProps: Partial<DocsBoxProps> = {\n  size: 'medium',\n};\n\nconst DocsBox = (props: DocsBoxProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, isMultiline, size, ...restProps } = propsWithDefaults;\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const docsBoxClass = useClassNamePrefix('docs-Box');\n  const sizeClass = `${docsBoxClass}--${size}`;\n  const multilineClass = `${docsBoxClass}--multiline`;\n\n  const classProps = classNames(docsBoxClass, {\n    [sizeClass]: size,\n    [multilineClass]: isMultiline,\n  });\n\n  return (\n    <div {...styleProps} {...transferProps} className={classNames(classProps, styleProps.className)}>\n      {children}\n    </div>\n  );\n};\n\nexport default DocsBox;\n"],"names":["defaultProps","DocsBox","props","propsWithDefaults","children","isMultiline","size","restProps","styleProps","transferProps","useStyleProps","docsBoxClass","useClassNamePrefix","sizeClass","multilineClass","classProps","classNames","jsx"],"mappings":"8QAYMA,EAAsC,CAC1C,KAAM,QACR,EAEMC,EAAWC,GAAwB,CACvC,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CAAE,SAAAE,EAAU,YAAAC,EAAa,KAAAC,EAAM,GAAGC,GAAcJ,EAChD,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcH,CAAS,EAC9DI,EAAeC,EAAAA,mBAAmB,UAAU,EAC5CC,EAAY,GAAGF,CAAY,KAAKL,CAAI,GACpCQ,EAAiB,GAAGH,CAAY,cAEhCI,EAAaC,EAAWL,EAAc,CAC1C,CAACE,CAAS,EAAGP,EACb,CAACQ,CAAc,EAAGT,CAAA,CACnB,EAED,OACEY,EAAAA,IAAC,MAAA,CAAK,GAAGT,EAAa,GAAGC,EAAe,UAAWO,EAAWD,EAAYP,EAAW,SAAS,EAC3F,SAAAJ,CAAA,CACH,CAEJ"}

package/dist/web-react/docs/DocsBox.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as f } from "react/jsx-runtime";
+import e from "classnames";
+import { useStyleProps as d } from "../../hooks/styleProps.js";
+import { useClassNamePrefix as P } from "../../hooks/useClassNamePrefix.js";
+const x = {
+  size: "medium"
+}, $ = (r) => {
+  const i = { ...x, ...r }, { children: l, isMultiline: c, size: o, ...a } = i, { styleProps: t, props: m } = d(a), s = P("docs-Box"), n = `${s}--${o}`, p = `${s}--multiline`, u = e(s, {
+    [n]: o,
+    [p]: c
+  });
+  return /* @__PURE__ */ f("div", { ...t, ...m, className: e(u, t.className), children: l });
+};
+export {
+  $ as default
+};
+//# sourceMappingURL=DocsBox.js.map

package/dist/web-react/docs/DocsBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocsBox.js","sources":["../../../docs/DocsBox.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ReactNode } from 'react';\nimport { type SizesDictionaryType, type StyleProps, useClassNamePrefix, useStyleProps } from '../src';\n\ninterface DocsBoxProps extends StyleProps {\n  children: ReactNode;\n  isMultiline?: boolean;\n  size?: SizesDictionaryType;\n}\n\nconst defaultProps: Partial<DocsBoxProps> = {\n  size: 'medium',\n};\n\nconst DocsBox = (props: DocsBoxProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, isMultiline, size, ...restProps } = propsWithDefaults;\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const docsBoxClass = useClassNamePrefix('docs-Box');\n  const sizeClass = `${docsBoxClass}--${size}`;\n  const multilineClass = `${docsBoxClass}--multiline`;\n\n  const classProps = classNames(docsBoxClass, {\n    [sizeClass]: size,\n    [multilineClass]: isMultiline,\n  });\n\n  return (\n    <div {...styleProps} {...transferProps} className={classNames(classProps, styleProps.className)}>\n      {children}\n    </div>\n  );\n};\n\nexport default DocsBox;\n"],"names":["defaultProps","DocsBox","props","propsWithDefaults","children","isMultiline","size","restProps","styleProps","transferProps","useStyleProps","docsBoxClass","useClassNamePrefix","sizeClass","multilineClass","classProps","classNames","jsx"],"mappings":";;;;;AAYA,MAAMA,IAAsC;AAAA,EAC1C,MAAM;AACR,GAEMC,IAAU,CAACC,MAAwB;AACvC,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C,EAAE,UAAAE,GAAU,aAAAC,GAAa,MAAAC,GAAM,GAAGC,MAAcJ,GAChD,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAkBC,EAAcH,CAAS,GAC9DI,IAAeC,EAAmB,UAAU,GAC5CC,IAAY,GAAGF,CAAY,KAAKL,CAAI,IACpCQ,IAAiB,GAAGH,CAAY,eAEhCI,IAAaC,EAAWL,GAAc;AAAA,IAC1C,CAACE,CAAS,GAAGP;AAAA,IACb,CAACQ,CAAc,GAAGT;AAAA,EAAA,CACnB;AAED,SACE,gBAAAY,EAAC,OAAA,EAAK,GAAGT,GAAa,GAAGC,GAAe,WAAWO,EAAWD,GAAYP,EAAW,SAAS,GAC3F,UAAAJ,EAAA,CACH;AAEJ;"}

package/dist/web-react/docs/DocsSection.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),S=require("../../components/Container/Container.cjs"),m=require("../../components/Section/Section.cjs"),y=require("../../components/Tag/Tag.cjs"),f=require("../../hooks/styleProps.cjs"),j=require("../../utils/mergeStyleProps.cjs"),x=require("./DocsStack.cjs"),q={container:"all",hasPadding:!0,hasStack:!0,stackAlignment:"start",tag:""},k=c=>{const a={...q,...c},{children:t,container:s,hasPadding:i,hasStack:l,stackAlignment:u,title:d,tag:r,...g}=a,{styleProps:h,props:n}=f.useStyleProps(g),p=j.mergeStyleProps("section",{styleProps:h,otherProps:n}),o=e.jsxs("h2",{className:"docs-Heading",children:[d,r&&e.jsx(y.default,{color:"warning",isSubtle:!0,children:r})]}),P=e.jsxs(e.Fragment,{children:[s==="heading-only"?e.jsx(S.default,{children:o}):o,l?e.jsx(x.default,{stackAlignment:u,children:t}):t]});return e.jsx(m.default,{...n,...p,hasContainer:s==="all",size:i?"xsmall":void 0,children:P})};exports.default=k;
+//# sourceMappingURL=DocsSection.cjs.map

package/dist/web-react/docs/DocsSection.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocsSection.cjs","sources":["../../../docs/DocsSection.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ReactNode } from 'react';\nimport { Container, Section, type StyleProps, Tag, useStyleProps } from '../src';\nimport { mergeStyleProps } from '../src/utils';\nimport DocsStack from './DocsStack';\n\ninterface DocsSectionProps extends StyleProps {\n  children: ReactNode;\n  container?: 'none' | 'all' | 'heading-only';\n  hasPadding?: boolean;\n  hasStack?: boolean;\n  stackAlignment?: 'start' | 'center' | 'end' | 'stretch';\n  tag?: string;\n  title: string;\n}\n\nconst defaultProps: Partial<DocsSectionProps> = {\n  container: 'all',\n  hasPadding: true,\n  hasStack: true,\n  stackAlignment: 'start',\n  tag: '',\n};\n\nconst DocsSection = (props: DocsSectionProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, container, hasPadding, hasStack, stackAlignment, title, tag, ...restProps } = propsWithDefaults;\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps('section', {\n    styleProps,\n    otherProps,\n  });\n\n  const heading = (\n    <h2 className=\"docs-Heading\">\n      {title}\n      {tag && (\n        <Tag color=\"warning\" isSubtle>\n          {tag}\n        </Tag>\n      )}\n    </h2>\n  );\n\n  const content = (\n    <>\n      {container === 'heading-only' ? <Container>{heading}</Container> : heading}\n      {hasStack ? <DocsStack stackAlignment={stackAlignment}>{children}</DocsStack> : children}\n    </>\n  );\n\n  return (\n    <Section\n      {...otherProps}\n      {...mergedStyleProps}\n      hasContainer={container === 'all'}\n      size={hasPadding ? 'xsmall' : undefined}\n    >\n      {content}\n    </Section>\n  );\n};\n\nexport default DocsSection;\n"],"names":["defaultProps","DocsSection","props","propsWithDefaults","children","container","hasPadding","hasStack","stackAlignment","title","tag","restProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","heading","jsxs","jsx","Tag","content","Fragment","Container","DocsStack","Section"],"mappings":"kaAiBMA,EAA0C,CAC9C,UAAW,MACX,WAAY,GACZ,SAAU,GACV,eAAgB,QAChB,IAAK,EACP,EAEMC,EAAeC,GAA4B,CAC/C,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CAAE,SAAAE,EAAU,UAAAC,EAAW,WAAAC,EAAY,SAAAC,EAAU,eAAAC,EAAgB,MAAAC,EAAO,IAAAC,EAAK,GAAGC,CAAA,EAAcR,EAC1F,CAAA,WAAES,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcH,CAAS,EAC3DI,EAAmBC,EAAAA,gBAAgB,UAAW,CAAA,WAClDJ,EACA,WAAAC,CAAA,CACD,EAEKI,EACJC,EAAAA,KAAC,KAAA,CAAG,UAAU,eACX,SAAA,CAAAT,EACAC,GACCS,EAAAA,IAACC,EAAAA,QAAA,CAAI,MAAM,UAAU,SAAQ,GAC1B,SAAAV,CAAA,CACH,CAAA,EAEJ,EAGIW,EACJH,EAAAA,KAAAI,EAAAA,SAAA,CACG,SAAA,CAAAjB,IAAc,eAAiBc,MAACI,EAAAA,QAAA,CAAW,SAAAN,CAAA,CAAQ,EAAeA,EAClEV,EAAWY,EAAAA,IAACK,EAAAA,QAAA,CAAU,eAAAhB,EAAiC,SAAAJ,EAAS,EAAeA,CAAA,EAClF,EAGF,OACEe,EAAAA,IAACM,EAAAA,QAAA,CACE,GAAGZ,EACH,GAAGE,EACJ,aAAcV,IAAc,MAC5B,KAAMC,EAAa,SAAW,OAE7B,SAAAe,CAAA,CAAA,CAGP"}

package/dist/web-react/docs/DocsSection.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx as t, jsxs as i, Fragment as f } from "react/jsx-runtime";
+import P from "../../components/Container/Container.js";
+import S from "../../components/Section/Section.js";
+import k from "../../components/Tag/Tag.js";
+import { useStyleProps as y } from "../../hooks/styleProps.js";
+import { mergeStyleProps as x } from "../../utils/mergeStyleProps.js";
+import D from "./DocsStack.js";
+const j = {
+  container: "all",
+  hasPadding: !0,
+  hasStack: !0,
+  stackAlignment: "start",
+  tag: ""
+}, N = (a) => {
+  const c = { ...j, ...a }, { children: o, container: r, hasPadding: l, hasStack: m, stackAlignment: p, title: d, tag: e, ...h } = c, { styleProps: g, props: s } = y(h), u = x("section", {
+    styleProps: g,
+    otherProps: s
+  }), n = /* @__PURE__ */ i("h2", { className: "docs-Heading", children: [
+    d,
+    e && /* @__PURE__ */ t(k, { color: "warning", isSubtle: !0, children: e })
+  ] });
+  return /* @__PURE__ */ t(
+    S,
+    {
+      ...s,
+      ...u,
+      hasContainer: r === "all",
+      size: l ? "xsmall" : void 0,
+      children: /* @__PURE__ */ i(f, { children: [
+        r === "heading-only" ? /* @__PURE__ */ t(P, { children: n }) : n,
+        m ? /* @__PURE__ */ t(D, { stackAlignment: p, children: o }) : o
+      ] })
+    }
+  );
+};
+export {
+  N as default
+};
+//# sourceMappingURL=DocsSection.js.map

package/dist/web-react/docs/DocsSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocsSection.js","sources":["../../../docs/DocsSection.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ReactNode } from 'react';\nimport { Container, Section, type StyleProps, Tag, useStyleProps } from '../src';\nimport { mergeStyleProps } from '../src/utils';\nimport DocsStack from './DocsStack';\n\ninterface DocsSectionProps extends StyleProps {\n  children: ReactNode;\n  container?: 'none' | 'all' | 'heading-only';\n  hasPadding?: boolean;\n  hasStack?: boolean;\n  stackAlignment?: 'start' | 'center' | 'end' | 'stretch';\n  tag?: string;\n  title: string;\n}\n\nconst defaultProps: Partial<DocsSectionProps> = {\n  container: 'all',\n  hasPadding: true,\n  hasStack: true,\n  stackAlignment: 'start',\n  tag: '',\n};\n\nconst DocsSection = (props: DocsSectionProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, container, hasPadding, hasStack, stackAlignment, title, tag, ...restProps } = propsWithDefaults;\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps('section', {\n    styleProps,\n    otherProps,\n  });\n\n  const heading = (\n    <h2 className=\"docs-Heading\">\n      {title}\n      {tag && (\n        <Tag color=\"warning\" isSubtle>\n          {tag}\n        </Tag>\n      )}\n    </h2>\n  );\n\n  const content = (\n    <>\n      {container === 'heading-only' ? <Container>{heading}</Container> : heading}\n      {hasStack ? <DocsStack stackAlignment={stackAlignment}>{children}</DocsStack> : children}\n    </>\n  );\n\n  return (\n    <Section\n      {...otherProps}\n      {...mergedStyleProps}\n      hasContainer={container === 'all'}\n      size={hasPadding ? 'xsmall' : undefined}\n    >\n      {content}\n    </Section>\n  );\n};\n\nexport default DocsSection;\n"],"names":["defaultProps","DocsSection","props","propsWithDefaults","children","container","hasPadding","hasStack","stackAlignment","title","tag","restProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","heading","jsxs","jsx","Tag","Section","Fragment","Container","DocsStack"],"mappings":";;;;;;;;AAiBA,MAAMA,IAA0C;AAAA,EAC9C,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,KAAK;AACP,GAEMC,IAAc,CAACC,MAA4B;AAC/C,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C,EAAE,UAAAE,GAAU,WAAAC,GAAW,YAAAC,GAAY,UAAAC,GAAU,gBAAAC,GAAgB,OAAAC,GAAO,KAAAC,GAAK,GAAGC,EAAA,IAAcR,GAC1F,EAAE,YAAAS,GAAY,OAAOC,EAAA,IAAeC,EAAcH,CAAS,GAC3DI,IAAmBC,EAAgB,WAAW;AAAA,IAClD,YAAAJ;AAAA,IACA,YAAAC;AAAA,EAAA,CACD,GAEKI,IACJ,gBAAAC,EAAC,MAAA,EAAG,WAAU,gBACX,UAAA;AAAA,IAAAT;AAAA,IACAC,KACC,gBAAAS,EAACC,GAAA,EAAI,OAAM,WAAU,UAAQ,IAC1B,UAAAV,EAAA,CACH;AAAA,EAAA,GAEJ;AAUF,SACE,gBAAAS;AAAA,IAACE;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACH,GAAGE;AAAA,MACJ,cAAcV,MAAc;AAAA,MAC5B,MAAMC,IAAa,WAAW;AAAA,MAE7B,UAbH,gBAAAY,EAAAI,GAAA,EACG,UAAA;AAAA,QAAAjB,MAAc,iBAAiB,gBAAAc,EAACI,GAAA,EAAW,UAAAN,EAAA,CAAQ,IAAeA;AAAA,QAClEV,IAAW,gBAAAY,EAACK,GAAA,EAAU,gBAAAhB,GAAiC,UAAAJ,GAAS,IAAeA;AAAA,MAAA,GAClF;AAAA,IAUG;AAAA,EAAA;AAGP;"}

package/dist/web-react/docs/DocsStack.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),i=require("classnames"),u=require("../../hooks/styleProps.cjs"),p={stackAlignment:void 0},d=t=>{const o={...p,...t},{children:r,stackAlignment:s,...c}=o,{styleProps:e,props:n}=u.useStyleProps(c),l=s?`docs-Stack--${s}`:"";return a.jsx("div",{...e,...n,className:i("docs-Stack",l,e.className),children:r})};exports.default=d;
+//# sourceMappingURL=DocsStack.cjs.map

package/dist/web-react/docs/DocsStack.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocsStack.cjs","sources":["../../../docs/DocsStack.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ReactNode } from 'react';\nimport { type StyleProps, useStyleProps } from '../src';\n\ninterface DocsStackProps extends StyleProps {\n  children: ReactNode;\n  stackAlignment?: 'start' | 'center' | 'end' | 'stretch';\n}\n\nconst defaultProps: Partial<DocsStackProps> = {\n  stackAlignment: undefined,\n};\n\nconst DocsStack = (props: DocsStackProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, stackAlignment, ...restProps } = propsWithDefaults;\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const alignmentClass = stackAlignment ? `docs-Stack--${stackAlignment}` : '';\n\n  return (\n    <div {...styleProps} {...transferProps} className={classNames('docs-Stack', alignmentClass, styleProps.className)}>\n      {children}\n    </div>\n  );\n};\n\nexport default DocsStack;\n"],"names":["defaultProps","DocsStack","props","propsWithDefaults","children","stackAlignment","restProps","styleProps","transferProps","useStyleProps","alignmentClass","jsx","classNames"],"mappings":"8NAWMA,EAAwC,CAC5C,eAAgB,MAClB,EAEMC,EAAaC,GAA0B,CAC3C,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CAAE,SAAAE,EAAU,eAAAC,EAAgB,GAAGC,GAAcH,EAC7C,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcH,CAAS,EAC9DI,EAAiBL,EAAiB,eAAeA,CAAc,GAAK,GAE1E,OACEM,EAAAA,IAAC,MAAA,CAAK,GAAGJ,EAAa,GAAGC,EAAe,UAAWI,EAAW,aAAcF,EAAgBH,EAAW,SAAS,EAC7G,SAAAH,CAAA,CACH,CAEJ"}

package/dist/web-react/docs/DocsStack.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as l } from "react/jsx-runtime";
+import p from "classnames";
+import { useStyleProps as i } from "../../hooks/styleProps.js";
+const m = {
+  stackAlignment: void 0
+}, k = (o) => {
+  const r = { ...m, ...o }, { children: c, stackAlignment: s, ...e } = r, { styleProps: t, props: a } = i(e), n = s ? `docs-Stack--${s}` : "";
+  return /* @__PURE__ */ l("div", { ...t, ...a, className: p("docs-Stack", n, t.className), children: c });
+};
+export {
+  k as default
+};
+//# sourceMappingURL=DocsStack.js.map

package/dist/web-react/docs/DocsStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocsStack.js","sources":["../../../docs/DocsStack.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ReactNode } from 'react';\nimport { type StyleProps, useStyleProps } from '../src';\n\ninterface DocsStackProps extends StyleProps {\n  children: ReactNode;\n  stackAlignment?: 'start' | 'center' | 'end' | 'stretch';\n}\n\nconst defaultProps: Partial<DocsStackProps> = {\n  stackAlignment: undefined,\n};\n\nconst DocsStack = (props: DocsStackProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, stackAlignment, ...restProps } = propsWithDefaults;\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const alignmentClass = stackAlignment ? `docs-Stack--${stackAlignment}` : '';\n\n  return (\n    <div {...styleProps} {...transferProps} className={classNames('docs-Stack', alignmentClass, styleProps.className)}>\n      {children}\n    </div>\n  );\n};\n\nexport default DocsStack;\n"],"names":["defaultProps","DocsStack","props","propsWithDefaults","children","stackAlignment","restProps","styleProps","transferProps","useStyleProps","alignmentClass","jsx","classNames"],"mappings":";;;;AAWA,MAAMA,IAAwC;AAAA,EAC5C,gBAAgB;AAClB,GAEMC,IAAY,CAACC,MAA0B;AAC3C,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C,EAAE,UAAAE,GAAU,gBAAAC,GAAgB,GAAGC,MAAcH,GAC7C,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAkBC,EAAcH,CAAS,GAC9DI,IAAiBL,IAAiB,eAAeA,CAAc,KAAK;AAE1E,SACE,gBAAAM,EAAC,OAAA,EAAK,GAAGJ,GAAa,GAAGC,GAAe,WAAWI,EAAW,cAAcF,GAAgBH,EAAW,SAAS,GAC7G,UAAAH,EAAA,CACH;AAEJ;"}

package/dist/web-react/docs/constants.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o={BASIC:"basic",NEUTRAL:"neutral",EMOTION:"emotion",ACCENT:"accent"},e={SUCCESS:"success",INFORMATIVE:"informative",WARNING:"warning",DANGER:"danger"};exports.DemoColorTypes=o;exports.DemoEmotionColors=e;
+//# sourceMappingURL=constants.cjs.map

package/dist/web-react/docs/constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","sources":["../../../docs/constants.ts"],"sourcesContent":["// Token colors are alphabetically sorted by default,\n// but for the demo we want a custom order.\n// Use this ordering for demo purposes only.\nexport const DemoButtonComponentColors = {\n  PRIMARY: 'primary',\n  SECONDARY: 'secondary',\n  TERTIARY: 'tertiary',\n  PLAIN: 'plain',\n} as const;\n\nexport const DemoColorTypes = {\n  BASIC: 'basic',\n  NEUTRAL: 'neutral',\n  EMOTION: 'emotion',\n  ACCENT: 'accent',\n} as const;\n\nexport const DemoEmotionColors = {\n  SUCCESS: 'success',\n  INFORMATIVE: 'informative',\n  WARNING: 'warning',\n  DANGER: 'danger',\n} as const;\n"],"names":["DemoColorTypes","DemoEmotionColors"],"mappings":"gFAUO,MAAMA,EAAiB,CAC5B,MAAO,QACP,QAAS,UACT,QAAS,UACT,OAAQ,QACV,EAEaC,EAAoB,CAC/B,QAAS,UACT,YAAa,cACb,QAAS,UACT,OAAQ,QACV"}

package/dist/web-react/docs/constants.js

@@ -0,0 +1,16 @@
+const o = {
+  BASIC: "basic",
+  NEUTRAL: "neutral",
+  EMOTION: "emotion",
+  ACCENT: "accent"
+}, e = {
+  SUCCESS: "success",
+  INFORMATIVE: "informative",
+  WARNING: "warning",
+  DANGER: "danger"
+};
+export {
+  o as DemoColorTypes,
+  e as DemoEmotionColors
+};
+//# sourceMappingURL=constants.js.map

package/dist/web-react/docs/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../docs/constants.ts"],"sourcesContent":["// Token colors are alphabetically sorted by default,\n// but for the demo we want a custom order.\n// Use this ordering for demo purposes only.\nexport const DemoButtonComponentColors = {\n  PRIMARY: 'primary',\n  SECONDARY: 'secondary',\n  TERTIARY: 'tertiary',\n  PLAIN: 'plain',\n} as const;\n\nexport const DemoColorTypes = {\n  BASIC: 'basic',\n  NEUTRAL: 'neutral',\n  EMOTION: 'emotion',\n  ACCENT: 'accent',\n} as const;\n\nexport const DemoEmotionColors = {\n  SUCCESS: 'success',\n  INFORMATIVE: 'informative',\n  WARNING: 'warning',\n  DANGER: 'danger',\n} as const;\n"],"names":["DemoColorTypes","DemoEmotionColors"],"mappings":"AAUO,MAAMA,IAAiB;AAAA,EAC5B,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV,GAEaC,IAAoB;AAAA,EAC/B,SAAS;AAAA,EACT,aAAa;AAAA,EACb,SAAS;AAAA,EACT,QAAQ;AACV;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alma-oss/spirit-web-react",
-  "version": "4.5.0",
+  "version": "4.6.0",
   "description": "React implementation of Spirit Design System components",
   "license": "MIT",
   "engines": {
@@ -34,23 +34,23 @@
     "react-transition-group": "^4.4.5"
   },
   "devDependencies": {
-    "@alma-oss/spirit-common": "^0.5.5",
-    "@alma-oss/spirit-web": "^4.4.0",
+    "@alma-oss/spirit-common": "^0.6.0",
+    "@alma-oss/spirit-web": "^4.5.0",
     "@babel/core": "7.29.0",
-    "@babel/preset-env": "7.29.0",
+    "@babel/preset-env": "7.29.3",
     "@babel/preset-react": "7.28.5",
     "@babel/preset-typescript": "7.28.5",
     "@eslint/compat": "1.4.1",
     "@eslint/eslintrc": "3.3.5",
-    "@figma/code-connect": "1.4.2",
+    "@figma/code-connect": "1.4.3",
     "@juggle/resize-observer": "3.4.0",
     "@lmc-eu/eslint-config-base": "3.1.3",
     "@lmc-eu/eslint-config-jest": "3.0.6",
     "@lmc-eu/eslint-config-react": "2.0.6",
     "@lmc-eu/eslint-config-typescript": "2.1.5",
     "@rollup/plugin-terser": "0.4.4",
-    "@storybook/addon-docs": "10.2.14",
-    "@storybook/react": "10.2.14",
+    "@storybook/addon-docs": "10.3.6",
+    "@storybook/react": "10.3.6",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.2",
@@ -58,7 +58,7 @@
     "@types/babel__core": "7.20.5",
     "@types/jest": "30.0.0",
     "@types/jest-axe": "3.5.9",
-    "@types/node": "20.19.35",
+    "@types/node": "20.19.39",
     "@types/react": "18.3.28",
     "@types/react-dom": "18.3.7",
     "@types/react-transition-group": "4.4.12",
@@ -66,9 +66,9 @@
     "@typescript-eslint/parser": "6.21.0",
     "@vitejs/plugin-react": "4.7.0",
     "cross-env": "10.1.0",
-    "eslint": "9.39.3",
+    "eslint": "9.39.4",
     "eslint-config-airbnb": "19.0.4",
-    "eslint-config-spirit": "^0.2.0",
+    "eslint-config-spirit": "^0.2.1",
     "eslint-import-resolver-typescript": "3.10.1",
     "eslint-plugin-import": "2.32.0",
     "eslint-plugin-jsx-a11y": "6.10.2",
@@ -81,17 +81,17 @@
     "jest": "30.3.0",
     "jest-axe": "10.0.0",
     "npm-run-all2": "8.0.4",
-    "nx": "22.5.3",
-    "react": "19.0.0",
-    "react-dom": "19.0.0",
+    "nx": "22.7.1",
+    "react": "19.2.5",
+    "react-dom": "19.2.5",
     "rollup-preserve-directives": "1.1.3",
-    "sass-embedded": "1.98.0",
+    "sass-embedded": "1.99.0",
     "shx": "0.4.0",
-    "storybook": "10.2.14",
+    "storybook": "10.3.6",
     "ts-node": "10.9.2",
     "tsx": "4.21.0",
-    "typescript": "5.8.3",
-    "vite": "7.3.1",
+    "typescript": "5.9.3",
+    "vite": "7.3.2",
     "vite-plugin-dts": "4.5.4",
     "vite-plugin-externalize-deps": "0.10.0"
   },
@@ -696,5 +696,5 @@
       "default": "./dist/utils/index.js"
     }
   },
-  "gitHead": "ac2fd0912687ac83bbf50145ade99d7136b7cd94"
+  "gitHead": "349395c8d306218345e7abbf86c588691d201b8d"
 }

package/dist/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,7 +0,0 @@
-import { ElementType } from 'react';
-import { SpiritBreadcrumbsProps } from '../../types';
-declare const Breadcrumbs: {
-    <E extends ElementType = "nav">(props: SpiritBreadcrumbsProps<E>): JSX.Element;
-    spiritComponent: string;
-};
-export default Breadcrumbs;

package/dist/components/Card/Card.d.ts

@@ -1,7 +0,0 @@
-import { default as React, ElementType } from 'react';
-import { SpiritCardProps } from '../../types';
-declare const Card: {
-    <E extends ElementType = "article">(props: SpiritCardProps<E>): React.JSX.Element;
-    spiritComponent: string;
-};
-export default Card;

package/dist/components/Card/CardTitle.d.ts

@@ -1,7 +0,0 @@
-import { default as React, ElementType } from 'react';
-import { SpiritCardTitleProps } from '../../types';
-declare const CardTitle: {
-    <E extends ElementType = "h4">(props: SpiritCardTitleProps<E>): React.JSX.Element;
-    spiritComponent: string;
-};
-export default CardTitle;

package/dist/components/Collapse/Collapse.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-import { SpiritCollapseProps } from '../../types';
-declare const Collapse: {
-    (props: SpiritCollapseProps): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
-    spiritComponent: string;
-};
-export default Collapse;

package/dist/components/Dropdown/DropdownTrigger.d.ts

@@ -1,7 +0,0 @@
-import { default as React, ElementType } from 'react';
-import { DropdownTriggerProps } from '../../types';
-declare const DropdownTrigger: {
-    <E extends ElementType = "button">(props: DropdownTriggerProps<E>): React.JSX.Element;
-    spiritComponent: string;
-};
-export default DropdownTrigger;

package/dist/components/Field/HelperText.d.ts

@@ -1,7 +0,0 @@
-import { default as React, ElementType } from 'react';
-import { HelperTextProps } from './types';
-declare const HelperText: {
-    <E extends ElementType = "div">(props: HelperTextProps<E>): React.JSX.Element | null;
-    spiritComponent: string;
-};
-export default HelperText;

package/dist/components/Field/Label.d.ts

@@ -1,7 +0,0 @@
-import { ElementType } from 'react';
-import { SpiritLabelProps } from '../../types';
-declare const Label: {
-    <E extends ElementType = "label">(props: SpiritLabelProps<E>): JSX.Element;
-    spiritComponent: string;
-};
-export default Label;

package/dist/components/Field/ValidationText.d.ts

@@ -1,7 +0,0 @@
-import { default as React, ElementType } from 'react';
-import { ValidationTextProps } from './types';
-declare const ValidationText: {
-    <E extends ElementType = "div">(props: ValidationTextProps<E>): React.JSX.Element | null;
-    spiritComponent: string;
-};
-export default ValidationText;

package/dist/components/Field/types.d.ts

@@ -1,15 +0,0 @@
-import { ElementType, ReactNode } from 'react';
-import { RegisterType } from '../../hooks/useAriaIdRefs';
-import { ChildrenProps, StyleProps, TransferProps, ValidationTextProp } from '../../types';
-export interface FieldElementTypeProps<E extends ElementType = 'div'> {
-    elementType?: E;
-}
-export interface FieldProps<E extends ElementType = 'div'> extends FieldElementTypeProps<E> {
-    id?: string;
-    registerAria?: RegisterType;
-}
-export interface HelperTextProps<T extends ElementType = 'div'> extends FieldProps<T>, StyleProps, ChildrenProps, TransferProps {
-    helperText: ReactNode;
-}
-export interface ValidationTextProps<T extends ElementType = 'div'> extends FieldProps<T>, ValidationTextProp, StyleProps, ChildrenProps, TransferProps {
-}

package/dist/components/Heading/Heading.d.ts

@@ -1,7 +0,0 @@
-import { ElementType } from 'react';
-import { SpiritHeadingProps } from '../../types';
-declare const Heading: {
-    <E extends ElementType = "h1", S = void, Emph = void>(props: SpiritHeadingProps<E, S, Emph>): JSX.Element;
-    spiritComponent: string;
-};
-export default Heading;

package/dist/components/Heading/useHeadingStyleProps.d.ts

@@ -1,7 +0,0 @@
-import { ElementType } from 'react';
-import { HeadingProps, SpiritHeadingProps } from '../../types';
-export interface HeadingStyles<E extends ElementType> {
-    classProps: string | null;
-    props: Omit<HeadingProps<E>, 'elementType'>;
-}
-export declare function useHeadingStyleProps<E extends ElementType, S = void, Emph = void>(props: Omit<SpiritHeadingProps<E, S, Emph>, 'elementType'>): HeadingStyles<E>;

package/dist/components/InputDetails/InputDetails.d.ts

@@ -1,7 +0,0 @@
-import { default as React, ElementType } from 'react';
-import { InputDetailsProps } from '../../types';
-declare const InputDetails: {
-    <E extends ElementType = "div">(props: InputDetailsProps<E>): React.JSX.Element;
-    spiritComponent: string;
-};
-export default InputDetails;

package/dist/components/Item/Item.d.ts

@@ -1,7 +0,0 @@
-import { ElementType } from 'react';
-import { SpiritItemProps } from '../../types';
-declare const Item: {
-    <E extends ElementType = "button">(props: SpiritItemProps<E>): JSX.Element;
-    spiritComponent: string;
-};
-export default Item;

package/dist/components/Matrix/Matrix.d.ts

@@ -1,7 +0,0 @@
-import { default as React, ElementType } from 'react';
-import { SpiritMatrixProps } from '../../types';
-declare const Matrix: {
-    <E extends ElementType = "div">(props: SpiritMatrixProps<E>): React.JSX.Element;
-    spiritComponent: string;
-};
-export default Matrix;

package/dist/components/Matrix/useMatrixStyleProps.d.ts

@@ -1,9 +0,0 @@
-import { CSSProperties, ElementType } from 'react';
-import { DimensionType, SpiritMatrixProps } from '../../types';
-export interface MatrixStyles<T> {
-    classProps: string;
-    props: T;
-    styleProps: CSSProperties;
-}
-export declare const useDefaultResponsiveRowsStyle: (cols: DimensionType | undefined, rows: DimensionType | undefined, itemsCount: number, prefix: string) => CSSProperties;
-export declare function useMatrixStyleProps(props: SpiritMatrixProps<ElementType>): MatrixStyles<SpiritMatrixProps<ElementType>>;

package/dist/components/Pill/Pill.d.ts

@@ -1,7 +0,0 @@
-import { ElementType } from 'react';
-import { SpiritPillProps } from '../../types';
-declare const Pill: {
-    <E extends ElementType = "span", C = void>(props: SpiritPillProps<E, C>): JSX.Element;
-    spiritComponent: string;
-};
-export default Pill;

package/dist/components/Pill/usePillStyleProps.d.ts

@@ -1,7 +0,0 @@
-import { ElementType } from 'react';
-import { SpiritPillProps } from '../../types';
-export interface PillStyles {
-    classProps: string;
-    props: Partial<SpiritPillProps>;
-}
-export declare function usePillStyleProps<E extends ElementType = 'span', C = void>(props: SpiritPillProps<E, C>): PillStyles;

package/dist/components/PricingPlan/PricingPlan.d.ts

@@ -1,7 +0,0 @@
-import { default as React, ElementType } from 'react';
-import { SpiritPricingPlanProps } from '../../types/pricingPlan';
-declare const PricingPlan: {
-    <E extends ElementType = "article">(props: SpiritPricingPlanProps<E>): React.JSX.Element;
-    spiritComponent: string;
-};
-export default PricingPlan;

package/dist/components/SegmentedControl/useSegmentedControlStyleProps.d.ts

@@ -1,12 +0,0 @@
-import { SpiritSegmentedControlProps } from '../../types/segmentedControl';
-export interface UseSegmentedControlStylesProps extends Omit<SpiritSegmentedControlProps, 'name'> {
-}
-export interface UseSegmentedControlStylesReturn {
-    classProps: {
-        root: string;
-        input: string;
-        label: string;
-    };
-    props: Omit<SpiritSegmentedControlProps, 'name'>;
-}
-export declare const useSegmentedControlStyleProps: (props: UseSegmentedControlStylesProps) => UseSegmentedControlStylesReturn;

package/dist/components/Skeleton/SkeletonHeading.d.ts

@@ -1,7 +0,0 @@
-import { ElementType, ReactElement } from 'react';
-import { SpiritSkeletonProps } from '../../types';
-declare const SkeletonHeading: {
-    <E extends ElementType = "div", C = void>(props: SpiritSkeletonProps<E, C>): ReactElement;
-    spiritComponent: string;
-};
-export default SkeletonHeading;

package/dist/components/Skeleton/SkeletonShape.d.ts

@@ -1,7 +0,0 @@
-import { ElementType, ReactElement } from 'react';
-import { SpiritSkeletonShapeProps } from '../../types';
-declare const SkeletonShape: {
-    <E extends ElementType = "div", C = void>(props: SpiritSkeletonShapeProps<E, C>): ReactElement;
-    spiritComponent: string;
-};
-export default SkeletonShape;