@rotki/ui-library 2.20.2 → 2.22.0

package/dist/style.css

@@ -879,12 +879,20 @@ html[data-theme="dark"], html.dark {
   --rui-surface-overlay: var(--rui-dark-surface-overlay);
 }
 
+.\!container {
+  width: 100% !important;
+}
+
 .container {
   width: 100%;
 }
 
 @media (min-width: 640px) {
 
+  .\!container {
+    max-width: 640px !important;
+  }
+
   .container {
     max-width: 640px;
   }
@@ -892,6 +900,10 @@ html[data-theme="dark"], html.dark {
 
 @media (min-width: 768px) {
 
+  .\!container {
+    max-width: 768px !important;
+  }
+
   .container {
     max-width: 768px;
   }
@@ -899,6 +911,10 @@ html[data-theme="dark"], html.dark {
 
 @media (min-width: 1024px) {
 
+  .\!container {
+    max-width: 1024px !important;
+  }
+
   .container {
     max-width: 1024px;
   }
@@ -906,6 +922,10 @@ html[data-theme="dark"], html.dark {
 
 @media (min-width: 1280px) {
 
+  .\!container {
+    max-width: 1280px !important;
+  }
+
   .container {
     max-width: 1280px;
   }
@@ -913,6 +933,10 @@ html[data-theme="dark"], html.dark {
 
 @media (min-width: 1536px) {
 
+  .\!container {
+    max-width: 1536px !important;
+  }
+
   .container {
     max-width: 1536px;
   }
@@ -934,6 +958,10 @@ html[data-theme="dark"], html.dark {
   visibility: hidden;
 }
 
+.collapse {
+  visibility: collapse;
+}
+
 .static {
   position: static;
 }
@@ -999,6 +1027,10 @@ html[data-theme="dark"], html.dark {
   left: 0.75rem;
 }
 
+.left-4 {
+  left: 1rem;
+}
+
 .left-\[1\.3125rem\] {
   left: 1.3125rem;
 }
@@ -1027,6 +1059,10 @@ html[data-theme="dark"], html.dark {
   right: 0.75rem;
 }
 
+.right-8 {
+  right: 2rem;
+}
+
 .right-\[calc\(0\.5px-0\.3125rem\)\] {
   right: calc(0.5px - 0.3125rem);
 }
@@ -1138,6 +1174,10 @@ html[data-theme="dark"], html.dark {
   margin-top: 0px !important;
 }
 
+.-mb-2 {
+  margin-bottom: -0.5rem;
+}
+
 .-ml-\[0\.5625rem\] {
   margin-left: -0.5625rem;
 }
@@ -1170,6 +1210,10 @@ html[data-theme="dark"], html.dark {
   margin-bottom: 0.5rem;
 }
 
+.mb-3 {
+  margin-bottom: 0.75rem;
+}
+
 .ml-0 {
   margin-left: 0px;
 }
@@ -1399,6 +1443,10 @@ html[data-theme="dark"], html.dark {
   max-height: 15rem;
 }
 
+.max-h-\[60vh\] {
+  max-height: 60vh;
+}
+
 .max-h-\[65vh\] {
   max-height: 65vh;
 }
@@ -1419,6 +1467,10 @@ html[data-theme="dark"], html.dark {
   min-height: 3rem !important;
 }
 
+.min-h-0 {
+  min-height: 0px;
+}
+
 .min-h-1\.5 {
   min-height: 0.375rem;
 }
@@ -1555,6 +1607,10 @@ html[data-theme="dark"], html.dark {
   width: 3.625rem;
 }
 
+.w-\[40rem\] {
+  width: 40rem;
+}
+
 .w-\[var\(--rui-icon-size\2c 1\.5rem\)\] {
   width: var(--rui-icon-size,1.5rem);
 }
@@ -1596,6 +1652,10 @@ html[data-theme="dark"], html.dark {
   min-width: 1rem;
 }
 
+.min-w-40 {
+  min-width: 10rem;
+}
+
 .min-w-5 {
   min-width: 1.25rem;
 }
@@ -1668,6 +1728,10 @@ html[data-theme="dark"], html.dark {
   max-width: 90%;
 }
 
+.max-w-\[calc\(100vw-2rem\)\] {
+  max-width: calc(100vw - 2rem);
+}
+
 .max-w-fit {
   max-width: -moz-fit-content;
   max-width: fit-content;
@@ -1986,6 +2050,10 @@ html[data-theme="dark"], html.dark {
           appearance: none;
 }
 
+.grid-cols-1 {
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+}
+
 .grid-cols-3 {
   grid-template-columns: repeat(3, minmax(0, 1fr));
 }
@@ -1994,6 +2062,10 @@ html[data-theme="dark"], html.dark {
   grid-template-columns: repeat(7, minmax(0, 1fr));
 }
 
+.grid-cols-\[minmax\(9\.5rem\2c 13rem\)_1fr\] {
+  grid-template-columns: minmax(9.5rem,13rem) 1fr;
+}
+
 .flex-col {
   flex-direction: column;
 }
@@ -2006,6 +2078,10 @@ html[data-theme="dark"], html.dark {
   flex-wrap: wrap;
 }
 
+.flex-nowrap {
+  flex-wrap: nowrap;
+}
+
 .items-start {
   align-items: flex-start;
 }
@@ -2026,6 +2102,10 @@ html[data-theme="dark"], html.dark {
   justify-content: center;
 }
 
+.\!justify-between {
+  justify-content: space-between !important;
+}
+
 .justify-between {
   justify-content: space-between;
 }
@@ -2234,6 +2314,10 @@ html[data-theme="dark"], html.dark {
   overflow: visible !important;
 }
 
+.overflow-visible {
+  overflow: visible;
+}
+
 .overflow-x-auto {
   overflow-x: auto;
 }
@@ -2252,6 +2336,10 @@ html[data-theme="dark"], html.dark {
   white-space: nowrap;
 }
 
+.whitespace-normal {
+  white-space: normal;
+}
+
 .whitespace-nowrap {
   white-space: nowrap;
 }
@@ -2318,6 +2406,16 @@ html[data-theme="dark"], html.dark {
   border-top-right-radius: 0.25rem !important;
 }
 
+.rounded-b-lg {
+  border-bottom-right-radius: 0.5rem;
+  border-bottom-left-radius: 0.5rem;
+}
+
+.rounded-b-none {
+  border-bottom-right-radius: 0px;
+  border-bottom-left-radius: 0px;
+}
+
 .rounded-t {
   border-top-left-radius: 0.25rem;
   border-top-right-radius: 0.25rem;
@@ -2338,6 +2436,11 @@ html[data-theme="dark"], html.dark {
   border-top-right-radius: 1rem;
 }
 
+.rounded-t-lg {
+  border-top-left-radius: 0.5rem;
+  border-top-right-radius: 0.5rem;
+}
+
 .\!border-2 {
   border-width: 2px !important;
 }
@@ -2358,11 +2461,25 @@ html[data-theme="dark"], html.dark {
   border-width: 0.3125rem;
 }
 
+.\!border-y {
+  border-top-width: 1px !important;
+  border-bottom-width: 1px !important;
+}
+
+.border-x {
+  border-left-width: 1px;
+  border-right-width: 1px;
+}
+
 .border-y-\[0\.2rem\] {
   border-top-width: 0.2rem;
   border-bottom-width: 0.2rem;
 }
 
+.\!border-b {
+  border-bottom-width: 1px !important;
+}
+
 .border-b {
   border-bottom-width: 1px;
 }
@@ -2371,10 +2488,22 @@ html[data-theme="dark"], html.dark {
   border-left-width: 1px;
 }
 
+.border-r {
+  border-right-width: 1px;
+}
+
+.border-r-0 {
+  border-right-width: 0px;
+}
+
 .border-t {
   border-top-width: 1px;
 }
 
+.\!border-solid {
+  border-style: solid !important;
+}
+
 .border-dashed {
   border-style: dashed;
 }
@@ -2590,6 +2719,11 @@ html[data-theme="dark"], html.dark {
   background-color: rgba(var(--rui-error-lighter), var(--tw-bg-opacity, 1)) !important;
 }
 
+.\!bg-rui-grey-100 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(var(--rui-grey-100), var(--tw-bg-opacity, 1)) !important;
+}
+
 .\!bg-rui-grey-200 {
   --tw-bg-opacity: 1 !important;
   background-color: rgba(var(--rui-grey-200), var(--tw-bg-opacity, 1)) !important;
@@ -2745,6 +2879,10 @@ html[data-theme="dark"], html.dark {
   background-color: rgba(var(--rui-error-main), 0.2);
 }
 
+.bg-rui-error\/\[0\.08\] {
+  background-color: rgba(var(--rui-error-main), 0.08);
+}
+
 .bg-rui-grey-100 {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--rui-grey-100), var(--tw-bg-opacity, 1));
@@ -2813,6 +2951,10 @@ html[data-theme="dark"], html.dark {
   background-color: rgba(var(--rui-primary-main), 0.08);
 }
 
+.bg-rui-primary\/\[0\.12\] {
+  background-color: rgba(var(--rui-primary-main), 0.12);
+}
+
 .bg-rui-secondary {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--rui-secondary-main), var(--tw-bg-opacity, 1));
@@ -2853,6 +2995,14 @@ html[data-theme="dark"], html.dark {
   background-color: rgba(var(--rui-success-main), 0.2);
 }
 
+.bg-rui-success\/\[0\.08\] {
+  background-color: rgba(var(--rui-success-main), 0.08);
+}
+
+.bg-rui-success\/\[0\.12\] {
+  background-color: rgba(var(--rui-success-main), 0.12);
+}
+
 .bg-rui-warning {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--rui-warning-main), var(--tw-bg-opacity, 1));
@@ -2949,6 +3099,10 @@ html[data-theme="dark"], html.dark {
   padding: 1rem;
 }
 
+.p-8 {
+  padding: 2rem;
+}
+
 .p-\[0\.08rem\] {
   padding: 0.08rem;
 }
@@ -2975,6 +3129,11 @@ html[data-theme="dark"], html.dark {
   padding-bottom: 0px !important;
 }
 
+.\!py-2 {
+  padding-top: 0.5rem !important;
+  padding-bottom: 0.5rem !important;
+}
+
 .px-0 {
   padding-left: 0px;
   padding-right: 0px;
@@ -3123,6 +3282,10 @@ html[data-theme="dark"], html.dark {
   padding-right: 0px;
 }
 
+.pr-1 {
+  padding-right: 0.25rem;
+}
+
 .pr-2 {
   padding-right: 0.5rem;
 }
@@ -3139,6 +3302,10 @@ html[data-theme="dark"], html.dark {
   padding-right: 2rem;
 }
 
+.pr-\[var\(--rui-scrollbar-gutter\2c 15px\)\] {
+  padding-right: var(--rui-scrollbar-gutter,15px);
+}
+
 .ps-8 {
   padding-inline-start: 2rem;
 }
@@ -3319,6 +3486,11 @@ html[data-theme="dark"], html.dark {
   text-transform: capitalize;
 }
 
+.tabular-nums {
+  --tw-numeric-spacing: tabular-nums;
+  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
+}
+
 .\!leading-tight {
   line-height: 1.25 !important;
 }
@@ -3383,6 +3555,10 @@ html[data-theme="dark"], html.dark {
   line-height: 1.25;
 }
 
+.tracking-wide {
+  letter-spacing: 0.025em;
+}
+
 .\!text-rui-dark-text {
   color: var(--rui-dark-text-primary) !important;
 }
@@ -3512,6 +3688,10 @@ html[data-theme="dark"], html.dark {
   opacity: 0.5;
 }
 
+.opacity-60 {
+  opacity: 0.6;
+}
+
 .opacity-65 {
   opacity: 0.65;
 }
@@ -4017,6 +4197,10 @@ html[data-theme="dark"], html.dark {
   clip-path: inset(0 0 0 0);
 }
 
+.\[clip-path\:none\] {
+  clip-path: none;
+}
+
 .\[flex\:1_1_0\] {
   flex: 1 1 0;
 }
@@ -4497,6 +4681,10 @@ body {
   content: var(--tw-content);
 }
 
+.first\:mt-0:first-child {
+  margin-top: 0px;
+}
+
 .first\:\!rounded-l:first-child {
   border-top-left-radius: 0.25rem !important;
   border-bottom-left-radius: 0.25rem !important;
@@ -4507,6 +4695,10 @@ body {
   border-top-right-radius: 0.25rem !important;
 }
 
+.last\:mb-0:last-child {
+  margin-bottom: 0px;
+}
+
 .last\:\!rounded-b:last-child {
   border-bottom-right-radius: 0.25rem !important;
   border-bottom-left-radius: 0.25rem !important;
@@ -4617,6 +4809,10 @@ body {
   background-color: rgba(var(--rui-primary-main), 0.04);
 }
 
+.hover\:bg-rui-primary\/\[0\.16\]:hover {
+  background-color: rgba(var(--rui-primary-main), 0.16);
+}
+
 .hover\:bg-rui-secondary-darker:hover {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--rui-secondary-darker), var(--tw-bg-opacity, 1));
@@ -4878,6 +5074,10 @@ body {
   color: var(--rui-text-disabled);
 }
 
+.disabled\:no-underline:disabled {
+  text-decoration-line: none;
+}
+
 .disabled\:outline-rui-text-disabled:disabled {
   outline-color: var(--rui-text-disabled);
 }

package/dist/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"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 surfaceColorsCombination = Object.fromEntries(\n  ['light', 'dark'].map(theme => [\n    theme,\n    {\n      surface: {\n        DEFAULT: `rgba(var(--rui-${theme}-surface-primary), <alpha-value>)`,\n        secondary: `rgba(var(--rui-${theme}-surface-secondary), <alpha-value>)`,\n        overlay: `rgba(var(--rui-${theme}-surface-overlay), <alpha-value>)`,\n      },\n    },\n  ]),\n);\n\nconst adaptiveSurfaceColorsCombination = {\n  surface: {\n    DEFAULT: `rgba(var(--rui-surface-primary), <alpha-value>)`,\n    secondary: `rgba(var(--rui-surface-secondary), <alpha-value>)`,\n    overlay: `rgba(var(--rui-surface-overlay), <alpha-value>)`,\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        ['--rui-surface-primary', `var(--rui-${theme}-surface-primary)`],\n        ['--rui-surface-secondary', `var(--rui-${theme}-surface-secondary)`],\n        ['--rui-surface-overlay', `var(--rui-${theme}-surface-overlay)`],\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              ...surfaceColorsCombination.dark,\n            },\n            light: {\n              ...contextColorsCombination.light,\n              ...textColorsCombination.light,\n              ...surfaceColorsCombination.light,\n            },\n            ...adaptiveContextColorCombination,\n            ...adaptiveTextColorsCombination,\n            ...adaptiveSurfaceColorsCombination,\n          },\n        },\n      },\n    },\n  },\n);\n\nexport default themePlugin;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"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 surfaceColorsCombination = Object.fromEntries(\n  ['light', 'dark'].map(theme => [\n    theme,\n    {\n      surface: {\n        DEFAULT: `rgba(var(--rui-${theme}-surface-primary), <alpha-value>)`,\n        secondary: `rgba(var(--rui-${theme}-surface-secondary), <alpha-value>)`,\n        overlay: `rgba(var(--rui-${theme}-surface-overlay), <alpha-value>)`,\n      },\n    },\n  ]),\n);\n\nconst adaptiveSurfaceColorsCombination = {\n  surface: {\n    DEFAULT: `rgba(var(--rui-surface-primary), <alpha-value>)`,\n    secondary: `rgba(var(--rui-surface-secondary), <alpha-value>)`,\n    overlay: `rgba(var(--rui-surface-overlay), <alpha-value>)`,\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        ['--rui-surface-primary', `var(--rui-${theme}-surface-primary)`],\n        ['--rui-surface-secondary', `var(--rui-${theme}-surface-secondary)`],\n        ['--rui-surface-overlay', `var(--rui-${theme}-surface-overlay)`],\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              ...surfaceColorsCombination.dark,\n            },\n            light: {\n              ...contextColorsCombination.light,\n              ...textColorsCombination.light,\n              ...surfaceColorsCombination.light,\n            },\n            ...adaptiveContextColorCombination,\n            ...adaptiveTextColorsCombination,\n            ...adaptiveSurfaceColorsCombination,\n          },\n        },\n      },\n    },\n  },\n);\n\nexport default themePlugin;\n"],"mappings":"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"}

package/dist/types/stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepper.js","names":[],"sources":["../../src/types/stepper.ts"],"sourcesContent":["export const StepperState = {\n  active: 'active',\n  done: 'done',\n  error: 'error',\n  inactive: 'inactive',\n  info: 'info',\n  success: 'success',\n  warning: 'warning',\n} as const;\n\nexport type StepperState = (typeof StepperState)[keyof typeof StepperState];\n\nexport interface StepperStep {\n  title?: string;\n  description?: string;\n  state?: StepperState;\n  loading?: boolean;\n}\n\nexport const StepperOrientation = {\n  horizontal: 'horizontal',\n  vertical: 'vertical',\n} as const;\n\nexport type StepperOrientation =\n  (typeof StepperOrientation)[keyof typeof StepperOrientation];\n"],"mappings":";AAAA,IAAa,eAAe;CAC1B,QAAQ;CACR,MAAM;CACN,OAAO;CACP,UAAU;CACV,MAAM;CACN,SAAS;CACT,SAAS;CACV;AAWD,IAAa,qBAAqB;CAChC,YAAY;CACZ,UAAU;CACX"}
+{"version":3,"file":"stepper.js","names":[],"sources":["../../src/types/stepper.ts"],"sourcesContent":["export const StepperState = {\n  active: 'active',\n  done: 'done',\n  error: 'error',\n  inactive: 'inactive',\n  info: 'info',\n  success: 'success',\n  warning: 'warning',\n} as const;\n\nexport type StepperState = (typeof StepperState)[keyof typeof StepperState];\n\nexport interface StepperStep {\n  title?: string;\n  description?: string;\n  state?: StepperState;\n  loading?: boolean;\n}\n\nexport const StepperOrientation = {\n  horizontal: 'horizontal',\n  vertical: 'vertical',\n} as const;\n\nexport type StepperOrientation =\n  (typeof StepperOrientation)[keyof typeof StepperOrientation];\n"],"mappings":";AAAA,IAAa,eAAe;CAC1B,QAAQ;CACR,MAAM;CACN,OAAO;CACP,UAAU;CACV,MAAM;CACN,SAAS;CACT,SAAS;AACX;AAWA,IAAa,qBAAqB;CAChC,YAAY;CACZ,UAAU;AACZ"}

package/dist/types/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/types/theme.ts"],"sourcesContent":["import type { BasicColorMode, BasicColorSchema } from '@vueuse/core';\nimport type { ComputedRef, Ref } from 'vue';\nimport type { GeneratedIcon } from '@/types/icons';\nimport { contextColors } from '@/consts/colors';\n\nexport const ThemeMode = {\n  auto: 'auto',\n  dark: 'dark',\n  light: 'light',\n} as const;\n\nexport type ThemeMode = (typeof ThemeMode)[keyof typeof ThemeMode];\n\nexport interface ColorIntensity {\n  DEFAULT: string;\n  lighter: string;\n  darker: string;\n}\n\nexport type ThemeData = {\n  [key in string]: ColorIntensity;\n};\n\nexport interface ThemeConfig {\n  light: ThemeData;\n  dark: ThemeData;\n}\n\nexport interface InitThemeOptions {\n  mode?: ThemeMode;\n  config?: ThemeConfig;\n  icons?: GeneratedIcon[];\n}\n\nexport interface ThemeContent {\n  config: Ref<ThemeConfig>;\n  init: (options: InitThemeOptions) => void;\n  isAutoControlled: ComputedRef<boolean>;\n  isDark: ComputedRef<boolean>;\n  isLight: ComputedRef<boolean>;\n  setThemeConfig: (newConfig: ThemeConfig) => void;\n  state: ComputedRef<ThemeMode | BasicColorMode>;\n  store: Ref<ThemeMode | BasicColorSchema>;\n  switchThemeScheme: (mode: ThemeMode) => void;\n  theme: ComputedRef<ThemeData>;\n  toggleThemeMode: () => void;\n}\n\nfunction createDefaultTheme(theme: 'light' | 'dark') {\n  return Object.fromEntries(\n    contextColors.map(color => [\n      color,\n      {\n        darker: `var(--rui-${theme}-${color}-darker)`,\n        DEFAULT: `var(--rui-${theme}-${color}-main)`,\n        lighter: `var(--rui-${theme}-${color}-lighter)`,\n      },\n    ]),\n  );\n}\n\nexport const defaultTheme: ThemeConfig = {\n  dark: createDefaultTheme('dark'),\n  light: createDefaultTheme('light'),\n};\n"],"mappings":";;AAKA,IAAa,YAAY;CACvB,MAAM;CACN,MAAM;CACN,OAAO;CACR;AAuCD,SAAS,mBAAmB,OAAyB;AACnD,QAAO,OAAO,YACZ,cAAc,KAAI,UAAS,CACzB,OACA;EACE,QAAQ,aAAa,MAAM,GAAG,MAAM;EACpC,SAAS,aAAa,MAAM,GAAG,MAAM;EACrC,SAAS,aAAa,MAAM,GAAG,MAAM;EACtC,CACF,CAAC,CACH;;AAGH,IAAa,eAA4B;CACvC,MAAM,mBAAmB,OAAO;CAChC,OAAO,mBAAmB,QAAQ;CACnC"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/types/theme.ts"],"sourcesContent":["import type { BasicColorMode, BasicColorSchema } from '@vueuse/core';\nimport type { ComputedRef, Ref } from 'vue';\nimport type { GeneratedIcon } from '@/types/icons';\nimport { contextColors } from '@/consts/colors';\n\nexport const ThemeMode = {\n  auto: 'auto',\n  dark: 'dark',\n  light: 'light',\n} as const;\n\nexport type ThemeMode = (typeof ThemeMode)[keyof typeof ThemeMode];\n\nexport interface ColorIntensity {\n  DEFAULT: string;\n  lighter: string;\n  darker: string;\n}\n\nexport type ThemeData = {\n  [key in string]: ColorIntensity;\n};\n\nexport interface ThemeConfig {\n  light: ThemeData;\n  dark: ThemeData;\n}\n\nexport interface InitThemeOptions {\n  mode?: ThemeMode;\n  config?: ThemeConfig;\n  icons?: GeneratedIcon[];\n}\n\nexport interface ThemeContent {\n  config: Ref<ThemeConfig>;\n  init: (options: InitThemeOptions) => void;\n  isAutoControlled: ComputedRef<boolean>;\n  isDark: ComputedRef<boolean>;\n  isLight: ComputedRef<boolean>;\n  setThemeConfig: (newConfig: ThemeConfig) => void;\n  state: ComputedRef<ThemeMode | BasicColorMode>;\n  store: Ref<ThemeMode | BasicColorSchema>;\n  switchThemeScheme: (mode: ThemeMode) => void;\n  theme: ComputedRef<ThemeData>;\n  toggleThemeMode: () => void;\n}\n\nfunction createDefaultTheme(theme: 'light' | 'dark') {\n  return Object.fromEntries(\n    contextColors.map(color => [\n      color,\n      {\n        darker: `var(--rui-${theme}-${color}-darker)`,\n        DEFAULT: `var(--rui-${theme}-${color}-main)`,\n        lighter: `var(--rui-${theme}-${color}-lighter)`,\n      },\n    ]),\n  );\n}\n\nexport const defaultTheme: ThemeConfig = {\n  dark: createDefaultTheme('dark'),\n  light: createDefaultTheme('light'),\n};\n"],"mappings":";;AAKA,IAAa,YAAY;CACvB,MAAM;CACN,MAAM;CACN,OAAO;AACT;AAuCA,SAAS,mBAAmB,OAAyB;CACnD,OAAO,OAAO,YACZ,cAAc,KAAI,UAAS,CACzB,OACA;EACE,QAAQ,aAAa,MAAM,GAAG,MAAM;EACpC,SAAS,aAAa,MAAM,GAAG,MAAM;EACrC,SAAS,aAAa,MAAM,GAAG,MAAM;CACvC,CACF,CAAC,CACH;AACF;AAEA,IAAa,eAA4B;CACvC,MAAM,mBAAmB,MAAM;CAC/B,OAAO,mBAAmB,OAAO;AACnC"}

package/dist/utils/assert.js.map

@@ -1 +1 @@
-{"version":3,"file":"assert.js","names":[],"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"],"mappings":";AAAA,IAAM,iBAAN,cAA6B,MAAM;CACjC,YAAY,KAAc;AACxB,QAAM,OAAO,iBAAiB;AAC9B,OAAK,OAAO;;;AAIhB,SAAgB,OAAO,WAAoB,KAAiC;AAC1E,KAAI,CAAC,UACH,OAAM,IAAI,eAAe,IAAI"}
+{"version":3,"file":"assert.js","names":[],"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"],"mappings":";AAAA,IAAM,iBAAN,cAA6B,MAAM;CACjC,YAAY,KAAc;EACxB,MAAM,OAAO,gBAAgB;EAC7B,KAAK,OAAO;CACd;AACF;AAEA,SAAgB,OAAO,WAAoB,KAAiC;CAC1E,IAAI,CAAC,WACH,MAAM,IAAI,eAAe,GAAG;AAChC"}

package/dist/utils/blockie.js.map

@@ -1 +1 @@
-{"version":3,"file":"blockie.js","names":[],"sources":["../../src/utils/blockie.ts"],"sourcesContent":["// Source: https://github.com/ethereum/blockies\n// The random number is a js implementation of the Xorshift PRNG\ninterface BlockieOptions {\n  /** seed used to generate icon data, default: random */\n  seed: string;\n  /** to manually specify the icon color, default: random */\n  color: string;\n  /** choose a different background color, default: random */\n  bgcolor: string;\n  /** width/height of the icon in blocks, default: 8 */\n  size: number;\n  /** width/height of each block in pixels, default: 4 */\n  scale: number;\n  /**\n   * each pixel has a 13% chance of being of a third color, default: random.\n   *\n   * Set to -1 to disable it.\n   *\n   * These \"spots\" create structures that look like eyes, mouths and noses.\n   */\n  spotColor: string;\n}\n\nconst randSeed = new Array(4); // Xorshift: [x, y, z, w] 32 bit values\n\nfunction seedRand(seed: string): void {\n  for (let i = 0; i < randSeed.length; i++) randSeed[i] = 0;\n\n  for (let i = 0; i < seed.length; i++)\n    randSeed[i % 4] = (randSeed[i % 4] << 5) - randSeed[i % 4] + seed.charCodeAt(i);\n}\n\nfunction rand(): number {\n  // based on Java's String.hashCode(), expanded to 4 32bit values\n  const t = randSeed[0] ^ (randSeed[0] << 11);\n\n  randSeed[0] = randSeed[1];\n  randSeed[1] = randSeed[2];\n  randSeed[2] = randSeed[3];\n  randSeed[3] = randSeed[3] ^ (randSeed[3] >> 19) ^ t ^ (t >> 8);\n\n  return (randSeed[3] >>> 0) / ((1 << 31) >>> 0);\n}\n\nfunction createColor(): string {\n  // saturation is the whole color spectrum\n  const h = Math.floor(rand() * 360);\n  // saturation goes from 40 to 100, it avoids greyish colors\n  const s = `${rand() * 60 + 40}%`;\n  // lightness can be anything from 0 to 100, but probabilities are a bell curve around 50%\n  const l = `${(rand() + rand() + rand() + rand()) * 25}%`;\n\n  return `hsl(${h},${s},${l})`;\n}\n\nfunction createImageData(size: number): number[] {\n  const width = size; // Only support square icons for now\n  const height = size;\n\n  const dataWidth = Math.ceil(width / 2);\n  const mirrorWidth = width - dataWidth;\n\n  const data = [];\n  for (let y = 0; y < height; y++) {\n    let row = [];\n    for (let x = 0; x < dataWidth; x++) {\n      // this makes foreground and background color to have a 43% (1/2.3) probability\n      // spot color has 13% chance\n      row[x] = Math.floor(rand() * 2.3);\n    }\n    const r = row.slice(0, mirrorWidth);\n    r.reverse();\n    row = row.concat(r);\n\n    for (const element of row) data.push(element);\n  }\n\n  return data;\n}\n\nfunction buildOpts(opts: Partial<BlockieOptions>): BlockieOptions {\n  const newOpts: Partial<BlockieOptions> = {};\n\n  newOpts.seed = opts.seed || Math.floor(Math.random() * 10 ** 16).toString(16);\n\n  seedRand(newOpts.seed);\n\n  newOpts.size = opts.size || 8;\n  newOpts.scale = opts.scale || 8;\n  newOpts.color = opts.color || createColor();\n  newOpts.bgcolor = opts.bgcolor || createColor();\n  newOpts.spotColor = opts.spotColor || createColor();\n\n  return newOpts as BlockieOptions;\n}\n\nfunction renderIcon(opts: Partial<BlockieOptions>, canvas: HTMLCanvasElement): HTMLCanvasElement {\n  const newOpts: BlockieOptions = buildOpts(opts || {});\n  const imageData = createImageData(newOpts.size);\n  const width = Math.sqrt(imageData.length);\n\n  canvas.width = canvas.height = newOpts.size * newOpts.scale;\n\n  const cc = canvas.getContext('2d') as CanvasRenderingContext2D;\n  if (cc) {\n    cc.fillStyle = newOpts.bgcolor;\n    cc.fillRect(0, 0, canvas.width, canvas.height);\n    cc.fillStyle = newOpts.color;\n\n    for (const [i, imageDatum] of imageData.entries()) {\n      // if data is 0, leave the background\n      if (imageDatum) {\n        const row = Math.floor(i / width);\n        const col = i % width;\n\n        // if data is 2, choose spot color, if 1 choose foreground\n        cc.fillStyle = imageDatum === 1 ? newOpts.color : newOpts.spotColor;\n\n        cc.fillRect(col * newOpts.scale, row * newOpts.scale, newOpts.scale, newOpts.scale);\n      }\n    }\n  }\n\n  return canvas;\n}\n\nexport function createBlockie(opts: Partial<BlockieOptions>): string {\n  const canvas = document.createElement('canvas');\n\n  renderIcon(opts, canvas);\n\n  return canvas.toDataURL('image/jpeg');\n}\n"],"mappings":";AAuBA,IAAM,WAAW,IAAI,MAAM,EAAE;AAE7B,SAAS,SAAS,MAAoB;AACpC,MAAK,IAAI,IAAI,GAAG,IAAI,SAAS,QAAQ,IAAK,UAAS,KAAK;AAExD,MAAK,IAAI,IAAI,GAAG,IAAI,KAAK,QAAQ,IAC/B,UAAS,IAAI,MAAM,SAAS,IAAI,MAAM,KAAK,SAAS,IAAI,KAAK,KAAK,WAAW,EAAE;;AAGnF,SAAS,OAAe;CAEtB,MAAM,IAAI,SAAS,KAAM,SAAS,MAAM;AAExC,UAAS,KAAK,SAAS;AACvB,UAAS,KAAK,SAAS;AACvB,UAAS,KAAK,SAAS;AACvB,UAAS,KAAK,SAAS,KAAM,SAAS,MAAM,KAAM,IAAK,KAAK;AAE5D,SAAQ,SAAS,OAAO,MAAO,KAAK,OAAQ;;AAG9C,SAAS,cAAsB;AAQ7B,QAAO,OANG,KAAK,MAAM,MAAM,GAAG,IAAI,CAMlB,GAJN,GAAG,MAAM,GAAG,KAAK,GAAG,GAIT,GAFX,IAAI,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,IAAI,GAAG,GAE5B;;AAG5B,SAAS,gBAAgB,MAAwB;CAC/C,MAAM,QAAQ;CACd,MAAM,SAAS;CAEf,MAAM,YAAY,KAAK,KAAK,QAAQ,EAAE;CACtC,MAAM,cAAc,QAAQ;CAE5B,MAAM,OAAO,EAAE;AACf,MAAK,IAAI,IAAI,GAAG,IAAI,QAAQ,KAAK;EAC/B,IAAI,MAAM,EAAE;AACZ,OAAK,IAAI,IAAI,GAAG,IAAI,WAAW,IAG7B,KAAI,KAAK,KAAK,MAAM,MAAM,GAAG,IAAI;EAEnC,MAAM,IAAI,IAAI,MAAM,GAAG,YAAY;AACnC,IAAE,SAAS;AACX,QAAM,IAAI,OAAO,EAAE;AAEnB,OAAK,MAAM,WAAW,IAAK,MAAK,KAAK,QAAQ;;AAG/C,QAAO;;AAGT,SAAS,UAAU,MAA+C;CAChE,MAAM,UAAmC,EAAE;AAE3C,SAAQ,OAAO,KAAK,QAAQ,KAAK,MAAM,KAAK,QAAQ,GAAG,MAAM,GAAG,CAAC,SAAS,GAAG;AAE7E,UAAS,QAAQ,KAAK;AAEtB,SAAQ,OAAO,KAAK,QAAQ;AAC5B,SAAQ,QAAQ,KAAK,SAAS;AAC9B,SAAQ,QAAQ,KAAK,SAAS,aAAa;AAC3C,SAAQ,UAAU,KAAK,WAAW,aAAa;AAC/C,SAAQ,YAAY,KAAK,aAAa,aAAa;AAEnD,QAAO;;AAGT,SAAS,WAAW,MAA+B,QAA8C;CAC/F,MAAM,UAA0B,UAAU,QAAQ,EAAE,CAAC;CACrD,MAAM,YAAY,gBAAgB,QAAQ,KAAK;CAC/C,MAAM,QAAQ,KAAK,KAAK,UAAU,OAAO;AAEzC,QAAO,QAAQ,OAAO,SAAS,QAAQ,OAAO,QAAQ;CAEtD,MAAM,KAAK,OAAO,WAAW,KAAK;AAClC,KAAI,IAAI;AACN,KAAG,YAAY,QAAQ;AACvB,KAAG,SAAS,GAAG,GAAG,OAAO,OAAO,OAAO,OAAO;AAC9C,KAAG,YAAY,QAAQ;AAEvB,OAAK,MAAM,CAAC,GAAG,eAAe,UAAU,SAAS,CAE/C,KAAI,YAAY;GACd,MAAM,MAAM,KAAK,MAAM,IAAI,MAAM;GACjC,MAAM,MAAM,IAAI;AAGhB,MAAG,YAAY,eAAe,IAAI,QAAQ,QAAQ,QAAQ;AAE1D,MAAG,SAAS,MAAM,QAAQ,OAAO,MAAM,QAAQ,OAAO,QAAQ,OAAO,QAAQ,MAAM;;;AAKzF,QAAO;;AAGT,SAAgB,cAAc,MAAuC;CACnE,MAAM,SAAS,SAAS,cAAc,SAAS;AAE/C,YAAW,MAAM,OAAO;AAExB,QAAO,OAAO,UAAU,aAAa"}
+{"version":3,"file":"blockie.js","names":[],"sources":["../../src/utils/blockie.ts"],"sourcesContent":["// Source: https://github.com/ethereum/blockies\n// The random number is a js implementation of the Xorshift PRNG\ninterface BlockieOptions {\n  /** seed used to generate icon data, default: random */\n  seed: string;\n  /** to manually specify the icon color, default: random */\n  color: string;\n  /** choose a different background color, default: random */\n  bgcolor: string;\n  /** width/height of the icon in blocks, default: 8 */\n  size: number;\n  /** width/height of each block in pixels, default: 4 */\n  scale: number;\n  /**\n   * each pixel has a 13% chance of being of a third color, default: random.\n   *\n   * Set to -1 to disable it.\n   *\n   * These \"spots\" create structures that look like eyes, mouths and noses.\n   */\n  spotColor: string;\n}\n\nconst randSeed = new Array(4); // Xorshift: [x, y, z, w] 32 bit values\n\nfunction seedRand(seed: string): void {\n  for (let i = 0; i < randSeed.length; i++) randSeed[i] = 0;\n\n  for (let i = 0; i < seed.length; i++)\n    randSeed[i % 4] = (randSeed[i % 4] << 5) - randSeed[i % 4] + seed.charCodeAt(i);\n}\n\nfunction rand(): number {\n  // based on Java's String.hashCode(), expanded to 4 32bit values\n  const t = randSeed[0] ^ (randSeed[0] << 11);\n\n  randSeed[0] = randSeed[1];\n  randSeed[1] = randSeed[2];\n  randSeed[2] = randSeed[3];\n  randSeed[3] = randSeed[3] ^ (randSeed[3] >> 19) ^ t ^ (t >> 8);\n\n  return (randSeed[3] >>> 0) / ((1 << 31) >>> 0);\n}\n\nfunction createColor(): string {\n  // saturation is the whole color spectrum\n  const h = Math.floor(rand() * 360);\n  // saturation goes from 40 to 100, it avoids greyish colors\n  const s = `${rand() * 60 + 40}%`;\n  // lightness can be anything from 0 to 100, but probabilities are a bell curve around 50%\n  const l = `${(rand() + rand() + rand() + rand()) * 25}%`;\n\n  return `hsl(${h},${s},${l})`;\n}\n\nfunction createImageData(size: number): number[] {\n  const width = size; // Only support square icons for now\n  const height = size;\n\n  const dataWidth = Math.ceil(width / 2);\n  const mirrorWidth = width - dataWidth;\n\n  const data = [];\n  for (let y = 0; y < height; y++) {\n    let row = [];\n    for (let x = 0; x < dataWidth; x++) {\n      // this makes foreground and background color to have a 43% (1/2.3) probability\n      // spot color has 13% chance\n      row[x] = Math.floor(rand() * 2.3);\n    }\n    const r = row.slice(0, mirrorWidth);\n    r.reverse();\n    row = row.concat(r);\n\n    for (const element of row) data.push(element);\n  }\n\n  return data;\n}\n\nfunction buildOpts(opts: Partial<BlockieOptions>): BlockieOptions {\n  const newOpts: Partial<BlockieOptions> = {};\n\n  newOpts.seed = opts.seed || Math.floor(Math.random() * 10 ** 16).toString(16);\n\n  seedRand(newOpts.seed);\n\n  newOpts.size = opts.size || 8;\n  newOpts.scale = opts.scale || 8;\n  newOpts.color = opts.color || createColor();\n  newOpts.bgcolor = opts.bgcolor || createColor();\n  newOpts.spotColor = opts.spotColor || createColor();\n\n  return newOpts as BlockieOptions;\n}\n\nfunction renderIcon(opts: Partial<BlockieOptions>, canvas: HTMLCanvasElement): HTMLCanvasElement {\n  const newOpts: BlockieOptions = buildOpts(opts || {});\n  const imageData = createImageData(newOpts.size);\n  const width = Math.sqrt(imageData.length);\n\n  canvas.width = canvas.height = newOpts.size * newOpts.scale;\n\n  const cc = canvas.getContext('2d') as CanvasRenderingContext2D;\n  if (cc) {\n    cc.fillStyle = newOpts.bgcolor;\n    cc.fillRect(0, 0, canvas.width, canvas.height);\n    cc.fillStyle = newOpts.color;\n\n    for (const [i, imageDatum] of imageData.entries()) {\n      // if data is 0, leave the background\n      if (imageDatum) {\n        const row = Math.floor(i / width);\n        const col = i % width;\n\n        // if data is 2, choose spot color, if 1 choose foreground\n        cc.fillStyle = imageDatum === 1 ? newOpts.color : newOpts.spotColor;\n\n        cc.fillRect(col * newOpts.scale, row * newOpts.scale, newOpts.scale, newOpts.scale);\n      }\n    }\n  }\n\n  return canvas;\n}\n\nexport function createBlockie(opts: Partial<BlockieOptions>): string {\n  const canvas = document.createElement('canvas');\n\n  renderIcon(opts, canvas);\n\n  return canvas.toDataURL('image/jpeg');\n}\n"],"mappings":";AAuBA,IAAM,WAAW,IAAI,MAAM,CAAC;AAE5B,SAAS,SAAS,MAAoB;CACpC,KAAK,IAAI,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK,SAAS,KAAK;CAExD,KAAK,IAAI,IAAI,GAAG,IAAI,KAAK,QAAQ,KAC/B,SAAS,IAAI,MAAM,SAAS,IAAI,MAAM,KAAK,SAAS,IAAI,KAAK,KAAK,WAAW,CAAC;AAClF;AAEA,SAAS,OAAe;CAEtB,MAAM,IAAI,SAAS,KAAM,SAAS,MAAM;CAExC,SAAS,KAAK,SAAS;CACvB,SAAS,KAAK,SAAS;CACvB,SAAS,KAAK,SAAS;CACvB,SAAS,KAAK,SAAS,KAAM,SAAS,MAAM,KAAM,IAAK,KAAK;CAE5D,QAAQ,SAAS,OAAO,MAAO,KAAK,OAAQ;AAC9C;AAEA,SAAS,cAAsB;CAQ7B,OAAO,OANG,KAAK,MAAM,KAAK,IAAI,GAMhB,EAAE,GAAG,GAJN,KAAK,IAAI,KAAK,GAAG,GAIT,GAAG,IAFV,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,KAAK,GAAG,GAE5B;AAC5B;AAEA,SAAS,gBAAgB,MAAwB;CAC/C,MAAM,QAAQ;CACd,MAAM,SAAS;CAEf,MAAM,YAAY,KAAK,KAAK,QAAQ,CAAC;CACrC,MAAM,cAAc,QAAQ;CAE5B,MAAM,OAAO,CAAC;CACd,KAAK,IAAI,IAAI,GAAG,IAAI,QAAQ,KAAK;EAC/B,IAAI,MAAM,CAAC;EACX,KAAK,IAAI,IAAI,GAAG,IAAI,WAAW,KAG7B,IAAI,KAAK,KAAK,MAAM,KAAK,IAAI,GAAG;EAElC,MAAM,IAAI,IAAI,MAAM,GAAG,WAAW;EAClC,EAAE,QAAQ;EACV,MAAM,IAAI,OAAO,CAAC;EAElB,KAAK,MAAM,WAAW,KAAK,KAAK,KAAK,OAAO;CAC9C;CAEA,OAAO;AACT;AAEA,SAAS,UAAU,MAA+C;CAChE,MAAM,UAAmC,CAAC;CAE1C,QAAQ,OAAO,KAAK,QAAQ,KAAK,MAAM,KAAK,OAAO,IAAI,MAAM,EAAE,CAAC,CAAC,SAAS,EAAE;CAE5E,SAAS,QAAQ,IAAI;CAErB,QAAQ,OAAO,KAAK,QAAQ;CAC5B,QAAQ,QAAQ,KAAK,SAAS;CAC9B,QAAQ,QAAQ,KAAK,SAAS,YAAY;CAC1C,QAAQ,UAAU,KAAK,WAAW,YAAY;CAC9C,QAAQ,YAAY,KAAK,aAAa,YAAY;CAElD,OAAO;AACT;AAEA,SAAS,WAAW,MAA+B,QAA8C;CAC/F,MAAM,UAA0B,UAAU,QAAQ,CAAC,CAAC;CACpD,MAAM,YAAY,gBAAgB,QAAQ,IAAI;CAC9C,MAAM,QAAQ,KAAK,KAAK,UAAU,MAAM;CAExC,OAAO,QAAQ,OAAO,SAAS,QAAQ,OAAO,QAAQ;CAEtD,MAAM,KAAK,OAAO,WAAW,IAAI;CACjC,IAAI,IAAI;EACN,GAAG,YAAY,QAAQ;EACvB,GAAG,SAAS,GAAG,GAAG,OAAO,OAAO,OAAO,MAAM;EAC7C,GAAG,YAAY,QAAQ;EAEvB,KAAK,MAAM,CAAC,GAAG,eAAe,UAAU,QAAQ,GAE9C,IAAI,YAAY;GACd,MAAM,MAAM,KAAK,MAAM,IAAI,KAAK;GAChC,MAAM,MAAM,IAAI;GAGhB,GAAG,YAAY,eAAe,IAAI,QAAQ,QAAQ,QAAQ;GAE1D,GAAG,SAAS,MAAM,QAAQ,OAAO,MAAM,QAAQ,OAAO,QAAQ,OAAO,QAAQ,KAAK;EACpF;CAEJ;CAEA,OAAO;AACT;AAEA,SAAgB,cAAc,MAAuC;CACnE,MAAM,SAAS,SAAS,cAAc,QAAQ;CAE9C,WAAW,MAAM,MAAM;CAEvB,OAAO,OAAO,UAAU,YAAY;AACtC"}

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

@@ -1 +1 @@
-{"version":3,"file":"form-text-detail.js","names":[],"sources":["../../src/utils/form-text-detail.ts"],"sourcesContent":["import type { ComputedRef, MaybeRefOrGetter } from 'vue';\n\nexport type ValidationState = 'error' | 'success' | undefined;\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  validation: ComputedRef<ValidationState>;\n}\n\nexport function useFormTextDetail(\n  errorMessages: MaybeRefOrGetter<string | string[]>,\n  successMessages: MaybeRefOrGetter<string | string[]>,\n): FormTextDetailReturn {\n  const formattedErrorMessages = computed<string[]>(() => {\n    let errorMessagesVal = toValue(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 = toValue(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  const hasSuccess = computed<boolean>(() => get(formattedSuccessMessages).length > 0);\n  const hasMessages = computed<boolean>(() => get(hasError) || get(hasSuccess));\n\n  const validation = computed<ValidationState>(() => {\n    if (get(hasError))\n      return 'error';\n    if (get(hasSuccess))\n      return 'success';\n    return undefined;\n  });\n\n  return {\n    formattedErrorMessages,\n    formattedSuccessMessages,\n    hasError,\n    hasMessages,\n    hasSuccess,\n    validation,\n  };\n}\n"],"mappings":";;;AAaA,SAAgB,kBACd,eACA,iBACsB;CACtB,MAAM,yBAAyB,eAAyB;EACtD,IAAI,mBAAmB,QAAQ,cAAc;AAC7C,MAAI,OAAO,qBAAqB,SAC9B,oBAAmB,CAAC,iBAAiB;AAEvC,SAAO,iBAAiB,QAAO,SAAQ,CAAC,CAAC,KAAK;GAC9C;CAEF,MAAM,2BAA2B,eAAyB;EACxD,IAAI,qBAAqB,QAAQ,gBAAgB;AACjD,MAAI,OAAO,uBAAuB,SAChC,sBAAqB,CAAC,mBAAmB;AAE3C,SAAO,mBAAmB,QAAO,SAAQ,CAAC,CAAC,KAAK;GAChD;CAEF,MAAM,WAAW,eAAwB,IAAI,uBAAuB,CAAC,SAAS,EAAE;CAChF,MAAM,aAAa,eAAwB,IAAI,yBAAyB,CAAC,SAAS,EAAE;AAWpF,QAAO;EACL;EACA;EACA;EACA,aAdkB,eAAwB,IAAI,SAAS,IAAI,IAAI,WAAW,CAAC;EAe3E;EACA,YAdiB,eAAgC;AACjD,OAAI,IAAI,SAAS,CACf,QAAO;AACT,OAAI,IAAI,WAAW,CACjB,QAAO;IAET;EASD"}
+{"version":3,"file":"form-text-detail.js","names":[],"sources":["../../src/utils/form-text-detail.ts"],"sourcesContent":["import type { ComputedRef, MaybeRefOrGetter } from 'vue';\n\nexport type ValidationState = 'error' | 'success' | undefined;\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  validation: ComputedRef<ValidationState>;\n}\n\nexport function useFormTextDetail(\n  errorMessages: MaybeRefOrGetter<string | string[]>,\n  successMessages: MaybeRefOrGetter<string | string[]>,\n): FormTextDetailReturn {\n  const formattedErrorMessages = computed<string[]>(() => {\n    let errorMessagesVal = toValue(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 = toValue(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  const hasSuccess = computed<boolean>(() => get(formattedSuccessMessages).length > 0);\n  const hasMessages = computed<boolean>(() => get(hasError) || get(hasSuccess));\n\n  const validation = computed<ValidationState>(() => {\n    if (get(hasError))\n      return 'error';\n    if (get(hasSuccess))\n      return 'success';\n    return undefined;\n  });\n\n  return {\n    formattedErrorMessages,\n    formattedSuccessMessages,\n    hasError,\n    hasMessages,\n    hasSuccess,\n    validation,\n  };\n}\n"],"mappings":";;;AAaA,SAAgB,kBACd,eACA,iBACsB;CACtB,MAAM,yBAAyB,eAAyB;EACtD,IAAI,mBAAmB,QAAQ,aAAa;EAC5C,IAAI,OAAO,qBAAqB,UAC9B,mBAAmB,CAAC,gBAAgB;EAEtC,OAAO,iBAAiB,QAAO,SAAQ,CAAC,CAAC,IAAI;CAC/C,CAAC;CAED,MAAM,2BAA2B,eAAyB;EACxD,IAAI,qBAAqB,QAAQ,eAAe;EAChD,IAAI,OAAO,uBAAuB,UAChC,qBAAqB,CAAC,kBAAkB;EAE1C,OAAO,mBAAmB,QAAO,SAAQ,CAAC,CAAC,IAAI;CACjD,CAAC;CAED,MAAM,WAAW,eAAwB,IAAI,sBAAsB,CAAC,CAAC,SAAS,CAAC;CAC/E,MAAM,aAAa,eAAwB,IAAI,wBAAwB,CAAC,CAAC,SAAS,CAAC;CAWnF,OAAO;EACL;EACA;EACA;EACA,aAdkB,eAAwB,IAAI,QAAQ,KAAK,IAAI,UAAU,CAczE;EACA;EACA,YAdiB,eAAgC;GACjD,IAAI,IAAI,QAAQ,GACd,OAAO;GACT,IAAI,IAAI,UAAU,GAChB,OAAO;EAEX,CAQE;CACF;AACF"}

package/dist/utils/helpers.d.ts

@@ -36,4 +36,8 @@ export declare function transformCase<T extends object>(item: T, to: 'camelCase'
  */
 export declare function getTextToken(string: unknown): string;
 export declare function transformPropsUnit(value?: string | number): string | undefined;
+/**
+ * Formats a byte count into a human-readable string (e.g. "1.2 MB").
+ */
+export declare function formatFileSize(bytes: number): string;
 export {};

package/dist/utils/helpers.js

@@ -69,7 +69,27 @@ function transformPropsUnit(value) {
 	if (value === void 0 || typeof value === "string" && isNaN(Number(value))) return value;
 	return `${value}px`;
 }
+/**
+* Formats a byte count into a human-readable string (e.g. "1.2 MB").
+*/
+function formatFileSize(bytes) {
+	if (!Number.isFinite(bytes) || bytes < 0) return "0 B";
+	if (bytes < 1024) return `${bytes} B`;
+	const units = [
+		"KB",
+		"MB",
+		"GB",
+		"TB"
+	];
+	let value = bytes / 1024;
+	let unitIndex = 0;
+	while (value >= 1024 && unitIndex < units.length - 1) {
+		value /= 1024;
+		unitIndex++;
+	}
+	return `${value.toFixed(value >= 10 ? 0 : 1)} ${units[unitIndex]}`;
+}
 //#endregion
-export { formatInteger, getNonRootAttrs, getRootAttrs, getTextToken, transformCase, transformPropsUnit };
+export { formatFileSize, formatInteger, getNonRootAttrs, getRootAttrs, getTextToken, transformCase, transformPropsUnit };
 
 //# sourceMappingURL=helpers.js.map