@loadsmart/loadsmart-ui 7.7.0-beta.1 → 8.0.0-beta.1

package/dist/{prop-B8LY6G2g.js → prop-K2Z3EsyG.js}

@@ -1,7 +1,7 @@
 import { isObject } from "@loadsmart/utils-object";
 import { isFunction } from "@loadsmart/utils-function";
 import { getToken } from "./theming/index.js";
-import get from "lodash/get.js";
+import { get } from "lodash-es";
 import { t as toArray } from "./toArray-Dxb1kUxx.js";
 function whenProps(conditions) {
   return function(props) {
@@ -78,4 +78,4 @@ export {
   prop as p,
   whenProps as w
 };
-//# sourceMappingURL=prop-B8LY6G2g.js.map
+//# sourceMappingURL=prop-K2Z3EsyG.js.map

package/dist/{prop-B8LY6G2g.js.map → prop-K2Z3EsyG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"prop-B8LY6G2g.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 {...Object} conditions\n * @returns {(props: Object}) => boolean} 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    let res = false\n\n    for (let i = 0; i < safeConditions.length; i++) {\n      const condition = safeConditions[i]\n      const keys = Object.keys(condition)\n\n      let temp = true\n\n      for (let j = 0; j < keys.length && temp; j++) {\n        const key = keys[j]\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          temp = temp && toArray(conditionValue).includes(propValue)\n        } else if (isFunction(conditionValue)) {\n          temp = temp && Boolean(conditionValue(propValue))\n        } else {\n          temp = temp && (conditionValue as unknown) === propValue\n        }\n      }\n\n      res = res || temp\n    }\n\n    return res\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((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      const result = (getToken(tokenKey, props as unknown as ThemedProps) ?? key) as string\n      return [...acc, result]\n    }\n\n    return acc\n  }, [] as string[])\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 {(props: ThemedProps) => string} 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  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\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 {(props: ThemedProps) => string} 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","res","i","length","condition","keys","Object","temp","j","key","propValue","get","conditionValue","Array","isArray","includes","isFunction","Boolean","handleConditionObject","reduce","acc","value","tokenKey","result","getToken","join","conditional","classes","push","isObject","concat","String","compare","args","defaultValue","Number","isNaN","prop","name","comparatorFn"],"mappings":";;;;;AA8BO,SAASA,UAAaC,YAAqD;AAChF,SAAO,SAAUC,OAAmB;AAC5BC,UAAAA,iBAAiBC,QAAQH,UAAU;AAEzC,QAAII,MAAM;AAEV,aAASC,IAAI,GAAGA,IAAIH,eAAeI,QAAQD,KAAK;AACxCE,YAAAA,YAAYL,eAAeG,CAAC;AAC5BG,YAAAA,OAAOC,OAAOD,KAAKD,SAAS;AAElC,UAAIG,OAAO;AAEX,eAASC,IAAI,GAAGA,IAAIH,KAAKF,UAAUI,MAAMC,KAAK;AACtCC,cAAAA,MAAMJ,KAAKG,CAAC;AACZE,cAAAA,YAAYC,IAAIb,OAAOW,GAAG;AAC1BG,cAAAA,iBAAiBR,UAAUK,GAA6B;AAE1DI,YAAAA,MAAMC,QAAQF,cAAc,GAAG;AACjCL,iBAAOA,QAAQP,QAAQY,cAAc,EAAEG,SAASL,SAAS;AAAA,QAAA,WAChDM,WAAWJ,cAAc,GAAG;AACrCL,iBAAOA,QAAQU,QAAQL,eAAeF,SAAS,CAAC;AAAA,QAAA,OAC3C;AACLH,iBAAOA,QAASK,mBAA+BF;AAAAA,QAAAA;AAAAA,MACjD;AAGFT,YAAMA,OAAOM;AAAAA,IAAAA;AAGRN,WAAAA;AAAAA,EACT;AACF;AAOA,SAASiB,sBAAyBd,WAA+BN,OAAkB;AACjF,QAAMO,OAAOC,OAAOD,KAAKD,aAAa,CAAA,CAAE;AAExC,QAAMH,MAAMI,KAAKc,OAAO,CAACC,KAAKX,QAAQ;AAChCY,QAAAA,QAAQjB,UAAUK,GAAG;AAErBO,QAAAA,WAAWK,KAAK,GAAG;AACrBA,cAAQA,MAAMvB,KAAK;AAAA,IAAA;AAGrB,QAAIuB,OAAO;AACT,YAAMC,WAAWb;AACjB,YAAMc,SAAUC,SAASF,UAAUxB,KAA+B,KAAKW;AAChE,aAAA,CAAC,GAAGW,KAAKG,MAAM;AAAA,IAAA;AAGjBH,WAAAA;AAAAA,EACT,GAAG,EAAc;AAEVnB,SAAAA,IAAIwB,KAAK,GAAG;AACrB;AAkBA,SAASC,eAAkB7B,YAA4B;AACrD,SAAO,SAAUC,OAAkB;AACjC,QAAI6B,UAAoB,CAAE;AAE1B,aAASzB,IAAI,GAAGA,IAAIL,WAAWM,QAAQD,KAAK;AACpCE,YAAAA,YAAYP,WAAWK,CAAC;AAE1Bc,UAAAA,WAAWZ,SAAS,GAAG;AACjBwB,gBAAAA,KAAKxB,UAAUN,KAAK,CAAC;AAAA,MAAA,WACpB+B,SAASzB,SAAS,GAAG;AAC9BuB,kBAAUA,QAAQG,OAAOZ,sBAAyBd,WAAWN,KAAK,CAAC;AAAA,iBAC1DM,WAAW;AACZwB,gBAAAA,KAAKG,OAAO3B,SAAS,CAAC;AAAA,MAAA;AAAA,IAChC;AAGKuB,WAAAA,QAAQF,KAAK,GAAG;AAAA,EACzB;AACF;AC5HA,SAASO,WAAWC,MAAsB;AAElC,QAAA,CAACZ,OAAOa,YAAY,IAAID;AAE9B,MAAIZ,SAAS,QAAQA,UAAU,SAASc,OAAOC,MAAMf,KAAK,GAAG;AAC3D,WAAOa,gBAAgBb;AAAAA,EAAAA;AAGzB,MAAI,OAAOA,UAAU,YAAYA,MAAMlB,WAAW,GAAG;AACnD,WAAO+B,gBAAgBb;AAAAA,EAAAA;AAGlBA,SAAAA;AACT;AAcA,SAASgB,KACPC,MACAJ,cACAK,eAAeP,SACf;AACA,SAAO,CAAClC,UAAmByC,aAAazC,MAAMwC,IAAI,GAAGJ,YAAY;AACnE;"}
+{"version":3,"file":"prop-K2Z3EsyG.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 {...Object} conditions\n * @returns {(props: Object}) => boolean} 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    let res = false\n\n    for (let i = 0; i < safeConditions.length; i++) {\n      const condition = safeConditions[i]\n      const keys = Object.keys(condition)\n\n      let temp = true\n\n      for (let j = 0; j < keys.length && temp; j++) {\n        const key = keys[j]\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          temp = temp && toArray(conditionValue).includes(propValue)\n        } else if (isFunction(conditionValue)) {\n          temp = temp && Boolean(conditionValue(propValue))\n        } else {\n          temp = temp && (conditionValue as unknown) === propValue\n        }\n      }\n\n      res = res || temp\n    }\n\n    return res\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((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      const result = (getToken(tokenKey, props as unknown as ThemedProps) ?? key) as string\n      return [...acc, result]\n    }\n\n    return acc\n  }, [] as string[])\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 {(props: ThemedProps) => string} 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  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\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 {(props: ThemedProps) => string} 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","res","i","length","condition","keys","Object","temp","j","key","propValue","get","conditionValue","Array","isArray","includes","isFunction","Boolean","handleConditionObject","reduce","acc","value","tokenKey","result","getToken","join","conditional","classes","push","isObject","concat","String","compare","args","defaultValue","Number","isNaN","prop","name","comparatorFn"],"mappings":";;;;;AA8BO,SAASA,UAAaC,YAAqD;AAChF,SAAO,SAAUC,OAAmB;AAC5BC,UAAAA,iBAAiBC,QAAQH,UAAU;AAEzC,QAAII,MAAM;AAEV,aAASC,IAAI,GAAGA,IAAIH,eAAeI,QAAQD,KAAK;AACxCE,YAAAA,YAAYL,eAAeG,CAAC;AAC5BG,YAAAA,OAAOC,OAAOD,KAAKD,SAAS;AAElC,UAAIG,OAAO;AAEX,eAASC,IAAI,GAAGA,IAAIH,KAAKF,UAAUI,MAAMC,KAAK;AACtCC,cAAAA,MAAMJ,KAAKG,CAAC;AACZE,cAAAA,YAAYC,IAAIb,OAAOW,GAAG;AAC1BG,cAAAA,iBAAiBR,UAAUK,GAA6B;AAE1DI,YAAAA,MAAMC,QAAQF,cAAc,GAAG;AACjCL,iBAAOA,QAAQP,QAAQY,cAAc,EAAEG,SAASL,SAAS;AAAA,QAAA,WAChDM,WAAWJ,cAAc,GAAG;AACrCL,iBAAOA,QAAQU,QAAQL,eAAeF,SAAS,CAAC;AAAA,QAAA,OAC3C;AACLH,iBAAOA,QAASK,mBAA+BF;AAAAA,QAAAA;AAAAA,MACjD;AAGFT,YAAMA,OAAOM;AAAAA,IAAAA;AAGRN,WAAAA;AAAAA,EACT;AACF;AAOA,SAASiB,sBAAyBd,WAA+BN,OAAkB;AACjF,QAAMO,OAAOC,OAAOD,KAAKD,aAAa,CAAA,CAAE;AAExC,QAAMH,MAAMI,KAAKc,OAAO,CAACC,KAAKX,QAAQ;AAChCY,QAAAA,QAAQjB,UAAUK,GAAG;AAErBO,QAAAA,WAAWK,KAAK,GAAG;AACrBA,cAAQA,MAAMvB,KAAK;AAAA,IAAA;AAGrB,QAAIuB,OAAO;AACT,YAAMC,WAAWb;AACjB,YAAMc,SAAUC,SAASF,UAAUxB,KAA+B,KAAKW;AAChE,aAAA,CAAC,GAAGW,KAAKG,MAAM;AAAA,IAAA;AAGjBH,WAAAA;AAAAA,EACT,GAAG,EAAc;AAEVnB,SAAAA,IAAIwB,KAAK,GAAG;AACrB;AAkBA,SAASC,eAAkB7B,YAA4B;AACrD,SAAO,SAAUC,OAAkB;AACjC,QAAI6B,UAAoB,CAAE;AAE1B,aAASzB,IAAI,GAAGA,IAAIL,WAAWM,QAAQD,KAAK;AACpCE,YAAAA,YAAYP,WAAWK,CAAC;AAE1Bc,UAAAA,WAAWZ,SAAS,GAAG;AACjBwB,gBAAAA,KAAKxB,UAAUN,KAAK,CAAC;AAAA,MAAA,WACpB+B,SAASzB,SAAS,GAAG;AAC9BuB,kBAAUA,QAAQG,OAAOZ,sBAAyBd,WAAWN,KAAK,CAAC;AAAA,iBAC1DM,WAAW;AACZwB,gBAAAA,KAAKG,OAAO3B,SAAS,CAAC;AAAA,MAAA;AAAA,IAChC;AAGKuB,WAAAA,QAAQF,KAAK,GAAG;AAAA,EACzB;AACF;AC5HA,SAASO,WAAWC,MAAsB;AAElC,QAAA,CAACZ,OAAOa,YAAY,IAAID;AAE9B,MAAIZ,SAAS,QAAQA,UAAU,SAASc,OAAOC,MAAMf,KAAK,GAAG;AAC3D,WAAOa,gBAAgBb;AAAAA,EAAAA;AAGzB,MAAI,OAAOA,UAAU,YAAYA,MAAMlB,WAAW,GAAG;AACnD,WAAO+B,gBAAgBb;AAAAA,EAAAA;AAGlBA,SAAAA;AACT;AAcA,SAASgB,KACPC,MACAJ,cACAK,eAAeP,SACf;AACA,SAAO,CAAClC,UAAmByC,aAAazC,MAAMwC,IAAI,GAAGJ,YAAY;AACnE;"}

