npm - @cryptlex/web-components - Versions diffs - 2.0.2 → 3.1.0 - Mend

@cryptlex/web-components 2.0.2 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (491) hide show

package/lib/tokens.css CHANGED Viewed

@@ -3,163 +3,163 @@
     Instead, compile the SCSS file again to create modifications.
 */
 :root {
-  --primary-hue: 240;
-  --xprimary-1: oklch(0.99 0.01 var(--primary-hue));
-  --xprimary-2: oklch(0.97 0.03 var(--primary-hue));
-  --xprimary-3: oklch(0.9 0.04 var(--primary-hue));
-  --xprimary-4: oklch(0.72 0.13 var(--primary-hue));
-  --xprimary-5: oklch(0.67 0.13 var(--primary-hue));
-  --xprimary-6: oklch(0.5 0.13 var(--primary-hue));
-  --xprimary-7: oklch(0.35 0.13 var(--primary-hue));
-  --xprimary-8: oklch(0.25 0.13 var(--primary-hue));
-  --xprimary-9: oklch(0.2 0.09 var(--primary-hue));
-  --xprimary-10: oklch(0.1 0.03 var(--primary-hue));
-  --primary-1: var(--xprimary-1);
-  --primary-2: var(--xprimary-2);
-  --primary-3: var(--xprimary-3);
-  --primary-4: var(--xprimary-4);
-  --primary-5: var(--xprimary-5);
-  --primary-6: var(--xprimary-6);
-  --primary-7: var(--xprimary-7);
-  --primary-8: var(--xprimary-8);
-  --primary-9: var(--xprimary-9);
-  --primary-10: var(--xprimary-10);
-  --secondary-hue: calc(var(--primary-hue) + 30);
-  --xsecondary-1: oklch(0.99 0.01 var(--secondary-hue));
-  --xsecondary-2: oklch(0.97 0.03 var(--secondary-hue));
-  --xsecondary-3: oklch(0.9 0.04 var(--secondary-hue));
-  --xsecondary-4: oklch(0.72 0.13 var(--secondary-hue));
-  --xsecondary-5: oklch(0.67 0.13 var(--secondary-hue));
-  --xsecondary-6: oklch(0.5 0.13 var(--secondary-hue));
-  --xsecondary-7: oklch(0.35 0.13 var(--secondary-hue));
-  --xsecondary-8: oklch(0.25 0.13 var(--secondary-hue));
-  --xsecondary-9: oklch(0.2 0.09 var(--secondary-hue));
-  --xsecondary-10: oklch(0.1 0.03 var(--secondary-hue));
-  --secondary-1: var(--xsecondary-1);
-  --secondary-2: var(--xsecondary-2);
-  --secondary-3: var(--xsecondary-3);
-  --secondary-4: var(--xsecondary-4);
-  --secondary-5: var(--xsecondary-5);
-  --secondary-6: var(--xsecondary-6);
-  --secondary-7: var(--xsecondary-7);
-  --secondary-8: var(--xsecondary-8);
-  --secondary-9: var(--xsecondary-9);
-  --secondary-10: var(--xsecondary-10);
-  --destructive-hue: calc(var(--primary-hue) - 230);
-  --xdestructive-1: oklch(0.99 0.01 var(--destructive-hue));
-  --xdestructive-2: oklch(0.97 0.03 var(--destructive-hue));
-  --xdestructive-3: oklch(0.9 0.04 var(--destructive-hue));
-  --xdestructive-4: oklch(0.72 0.13 var(--destructive-hue));
-  --xdestructive-5: oklch(0.67 0.13 var(--destructive-hue));
-  --xdestructive-6: oklch(0.5 0.13 var(--destructive-hue));
-  --xdestructive-7: oklch(0.35 0.13 var(--destructive-hue));
-  --xdestructive-8: oklch(0.25 0.13 var(--destructive-hue));
-  --xdestructive-9: oklch(0.2 0.09 var(--destructive-hue));
-  --xdestructive-10: oklch(0.1 0.03 var(--destructive-hue));
-  --destructive-1: var(--xdestructive-1);
-  --destructive-2: var(--xdestructive-2);
-  --destructive-3: var(--xdestructive-3);
-  --destructive-4: var(--xdestructive-4);
-  --destructive-5: var(--xdestructive-5);
-  --destructive-6: var(--xdestructive-6);
-  --destructive-7: var(--xdestructive-7);
-  --destructive-8: var(--xdestructive-8);
-  --destructive-9: var(--xdestructive-9);
-  --destructive-10: var(--xdestructive-10);
-  --success-hue: calc(var(--primary-hue) - 90);
-  --xsuccess-1: oklch(0.99 0.01 var(--success-hue));
-  --xsuccess-2: oklch(0.97 0.03 var(--success-hue));
-  --xsuccess-3: oklch(0.9 0.04 var(--success-hue));
-  --xsuccess-4: oklch(0.72 0.13 var(--success-hue));
-  --xsuccess-5: oklch(0.67 0.13 var(--success-hue));
-  --xsuccess-6: oklch(0.5 0.13 var(--success-hue));
-  --xsuccess-7: oklch(0.35 0.13 var(--success-hue));
-  --xsuccess-8: oklch(0.25 0.13 var(--success-hue));
-  --xsuccess-9: oklch(0.2 0.09 var(--success-hue));
-  --xsuccess-10: oklch(0.1 0.03 var(--success-hue));
-  --success-1: var(--xsuccess-1);
-  --success-2: var(--xsuccess-2);
-  --success-3: var(--xsuccess-3);
-  --success-4: var(--xsuccess-4);
-  --success-5: var(--xsuccess-5);
-  --success-6: var(--xsuccess-6);
-  --success-7: var(--xsuccess-7);
-  --success-8: var(--xsuccess-8);
-  --success-9: var(--xsuccess-9);
-  --success-10: var(--xsuccess-10);
-  --neutral-hue: var(--primary-hue);
-  --neutral-s: 0.005;
-  --xneutral-1: oklch(0.985 var(--neutral-s) var(--neutral-hue));
-  --xneutral-2: oklch(0.97 var(--neutral-s) var(--neutral-hue));
-  --xneutral-3: oklch(0.922 var(--neutral-s) var(--neutral-hue));
-  --xneutral-4: oklch(0.87 var(--neutral-s) var(--neutral-hue));
-  --xneutral-5: oklch(0.708 var(--neutral-s) var(--neutral-hue));
-  --xneutral-6: oklch(0.556 var(--neutral-s) var(--neutral-hue));
-  --xneutral-7: oklch(0.439 var(--neutral-s) var(--neutral-hue));
-  --xneutral-8: oklch(0.35 var(--neutral-s) var(--neutral-hue));
-  --xneutral-9: oklch(0.269 var(--neutral-s) var(--neutral-hue));
-  --xneutral-10: oklch(0.205 var(--neutral-s) var(--neutral-hue));
-  --neutral-1: var(--xneutral-1);
-  --neutral-2: var(--xneutral-2);
-  --neutral-3: var(--xneutral-3);
-  --neutral-4: var(--xneutral-4);
-  --neutral-5: var(--xneutral-5);
-  --neutral-6: var(--xneutral-6);
-  --neutral-7: var(--xneutral-7);
-  --neutral-8: var(--xneutral-8);
-  --neutral-9: var(--xneutral-9);
-  --neutral-10: var(--xneutral-10);
+	--primary-hue: 240;
+	--xprimary-1: oklch(0.99 0.01 var(--primary-hue));
+	--xprimary-2: oklch(0.97 0.03 var(--primary-hue));
+	--xprimary-3: oklch(0.9 0.04 var(--primary-hue));
+	--xprimary-4: oklch(0.72 0.13 var(--primary-hue));
+	--xprimary-5: oklch(0.67 0.13 var(--primary-hue));
+	--xprimary-6: oklch(0.5 0.13 var(--primary-hue));
+	--xprimary-7: oklch(0.35 0.13 var(--primary-hue));
+	--xprimary-8: oklch(0.25 0.13 var(--primary-hue));
+	--xprimary-9: oklch(0.2 0.09 var(--primary-hue));
+	--xprimary-10: oklch(0.1 0.03 var(--primary-hue));
+	--primary-1: var(--xprimary-1);
+	--primary-2: var(--xprimary-2);
+	--primary-3: var(--xprimary-3);
+	--primary-4: var(--xprimary-4);
+	--primary-5: var(--xprimary-5);
+	--primary-6: var(--xprimary-6);
+	--primary-7: var(--xprimary-7);
+	--primary-8: var(--xprimary-8);
+	--primary-9: var(--xprimary-9);
+	--primary-10: var(--xprimary-10);
+	--secondary-hue: calc(var(--primary-hue) + 30);
+	--xsecondary-1: oklch(0.99 0.01 var(--secondary-hue));
+	--xsecondary-2: oklch(0.97 0.03 var(--secondary-hue));
+	--xsecondary-3: oklch(0.9 0.04 var(--secondary-hue));
+	--xsecondary-4: oklch(0.72 0.13 var(--secondary-hue));
+	--xsecondary-5: oklch(0.67 0.13 var(--secondary-hue));
+	--xsecondary-6: oklch(0.5 0.13 var(--secondary-hue));
+	--xsecondary-7: oklch(0.35 0.13 var(--secondary-hue));
+	--xsecondary-8: oklch(0.25 0.13 var(--secondary-hue));
+	--xsecondary-9: oklch(0.2 0.09 var(--secondary-hue));
+	--xsecondary-10: oklch(0.1 0.03 var(--secondary-hue));
+	--secondary-1: var(--xsecondary-1);
+	--secondary-2: var(--xsecondary-2);
+	--secondary-3: var(--xsecondary-3);
+	--secondary-4: var(--xsecondary-4);
+	--secondary-5: var(--xsecondary-5);
+	--secondary-6: var(--xsecondary-6);
+	--secondary-7: var(--xsecondary-7);
+	--secondary-8: var(--xsecondary-8);
+	--secondary-9: var(--xsecondary-9);
+	--secondary-10: var(--xsecondary-10);
+	--destructive-hue: calc(var(--primary-hue) - 230);
+	--xdestructive-1: oklch(0.99 0.01 var(--destructive-hue));
+	--xdestructive-2: oklch(0.97 0.03 var(--destructive-hue));
+	--xdestructive-3: oklch(0.9 0.04 var(--destructive-hue));
+	--xdestructive-4: oklch(0.72 0.13 var(--destructive-hue));
+	--xdestructive-5: oklch(0.67 0.13 var(--destructive-hue));
+	--xdestructive-6: oklch(0.5 0.13 var(--destructive-hue));
+	--xdestructive-7: oklch(0.35 0.13 var(--destructive-hue));
+	--xdestructive-8: oklch(0.25 0.13 var(--destructive-hue));
+	--xdestructive-9: oklch(0.2 0.09 var(--destructive-hue));
+	--xdestructive-10: oklch(0.1 0.03 var(--destructive-hue));
+	--destructive-1: var(--xdestructive-1);
+	--destructive-2: var(--xdestructive-2);
+	--destructive-3: var(--xdestructive-3);
+	--destructive-4: var(--xdestructive-4);
+	--destructive-5: var(--xdestructive-5);
+	--destructive-6: var(--xdestructive-6);
+	--destructive-7: var(--xdestructive-7);
+	--destructive-8: var(--xdestructive-8);
+	--destructive-9: var(--xdestructive-9);
+	--destructive-10: var(--xdestructive-10);
+	--success-hue: calc(var(--primary-hue) - 90);
+	--xsuccess-1: oklch(0.99 0.01 var(--success-hue));
+	--xsuccess-2: oklch(0.97 0.03 var(--success-hue));
+	--xsuccess-3: oklch(0.9 0.04 var(--success-hue));
+	--xsuccess-4: oklch(0.72 0.13 var(--success-hue));
+	--xsuccess-5: oklch(0.67 0.13 var(--success-hue));
+	--xsuccess-6: oklch(0.5 0.13 var(--success-hue));
+	--xsuccess-7: oklch(0.35 0.13 var(--success-hue));
+	--xsuccess-8: oklch(0.25 0.13 var(--success-hue));
+	--xsuccess-9: oklch(0.2 0.09 var(--success-hue));
+	--xsuccess-10: oklch(0.1 0.03 var(--success-hue));
+	--success-1: var(--xsuccess-1);
+	--success-2: var(--xsuccess-2);
+	--success-3: var(--xsuccess-3);
+	--success-4: var(--xsuccess-4);
+	--success-5: var(--xsuccess-5);
+	--success-6: var(--xsuccess-6);
+	--success-7: var(--xsuccess-7);
+	--success-8: var(--xsuccess-8);
+	--success-9: var(--xsuccess-9);
+	--success-10: var(--xsuccess-10);
+	--neutral-hue: var(--primary-hue);
+	--neutral-s: 0.005;
+	--xneutral-1: oklch(0.985 var(--neutral-s) var(--neutral-hue));
+	--xneutral-2: oklch(0.97 var(--neutral-s) var(--neutral-hue));
+	--xneutral-3: oklch(0.922 var(--neutral-s) var(--neutral-hue));
+	--xneutral-4: oklch(0.87 var(--neutral-s) var(--neutral-hue));
+	--xneutral-5: oklch(0.708 var(--neutral-s) var(--neutral-hue));
+	--xneutral-6: oklch(0.556 var(--neutral-s) var(--neutral-hue));
+	--xneutral-7: oklch(0.439 var(--neutral-s) var(--neutral-hue));
+	--xneutral-8: oklch(0.35 var(--neutral-s) var(--neutral-hue));
+	--xneutral-9: oklch(0.269 var(--neutral-s) var(--neutral-hue));
+	--xneutral-10: oklch(0.205 var(--neutral-s) var(--neutral-hue));
+	--neutral-1: var(--xneutral-1);
+	--neutral-2: var(--xneutral-2);
+	--neutral-3: var(--xneutral-3);
+	--neutral-4: var(--xneutral-4);
+	--neutral-5: var(--xneutral-5);
+	--neutral-6: var(--xneutral-6);
+	--neutral-7: var(--xneutral-7);
+	--neutral-8: var(--xneutral-8);
+	--neutral-9: var(--xneutral-9);
+	--neutral-10: var(--xneutral-10);
 }
 .dark {
-  --primary-1: var(--xprimary-10);
-  --primary-2: var(--xprimary-9);
-  --primary-3: var(--xprimary-8);
-  --primary-4: var(--xprimary-7);
-  --primary-5: var(--xprimary-6);
-  --primary-6: var(--xprimary-5);
-  --primary-7: var(--xprimary-4);
-  --primary-8: var(--xprimary-3);
-  --primary-9: var(--xprimary-2);
-  --primary-10: var(--xprimary-1);
-  --secondary-1: var(--xsecondary-10);
-  --secondary-2: var(--xsecondary-9);
-  --secondary-3: var(--xsecondary-8);
-  --secondary-4: var(--xsecondary-7);
-  --secondary-5: var(--xsecondary-6);
-  --secondary-6: var(--xsecondary-5);
-  --secondary-7: var(--xsecondary-4);
-  --secondary-8: var(--xsecondary-3);
-  --secondary-9: var(--xsecondary-2);
-  --secondary-10: var(--xsecondary-1);
-  --destructive-1: var(--xdestructive-10);
-  --destructive-2: var(--xdestructive-9);
-  --destructive-3: var(--xdestructive-8);
-  --destructive-4: var(--xdestructive-7);
-  --destructive-5: var(--xdestructive-6);
-  --destructive-6: var(--xdestructive-5);
-  --destructive-7: var(--xdestructive-4);
-  --destructive-8: var(--xdestructive-3);
-  --destructive-9: var(--xdestructive-2);
-  --destructive-10: var(--xdestructive-1);
-  --success-1: var(--xsuccess-10);
-  --success-2: var(--xsuccess-9);
-  --success-3: var(--xsuccess-8);
-  --success-4: var(--xsuccess-7);
-  --success-5: var(--xsuccess-6);
-  --success-6: var(--xsuccess-5);
-  --success-7: var(--xsuccess-4);
-  --success-8: var(--xsuccess-3);
-  --success-9: var(--xsuccess-2);
-  --success-10: var(--xsuccess-1);
-  --neutral-1: var(--xneutral-10);
-  --neutral-2: var(--xneutral-9);
-  --neutral-3: var(--xneutral-8);
-  --neutral-4: var(--xneutral-7);
-  --neutral-5: var(--xneutral-6);
-  --neutral-6: var(--xneutral-5);
-  --neutral-7: var(--xneutral-4);
-  --neutral-8: var(--xneutral-3);
-  --neutral-9: var(--xneutral-2);
-  --neutral-10: var(--xneutral-1);
+	--primary-1: var(--xprimary-10);
+	--primary-2: var(--xprimary-9);
+	--primary-3: var(--xprimary-8);
+	--primary-4: var(--xprimary-7);
+	--primary-5: var(--xprimary-6);
+	--primary-6: var(--xprimary-5);
+	--primary-7: var(--xprimary-4);
+	--primary-8: var(--xprimary-3);
+	--primary-9: var(--xprimary-2);
+	--primary-10: var(--xprimary-1);
+	--secondary-1: var(--xsecondary-10);
+	--secondary-2: var(--xsecondary-9);
+	--secondary-3: var(--xsecondary-8);
+	--secondary-4: var(--xsecondary-7);
+	--secondary-5: var(--xsecondary-6);
+	--secondary-6: var(--xsecondary-5);
+	--secondary-7: var(--xsecondary-4);
+	--secondary-8: var(--xsecondary-3);
+	--secondary-9: var(--xsecondary-2);
+	--secondary-10: var(--xsecondary-1);
+	--destructive-1: var(--xdestructive-10);
+	--destructive-2: var(--xdestructive-9);
+	--destructive-3: var(--xdestructive-8);
+	--destructive-4: var(--xdestructive-7);
+	--destructive-5: var(--xdestructive-6);
+	--destructive-6: var(--xdestructive-5);
+	--destructive-7: var(--xdestructive-4);
+	--destructive-8: var(--xdestructive-3);
+	--destructive-9: var(--xdestructive-2);
+	--destructive-10: var(--xdestructive-1);
+	--success-1: var(--xsuccess-10);
+	--success-2: var(--xsuccess-9);
+	--success-3: var(--xsuccess-8);
+	--success-4: var(--xsuccess-7);
+	--success-5: var(--xsuccess-6);
+	--success-6: var(--xsuccess-5);
+	--success-7: var(--xsuccess-4);
+	--success-8: var(--xsuccess-3);
+	--success-9: var(--xsuccess-2);
+	--success-10: var(--xsuccess-1);
+	--neutral-1: var(--xneutral-10);
+	--neutral-2: var(--xneutral-9);
+	--neutral-3: var(--xneutral-8);
+	--neutral-4: var(--xneutral-7);
+	--neutral-5: var(--xneutral-6);
+	--neutral-6: var(--xneutral-5);
+	--neutral-7: var(--xneutral-4);
+	--neutral-8: var(--xneutral-3);
+	--neutral-9: var(--xneutral-2);
+	--neutral-10: var(--xneutral-1);
 }

package/lib/utilities.css CHANGED Viewed

@@ -1,54 +1,77 @@
 @utility link {
-    @apply text-primary underline hover:underline-offset-2 hover:text-primary/70;
+	@apply text-primary underline hover:underline-offset-2 hover:text-primary/70;
 }
 @utility caption {
-    @apply text-xs font-medium;
+	@apply text-xs font-medium;
 }
 @utility body {
-    @apply text-sm;
-}
-@utility h6 {
-    @apply text-base font-bold;
+	@apply text-sm;
 }
 @utility h5 {
-    @apply text-lg font-semibold;
+	@apply text-base font-semibold;
 }
 @utility h4 {
-    @apply text-xl font-medium;
+	@apply text-lg font-medium;
 }
 @utility h3 {
-    @apply text-2xl font-normal;
+	@apply text-xl font-normal;
 }
 @utility h2 {
-    @apply text-3xl font-light;
+	@apply text-2xl font-light;
 }
 @utility h1 {
-    @apply text-4xl font-extralight;
+	@apply text-4xl font-extralight;
 }
-/* Standard height for inputs ~32px  */
-@utility h-input {
-    @apply h-8;
+/* Fluid grid with minimum width */
+@utility grid-fluid {
+	@apply grid grid-cols-[repeat(auto-fill,_minmax(var(--fluid-grid-min),_1fr))] gap-4;
 }
-/* Standard size for icons */
-@utility size-icon {
-    @apply size-4;
+@utility input {
+	@apply border border-input bg-card px-3 py-2 body placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50;
 }
-/* Fluid grid with minimum width */
-@utility grid-fluid {
-    @apply grid grid-cols-[repeat(auto-fill,_minmax(var(--fluid-grid-min),_1fr))] gap-4;
+/* A base set of classes for elements that can be clicked */
+@utility btn {
+	@apply cursor-pointer ring-offset-background  focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring leading-none no-underline whitespace-nowrap select-none disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:opacity-50;
+}
+@utility btn-primary {
+	@apply bg-primary text-primary-foreground hover:bg-primary/80 focus:bg-primary/80;
+}
+@utility btn-destructive {
+	@apply bg-destructive text-destructive-foreground hover:bg-destructive/80 focus:bg-destructive/80;
+}
+@utility btn-outline {
+	@apply border border-input text-accent bg-card hover:bg-accent/10 focus:bg-accent/10;
+}
+@utility btn-secondary {
+	@apply bg-secondary text-secondary-foreground hover:bg-secondary/80 focus:bg-secondary/80;
+}
+@utility btn-ghost {
+	@apply bg-transparent hover:bg-accent/10 focus:bg-accent/10;
 }
-@utility input {
-    @apply w-full rounded-md border border-input bg-background px-3 py-2 body placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50;
-}
+@utility btn-dropdown {
+	@apply w-full btn btn-outline h-input text-sm text-left px-2 truncate;
+}
+/* Dimensions for a standard input */
+@utility input-dim {
+	@apply h-input px-4 py-2 text-sm;
+}
+@utility dropdown-item {
+	@apply w-full relative btn btn-ghost input-dim truncate;
+}
+@utility form-column {
+	@apply flex flex-col gap-6;
+}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@cryptlex/web-components",
-  "version": "2.0.2",
+  "version": "3.1.0",
   "description": "React component library for Cryptlex web applications",
   "author": "Cryptlex",
   "type": "module",
@@ -47,83 +47,69 @@
     "access": "public"
   },
   "peerDependencies": {
-    "@radix-ui/react-accordion": "^1.2.1",
-    "@radix-ui/react-avatar": "^1.1.1",
-    "@radix-ui/react-checkbox": "^1.1.2",
-    "@radix-ui/react-collapsible": "^1.1.1",
-    "@radix-ui/react-dialog": "^1.1.2",
-    "@radix-ui/react-dropdown-menu": "^2.1.2",
-    "@radix-ui/react-icons": "^1.3.0",
-    "@radix-ui/react-label": "^2.1.0",
-    "@radix-ui/react-navigation-menu": "^1.2.1",
-    "@radix-ui/react-popover": "^1.1.2",
-    "@radix-ui/react-radio-group": "^1.2.1",
-    "@radix-ui/react-select": "^2.1.2",
-    "@radix-ui/react-separator": "^1.1.0",
-    "@radix-ui/react-slot": "^1.1.0",
-    "@radix-ui/react-tabs": "^1.1.1",
-    "@radix-ui/react-tooltip": "^1.1.3",
-    "@tailwindcss/vite": "^4.0.6",
     "@tanstack/react-query": "^5.62.3",
-    "@tanstack/react-router": "^1.87.1",
     "@tanstack/react-table": "^8.20.5",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
-    "cmdk": "1.0.0",
     "date-fns": "^3.0.0",
     "input-otp": "^1.4.1",
     "lodash-es": "^4.17.21",
     "lucide-react": "^0.453.0",
     "openapi-fetch": ">=0.13.3",
-    "react": "^18.3.1",
-    "react-day-picker": "8.10.1",
-    "react-dom": "^18.3.1",
-    "react-hook-form": "^7.53.1",
-    "recharts": "^2.13.0",
-    "rollup-preserve-directives": "^1.1.3",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
+    "recharts": "2.15.3",
     "sonner": "^1.7.0",
     "tailwindcss": "^4.0.6",
     "tailwindcss-animate": "^1.0.7",
-    "use-debounce": "^10.0.4",
-    "vaul": "^1.1.1",
-    "zod": "^3.24.1",
-    "@hookform/resolvers": "^4.0.0"
+    "vaul": "1.1.2"
   },
   "dependencies": {
-    "@cryptlex/web-api-types": "^1.17.0"
+    "@cryptlex/web-api-types": "1.17.0",
+    "@tanstack/react-form": "1.6.3"
   },
   "devDependencies": {
-    "@eslint/js": "^9.11.1",
-    "@storybook/addon-docs": "^8.4.2",
-    "@storybook/addon-essentials": "^8.4.2",
-    "@storybook/addon-interactions": "^8.4.2",
-    "@storybook/addon-links": "^8.4.2",
-    "@storybook/addon-onboarding": "^8.4.2",
-    "@storybook/blocks": "^8.4.2",
-    "@storybook/react": "^8.4.2",
-    "@storybook/react-vite": "^8.4.2",
-    "@storybook/test": "^8.4.2",
+    "@radix-ui/react-accordion": "1.2.11",
+    "@radix-ui/react-collapsible": "1.1.11",
+    "@radix-ui/react-dialog": "1.1.14",
+    "@radix-ui/react-dropdown-menu": "2.1.15",
+    "@radix-ui/react-label": "2.1.7",
+    "@radix-ui/react-popover": "1.1.14",
+    "@radix-ui/react-radio-group": "1.3.7",
+    "@radix-ui/react-select": "2.2.5",
+    "@radix-ui/react-separator": "1.1.7",
+    "@radix-ui/react-slot": "1.2.3",
+    "@radix-ui/react-tabs": "1.1.12",
+    "@radix-ui/react-tooltip": "1.2.7",
+    "@storybook/addon-docs": "^8.6.12",
+    "@storybook/addon-essentials": "^8.6.12",
+    "@storybook/addon-interactions": "^8.6.12",
+    "@storybook/addon-links": "^8.6.12",
+    "@storybook/addon-onboarding": "^8.6.12",
+    "@storybook/blocks": "^8.6.12",
+    "@storybook/react": "^8.6.12",
+    "@storybook/react-vite": "^8.6.12",
+    "@storybook/test": "^8.6.12",
+    "@tailwindcss/vite": "^4.0.6",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^22.7.8",
-    "@types/react": "^18.3.10",
-    "@types/react-dom": "^18.3.0",
+    "@types/react": "19.1.0",
+    "@types/react-dom": "19.1.0",
     "@vitejs/plugin-react": "^4.3.2",
-    "eslint": "^9.11.1",
-    "eslint-plugin-react-hooks": "^5.1.0-rc.0",
-    "eslint-plugin-react-refresh": "^0.4.12",
-    "eslint-plugin-storybook": "^0.11.0",
-    "globals": "^15.9.0",
+    "react-day-picker": "9.7.0",
+    "rollup-preserve-directives": "1.1.3",
     "sass": "^1.80.6",
-    "storybook": "^8.4.2",
+    "storybook": "^8.6.12",
     "typescript": "^5.5.3",
     "typescript-eslint": "^8.7.0",
     "vite": "^5.4.8",
-    "vite-plugin-dts": "^4.2.4"
+    "vite-plugin-dts": "^4.2.4",
+    "zod": "3.25.20"
   },
   "scripts": {
     "build": "tsc && vite build",
     "lint": "eslint .",
-    "storybook": "storybook dev -p 6006",
+    "storybook": "storybook dev -p 6006 --no-open",
     "build:storybook": "storybook build",
     "build:tokens": "sass --no-source-map ./lib/tokens.scss ./lib/tokens.css"
   }