@loadsmart/loadsmart-ui 8.0.1 → 8.0.2

package/dist/prop-Fs2axl9W.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-Fs2axl9W.js","sources":["../src/tools/conditional.ts","../src/tools/prop.ts"],"sourcesContent":["import { isObject } from '@loadsmart/utils-object'\nimport { isFunction } from '@loadsmart/utils-function'\nimport type { F } from 'ts-toolbelt'\n\nimport { getToken } from 'theming'\nimport type { ThemeToken, ThemedProps } from 'theming'\nimport get from 'utils/toolset/get'\nimport toArray from 'utils/toolset/toArray'\n\ntype WhenProps<K> = K | undefined | ((value: K) => boolean | undefined)\n\nexport type When<P> = {\n  [Key in keyof P]?: WhenProps<P[Key]> | WhenProps<P[Key]>[] | undefined\n}\n\n/**\n * Utility to generate style/class name conditions based on a components props.\n * Expected prop values can be a single value, an array of values or a function/callback.\n * @example\n * ```jsx\n * whenProps({\n *  'prop-a': true, // checks `props['prop-a']` === true`\n *  'prop-b': [1, 2], // checks `toArray([1, 2]).includes(props['prop-b'])`\n *  'prop-c': (value) => value + 1 // checks `Boolean(callback(props['prop-c']))`\n *  'prop-d': Boolean // checks `Boolean(Boolean(props['prop-d']))`\n * })\n * ```\n * @param conditions\n * @returns Returns function that consumes component props.\n */\nexport function whenProps<P>(conditions: When<F.Narrow<P>> | When<F.Narrow<P>>[]) {\n  return function (props: P): boolean {\n    const safeConditions = toArray(conditions)\n\n    return safeConditions.some((condition) => {\n      const keys = Object.keys(condition)\n\n      return keys.every((key) => {\n        const propValue = get(props, key) as P[keyof P]\n        const conditionValue = condition[key as keyof typeof condition]\n\n        if (Array.isArray(conditionValue)) {\n          return toArray(conditionValue).includes(propValue)\n        }\n        if (isFunction(conditionValue)) {\n          return Boolean(conditionValue(propValue))\n        }\n        return (conditionValue as unknown) === propValue\n      })\n    })\n  }\n}\n\ntype ConditionObject<P> = Record<\n  string,\n  string | number | boolean | ((props: P) => boolean) | undefined\n>\n\nfunction handleConditionObject<P>(condition: ConditionObject<P>, props: P): string {\n  const keys = Object.keys(condition)\n\n  const res = keys.reduce<string[]>((acc, key) => {\n    let value = condition[key]\n\n    if (isFunction(value)) {\n      value = value(props)\n    }\n\n    if (value) {\n      const tokenKey = key as ThemeToken\n\n      const result = (getToken(tokenKey, props as unknown as ThemedProps) ?? key) as string\n      return [...acc, result]\n    }\n\n    return acc\n  }, [])\n\n  return res.join(' ')\n}\n\ntype Condition<P> = number | string | ConditionObject<P> | ((props: P) => string)\n\n/**\n * Concatenate style properties or class names conditionally.\n * Conditions can be functions that consume components props,\n * objects, strings, or numbers (that will be coerced to strings).\n * @example\n * ```jsx\n * conditional(1, 'some-class', {\n *  'class-a': true,\n *  'class-b': (props) => props.showClassB,\n * }, (props) => props.className)\n * ```\n * @param conditions\n * @returns Returns function that consumes component props.\n */\nfunction conditional<P>(...conditions: Condition<P>[]) {\n  return function (props: P): string {\n    let classes: string[] = []\n\n    for (let i = 0; i < conditions.length; i++) {\n      const condition = conditions[i]\n\n      if (isFunction(condition)) {\n        classes.push(condition(props))\n      } else if (isObject(condition)) {\n        classes = classes.concat(handleConditionObject<P>(condition, props))\n      } else if (condition) {\n        classes.push(String(condition))\n      }\n    }\n\n    return classes.join(' ')\n  }\n}\n\nexport default conditional\n","function compare(...args: any[]): unknown {\n  const [value, defaultValue] = args\n\n  if (value == null || value === false || Number.isNaN(value)) {\n    return defaultValue || value\n  }\n\n  if (typeof value === 'string' && value.length === 0) {\n    return defaultValue || value\n  }\n\n  return value\n}\n\n/**\n * Retrieve the key value from the props object\n * @example\n * ```jsx\n * -transform: scaleY(${(props) => props.$height || 1});\n * +transform: scaleY(${prop('$height', 1)});\n * ```\n * @param name a valid property name from the object\n * @param defaultValue a fallback value in case the property value is invalid\n * @param comparatorFn a function to be used to decide between value or defaultValue\n * @returns Returns function that consumes component props.\n */\nfunction prop<P, K extends keyof P = keyof P>(\n  name: K,\n  defaultValue?: NonNullable<P[K]>,\n  comparatorFn = compare\n) {\n  return (props: P): P[K] => comparatorFn(props[name], defaultValue) as P[K]\n}\n\nexport default prop\n"],"names":["whenProps","conditions","props","safeConditions","toArray","some","condition","keys","Object","every","key","propValue","get","conditionValue","Array","isArray","includes","isFunction","Boolean","handleConditionObject","res","reduce","acc","value","tokenKey","result","getToken","join","conditional","classes","i","length","push","isObject","concat","String","compare","args","defaultValue","Number","isNaN","prop","name","comparatorFn"],"mappings":";;;;;AA8BO,SAASA,UAAaC,YAAqD;AAChF,SAAO,SAAUC,OAAmB;AAClC,UAAMC,iBAAiBC,QAAQH,UAAU;AAEzC,WAAOE,eAAeE,KAAMC,CAAAA,cAAc;AACxC,YAAMC,OAAOC,OAAOD,KAAKD,SAAS;AAElC,aAAOC,KAAKE,MAAOC,CAAAA,QAAQ;AACzB,cAAMC,YAAYC,IAAIV,OAAOQ,GAAG;AAChC,cAAMG,iBAAiBP,UAAUI,GAA6B;AAE9D,YAAII,MAAMC,QAAQF,cAAc,GAAG;AACjC,iBAAOT,QAAQS,cAAc,EAAEG,SAASL,SAAS;AAAA,QACnD;AACA,YAAIM,WAAWJ,cAAc,GAAG;AAC9B,iBAAOK,QAAQL,eAAeF,SAAS,CAAC;AAAA,QAC1C;AACA,eAAQE,mBAA+BF;AAAAA,MACzC,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF;AAOA,SAASQ,sBAAyBb,WAA+BJ,OAAkB;AACjF,QAAMK,OAAOC,OAAOD,KAAKD,SAAS;AAElC,QAAMc,MAAMb,KAAKc,OAAiB,CAACC,KAAKZ,QAAQ;AAC9C,QAAIa,QAAQjB,UAAUI,GAAG;AAEzB,QAAIO,WAAWM,KAAK,GAAG;AACrBA,cAAQA,MAAMrB,KAAK;AAAA,IACrB;AAEA,QAAIqB,OAAO;AACT,YAAMC,WAAWd;AAEjB,YAAMe,SAAUC,SAASF,UAAUtB,KAA+B,KAAKQ;AACvE,aAAO,CAAC,GAAGY,KAAKG,MAAM;AAAA,IACxB;AAEA,WAAOH;AAAAA,EACT,GAAG,CAAA,CAAE;AAEL,SAAOF,IAAIO,KAAK,GAAG;AACrB;AAkBA,SAASC,eAAkB3B,YAA4B;AACrD,SAAO,SAAUC,OAAkB;AACjC,QAAI2B,UAAoB,CAAA;AAExB,aAASC,IAAI,GAAGA,IAAI7B,WAAW8B,QAAQD,KAAK;AAC1C,YAAMxB,YAAYL,WAAW6B,CAAC;AAE9B,UAAIb,WAAWX,SAAS,GAAG;AACzBuB,gBAAQG,KAAK1B,UAAUJ,KAAK,CAAC;AAAA,MAC/B,WAAW+B,SAAS3B,SAAS,GAAG;AAC9BuB,kBAAUA,QAAQK,OAAOf,sBAAyBb,WAAWJ,KAAK,CAAC;AAAA,MACrE,WAAWI,WAAW;AACpBuB,gBAAQG,KAAKG,OAAO7B,SAAS,CAAC;AAAA,MAChC;AAAA,IACF;AAEA,WAAOuB,QAAQF,KAAK,GAAG;AAAA,EACzB;AACF;ACnHA,SAASS,WAAWC,MAAsB;AACxC,QAAM,CAACd,OAAOe,YAAY,IAAID;AAE9B,MAAId,SAAS,QAAQA,UAAU,SAASgB,OAAOC,MAAMjB,KAAK,GAAG;AAC3D,WAAOe,gBAAgBf;AAAAA,EACzB;AAEA,MAAI,OAAOA,UAAU,YAAYA,MAAMQ,WAAW,GAAG;AACnD,WAAOO,gBAAgBf;AAAAA,EACzB;AAEA,SAAOA;AACT;AAcA,SAASkB,KACPC,MACAJ,cACAK,eAAeP,SACf;AACA,SAAO,CAAClC,UAAmByC,aAAazC,MAAMwC,IAAI,GAAGJ,YAAY;AACnE;"}
+{"version":3,"file":"prop-Fs2axl9W.js","sources":["../src/tools/conditional.ts","../src/tools/prop.ts"],"sourcesContent":["import { isObject } from '@loadsmart/utils-object'\nimport { isFunction } from '@loadsmart/utils-function'\nimport type { F } from 'ts-toolbelt'\n\nimport { getToken } from 'theming'\nimport type { ThemeToken, ThemedProps } from 'theming'\nimport get from 'utils/toolset/get'\nimport toArray from 'utils/toolset/toArray'\n\ntype WhenProps<K> = K | undefined | ((value: K) => boolean | undefined)\n\nexport type When<P> = {\n  [Key in keyof P]?: WhenProps<P[Key]> | WhenProps<P[Key]>[] | undefined\n}\n\n/**\n * Utility to generate style/class name conditions based on a components props.\n * Expected prop values can be a single value, an array of values or a function/callback.\n * @example\n * ```jsx\n * whenProps({\n *  'prop-a': true, // checks `props['prop-a']` === true`\n *  'prop-b': [1, 2], // checks `toArray([1, 2]).includes(props['prop-b'])`\n *  'prop-c': (value) => value + 1 // checks `Boolean(callback(props['prop-c']))`\n *  'prop-d': Boolean // checks `Boolean(Boolean(props['prop-d']))`\n * })\n * ```\n * @param conditions\n * @returns Returns function that consumes component props.\n */\nexport function whenProps<P>(conditions: When<F.Narrow<P>> | When<F.Narrow<P>>[]) {\n  return function (props: P): boolean {\n    const safeConditions = toArray(conditions)\n\n    return safeConditions.some((condition) => {\n      const keys = Object.keys(condition)\n\n      return keys.every((key) => {\n        const propValue = get(props, key) as P[keyof P]\n        const conditionValue = condition[key as keyof typeof condition]\n\n        if (Array.isArray(conditionValue)) {\n          return toArray(conditionValue).includes(propValue)\n        }\n        if (isFunction(conditionValue)) {\n          return Boolean(conditionValue(propValue))\n        }\n        return (conditionValue as unknown) === propValue\n      })\n    })\n  }\n}\n\ntype ConditionObject<P> = Record<\n  string,\n  string | number | boolean | ((props: P) => boolean) | undefined\n>\n\nfunction handleConditionObject<P>(condition: ConditionObject<P>, props: P): string {\n  const keys = Object.keys(condition)\n\n  const res = keys.reduce<string[]>((acc, key) => {\n    let value = condition[key]\n\n    if (isFunction(value)) {\n      value = value(props)\n    }\n\n    if (value) {\n      const tokenKey = key as ThemeToken\n\n      const result = (getToken(tokenKey, props as unknown as ThemedProps) ?? key) as string\n      return [...acc, result]\n    }\n\n    return acc\n  }, [])\n\n  return res.join(' ')\n}\n\ntype Condition<P> = number | string | ConditionObject<P> | ((props: P) => string)\n\n/**\n * Concatenate style properties or class names conditionally.\n * Conditions can be functions that consume components props,\n * objects, strings, or numbers (that will be coerced to strings).\n * @example\n * ```jsx\n * conditional(1, 'some-class', {\n *  'class-a': true,\n *  'class-b': (props) => props.showClassB,\n * }, (props) => props.className)\n * ```\n * @param conditions\n * @returns Returns function that consumes component props.\n */\nfunction conditional<P>(...conditions: Condition<P>[]) {\n  return function (props: P): string {\n    let classes: string[] = []\n\n    for (let i = 0; i < conditions.length; i++) {\n      const condition = conditions[i]\n\n      if (isFunction(condition)) {\n        classes.push(condition(props))\n      } else if (isObject(condition)) {\n        classes = classes.concat(handleConditionObject(condition, props))\n      } else if (condition) {\n        classes.push(String(condition))\n      }\n    }\n\n    return classes.join(' ')\n  }\n}\n\nexport default conditional\n","function compare(...args: any[]): unknown {\n  const [value, defaultValue] = args\n\n  if (value == null || value === false || Number.isNaN(value)) {\n    return defaultValue || value\n  }\n\n  if (typeof value === 'string' && value.length === 0) {\n    return defaultValue || value\n  }\n\n  return value\n}\n\n/**\n * Retrieve the key value from the props object\n * @example\n * ```jsx\n * -transform: scaleY(${(props) => props.$height || 1});\n * +transform: scaleY(${prop('$height', 1)});\n * ```\n * @param name a valid property name from the object\n * @param defaultValue a fallback value in case the property value is invalid\n * @param comparatorFn a function to be used to decide between value or defaultValue\n * @returns Returns function that consumes component props.\n */\nfunction prop<P, K extends keyof P = keyof P>(\n  name: K,\n  defaultValue?: NonNullable<P[K]>,\n  comparatorFn = compare\n) {\n  return (props: P): P[K] => comparatorFn(props[name], defaultValue) as P[K]\n}\n\nexport default prop\n"],"names":["whenProps","conditions","props","safeConditions","toArray","some","condition","keys","Object","every","key","propValue","get","conditionValue","Array","isArray","includes","isFunction","Boolean","handleConditionObject","res","reduce","acc","value","tokenKey","result","getToken","join","conditional","classes","i","length","push","isObject","concat","String","compare","args","defaultValue","Number","isNaN","prop","name","comparatorFn"],"mappings":";;;;;AA8BO,SAASA,UAAaC,YAAqD;AAChF,SAAO,SAAUC,OAAmB;AAClC,UAAMC,iBAAiBC,QAAQH,UAAU;AAEzC,WAAOE,eAAeE,KAAMC,CAAAA,cAAc;AACxC,YAAMC,OAAOC,OAAOD,KAAKD,SAAS;AAElC,aAAOC,KAAKE,MAAOC,CAAAA,QAAQ;AACzB,cAAMC,YAAYC,IAAIV,OAAOQ,GAAG;AAChC,cAAMG,iBAAiBP,UAAUI,GAA6B;AAE9D,YAAII,MAAMC,QAAQF,cAAc,GAAG;AACjC,iBAAOT,QAAQS,cAAc,EAAEG,SAASL,SAAS;AAAA,QACnD;AACA,YAAIM,WAAWJ,cAAc,GAAG;AAC9B,iBAAOK,QAAQL,eAAeF,SAAS,CAAC;AAAA,QAC1C;AACA,eAAQE,mBAA+BF;AAAAA,MACzC,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF;AAOA,SAASQ,sBAAyBb,WAA+BJ,OAAkB;AACjF,QAAMK,OAAOC,OAAOD,KAAKD,SAAS;AAElC,QAAMc,MAAMb,KAAKc,OAAiB,CAACC,KAAKZ,QAAQ;AAC9C,QAAIa,QAAQjB,UAAUI,GAAG;AAEzB,QAAIO,WAAWM,KAAK,GAAG;AACrBA,cAAQA,MAAMrB,KAAK;AAAA,IACrB;AAEA,QAAIqB,OAAO;AACT,YAAMC,WAAWd;AAEjB,YAAMe,SAAUC,SAASF,UAAUtB,KAA+B,KAAKQ;AACvE,aAAO,CAAC,GAAGY,KAAKG,MAAM;AAAA,IACxB;AAEA,WAAOH;AAAAA,EACT,GAAG,CAAA,CAAE;AAEL,SAAOF,IAAIO,KAAK,GAAG;AACrB;AAkBA,SAASC,eAAkB3B,YAA4B;AACrD,SAAO,SAAUC,OAAkB;AACjC,QAAI2B,UAAoB,CAAA;AAExB,aAASC,IAAI,GAAGA,IAAI7B,WAAW8B,QAAQD,KAAK;AAC1C,YAAMxB,YAAYL,WAAW6B,CAAC;AAE9B,UAAIb,WAAWX,SAAS,GAAG;AACzBuB,gBAAQG,KAAK1B,UAAUJ,KAAK,CAAC;AAAA,MAC/B,WAAW+B,SAAS3B,SAAS,GAAG;AAC9BuB,kBAAUA,QAAQK,OAAOf,sBAAsBb,WAAWJ,KAAK,CAAC;AAAA,MAClE,WAAWI,WAAW;AACpBuB,gBAAQG,KAAKG,OAAO7B,SAAS,CAAC;AAAA,MAChC;AAAA,IACF;AAEA,WAAOuB,QAAQF,KAAK,GAAG;AAAA,EACzB;AACF;ACnHA,SAASS,WAAWC,MAAsB;AACxC,QAAM,CAACd,OAAOe,YAAY,IAAID;AAE9B,MAAId,SAAS,QAAQA,UAAU,SAASgB,OAAOC,MAAMjB,KAAK,GAAG;AAC3D,WAAOe,gBAAgBf;AAAAA,EACzB;AAEA,MAAI,OAAOA,UAAU,YAAYA,MAAMQ,WAAW,GAAG;AACnD,WAAOO,gBAAgBf;AAAAA,EACzB;AAEA,SAAOA;AACT;AAcA,SAASkB,KACPC,MACAJ,cACAK,eAAeP,SACf;AACA,SAAO,CAAClC,UAAmByC,aAAazC,MAAMwC,IAAI,GAAGJ,YAAY;AACnE;"}

package/dist/styles/typography.d.ts

@@ -1,4 +1,5 @@
 import { ThemeToken } from '../theming';
+import { FlattenInterpolation, ThemeProps } from 'styled-components';
 export interface TypographyOptions {
     italic?: boolean;
     color?: ThemeToken;
@@ -19,5 +20,5 @@ export declare const typographyProperties: TypographyProperties;
  * @param variant Name of the variant
  * @param options Add boldness, italics and color
  */
-declare function typography<P>(variant?: TypographyVariants | ((props: P) => string), options?: TypographyOptions): import('styled-components').FlattenInterpolation<import('styled-components').ThemedStyledProps<import('../theming').ThemedProps, any>> | ((props: P) => import('styled-components').FlattenInterpolation<import('styled-components').ThemedStyledProps<import('../theming').ThemedProps, any>> | ((props: unknown) => import('styled-components').FlattenInterpolation<import('styled-components').ThemedStyledProps<import('../theming').ThemedProps, any>> | /*elided*/ any));
+declare function typography<P>(variant?: TypographyVariants | ((props: P) => string), options?: TypographyOptions): FlattenInterpolation<ThemeProps<any>> | ((props: P) => FlattenInterpolation<ThemeProps<any>> | ((props: unknown) => FlattenInterpolation<ThemeProps<any>> | /*elided*/ any));
 export default typography;

package/dist/tests/renderer.d.ts

@@ -1,10 +1,10 @@
-import { RenderOptions, fireEvent, within, waitFor, waitForElementToBeRemoved, act, screen, queries } from '@testing-library/react';
+import { RenderOptions, fireEvent, within, waitFor, waitForElementToBeRemoved, act, screen, queries, RenderResult } from '@testing-library/react';
 import { default as userEvent } from '@testing-library/user-event';
 import { ReactNode } from 'react';
 declare class Renderer {
     result: ReactNode;
     constructor(children: ReactNode);
-    render(options?: Omit<RenderOptions, 'queries'>): import('@testing-library/react').RenderResult<typeof queries, HTMLElement, HTMLElement>;
+    render(options?: Omit<RenderOptions, 'queries'>): RenderResult<typeof queries, HTMLElement, HTMLElement>;
 }
 export default function customRenderer(children: ReactNode): Renderer;
 export { act, fireEvent as fire, queries, screen, userEvent as user, waitFor, waitForElementToBeRemoved, within, };

package/dist/utils/types/ColorScheme.d.ts

@@ -1,2 +1 @@
-type ColorScheme = 'dark' | 'light';
-export default ColorScheme;
+export type ColorScheme = 'dark' | 'light';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loadsmart/loadsmart-ui",
-  "version": "8.0.1",
+  "version": "8.0.2",
   "description": "Miranda UI, a React UI library",
   "type": "module",
   "main": "dist/index.js",
@@ -27,7 +27,7 @@
     "postpack": "pinst --enable",
     "format": "prettier . --write",
     "check:format:ci": "prettier . --check",
-    "check:type": "tsc",
+    "check:type": "tsc -b",
     "check:type:ci": "yarn check:type"
   },
   "storybook-deployer": {
@@ -37,53 +37,55 @@
     "addFileAttribute": "true"
   },
   "devDependencies": {
-    "@commitlint/cli": "^20.4.3",
-    "@commitlint/config-conventional": "^20.4.3",
-    "@loadsmart/miranda-tokens": "^4.25.2",
-    "@storybook/addon-a11y": "^8.6.12",
-    "@storybook/addon-docs": "^8.6.12",
-    "@storybook/addon-essentials": "^8.6.12",
-    "@storybook/addon-links": "^8.6.12",
-    "@storybook/react": "^8.6.12",
-    "@storybook/react-vite": "^8.6.12",
-    "@storybook/theming": "^8.6.12",
-    "@swc/core": "^1.15.18",
+    "@commitlint/cli": "^20.5.0",
+    "@commitlint/config-conventional": "^20.5.0",
+    "@loadsmart/miranda-tokens": "^4.25.7",
+    "@rolldown/plugin-babel": "^0.2.2",
+    "@storybook/addon-a11y": "^8.6.18",
+    "@storybook/addon-docs": "^8.6.18",
+    "@storybook/addon-essentials": "^8.6.18",
+    "@storybook/addon-links": "^8.6.18",
+    "@storybook/react": "^8.6.18",
+    "@storybook/react-vite": "^8.6.18",
+    "@storybook/theming": "^8.6.18",
+    "@swc/core": "^1.15.21",
     "@swc/jest": "^0.2.39",
-    "@tailwindcss/vite": "^4.2.1",
+    "@tailwindcss/vite": "^4.2.2",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^13.5.0",
     "@types/chance": "^1.1.7",
-    "@types/jest": "^29.5.14",
-    "@types/node": "^22.19.15",
+    "@types/jest": "^30.0.0",
+    "@types/node": "^24.12.0",
     "@types/react": "^18.3.28",
     "@types/react-dom": "^18.3.7",
     "@types/styled-components": "^5.1.36",
-    "@vitejs/plugin-react": "^5.1.4",
+    "@vitejs/plugin-react": "^5.2.0",
     "babel-plugin-styled-components": "^2.1.4",
     "chance": "^1.1.13",
     "commitizen": "^4.3.1",
     "cz-conventional-changelog": "^3.3.0",
     "eslint": "^9.39.4",
     "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-jest": "^29.15.1",
     "eslint-plugin-jest-dom": "^5.5.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-prettier": "^5.5.5",
     "eslint-plugin-promise": "^7.2.1",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-testing-library": "^7.16.0",
+    "eslint-plugin-testing-library": "^7.16.2",
     "eslint-plugin-unicorn": "^63.0.0",
     "gh-pages": "^6.3.0",
     "husky": "^9.1.7",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
+    "jest": "^30.3.0",
+    "jest-environment-jsdom": "^30.3.0",
     "jest-junit": "^16.0.0",
     "jest-transformer-svg": "^2.1.0",
-    "lint-staged": "^16.3.2",
-    "nanoid": "^5.1.6",
+    "lint-staged": "^16.4.0",
+    "nanoid": "^5.1.7",
     "pinst": "^3.0.0",
     "prettier": "^3.8.1",
     "react": "^18.3.1",
@@ -93,10 +95,10 @@
     "semantic-release": "^25.0.3",
     "storybook": "^8.6.18",
     "styled-components": "^5.3.11",
-    "tailwindcss": "^4.2.1",
+    "tailwindcss": "^4.2.2",
     "ts-toolbelt": "^9.6.0",
-    "typescript": "^5.9.3",
-    "typescript-eslint": "^8.57.0",
+    "typescript": "^6.0.2",
+    "typescript-eslint": "^8.57.2",
     "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-svgr": "^4.5.0"

package/dist/components/Accordion/Accordion.stories.d.ts

@@ -1,9 +0,0 @@
-import { default as React } from 'react';
-import { AccordionProps } from './Accordion';
-import { Meta } from '@storybook/react';
-declare const _default: Meta;
-export default _default;
-export declare function Playground(args: AccordionProps): React.JSX.Element;
-export declare function CustomIndicators(): React.JSX.Element;
-export declare function ControlledOpened(args: AccordionProps): React.JSX.Element;
-export declare function ControlledBasedOnExpandedProp(args: AccordionProps): React.JSX.Element;

package/dist/components/Accordion/Accordion.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Banner/Banner.stories.d.ts

@@ -1,107 +0,0 @@
-import { default as React } from 'react';
-import { Meta } from '@storybook/react';
-import { BannerProps, BannerActionProps } from './Banner';
-declare const _default: Meta;
-export default _default;
-export declare function Playground(args: BannerProps): React.JSX.Element;
-export declare namespace Playground {
-    var args: {
-        scale: string;
-        variant: string;
-        title: string;
-    };
-}
-export declare function Warning(args: BannerProps): React.JSX.Element;
-export declare namespace Warning {
-    var args: {
-        scale: string;
-        variant: string;
-        title: string;
-    };
-}
-export declare function Danger(args: BannerProps): React.JSX.Element;
-export declare namespace Danger {
-    var args: {
-        scale: string;
-        variant: string;
-        title: string;
-    };
-}
-export declare function Neutral(args: BannerProps): React.JSX.Element;
-export declare namespace Neutral {
-    var args: {
-        scale: string;
-        variant: string;
-        title: string;
-    };
-}
-export declare function CustomIcon(args: BannerProps): React.JSX.Element;
-export declare namespace CustomIcon {
-    var args: {
-        scale: string;
-        variant: string;
-        title: string;
-        icon: React.JSX.Element;
-    };
-}
-export declare function Large(args: BannerProps): React.JSX.Element;
-export declare namespace Large {
-    var args: {
-        scale: string;
-        variant: string;
-        title: string;
-        description: string;
-    };
-}
-export declare function Action(args: BannerActionProps): React.JSX.Element;
-export declare namespace Action {
-    var args: {
-        scale: string;
-        variant: string;
-        title: string;
-        action: string;
-    };
-}
-export declare function ActionWithSecondaryAction(args: BannerActionProps): React.JSX.Element;
-export declare namespace ActionWithSecondaryAction {
-    var args: {
-        scale: string;
-        variant: string;
-        title: string;
-        action: string;
-        secondaryAction: string;
-    };
-}
-export declare function ActionLarge(args: BannerActionProps): React.JSX.Element;
-export declare namespace ActionLarge {
-    var args: {
-        scale: string;
-        variant: string;
-        title: string;
-        description: string;
-        action: string;
-    };
-}
-export declare function ActionLargeWithSecondaryAction(args: BannerActionProps): React.JSX.Element;
-export declare namespace ActionLargeWithSecondaryAction {
-    var args: {
-        scale: string;
-        variant: string;
-        title: string;
-        description: string;
-        action: string;
-        secondaryAction: string;
-    };
-}
-export declare function ActionLargeDismissibleWithSecondaryAction(args: BannerActionProps): React.JSX.Element;
-export declare namespace ActionLargeDismissibleWithSecondaryAction {
-    var args: {
-        scale: string;
-        variant: string;
-        title: string;
-        description: string;
-        action: string;
-        secondaryAction: string;
-        dismissible: boolean;
-    };
-}

package/dist/components/Banner/Banner.test.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1 +0,0 @@
-export {};

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

@@ -1,5 +0,0 @@
-import { BreadcrumbsProps } from './Breadcrumbs';
-import { Meta } from '@storybook/react';
-declare const _default: Meta;
-export default _default;
-export declare const Playground: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, BreadcrumbsProps>;

package/dist/components/Button/Button.stories.d.ts

@@ -1,33 +0,0 @@
-import { default as React } from 'react';
-import { Meta } from '@storybook/react';
-import { BackButtonProps } from '../../common/BackButton';
-import { ButtonProps } from './Button';
-import { CloseButtonProps } from '../../common/CloseButton';
-declare const _default: Meta;
-export default _default;
-export declare function Playground(args: ButtonProps): React.JSX.Element;
-export declare namespace Playground {
-    var args: {
-        scale: string;
-        variant: string;
-        leading: React.JSX.Element;
-        trailing: React.JSX.Element;
-    };
-}
-export declare function Base(args: ButtonProps): React.JSX.Element;
-export declare function Selector(args: ButtonProps): React.JSX.Element;
-export declare namespace Selector {
-    var args: {
-        scale: string;
-        variant: string;
-    };
-}
-export declare function Icon(args: ButtonProps): React.JSX.Element;
-export declare namespace Icon {
-    var args: {
-        scale: string;
-    };
-}
-export declare function Back(args: BackButtonProps): React.JSX.Element;
-export declare function Close(args: CloseButtonProps): React.JSX.Element;
-export declare function Loading(args: ButtonProps): React.JSX.Element;

package/dist/components/Button/Button.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Calendar/Calendar.stories.d.ts

@@ -1,22 +0,0 @@
-import { default as React } from 'react';
-import { Meta } from '@storybook/react';
-import { CalendarDate } from './Date.helper';
-import { CalendarProps } from './Calendar.types';
-declare const _default: Meta;
-export default _default;
-export declare const Playground: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CalendarProps>;
-export declare function Selection(): React.JSX.Element;
-declare function isWeekend(date: CalendarDate): boolean;
-export declare function CalendarConstraints(args: CalendarProps): React.JSX.Element;
-export declare namespace CalendarConstraints {
-    var args: {
-        constraints: ((string | null)[] | typeof isWeekend)[];
-    };
-    var parameters: {
-        docs: {
-            description: {
-                story: string;
-            };
-        };
-    };
-}

package/dist/components/Calendar/Calendar.test.d.ts

@@ -1 +0,0 @@
-export declare const formatter: import('./DateFormat.helper').DateFormat;

package/dist/components/Calendar/Date.helper.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Calendar/DateFormat.helper.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Calendar/Month.helper.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Calendar/Pickers/DayPicker.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Calendar/Pickers/MonthPicker.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Calendar/Pickers/YearPicker.test.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,8 +0,0 @@
-import { StoryFn, Meta } from '@storybook/react';
-import { CardProps } from './Card';
-declare const _default: Meta;
-export default _default;
-export declare const Playground: StoryFn<CardProps>;
-export declare const Default: StoryFn<CardProps>;
-export declare const TitleOnly: StoryFn<CardProps>;
-export declare const Flagged: StoryFn<CardProps>;

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

@@ -1 +0,0 @@
-export {};

package/dist/components/Checkbox/Checkbox.stories.d.ts

@@ -1,9 +0,0 @@
-import { default as React } from 'react';
-import { CheckboxProps } from './Checkbox';
-import { Meta } from '@storybook/react';
-declare const _default: Meta;
-export default _default;
-export declare function Playground(args: CheckboxProps): React.JSX.Element;
-export declare namespace Playground {
-    var args: {};
-}

package/dist/components/Checkbox/Checkbox.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/DatePicker/DatePicker.stories.d.ts

@@ -1,23 +0,0 @@
-import { default as React } from 'react';
-import { StoryFn, Meta } from '@storybook/react';
-import { DatePickerProps } from './DatePicker.types';
-declare const _default: Meta;
-export default _default;
-export declare const Playground: StoryFn<DatePickerProps>;
-export declare const WithValue: StoryFn<DatePickerProps>;
-export declare function DatePickerConstraints(args: DatePickerProps): React.JSX.Element;
-export declare namespace DatePickerConstraints {
-    var args: {
-        id: string;
-        name: string;
-        constraints: (string | null)[][];
-        value: string;
-    };
-    var parameters: {
-        docs: {
-            description: {
-                story: string;
-            };
-        };
-    };
-}

package/dist/components/DatePicker/DatePicker.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/DatePicker/DateRangePicker.stories.d.ts

@@ -1,22 +0,0 @@
-import { default as React } from 'react';
-import { StoryFn, Meta } from '@storybook/react';
-import { DateRangePickerProps } from './DatePicker.types';
-declare const _default: Meta;
-export default _default;
-export declare const Playground: StoryFn<DateRangePickerProps>;
-export declare const WithValue: StoryFn<DateRangePickerProps>;
-export declare function DateRangePickerConstraints(args: DateRangePickerProps): React.JSX.Element;
-export declare namespace DateRangePickerConstraints {
-    var args: {
-        id: string;
-        name: string;
-        constraints: (string | null)[][];
-    };
-    var parameters: {
-        docs: {
-            description: {
-                story: string;
-            };
-        };
-    };
-}

package/dist/components/DatePicker/DateRangePicker.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Dialog/Dialog.stories.d.ts

@@ -1,68 +0,0 @@
-import { default as React } from 'react';
-import { Meta } from '@storybook/react';
-import { DialogProps } from './Dialog';
-declare const _default: Meta;
-export default _default;
-export declare function WithoutHeader(args: DialogProps): React.JSX.Element;
-export declare namespace WithoutHeader {
-    var args: {
-        scale: string;
-        open: boolean;
-    };
-}
-export declare function WithHeader(args: DialogProps): React.JSX.Element;
-export declare namespace WithHeader {
-    var args: {
-        scale: string;
-        open: boolean;
-    };
-}
-export declare function WithHeaderAndBody(args: DialogProps): React.JSX.Element;
-export declare namespace WithHeaderAndBody {
-    var args: {
-        scale: string;
-        open: boolean;
-    };
-}
-export declare function WithCloseButton(args: DialogProps): React.JSX.Element;
-export declare namespace WithCloseButton {
-    var args: {
-        scale: string;
-        open: boolean;
-    };
-}
-export declare function WithActionConfirm(args: DialogProps): React.JSX.Element;
-export declare namespace WithActionConfirm {
-    var args: {
-        scale: string;
-        open: boolean;
-    };
-}
-export declare function WithCustomActionConfirmLabel(args: DialogProps): React.JSX.Element;
-export declare namespace WithCustomActionConfirmLabel {
-    var args: {
-        scale: string;
-        open: boolean;
-    };
-}
-export declare function WithCustomActionCancelLabel(args: DialogProps): React.JSX.Element;
-export declare namespace WithCustomActionCancelLabel {
-    var args: {
-        scale: string;
-        open: boolean;
-    };
-}
-export declare function WithActionConfirmAndCancel(args: DialogProps): React.JSX.Element;
-export declare namespace WithActionConfirmAndCancel {
-    var args: {
-        scale: string;
-        open: boolean;
-    };
-}
-export declare function WithInlineActions(args: DialogProps): React.JSX.Element;
-export declare namespace WithInlineActions {
-    var args: {
-        scale: string;
-        open: boolean;
-    };
-}

package/dist/components/Dialog/Dialog.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/DragDropFile/DragDropFile.stories.d.ts

@@ -1,34 +0,0 @@
-import { default as React } from 'react';
-import { Meta } from '@storybook/react';
-import { DropZoneProps } from './types';
-declare const _default: Meta;
-export default _default;
-type PlaygroundProps = DropZoneProps & {
-    readonly errorMessage?: string;
-};
-export declare function Playground({ errorMessage, ...args }: PlaygroundProps): React.JSX.Element;
-export declare namespace Playground {
-    var args: {
-        hint: string;
-        accept: string;
-        multiple: boolean;
-    };
-}
-export declare function WithInitialFileList({ errorMessage, ...args }: PlaygroundProps): React.JSX.Element;
-export declare namespace WithInitialFileList {
-    var args: {
-        hint: string;
-        accept: string;
-        multiple: boolean;
-    };
-}
-export declare function GeneralError({ errorMessage, ...args }: PlaygroundProps): React.JSX.Element;
-export declare namespace GeneralError {
-    var args: {
-        hint: string;
-        accept: string;
-        multiple: boolean;
-        error: boolean;
-        errorMessage: string;
-    };
-}

package/dist/components/DragDropFile/components/DropZone.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/DragDropFile/components/FileList.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Drawer/Drawer.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryFn } from '@storybook/react';
-import { DrawerProps } from './Drawer';
-declare const _default: Meta;
-export default _default;
-export declare const Playground: StoryFn<DrawerProps>;
-export declare const SmallerContentPlayground: StoryFn<DrawerProps>;

package/dist/components/Drawer/Drawer.test.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,12 +0,0 @@
-import { StoryFn, Meta } from '@storybook/react';
-import { DropdownProps, DropdownTriggerProps } from './Dropdown.types';
-declare const meta: Meta;
-export default meta;
-export type DropdownStoryProps = DropdownProps & {
-    scale: DropdownTriggerProps['scale'];
-    outlined?: DropdownTriggerProps['outlined'];
-};
-export declare const Playground: StoryFn<DropdownStoryProps>;
-export declare const WithSections: StoryFn<DropdownStoryProps>;
-export declare const Extended: StoryFn<DropdownStoryProps>;
-export declare const CustomTrigger: StoryFn<DropdownStoryProps>;

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

@@ -1 +0,0 @@
-export {};

package/dist/components/Dropdown/useDropdown.test.d.ts

@@ -1 +0,0 @@
-export {};