package/dist/testing/index.js

@@ -1,7 +1,7 @@
 import { queries, fireEvent, act, waitFor, createEvent, within, waitForElementToBeRemoved, render } from "@testing-library/react";
 import { t as toArray } from "../toArray-Dxb1kUxx.js";
 import { isFunction } from "@loadsmart/utils-function";
-import { a as alice } from "../miranda-compatibility.theme-C_FEacSw.js";
+import { a as alice } from "../miranda-compatibility.theme-kYNEZ7mW.js";
 import React__default from "react";
 import { D as DragDropFileContext } from "../DragDropFile.context-oKnUu6d3.js";
 function getContainerFromInput(input) {

package/dist/tests/renderer.d.ts

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

package/dist/theming/index.js

@@ -1,5 +1,5 @@
 import { isFunction } from "@loadsmart/utils-function";
-import { a as alice, l as loadsmart, m as mirandaCompatibility } from "../miranda-compatibility.theme-C_FEacSw.js";
+import { a as alice, l as loadsmart, m as mirandaCompatibility } from "../miranda-compatibility.theme-kYNEZ7mW.js";
 const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Alice: alice,

package/dist/tools/index.js

@@ -1,4 +1,4 @@
-import { c, p, w } from "../prop-B8LY6G2g.js";
+import { c, p, w } from "../prop-K2Z3EsyG.js";
 export {
   c as conditional,
   p as prop,

package/dist/utils/toolset/flatten.d.ts

@@ -1,2 +1,2 @@
-import { flatten } from 'lodash';
+import { flatten } from 'lodash-es';
 export default flatten;

package/dist/utils/toolset/get.d.ts

@@ -1,2 +1,2 @@
-import { get } from 'lodash';
+import { get } from 'lodash-es';
 export default get;

package/dist/utils/toolset/isEmpty.d.ts

@@ -1,2 +1,2 @@
-import { isEmpty } from 'lodash';
+import { isEmpty } from 'lodash-es';
 export default isEmpty;

package/dist/utils/toolset/omit.d.ts

@@ -1,2 +1,2 @@
-import { omit } from 'lodash';
+import { omit } from 'lodash-es';
 export default omit;

package/dist/utils/toolset/range.d.ts

@@ -1,2 +1,2 @@
-import { range } from 'lodash';
+import { range } from 'lodash-es';
 export default range;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loadsmart/loadsmart-ui",
-  "version": "7.7.0-beta.1",
+  "version": "8.0.0-beta.1",
   "description": "Miranda UI, a React UI library",
   "type": "module",
   "main": "dist/index.js",
@@ -16,8 +16,11 @@
     "test-watch": "yarn test --watch",
     "build": "vite build",
     "docs:build": "storybook build -o ./docs",
-    "docs:deploy": "gh-pages -d docs -m \"chore(docs): update gh-pages [skip ci]\"",
-    "release": "semantic-release",
+    "release:ci": "semantic-release",
+    "build:ci": "yarn build",
+    "test:ci": "yarn test --ci --coverage --reporters=default --reporters=jest-junit -w 4",
+    "docs:build:ci": "yarn docs:build --disable-telemetry",
+    "docs:deploy:ci": "gh-pages -d docs -m \"chore(docs): update gh-pages [skip ci]\"",
     "prepare": "husky"
   },
   "storybook-deployer": {
@@ -39,9 +42,8 @@
   "devDependencies": {
     "@commitlint/cli": "^19.8.0",
     "@commitlint/config-conventional": "^19.8.0",
-    "@loadsmart/miranda-tokens": "^4.0.0-beta.59",
-    "@optimize-lodash/rollup-plugin": "^5.0.2",
-    "@semantic-release/git": "^9.0.0",
+    "@loadsmart/miranda-tokens": "^4.0.0-beta.60",
+    "@semantic-release/git": "^10.0.1",
     "@storybook/addon-a11y": "^7.6.20",
     "@storybook/addon-docs": "^7.6.20",
     "@storybook/addon-essentials": "^7.6.20",
@@ -49,22 +51,20 @@
     "@storybook/react": "^7.6.20",
     "@storybook/react-vite": "^7.6.20",
     "@storybook/theming": "^7.6.20",
-    "@swc/core": "^1.11.15",
+    "@swc/core": "^1.11.18",
     "@swc/jest": "^0.2.37",
-    "@tailwindcss/postcss7-compat": "^2.1.2",
-    "@testing-library/dom": "^8.20.0",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^11.2.7",
-    "@testing-library/react-hooks": "^5.1.3",
+    "@tailwindcss/postcss": "^4.1.3",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^13.5.0",
     "@types/chance": "^1.1.1",
     "@types/jest": "^29.5.14",
     "@types/mdx": "^2.0.2",
     "@types/node": "^22.13.16",
-    "@types/react": "^17.0.85",
-    "@types/react-dom": "^17.0.26",
-    "@types/react-test-renderer": "^17.0.1",
-    "@types/styled-components": "^5.1.34",
+    "@types/react": "^18.3.20",
+    "@types/react-dom": "^18.3.6",
     "@typescript-eslint/eslint-plugin": "^4.22.1",
     "@typescript-eslint/parser": "^4.22.1",
     "@vitejs/plugin-react": "^4.3.4",
@@ -74,10 +74,10 @@
     "cross-env": "^7.0.3",
     "cz-conventional-changelog": "^3.3.0",
     "eslint": "^7.26.0",
-    "eslint-config-prettier": "^8.3.0",
+    "eslint-config-prettier": "^10.1.1",
     "eslint-plugin-jest-dom": "^3.8.1",
     "eslint-plugin-jsx-a11y": "^6.4.1",
-    "eslint-plugin-prettier": "^3.4.0",
+    "eslint-plugin-prettier": "^5.2.6",
     "eslint-plugin-react": "^7.23.2",
     "eslint-plugin-react-hooks": "^4.2.0",
     "eslint-plugin-storybook": "^0.6.12",
@@ -89,18 +89,17 @@
     "jest-junit": "^16.0.0",
     "jest-transformer-svg": "^2.1.0",
     "lint-staged": "^15.5.0",
-    "prettier": "^2.8.4",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-is": "^17.0.2",
+    "prettier": "^3.5.3",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-is": "^18.0.2",
     "react-syntax-highlighter": "^15.6.1",
-    "semantic-release": "^17.4.2",
+    "semantic-release": "^24.2.3",
     "storybook": "^7.6.20",
-    "styled-components": "^5.3.11",
-    "tailwindcss": "npm:@tailwindcss/postcss7-compat",
+    "styled-components": "^6.1.17",
     "ts-toolbelt": "^9.6.0",
-    "typescript": "^5.8.2",
-    "vite": "^6.2.4",
+    "typescript": "^5.8.3",
+    "vite": "^6.2.5",
     "vite-plugin-dts": "^4.5.3",
     "vite-plugin-svgr": "^4.3.0"
   },
@@ -116,8 +115,9 @@
     "@loadsmart/utils-function": "0.3.1",
     "@loadsmart/utils-object": "0.3.1",
     "@loadsmart/utils-string": "0.3.1",
+    "@types/lodash-es": "^4.17.12",
     "clsx": "^2.1.1",
-    "lodash": "^4.17.21"
+    "lodash-es": "^4.17.21"
   },
   "repository": {
     "type": "git",
@@ -133,11 +133,8 @@
     }
   },
   "resolutions": {
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "@types/react": "17.0.85",
-    "@types/react-dom": "17.0.26",
-    "react-is": "17.0.2"
+    "@types/react": "18.3.20",
+    "@types/react-dom": "18.3.6"
   },
   "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }