@rotki/ui-library 2.12.2 → 2.13.0

package/dist/theme/index.js

@@ -60,7 +60,21 @@ const adaptiveTextColorsCombination = {
   }
 };
 const themePlugin = plugin(
-  ({ addUtilities, addVariant, matchUtilities }) => {
+  ({ addBase, addUtilities, addVariant, matchUtilities }) => {
+    const themeVariables = (theme) => Object.fromEntries([
+      ...contextColors.flatMap((color) => [
+        [`--rui-${color}-main`, `var(--rui-${theme}-${color}-main)`],
+        [`--rui-${color}-darker`, `var(--rui-${theme}-${color}-darker)`],
+        [`--rui-${color}-lighter`, `var(--rui-${theme}-${color}-lighter)`]
+      ]),
+      ["--rui-text-primary", `var(--rui-${theme}-text-primary)`],
+      ["--rui-text-secondary", `var(--rui-${theme}-text-secondary)`],
+      ["--rui-text-disabled", `var(--rui-${theme}-text-disabled)`]
+    ]);
+    addBase({
+      'html[data-theme="light"], html.light': themeVariables("light"),
+      'html[data-theme="dark"], html.dark': themeVariables("dark")
+    });
     addUtilities({
       ".border-default": {
         "border-color": "rgb(var(--rui-grey-200))"

package/dist/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/theme/index.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin';\nimport {\n  baseColors,\n  baseColorsIntensities,\n  contextColors,\n} from '../consts/colors';\n\nconst baseColorsCombination = Object.fromEntries(\n  baseColors.map((color: string) => [\n    color,\n    Object.fromEntries(\n      baseColorsIntensities.map((intensity: string) => [\n        intensity,\n        `rgba(var(--rui-${color}-${intensity}), <alpha-value>)`,\n      ]),\n    ),\n  ]),\n);\n\nconst contextColorsCombination = Object.fromEntries(\n  ['light', 'dark'].map(theme => [\n    theme,\n    Object.fromEntries(\n      contextColors.map(color => [\n        color,\n        {\n          darker: `rgba(var(--rui-${theme}-${color}-darker), <alpha-value>)`,\n          DEFAULT: `rgba(var(--rui-${theme}-${color}-main), <alpha-value>)`,\n          lighter: `rgba(var(--rui-${theme}-${color}-lighter), <alpha-value>)`,\n          shade: `color-mix(in srgb, black calc(<alpha-value> * 100%), rgb(var(--rui-${theme}-${color}-main)))`,\n          tint: `color-mix(in srgb, white calc(<alpha-value> * 100%), rgb(var(--rui-${theme}-${color}-main)))`,\n        },\n      ]),\n    ),\n  ]),\n);\n\nconst adaptiveContextColorCombination = Object.fromEntries(\n  contextColors.map(color => [\n    color,\n    {\n      darker: `rgba(var(--rui-${color}-darker), <alpha-value>)`,\n      DEFAULT: `rgba(var(--rui-${color}-main), <alpha-value>)`,\n      lighter: `rgba(var(--rui-${color}-lighter), <alpha-value>)`,\n      shade: `color-mix(in srgb, black calc(<alpha-value> * 100%), rgb(var(--rui-${color}-main)))`,\n      tint: `color-mix(in srgb, white calc(<alpha-value> * 100%), rgb(var(--rui-${color}-main)))`,\n    },\n  ]),\n);\n\nconst textColorsCombination = Object.fromEntries(\n  ['light', 'dark'].map(theme => [\n    theme,\n    {\n      text: {\n        DEFAULT: `var(--rui-${theme}-text-primary)`,\n        disabled: `var(--rui-${theme}-text-disabled)`,\n        secondary: `var(--rui-${theme}-text-secondary)`,\n      },\n    },\n  ]),\n);\n\nconst adaptiveTextColorsCombination = {\n  text: {\n    DEFAULT: `var(--rui-text-primary)`,\n    disabled: `var(--rui-text-disabled)`,\n    secondary: `var(--rui-text-secondary)`,\n  },\n};\n\nconst themePlugin = plugin(\n  ({ addUtilities, addVariant, matchUtilities }) => {\n    // Border utilities\n    addUtilities({\n      '.border-default': {\n        'border-color': 'rgb(var(--rui-grey-200))',\n      },\n      '.dark .border-default': {\n        'border-color': 'rgb(var(--rui-grey-800))',\n      },\n    });\n\n    // Typography\n    addUtilities({\n      '.text-body-1': {\n        '@apply text-base': {},\n      },\n      '.text-body-2': {\n        '@apply text-sm': {},\n      },\n      '.text-caption': {\n        '@apply text-xs': {},\n        'line-height': '1.25rem',\n      },\n      '.text-h1': {\n        '@apply text-8xl font-light': {},\n        'line-height': '7rem',\n      },\n      '.text-h2': {\n        '@apply text-6xl font-light': {},\n        'line-height': '4.5rem',\n      },\n      '.text-h3': {\n        '@apply text-5xl': {},\n        'line-height': '3.5rem',\n      },\n      '.text-h4': {\n        '@apply text-4xl font-semibold': {},\n        'line-height': '2.625rem',\n      },\n      '.text-h5': {\n        '@apply text-2xl': {},\n        'line-height': '2rem',\n      },\n      '.text-h6': {\n        '@apply text-xl font-medium': {},\n        'line-height': '2rem',\n      },\n      '.text-overline': {\n        '@apply text-xs uppercase': {},\n        'line-height': '2rem',\n      },\n      '.text-subtitle-1': {\n        '@apply text-base': {},\n        'line-height': '1.75rem',\n      },\n      '.text-subtitle-2': {\n        '@apply text-sm font-medium': {},\n        'line-height': '1.25rem',\n      },\n    });\n\n    // Tint and Shade Colors\n    matchUtilities(\n      Object.fromEntries(\n        ['bg-tint', 'bg-shade', 'text-tint', 'text-shade'].map(item => [\n          item,\n          value => ({\n            animation: `${item} 1s calc(${value} * -1s) linear forwards paused`,\n          }),\n        ]),\n      ),\n    );\n    addVariant('color-mix-supported', '@supports (color-mix())');\n  },\n  {\n    theme: {\n      extend: {\n        boxShadow: {\n          1: '0px 2px 1px -1px var(--rui-shadow-primary), 0px 1px 1px var(--rui-shadow-secondary), 0px 1px 3px var(--rui-shadow-tertiary)',\n          10: '0px 6px 6px -3px var(--rui-shadow-primary), 0px 10px 14px 1px var(--rui-shadow-secondary), 0px 4px 18px 3px var(--rui-shadow-tertiary)',\n          11: '0px 6px 7px -4px var(--rui-shadow-primary), 0px 11px 15px 1px var(--rui-shadow-secondary), 0px 4px 20px 3px var(--rui-shadow-tertiary)',\n          12: '0px 7px 8px -4px var(--rui-shadow-primary), 0px 12px 17px 2px var(--rui-shadow-secondary), 0px 5px 22px 4px var(--rui-shadow-tertiary)',\n          13: '0px 7px 8px -4px var(--rui-shadow-primary), 0px 13px 19px 2px var(--rui-shadow-secondary), 0px 5px 24px 4px var(--rui-shadow-tertiary)',\n          14: '0px 7px 9px -4px var(--rui-shadow-primary), 0px 14px 21px 2px var(--rui-shadow-secondary), 0px 5px 26px 4px var(--rui-shadow-tertiary)',\n          15: '0px 8px 9px -5px var(--rui-shadow-primary), 0px 15px 22px 2px var(--rui-shadow-secondary), 0px 6px 28px 5px var(--rui-shadow-tertiary)',\n          16: '0px 8px 10px -5px var(--rui-shadow-primary), 0px 16px 24px 2px var(--rui-shadow-secondary), 0px 6px 30px 5px var(--rui-shadow-tertiary)',\n          17: '0px 8px 11px -5px var(--rui-shadow-primary), 0px 17px 26px 2px var(--rui-shadow-secondary), 0px 6px 32px 5px var(--rui-shadow-tertiary)',\n          18: '0px 9px 11px -5px var(--rui-shadow-primary), 0px 18px 28px 2px var(--rui-shadow-secondary), 0px 7px 34px 6px var(--rui-shadow-tertiary)',\n          19: '0px 9px 12px -6px var(--rui-shadow-primary), 0px 19px 29px 2px var(--rui-shadow-secondary), 0px 7px 36px 6px var(--rui-shadow-tertiary)',\n          2: '0px 3px 1px -2px var(--rui-shadow-primary), 0px 2px 2px var(--rui-shadow-secondary), 0px 1px 5px var(--rui-shadow-tertiary)',\n          20: '0px 10px 13px -6px var(--rui-shadow-primary), 0px 20px 31px 3px var(--rui-shadow-secondary), 0px 8px 38px 7px var(--rui-shadow-tertiary)',\n          21: '0px 10px 13px -6px var(--rui-shadow-primary), 0px 21px 33px 3px var(--rui-shadow-secondary), 0px 8px 40px 7px var(--rui-shadow-tertiary)',\n          22: '0px 10px 14px -6px var(--rui-shadow-primary), 0px 22px 35px 3px var(--rui-shadow-secondary), 0px 8px 42px 7px var(--rui-shadow-tertiary)',\n          23: '0px 11px 14px -7px var(--rui-shadow-primary), 0px 23px 36px 3px var(--rui-shadow-secondary), 0px 9px 44px 8px var(--rui-shadow-tertiary)',\n          24: '0px 11px 15px -7px var(--rui-shadow-primary), 0px 24px 38px 3px var(--rui-shadow-secondary), 0px 9px 46px 8px var(--rui-shadow-tertiary)',\n          3: '0px 3px 3px -2px var(--rui-shadow-primary), 0px 3px 4px var(--rui-shadow-secondary), 0px 1px 8px var(--rui-shadow-tertiary)',\n          4: '0px 2px 4px -1px var(--rui-shadow-primary), 0px 4px 5px var(--rui-shadow-secondary), 0px 1px 10px var(--rui-shadow-tertiary)',\n          5: '0px 3px 5px -1px var(--rui-shadow-primary), 0px 5px 8px var(--rui-shadow-secondary), 0px 1px 14px var(--rui-shadow-tertiary)',\n          6: '0px 3px 5px -1px var(--rui-shadow-primary), 0px 6px 10px var(--rui-shadow-secondary), 0px 1px 18px var(--rui-shadow-tertiary)',\n          7: '0px 4px 5px -2px var(--rui-shadow-primary), 0px 7px 10px 1px var(--rui-shadow-secondary), 0px 2px 16px 1px var(--rui-shadow-tertiary)',\n          8: '0px 5px 5px -3px var(--rui-shadow-primary), 0px 8px 10px 1px var(--rui-shadow-secondary), 0px 3px 14px 2px var(--rui-shadow-tertiary)',\n          9: '0px 5px 6px -3px var(--rui-shadow-primary), 0px 9px 12px 1px var(--rui-shadow-secondary), 0px 3px 16px 2px var(--rui-shadow-tertiary)',\n        },\n        colors: {\n          rui: {\n            ...baseColorsCombination,\n            ...contextColorsCombination,\n            ...textColorsCombination,\n            dark: {\n              ...contextColorsCombination.dark,\n              ...textColorsCombination.dark,\n            },\n            light: {\n              ...contextColorsCombination.light,\n              ...textColorsCombination.light,\n            },\n            ...adaptiveContextColorCombination,\n            ...adaptiveTextColorsCombination,\n          },\n        },\n      },\n    },\n  },\n);\n\nexport default themePlugin;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/theme/index.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin';\nimport {\n  baseColors,\n  baseColorsIntensities,\n  contextColors,\n} from '../consts/colors';\n\nconst baseColorsCombination = Object.fromEntries(\n  baseColors.map((color: string) => [\n    color,\n    Object.fromEntries(\n      baseColorsIntensities.map((intensity: string) => [\n        intensity,\n        `rgba(var(--rui-${color}-${intensity}), <alpha-value>)`,\n      ]),\n    ),\n  ]),\n);\n\nconst contextColorsCombination = Object.fromEntries(\n  ['light', 'dark'].map(theme => [\n    theme,\n    Object.fromEntries(\n      contextColors.map(color => [\n        color,\n        {\n          darker: `rgba(var(--rui-${theme}-${color}-darker), <alpha-value>)`,\n          DEFAULT: `rgba(var(--rui-${theme}-${color}-main), <alpha-value>)`,\n          lighter: `rgba(var(--rui-${theme}-${color}-lighter), <alpha-value>)`,\n          shade: `color-mix(in srgb, black calc(<alpha-value> * 100%), rgb(var(--rui-${theme}-${color}-main)))`,\n          tint: `color-mix(in srgb, white calc(<alpha-value> * 100%), rgb(var(--rui-${theme}-${color}-main)))`,\n        },\n      ]),\n    ),\n  ]),\n);\n\nconst adaptiveContextColorCombination = Object.fromEntries(\n  contextColors.map(color => [\n    color,\n    {\n      darker: `rgba(var(--rui-${color}-darker), <alpha-value>)`,\n      DEFAULT: `rgba(var(--rui-${color}-main), <alpha-value>)`,\n      lighter: `rgba(var(--rui-${color}-lighter), <alpha-value>)`,\n      shade: `color-mix(in srgb, black calc(<alpha-value> * 100%), rgb(var(--rui-${color}-main)))`,\n      tint: `color-mix(in srgb, white calc(<alpha-value> * 100%), rgb(var(--rui-${color}-main)))`,\n    },\n  ]),\n);\n\nconst textColorsCombination = Object.fromEntries(\n  ['light', 'dark'].map(theme => [\n    theme,\n    {\n      text: {\n        DEFAULT: `var(--rui-${theme}-text-primary)`,\n        disabled: `var(--rui-${theme}-text-disabled)`,\n        secondary: `var(--rui-${theme}-text-secondary)`,\n      },\n    },\n  ]),\n);\n\nconst adaptiveTextColorsCombination = {\n  text: {\n    DEFAULT: `var(--rui-text-primary)`,\n    disabled: `var(--rui-text-disabled)`,\n    secondary: `var(--rui-text-secondary)`,\n  },\n};\n\nconst themePlugin = plugin(\n  ({ addBase, addUtilities, addVariant, matchUtilities }) => {\n    // Adaptive theme variable aliases\n    const themeVariables = (theme: 'light' | 'dark'): Record<string, string> =>\n      Object.fromEntries([\n        ...contextColors.flatMap(color => [\n          [`--rui-${color}-main`, `var(--rui-${theme}-${color}-main)`],\n          [`--rui-${color}-darker`, `var(--rui-${theme}-${color}-darker)`],\n          [`--rui-${color}-lighter`, `var(--rui-${theme}-${color}-lighter)`],\n        ]),\n        ['--rui-text-primary', `var(--rui-${theme}-text-primary)`],\n        ['--rui-text-secondary', `var(--rui-${theme}-text-secondary)`],\n        ['--rui-text-disabled', `var(--rui-${theme}-text-disabled)`],\n      ]);\n\n    addBase({\n      'html[data-theme=\"light\"], html.light': themeVariables('light'),\n      'html[data-theme=\"dark\"], html.dark': themeVariables('dark'),\n    });\n\n    // Border utilities\n    addUtilities({\n      '.border-default': {\n        'border-color': 'rgb(var(--rui-grey-200))',\n      },\n      '.dark .border-default': {\n        'border-color': 'rgb(var(--rui-grey-800))',\n      },\n    });\n\n    // Typography\n    addUtilities({\n      '.text-body-1': {\n        '@apply text-base': {},\n      },\n      '.text-body-2': {\n        '@apply text-sm': {},\n      },\n      '.text-caption': {\n        '@apply text-xs': {},\n        'line-height': '1.25rem',\n      },\n      '.text-h1': {\n        '@apply text-8xl font-light': {},\n        'line-height': '7rem',\n      },\n      '.text-h2': {\n        '@apply text-6xl font-light': {},\n        'line-height': '4.5rem',\n      },\n      '.text-h3': {\n        '@apply text-5xl': {},\n        'line-height': '3.5rem',\n      },\n      '.text-h4': {\n        '@apply text-4xl font-semibold': {},\n        'line-height': '2.625rem',\n      },\n      '.text-h5': {\n        '@apply text-2xl': {},\n        'line-height': '2rem',\n      },\n      '.text-h6': {\n        '@apply text-xl font-medium': {},\n        'line-height': '2rem',\n      },\n      '.text-overline': {\n        '@apply text-xs uppercase': {},\n        'line-height': '2rem',\n      },\n      '.text-subtitle-1': {\n        '@apply text-base': {},\n        'line-height': '1.75rem',\n      },\n      '.text-subtitle-2': {\n        '@apply text-sm font-medium': {},\n        'line-height': '1.25rem',\n      },\n    });\n\n    // Tint and Shade Colors\n    matchUtilities(\n      Object.fromEntries(\n        ['bg-tint', 'bg-shade', 'text-tint', 'text-shade'].map(item => [\n          item,\n          value => ({\n            animation: `${item} 1s calc(${value} * -1s) linear forwards paused`,\n          }),\n        ]),\n      ),\n    );\n    addVariant('color-mix-supported', '@supports (color-mix())');\n  },\n  {\n    theme: {\n      extend: {\n        boxShadow: {\n          1: '0px 2px 1px -1px var(--rui-shadow-primary), 0px 1px 1px var(--rui-shadow-secondary), 0px 1px 3px var(--rui-shadow-tertiary)',\n          10: '0px 6px 6px -3px var(--rui-shadow-primary), 0px 10px 14px 1px var(--rui-shadow-secondary), 0px 4px 18px 3px var(--rui-shadow-tertiary)',\n          11: '0px 6px 7px -4px var(--rui-shadow-primary), 0px 11px 15px 1px var(--rui-shadow-secondary), 0px 4px 20px 3px var(--rui-shadow-tertiary)',\n          12: '0px 7px 8px -4px var(--rui-shadow-primary), 0px 12px 17px 2px var(--rui-shadow-secondary), 0px 5px 22px 4px var(--rui-shadow-tertiary)',\n          13: '0px 7px 8px -4px var(--rui-shadow-primary), 0px 13px 19px 2px var(--rui-shadow-secondary), 0px 5px 24px 4px var(--rui-shadow-tertiary)',\n          14: '0px 7px 9px -4px var(--rui-shadow-primary), 0px 14px 21px 2px var(--rui-shadow-secondary), 0px 5px 26px 4px var(--rui-shadow-tertiary)',\n          15: '0px 8px 9px -5px var(--rui-shadow-primary), 0px 15px 22px 2px var(--rui-shadow-secondary), 0px 6px 28px 5px var(--rui-shadow-tertiary)',\n          16: '0px 8px 10px -5px var(--rui-shadow-primary), 0px 16px 24px 2px var(--rui-shadow-secondary), 0px 6px 30px 5px var(--rui-shadow-tertiary)',\n          17: '0px 8px 11px -5px var(--rui-shadow-primary), 0px 17px 26px 2px var(--rui-shadow-secondary), 0px 6px 32px 5px var(--rui-shadow-tertiary)',\n          18: '0px 9px 11px -5px var(--rui-shadow-primary), 0px 18px 28px 2px var(--rui-shadow-secondary), 0px 7px 34px 6px var(--rui-shadow-tertiary)',\n          19: '0px 9px 12px -6px var(--rui-shadow-primary), 0px 19px 29px 2px var(--rui-shadow-secondary), 0px 7px 36px 6px var(--rui-shadow-tertiary)',\n          2: '0px 3px 1px -2px var(--rui-shadow-primary), 0px 2px 2px var(--rui-shadow-secondary), 0px 1px 5px var(--rui-shadow-tertiary)',\n          20: '0px 10px 13px -6px var(--rui-shadow-primary), 0px 20px 31px 3px var(--rui-shadow-secondary), 0px 8px 38px 7px var(--rui-shadow-tertiary)',\n          21: '0px 10px 13px -6px var(--rui-shadow-primary), 0px 21px 33px 3px var(--rui-shadow-secondary), 0px 8px 40px 7px var(--rui-shadow-tertiary)',\n          22: '0px 10px 14px -6px var(--rui-shadow-primary), 0px 22px 35px 3px var(--rui-shadow-secondary), 0px 8px 42px 7px var(--rui-shadow-tertiary)',\n          23: '0px 11px 14px -7px var(--rui-shadow-primary), 0px 23px 36px 3px var(--rui-shadow-secondary), 0px 9px 44px 8px var(--rui-shadow-tertiary)',\n          24: '0px 11px 15px -7px var(--rui-shadow-primary), 0px 24px 38px 3px var(--rui-shadow-secondary), 0px 9px 46px 8px var(--rui-shadow-tertiary)',\n          3: '0px 3px 3px -2px var(--rui-shadow-primary), 0px 3px 4px var(--rui-shadow-secondary), 0px 1px 8px var(--rui-shadow-tertiary)',\n          4: '0px 2px 4px -1px var(--rui-shadow-primary), 0px 4px 5px var(--rui-shadow-secondary), 0px 1px 10px var(--rui-shadow-tertiary)',\n          5: '0px 3px 5px -1px var(--rui-shadow-primary), 0px 5px 8px var(--rui-shadow-secondary), 0px 1px 14px var(--rui-shadow-tertiary)',\n          6: '0px 3px 5px -1px var(--rui-shadow-primary), 0px 6px 10px var(--rui-shadow-secondary), 0px 1px 18px var(--rui-shadow-tertiary)',\n          7: '0px 4px 5px -2px var(--rui-shadow-primary), 0px 7px 10px 1px var(--rui-shadow-secondary), 0px 2px 16px 1px var(--rui-shadow-tertiary)',\n          8: '0px 5px 5px -3px var(--rui-shadow-primary), 0px 8px 10px 1px var(--rui-shadow-secondary), 0px 3px 14px 2px var(--rui-shadow-tertiary)',\n          9: '0px 5px 6px -3px var(--rui-shadow-primary), 0px 9px 12px 1px var(--rui-shadow-secondary), 0px 3px 16px 2px var(--rui-shadow-tertiary)',\n        },\n        colors: {\n          rui: {\n            ...baseColorsCombination,\n            ...contextColorsCombination,\n            ...textColorsCombination,\n            dark: {\n              ...contextColorsCombination.dark,\n              ...textColorsCombination.dark,\n            },\n            light: {\n              ...contextColorsCombination.light,\n              ...textColorsCombination.light,\n            },\n            ...adaptiveContextColorCombination,\n            ...adaptiveTextColorsCombination,\n          },\n        },\n      },\n    },\n  },\n);\n\nexport default themePlugin;\n"],"names":[],"mappings":"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"}

package/dist/utils/assert.d.ts

@@ -1 +1 @@
-export declare function assert(condition: any, msg?: string): asserts condition;
+export declare function assert(condition: unknown, msg?: string): asserts condition;

package/dist/utils/assert.js.map

@@ -1 +1 @@
-{"version":3,"file":"assert.js","sources":["../../src/utils/assert.ts"],"sourcesContent":["class AssertionError extends Error {\n  constructor(msg?: string) {\n    super(msg ?? 'AssertionError');\n    this.name = 'AssertionError';\n  }\n}\n\nexport function assert(condition: any, msg?: string): asserts condition {\n  if (!condition)\n    throw new AssertionError(msg);\n}\n"],"names":[],"mappings":"AAAA,MAAM,uBAAuB,MAAM;AAAA,EACjC,YAAY,KAAc;AACxB,UAAM,OAAO,gBAAgB;AAC7B,SAAK,OAAO;AAAA,EACd;AACF;AAEO,SAAS,OAAO,WAAgB,KAAiC;AACtE,MAAI,CAAC;AACH,UAAM,IAAI,eAAe,GAAG;AAChC;"}
+{"version":3,"file":"assert.js","sources":["../../src/utils/assert.ts"],"sourcesContent":["class AssertionError extends Error {\n  constructor(msg?: string) {\n    super(msg ?? 'AssertionError');\n    this.name = 'AssertionError';\n  }\n}\n\nexport function assert(condition: unknown, msg?: string): asserts condition {\n  if (!condition)\n    throw new AssertionError(msg);\n}\n"],"names":[],"mappings":"AAAA,MAAM,uBAAuB,MAAM;AAAA,EACjC,YAAY,KAAc;AACxB,UAAM,OAAO,gBAAgB;AAC7B,SAAK,OAAO;AAAA,EACd;AACF;AAEO,SAAS,OAAO,WAAoB,KAAiC;AAC1E,MAAI,CAAC;AACH,UAAM,IAAI,eAAe,GAAG;AAChC;"}

package/dist/utils/form-text-detail.d.ts

@@ -1,8 +1,9 @@
-import type { MaybeRef } from 'vue';
-export declare function useFormTextDetail(errorMessages: MaybeRef<string | string[]>, successMessages: MaybeRef<string | string[]>): {
-    formattedErrorMessages: globalThis.ComputedRef<string[]>;
-    formattedSuccessMessages: globalThis.ComputedRef<string[]>;
-    hasError: globalThis.ComputedRef<boolean>;
-    hasMessages: globalThis.ComputedRef<boolean>;
-    hasSuccess: globalThis.ComputedRef<boolean>;
-};
+import type { ComputedRef, MaybeRef } from 'vue';
+export interface FormTextDetailReturn {
+    formattedErrorMessages: ComputedRef<string[]>;
+    formattedSuccessMessages: ComputedRef<string[]>;
+    hasError: ComputedRef<boolean>;
+    hasMessages: ComputedRef<boolean>;
+    hasSuccess: ComputedRef<boolean>;
+}
+export declare function useFormTextDetail(errorMessages: MaybeRef<string | string[]>, successMessages: MaybeRef<string | string[]>): FormTextDetailReturn;

package/dist/utils/form-text-detail.js

@@ -1,4 +1,3 @@
-import { logicOr } from "@vueuse/math";
 import { computed } from "vue";
 import { get } from "@vueuse/shared";
 function useFormTextDetail(errorMessages, successMessages) {
@@ -16,7 +15,7 @@ function useFormTextDetail(errorMessages, successMessages) {
   });
   const hasError = computed(() => get(formattedErrorMessages).length > 0);
   const hasSuccess = computed(() => get(formattedSuccessMessages).length > 0);
-  const hasMessages = logicOr(hasError, hasSuccess);
+  const hasMessages = computed(() => get(hasError) || get(hasSuccess));
   return {
     formattedErrorMessages,
     formattedSuccessMessages,

package/dist/utils/form-text-detail.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-text-detail.js","sources":["../../src/utils/form-text-detail.ts"],"sourcesContent":["import type { MaybeRef } from 'vue';\nimport { logicOr } from '@vueuse/math';\n\nexport function useFormTextDetail(errorMessages: MaybeRef<string | string[]>, successMessages: MaybeRef<string | string[]>) {\n  const formattedErrorMessages = computed(() => {\n    let errorMessagesVal = get(errorMessages);\n    if (typeof errorMessagesVal === 'string')\n      errorMessagesVal = [errorMessagesVal];\n\n    return errorMessagesVal.filter(item => !!item);\n  });\n\n  const formattedSuccessMessages = computed(() => {\n    let successMessagesVal = get(successMessages);\n    if (typeof successMessagesVal === 'string')\n      successMessagesVal = [successMessagesVal];\n\n    return successMessagesVal.filter(item => !!item);\n  });\n\n  const hasError = computed(() => get(formattedErrorMessages).length > 0);\n\n  const hasSuccess = computed(() => get(formattedSuccessMessages).length > 0);\n  const hasMessages = logicOr(hasError, hasSuccess);\n\n  return {\n    formattedErrorMessages,\n    formattedSuccessMessages,\n    hasError,\n    hasMessages,\n    hasSuccess,\n  };\n}\n"],"names":[],"mappings":";;;AAGO,SAAS,kBAAkB,eAA4C,iBAA8C;AAC1H,QAAM,yBAAyB,SAAS,MAAM;AAC5C,QAAI,mBAAmB,IAAI,aAAa;AACxC,QAAI,OAAO,qBAAqB;AAC9B,yBAAmB,CAAC,gBAAgB;AAEtC,WAAO,iBAAiB,OAAO,CAAA,SAAQ,CAAC,CAAC,IAAI;AAAA,EAC/C,CAAC;AAED,QAAM,2BAA2B,SAAS,MAAM;AAC9C,QAAI,qBAAqB,IAAI,eAAe;AAC5C,QAAI,OAAO,uBAAuB;AAChC,2BAAqB,CAAC,kBAAkB;AAE1C,WAAO,mBAAmB,OAAO,CAAA,SAAQ,CAAC,CAAC,IAAI;AAAA,EACjD,CAAC;AAED,QAAM,WAAW,SAAS,MAAM,IAAI,sBAAsB,EAAE,SAAS,CAAC;AAEtE,QAAM,aAAa,SAAS,MAAM,IAAI,wBAAwB,EAAE,SAAS,CAAC;AAC1E,QAAM,cAAc,QAAQ,UAAU,UAAU;AAEhD,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"form-text-detail.js","sources":["../../src/utils/form-text-detail.ts"],"sourcesContent":["import type { ComputedRef, MaybeRef } from 'vue';\n\nexport interface FormTextDetailReturn {\n  formattedErrorMessages: ComputedRef<string[]>;\n  formattedSuccessMessages: ComputedRef<string[]>;\n  hasError: ComputedRef<boolean>;\n  hasMessages: ComputedRef<boolean>;\n  hasSuccess: ComputedRef<boolean>;\n}\n\nexport function useFormTextDetail(\n  errorMessages: MaybeRef<string | string[]>,\n  successMessages: MaybeRef<string | string[]>,\n): FormTextDetailReturn {\n  const formattedErrorMessages = computed<string[]>(() => {\n    let errorMessagesVal = get(errorMessages);\n    if (typeof errorMessagesVal === 'string')\n      errorMessagesVal = [errorMessagesVal];\n\n    return errorMessagesVal.filter(item => !!item);\n  });\n\n  const formattedSuccessMessages = computed<string[]>(() => {\n    let successMessagesVal = get(successMessages);\n    if (typeof successMessagesVal === 'string')\n      successMessagesVal = [successMessagesVal];\n\n    return successMessagesVal.filter(item => !!item);\n  });\n\n  const hasError = computed<boolean>(() => get(formattedErrorMessages).length > 0);\n\n  const hasSuccess = computed<boolean>(() => get(formattedSuccessMessages).length > 0);\n  const hasMessages = computed<boolean>(() => get(hasError) || get(hasSuccess));\n\n  return {\n    formattedErrorMessages,\n    formattedSuccessMessages,\n    hasError,\n    hasMessages,\n    hasSuccess,\n  };\n}\n"],"names":[],"mappings":";;AAUO,SAAS,kBACd,eACA,iBACsB;AACtB,QAAM,yBAAyB,SAAmB,MAAM;AACtD,QAAI,mBAAmB,IAAI,aAAa;AACxC,QAAI,OAAO,qBAAqB;AAC9B,yBAAmB,CAAC,gBAAgB;AAEtC,WAAO,iBAAiB,OAAO,CAAA,SAAQ,CAAC,CAAC,IAAI;AAAA,EAC/C,CAAC;AAED,QAAM,2BAA2B,SAAmB,MAAM;AACxD,QAAI,qBAAqB,IAAI,eAAe;AAC5C,QAAI,OAAO,uBAAuB;AAChC,2BAAqB,CAAC,kBAAkB;AAE1C,WAAO,mBAAmB,OAAO,CAAA,SAAQ,CAAC,CAAC,IAAI;AAAA,EACjD,CAAC;AAED,QAAM,WAAW,SAAkB,MAAM,IAAI,sBAAsB,EAAE,SAAS,CAAC;AAE/E,QAAM,aAAa,SAAkB,MAAM,IAAI,wBAAwB,EAAE,SAAS,CAAC;AACnF,QAAM,cAAc,SAAkB,MAAM,IAAI,QAAQ,KAAK,IAAI,UAAU,CAAC;AAE5E,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;"}

package/dist/utils/helpers.d.ts

@@ -1,60 +1,32 @@
 import type { SetupContext } from 'vue';
-interface CurrencyOptions {
-    currency?: string;
-    locale?: string;
-    style?: Intl.NumberFormatOptionsStyle;
-    fractionDigits?: number;
-}
 type SetupContextAttrs = SetupContext['attrs'];
 type SetupContextAttrsKeys = (keyof SetupContextAttrs)[];
-/**
- * Format number value to specified currency format
- * @param {number} amount
- * @param {CurrencyOptions} options
- */
-export declare function formatCurrency(amount: number | string, { currency, fractionDigits, locale, style, }: CurrencyOptions): string;
-/**
- * Format number value
- * @param {number} amount
- * @param {CurrencyOptions} options
- */
-export declare function formatNumber(amount: number | string, { fractionDigits }: CurrencyOptions): string;
 /**
  * Format number value without fraction
  * @param {number} amount
  */
 export declare function formatInteger(amount: number | string): string;
-/**
- * Generates and returns the array of root allowed attributes
- * @param {SetupContextAttrs} data
- * @returns {SetupContextAttrsKeys}
- */
-export declare function getRootKeys(data: SetupContextAttrs): SetupContextAttrsKeys;
 /**
  * Picks only required attributes for root element
  * @param {SetupContextAttrs} data
  * @param {SetupContextAttrsKeys} include
  * @returns {Pick<SetupContextAttrs, any>}
  */
-export declare function getRootAttrs(data: SetupContextAttrs, include?: SetupContextAttrsKeys): Pick<{
-    [x: string]: unknown;
-}, string>;
+export declare function getRootAttrs(data: SetupContextAttrs, include?: SetupContextAttrsKeys): Pick<import("vue").Attrs, string>;
 /**
  * Omits root attributes from component's attributes
  * @param {SetupContextAttrs} data
  * @param {SetupContextAttrsKeys} exclude
  * @returns {Omit<SetupContextAttrs, any>}
  */
-export declare function getNonRootAttrs(data: SetupContextAttrs, exclude?: SetupContextAttrsKeys): Omit<{
-    [x: string]: unknown;
-}, string>;
+export declare function getNonRootAttrs(data: SetupContextAttrs, exclude?: SetupContextAttrsKeys): Omit<import("vue").Attrs, string>;
 /**
  * Transforms the keys of an object to either camelCase or snake_case
  * @param {T} item
  * @param {"camelCase" | "snake_case"} to
  * @returns {Record<string, any>}
  */
-export declare function transformCase<T extends object>(item: T, to: 'camelCase' | 'snake_case'): Record<string, any>;
+export declare function transformCase<T extends object>(item: T, to: 'camelCase' | 'snake_case'): Record<string, T[keyof T]>;
 /**
  *
  * @param {string} string - String to convert
@@ -62,6 +34,6 @@ export declare function transformCase<T extends object>(item: T, to: 'camelCase'
  * @example
  * getTextToken('this is a sentence'); // thisisasentence
  */
-export declare function getTextToken(string: any): string;
+export declare function getTextToken(string: unknown): string;
 export declare function transformPropsUnit(value?: string | number): string | undefined;
 export {};

package/dist/utils/helpers.js

@@ -10,9 +10,7 @@ function formatInteger(amount) {
   return formatNumber(amount, { fractionDigits: 0 });
 }
 function getRootKeys(data) {
-  return Object.keys(data).filter(
-    (key) => key.startsWith("data-")
-  );
+  return Object.keys(data).filter((key) => key.startsWith("data-"));
 }
 function getRootAttrs(data, include = ["class"]) {
   return objectPick(data, [...getRootKeys(data), ...include]);
@@ -23,10 +21,13 @@ function getNonRootAttrs(data, exclude = ["class"]) {
 function transformCase(item, to) {
   if (!item)
     return item;
-  return Object.keys(item).reduce((acc, curr) => {
-    acc[camelCase(curr)] = item[curr];
-    return acc;
-  }, {});
+  return Object.keys(item).reduce(
+    (acc, curr) => {
+      acc[camelCase(curr)] = item[curr];
+      return acc;
+    },
+    {}
+  );
 }
 function getTextToken(string) {
   if (!string)
@@ -40,10 +41,8 @@ function transformPropsUnit(value) {
 }
 export {
   formatInteger,
-  formatNumber,
   getNonRootAttrs,
   getRootAttrs,
-  getRootKeys,
   getTextToken,
   transformCase,
   transformPropsUnit

package/dist/utils/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../src/utils/helpers.ts"],"sourcesContent":["import type { SetupContext } from 'vue';\nimport { objectOmit, objectPick } from '@vueuse/shared';\nimport { camelCase, snakeCase } from 'scule';\n\ninterface CurrencyOptions {\n  currency?: string;\n  locale?: string;\n  style?: Intl.NumberFormatOptionsStyle;\n  fractionDigits?: number;\n}\n\ntype SetupContextAttrs = SetupContext['attrs'];\n\ntype SetupContextAttrsKeys = (keyof SetupContextAttrs)[];\n\n/**\n * Format number value to specified currency format\n * @param {number} amount\n * @param {CurrencyOptions} options\n */\nexport function formatCurrency(amount: number | string, {\n  currency = 'EUR',\n  fractionDigits = 2,\n  locale = 'de-De',\n  style = 'currency',\n}: CurrencyOptions) {\n  return new Intl.NumberFormat(locale, {\n    currency,\n    maximumFractionDigits: fractionDigits,\n    minimumFractionDigits: fractionDigits,\n    style,\n  }).format(Number(amount));\n}\n\n/**\n * Format number value\n * @param {number} amount\n * @param {CurrencyOptions} options\n */\nexport function formatNumber(amount: number | string, { fractionDigits = 2 }: CurrencyOptions) {\n  return new Intl.NumberFormat(undefined, {\n    maximumFractionDigits: fractionDigits,\n    minimumFractionDigits: fractionDigits,\n  }).format(Number(amount));\n}\n\n/**\n * Format number value without fraction\n * @param {number} amount\n */\nexport function formatInteger(amount: number | string) {\n  return formatNumber(amount, { fractionDigits: 0 });\n}\n\n/**\n * Generates and returns the array of root allowed attributes\n * @param {SetupContextAttrs} data\n * @returns {SetupContextAttrsKeys}\n */\nexport function getRootKeys(data: SetupContextAttrs) {\n  return Object.keys(data).filter(key =>\n    key.startsWith('data-'),\n  ) as SetupContextAttrsKeys;\n}\n\n/**\n * Picks only required attributes for root element\n * @param {SetupContextAttrs} data\n * @param {SetupContextAttrsKeys} include\n * @returns {Pick<SetupContextAttrs, any>}\n */\nexport function getRootAttrs(data: SetupContextAttrs, include: SetupContextAttrsKeys = ['class']) {\n  return objectPick(data, [...getRootKeys(data), ...include]);\n}\n\n/**\n * Omits root attributes from component's attributes\n * @param {SetupContextAttrs} data\n * @param {SetupContextAttrsKeys} exclude\n * @returns {Omit<SetupContextAttrs, any>}\n */\nexport function getNonRootAttrs(data: SetupContextAttrs, exclude: SetupContextAttrsKeys = ['class']) {\n  return objectOmit(data, [...getRootKeys(data), ...exclude]);\n}\n\n/**\n * Transforms the keys of an object to either camelCase or snake_case\n * @param {T} item\n * @param {\"camelCase\" | \"snake_case\"} to\n * @returns {Record<string, any>}\n */\nexport function transformCase<T extends object>(item: T, to: 'camelCase' | 'snake_case') {\n  if (!item)\n    return item;\n\n  return Object.keys(item).reduce((acc, curr) => {\n    if (to === 'camelCase')\n      acc[camelCase(curr)] = item[curr as keyof T];\n    else\n      acc[snakeCase(curr)] = item[curr as keyof T];\n\n    return acc;\n  }, {} as Record<string, any>);\n}\n\n/**\n *\n * @param {string} string - String to convert\n * @return {string} - String converted to text token, mostly used to matching keyword\n * @example\n * getTextToken('this is a sentence'); // thisisasentence\n */\n\nexport function getTextToken(string: any): string {\n  if (!string)\n    return '';\n\n  return string.toString().toLowerCase().replace(/[^\\da-z]/gi, '');\n}\n\nexport function transformPropsUnit(value?: string | number): string | undefined {\n  if (value === undefined || (typeof value === 'string' && isNaN(Number(value))))\n    return value;\n  return `${value}px`;\n}\n"],"names":[],"mappings":";;AAuCO,SAAS,aAAa,QAAyB,EAAE,iBAAiB,KAAsB;AAC7F,SAAO,IAAI,KAAK,aAAa,QAAW;AAAA,IACtC,uBAAuB;AAAA,IACvB,uBAAuB;AAAA,EAAA,CACxB,EAAE,OAAO,OAAO,MAAM,CAAC;AAC1B;AAMO,SAAS,cAAc,QAAyB;AACrD,SAAO,aAAa,QAAQ,EAAE,gBAAgB,GAAG;AACnD;AAOO,SAAS,YAAY,MAAyB;AACnD,SAAO,OAAO,KAAK,IAAI,EAAE;AAAA,IAAO,CAAA,QAC9B,IAAI,WAAW,OAAO;AAAA,EAAA;AAE1B;AAQO,SAAS,aAAa,MAAyB,UAAiC,CAAC,OAAO,GAAG;AAChG,SAAO,WAAW,MAAM,CAAC,GAAG,YAAY,IAAI,GAAG,GAAG,OAAO,CAAC;AAC5D;AAQO,SAAS,gBAAgB,MAAyB,UAAiC,CAAC,OAAO,GAAG;AACnG,SAAO,WAAW,MAAM,CAAC,GAAG,YAAY,IAAI,GAAG,GAAG,OAAO,CAAC;AAC5D;AAQO,SAAS,cAAgC,MAAS,IAAgC;AACvF,MAAI,CAAC;AACH,WAAO;AAET,SAAO,OAAO,KAAK,IAAI,EAAE,OAAO,CAAC,KAAK,SAAS;AAE3C,QAAI,UAAU,IAAI,CAAC,IAAI,KAAK,IAAe;AAI7C,WAAO;AAAA,EACT,GAAG,CAAA,CAAyB;AAC9B;AAUO,SAAS,aAAa,QAAqB;AAChD,MAAI,CAAC;AACH,WAAO;AAET,SAAO,OAAO,WAAW,cAAc,QAAQ,cAAc,EAAE;AACjE;AAEO,SAAS,mBAAmB,OAA6C;AAC9E,MAAI,UAAU,UAAc,OAAO,UAAU,YAAY,MAAM,OAAO,KAAK,CAAC;AAC1E,WAAO;AACT,SAAO,GAAG,KAAK;AACjB;"}
+{"version":3,"file":"helpers.js","sources":["../../src/utils/helpers.ts"],"sourcesContent":["import type { SetupContext } from 'vue';\nimport { objectOmit, objectPick } from '@vueuse/shared';\nimport { camelCase, snakeCase } from 'scule';\n\ninterface FormatNumberOptions {\n  fractionDigits?: number;\n}\n\ntype SetupContextAttrs = SetupContext['attrs'];\n\ntype SetupContextAttrsKeys = (keyof SetupContextAttrs)[];\n\nfunction formatNumber(\n  amount: number | string,\n  { fractionDigits = 2 }: FormatNumberOptions,\n): string {\n  return new Intl.NumberFormat(undefined, {\n    maximumFractionDigits: fractionDigits,\n    minimumFractionDigits: fractionDigits,\n  }).format(Number(amount));\n}\n\n/**\n * Format number value without fraction\n * @param {number} amount\n */\nexport function formatInteger(amount: number | string): string {\n  return formatNumber(amount, { fractionDigits: 0 });\n}\n\n/**\n * Generates and returns the array of root allowed attributes\n * @param {SetupContextAttrs} data\n * @returns {SetupContextAttrsKeys}\n */\nfunction getRootKeys(data: SetupContextAttrs): SetupContextAttrsKeys {\n  return Object.keys(data).filter(key => key.startsWith('data-')) as SetupContextAttrsKeys;\n}\n\n/**\n * Picks only required attributes for root element\n * @param {SetupContextAttrs} data\n * @param {SetupContextAttrsKeys} include\n * @returns {Pick<SetupContextAttrs, any>}\n */\nexport function getRootAttrs(data: SetupContextAttrs, include: SetupContextAttrsKeys = ['class']) {\n  return objectPick(data, [...getRootKeys(data), ...include]);\n}\n\n/**\n * Omits root attributes from component's attributes\n * @param {SetupContextAttrs} data\n * @param {SetupContextAttrsKeys} exclude\n * @returns {Omit<SetupContextAttrs, any>}\n */\nexport function getNonRootAttrs(\n  data: SetupContextAttrs,\n  exclude: SetupContextAttrsKeys = ['class'],\n) {\n  return objectOmit(data, [...getRootKeys(data), ...exclude]);\n}\n\n/**\n * Transforms the keys of an object to either camelCase or snake_case\n * @param {T} item\n * @param {\"camelCase\" | \"snake_case\"} to\n * @returns {Record<string, any>}\n */\nexport function transformCase<T extends object>(\n  item: T,\n  to: 'camelCase' | 'snake_case',\n): Record<string, T[keyof T]> {\n  if (!item)\n    return item;\n\n  return Object.keys(item).reduce(\n    (acc, curr) => {\n      if (to === 'camelCase')\n        acc[camelCase(curr)] = item[curr as keyof T];\n      else acc[snakeCase(curr)] = item[curr as keyof T];\n\n      return acc;\n    },\n    {} as Record<string, T[keyof T]>,\n  );\n}\n\n/**\n *\n * @param {string} string - String to convert\n * @return {string} - String converted to text token, mostly used to matching keyword\n * @example\n * getTextToken('this is a sentence'); // thisisasentence\n */\n\nexport function getTextToken(string: unknown): string {\n  if (!string)\n    return '';\n\n  return string\n    .toString()\n    .toLowerCase()\n    .replace(/[^\\da-z]/gi, '');\n}\n\nexport function transformPropsUnit(value?: string | number): string | undefined {\n  if (value === undefined || (typeof value === 'string' && isNaN(Number(value))))\n    return value;\n  return `${value}px`;\n}\n"],"names":[],"mappings":";;AAYA,SAAS,aACP,QACA,EAAE,iBAAiB,KACX;AACR,SAAO,IAAI,KAAK,aAAa,QAAW;AAAA,IACtC,uBAAuB;AAAA,IACvB,uBAAuB;AAAA,EAAA,CACxB,EAAE,OAAO,OAAO,MAAM,CAAC;AAC1B;AAMO,SAAS,cAAc,QAAiC;AAC7D,SAAO,aAAa,QAAQ,EAAE,gBAAgB,GAAG;AACnD;AAOA,SAAS,YAAY,MAAgD;AACnE,SAAO,OAAO,KAAK,IAAI,EAAE,OAAO,CAAA,QAAO,IAAI,WAAW,OAAO,CAAC;AAChE;AAQO,SAAS,aAAa,MAAyB,UAAiC,CAAC,OAAO,GAAG;AAChG,SAAO,WAAW,MAAM,CAAC,GAAG,YAAY,IAAI,GAAG,GAAG,OAAO,CAAC;AAC5D;AAQO,SAAS,gBACd,MACA,UAAiC,CAAC,OAAO,GACzC;AACA,SAAO,WAAW,MAAM,CAAC,GAAG,YAAY,IAAI,GAAG,GAAG,OAAO,CAAC;AAC5D;AAQO,SAAS,cACd,MACA,IAC4B;AAC5B,MAAI,CAAC;AACH,WAAO;AAET,SAAO,OAAO,KAAK,IAAI,EAAE;AAAA,IACvB,CAAC,KAAK,SAAS;AAEX,UAAI,UAAU,IAAI,CAAC,IAAI,KAAK,IAAe;AAG7C,aAAO;AAAA,IACT;AAAA,IACA,CAAA;AAAA,EAAC;AAEL;AAUO,SAAS,aAAa,QAAyB;AACpD,MAAI,CAAC;AACH,WAAO;AAET,SAAO,OACJ,WACA,cACA,QAAQ,cAAc,EAAE;AAC7B;AAEO,SAAS,mBAAmB,OAA6C;AAC9E,MAAI,UAAU,UAAc,OAAO,UAAU,YAAY,MAAM,OAAO,KAAK,CAAC;AAC1E,WAAO;AACT,SAAO,GAAG,KAAK;AACjB;"}

package/dist/utils/is-equal.d.ts

@@ -1 +1 @@
-export declare function isEqual(value: any, other: any): boolean;
+export declare function isEqual(value: unknown, other: unknown): boolean;

package/dist/utils/is-equal.js

@@ -15,12 +15,14 @@ function isEqual(value, other) {
     return true;
   }
   if (typeof value === "object") {
-    const valueKeys = Object.keys(value);
-    const otherKeys = Object.keys(other);
+    const valueRecord = value;
+    const otherRecord = other;
+    const valueKeys = Object.keys(valueRecord);
+    const otherKeys = Object.keys(otherRecord);
     if (valueKeys.length !== otherKeys.length)
       return false;
     for (const key of valueKeys) {
-      if (!isEqual(value[key], other[key]))
+      if (!isEqual(valueRecord[key], otherRecord[key]))
         return false;
     }
     return true;

package/dist/utils/is-equal.js.map

@@ -1 +1 @@
-{"version":3,"file":"is-equal.js","sources":["../../src/utils/is-equal.ts"],"sourcesContent":["export function isEqual(value: any, other: any) {\n  // Check if the values are identical (covers primitives and functions)\n  if (value === other)\n    return true;\n\n  // Check if the values are null or undefined\n  if (value == null || other == null)\n    return value === other;\n\n  // Check if the values are of different types\n  if (typeof value !== typeof other)\n    return false;\n\n  // Compare arrays\n  if (Array.isArray(value)) {\n    if (!Array.isArray(other) || value.length !== other.length)\n      return false;\n\n    for (const [i, element] of value.entries()) {\n      if (!isEqual(element, other[i]))\n        return false;\n    }\n    return true;\n  }\n\n  // Compare objects\n  if (typeof value === 'object') {\n    const valueKeys = Object.keys(value);\n    const otherKeys = Object.keys(other);\n\n    if (valueKeys.length !== otherKeys.length)\n      return false;\n\n    for (const key of valueKeys) {\n      if (!isEqual(value[key], other[key]))\n        return false;\n    }\n    return true;\n  }\n\n  // If the values are neither primitives, arrays, nor objects, return false\n  return false;\n}\n"],"names":[],"mappings":"AAAO,SAAS,QAAQ,OAAY,OAAY;AAE9C,MAAI,UAAU;AACZ,WAAO;AAGT,MAAI,SAAS,QAAQ,SAAS;AAC5B,WAAO,UAAU;AAGnB,MAAI,OAAO,UAAU,OAAO;AAC1B,WAAO;AAGT,MAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,QAAI,CAAC,MAAM,QAAQ,KAAK,KAAK,MAAM,WAAW,MAAM;AAClD,aAAO;AAET,eAAW,CAAC,GAAG,OAAO,KAAK,MAAM,WAAW;AAC1C,UAAI,CAAC,QAAQ,SAAS,MAAM,CAAC,CAAC;AAC5B,eAAO;AAAA,IACX;AACA,WAAO;AAAA,EACT;AAGA,MAAI,OAAO,UAAU,UAAU;AAC7B,UAAM,YAAY,OAAO,KAAK,KAAK;AACnC,UAAM,YAAY,OAAO,KAAK,KAAK;AAEnC,QAAI,UAAU,WAAW,UAAU;AACjC,aAAO;AAET,eAAW,OAAO,WAAW;AAC3B,UAAI,CAAC,QAAQ,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;AACjC,eAAO;AAAA,IACX;AACA,WAAO;AAAA,EACT;AAGA,SAAO;AACT;"}
+{"version":3,"file":"is-equal.js","sources":["../../src/utils/is-equal.ts"],"sourcesContent":["export function isEqual(value: unknown, other: unknown): boolean {\n  // Check if the values are identical (covers primitives and functions)\n  if (value === other)\n    return true;\n\n  // Check if the values are null or undefined\n  if (value == null || other == null)\n    return value === other;\n\n  // Check if the values are of different types\n  if (typeof value !== typeof other)\n    return false;\n\n  // Compare arrays\n  if (Array.isArray(value)) {\n    if (!Array.isArray(other) || value.length !== other.length)\n      return false;\n\n    for (const [i, element] of value.entries()) {\n      if (!isEqual(element, other[i]))\n        return false;\n    }\n    return true;\n  }\n\n  // Compare objects\n  if (typeof value === 'object') {\n    const valueRecord = value as Record<string, unknown>;\n    const otherRecord = other as Record<string, unknown>;\n    const valueKeys = Object.keys(valueRecord);\n    const otherKeys = Object.keys(otherRecord);\n\n    if (valueKeys.length !== otherKeys.length)\n      return false;\n\n    for (const key of valueKeys) {\n      if (!isEqual(valueRecord[key], otherRecord[key]))\n        return false;\n    }\n    return true;\n  }\n\n  // If the values are neither primitives, arrays, nor objects, return false\n  return false;\n}\n"],"names":[],"mappings":"AAAO,SAAS,QAAQ,OAAgB,OAAyB;AAE/D,MAAI,UAAU;AACZ,WAAO;AAGT,MAAI,SAAS,QAAQ,SAAS;AAC5B,WAAO,UAAU;AAGnB,MAAI,OAAO,UAAU,OAAO;AAC1B,WAAO;AAGT,MAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,QAAI,CAAC,MAAM,QAAQ,KAAK,KAAK,MAAM,WAAW,MAAM;AAClD,aAAO;AAET,eAAW,CAAC,GAAG,OAAO,KAAK,MAAM,WAAW;AAC1C,UAAI,CAAC,QAAQ,SAAS,MAAM,CAAC,CAAC;AAC5B,eAAO;AAAA,IACX;AACA,WAAO;AAAA,EACT;AAGA,MAAI,OAAO,UAAU,UAAU;AAC7B,UAAM,cAAc;AACpB,UAAM,cAAc;AACpB,UAAM,YAAY,OAAO,KAAK,WAAW;AACzC,UAAM,YAAY,OAAO,KAAK,WAAW;AAEzC,QAAI,UAAU,WAAW,UAAU;AACjC,aAAO;AAET,eAAW,OAAO,WAAW;AAC3B,UAAI,CAAC,QAAQ,YAAY,GAAG,GAAG,YAAY,GAAG,CAAC;AAC7C,eAAO;AAAA,IACX;AACA,WAAO;AAAA,EACT;AAGA,SAAO;AACT;"}