@medialane/ui 0.99.1 → 0.100.0

package/dist/data/brand.d.cts

@@ -12,20 +12,6 @@ declare const BRAND: {
         readonly from: "from-brand-blue/20";
         readonly to: "to-brand-blue/20";
     };
-    readonly electric: {
-        readonly text: "text-brand-electric";
-        readonly bg: "bg-brand-electric/10";
-        readonly bgSolid: "bg-brand-electric/15";
-        readonly from: "from-brand-electric/20";
-        readonly to: "to-brand-electric/20";
-    };
-    readonly indigo: {
-        readonly text: "text-brand-indigo";
-        readonly bg: "bg-brand-indigo/10";
-        readonly bgSolid: "bg-brand-indigo/15";
-        readonly from: "from-brand-indigo/20";
-        readonly to: "to-brand-indigo/20";
-    };
     readonly purple: {
         readonly text: "text-brand-purple";
         readonly bg: "bg-brand-purple/10";

package/dist/data/brand.d.ts

@@ -12,20 +12,6 @@ declare const BRAND: {
         readonly from: "from-brand-blue/20";
         readonly to: "to-brand-blue/20";
     };
-    readonly electric: {
-        readonly text: "text-brand-electric";
-        readonly bg: "bg-brand-electric/10";
-        readonly bgSolid: "bg-brand-electric/15";
-        readonly from: "from-brand-electric/20";
-        readonly to: "to-brand-electric/20";
-    };
-    readonly indigo: {
-        readonly text: "text-brand-indigo";
-        readonly bg: "bg-brand-indigo/10";
-        readonly bgSolid: "bg-brand-indigo/15";
-        readonly from: "from-brand-indigo/20";
-        readonly to: "to-brand-indigo/20";
-    };
     readonly purple: {
         readonly text: "text-brand-purple";
         readonly bg: "bg-brand-purple/10";

package/dist/data/brand.js

@@ -6,20 +6,6 @@ const BRAND = {
     from: "from-brand-blue/20",
     to: "to-brand-blue/20"
   },
-  electric: {
-    text: "text-brand-electric",
-    bg: "bg-brand-electric/10",
-    bgSolid: "bg-brand-electric/15",
-    from: "from-brand-electric/20",
-    to: "to-brand-electric/20"
-  },
-  indigo: {
-    text: "text-brand-indigo",
-    bg: "bg-brand-indigo/10",
-    bgSolid: "bg-brand-indigo/15",
-    from: "from-brand-indigo/20",
-    to: "to-brand-indigo/20"
-  },
   purple: {
     text: "text-brand-purple",
     bg: "bg-brand-purple/10",

package/dist/data/brand.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/data/brand.ts"],"sourcesContent":["/**\n * Typed Tailwind class constants for Medialane brand colors.\n * Mirrors the brand color extensions defined in the Tailwind preset.\n * Keeping these as string literals ensures JIT picks them up via the\n * consumer's content scan of node_modules/@medialane/ui/dist.\n */\nexport const BRAND = {\n  blue: {\n    text:    \"text-brand-blue\",\n    bg:      \"bg-brand-blue/10\",\n    bgSolid: \"bg-brand-blue/15\",\n    from:    \"from-brand-blue/20\",\n    to:      \"to-brand-blue/20\",\n  },\n  electric: {\n    text:    \"text-brand-electric\",\n    bg:      \"bg-brand-electric/10\",\n    bgSolid: \"bg-brand-electric/15\",\n    from:    \"from-brand-electric/20\",\n    to:      \"to-brand-electric/20\",\n  },\n  indigo: {\n    text:    \"text-brand-indigo\",\n    bg:      \"bg-brand-indigo/10\",\n    bgSolid: \"bg-brand-indigo/15\",\n    from:    \"from-brand-indigo/20\",\n    to:      \"to-brand-indigo/20\",\n  },\n  purple: {\n    text:    \"text-brand-purple\",\n    bg:      \"bg-brand-purple/10\",\n    bgSolid: \"bg-brand-purple/15\",\n    from:    \"from-brand-purple/20\",\n    to:      \"to-brand-purple/20\",\n  },\n  rose: {\n    text:    \"text-brand-rose\",\n    bg:      \"bg-brand-rose/10\",\n    bgSolid: \"bg-brand-rose/15\",\n    from:    \"from-brand-rose/20\",\n    to:      \"to-brand-rose/20\",\n  },\n  orange: {\n    text:    \"text-brand-orange\",\n    bg:      \"bg-brand-orange/10\",\n    bgSolid: \"bg-brand-orange/15\",\n    from:    \"from-brand-orange/20\",\n    to:      \"to-brand-orange/20\",\n  },\n  price: {\n    text:    \"text-brand-price\",\n    bg:      \"bg-brand-price/10\",\n    bgSolid: \"bg-brand-price/15\",\n  },\n  navy: {\n    text:    \"text-brand-navy\",\n    bg:      \"bg-brand-navy/10\",\n    from:    \"from-brand-navy/10\",\n    to:      \"to-brand-navy/10\",\n  },\n} as const;\n"],"mappings":"AAMO,MAAM,QAAQ;AAAA,EACnB,MAAM;AAAA,IACJ,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAS;AAAA,IACT,IAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AACF;","names":[]}
+{"version":3,"sources":["../../src/data/brand.ts"],"sourcesContent":["/**\n * Typed Tailwind class constants for Medialane brand colors.\n * Mirrors the brand color extensions defined in the Tailwind preset.\n * Keeping these as string literals ensures JIT picks them up via the\n * consumer's content scan of node_modules/@medialane/ui/dist.\n */\nexport const BRAND = {\n  blue: {\n    text:    \"text-brand-blue\",\n    bg:      \"bg-brand-blue/10\",\n    bgSolid: \"bg-brand-blue/15\",\n    from:    \"from-brand-blue/20\",\n    to:      \"to-brand-blue/20\",\n  },\n  purple: {\n    text:    \"text-brand-purple\",\n    bg:      \"bg-brand-purple/10\",\n    bgSolid: \"bg-brand-purple/15\",\n    from:    \"from-brand-purple/20\",\n    to:      \"to-brand-purple/20\",\n  },\n  rose: {\n    text:    \"text-brand-rose\",\n    bg:      \"bg-brand-rose/10\",\n    bgSolid: \"bg-brand-rose/15\",\n    from:    \"from-brand-rose/20\",\n    to:      \"to-brand-rose/20\",\n  },\n  orange: {\n    text:    \"text-brand-orange\",\n    bg:      \"bg-brand-orange/10\",\n    bgSolid: \"bg-brand-orange/15\",\n    from:    \"from-brand-orange/20\",\n    to:      \"to-brand-orange/20\",\n  },\n  price: {\n    text:    \"text-brand-price\",\n    bg:      \"bg-brand-price/10\",\n    bgSolid: \"bg-brand-price/15\",\n  },\n  navy: {\n    text:    \"text-brand-navy\",\n    bg:      \"bg-brand-navy/10\",\n    from:    \"from-brand-navy/10\",\n    to:      \"to-brand-navy/10\",\n  },\n} as const;\n"],"mappings":"AAMO,MAAM,QAAQ;AAAA,EACnB,MAAM;AAAA,IACJ,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAS;AAAA,IACT,IAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AACF;","names":[]}

package/dist/medialane.css

@@ -12,6 +12,10 @@
 .scrollbar-hide { scrollbar-width: none; }
 .scrollbar-hide::-webkit-scrollbar { display: none; }
 
+/* ── Safe-area insets (notched/home-indicator devices) ──────────────────── */
+.pb-safe { padding-bottom: max(env(safe-area-inset-bottom), 0px); }
+.pt-safe { padding-top: max(env(safe-area-inset-top), 0px); }
+
 /* ── Glass ────────────────────────────────────────────────────────────── */
 .glass {
   background: rgba(10, 14, 30, 0.60);

package/dist/preset/tailwind.cjs

@@ -25,14 +25,16 @@ const medialanePreset = {
   theme: {
     extend: {
       colors: {
-        "brand-blue": "#3b7bff",
-        "brand-electric": "#1a17ff",
-        "brand-indigo": "#5b4ce6",
-        "brand-purple": "#8a5cf6",
-        "brand-rose": "#f6608f",
-        "brand-orange": "#fb8b46",
-        "brand-price": "#f97316",
-        "brand-navy": "#0a0e1f"
+        // Each resolves via the app's own --brand-* CSS var when defined
+        // (medialane-io, medialane-starknet); the fallback keeps every
+        // color working standalone for any consumer that defines none
+        // (medialane-portal today, or a future app).
+        "brand-blue": "hsl(var(--brand-blue, 220 100% 62%))",
+        "brand-purple": "hsl(var(--brand-purple, 258 90% 66%))",
+        "brand-rose": "hsl(var(--brand-rose, 341 89% 67%))",
+        "brand-orange": "hsl(var(--brand-orange, 23 96% 63%))",
+        "brand-price": "hsl(var(--brand-price, 25 95% 53%))",
+        "brand-navy": "hsl(var(--brand-navy, 229 51% 8%))"
       },
       borderRadius: {
         brand: "11px"
@@ -41,6 +43,12 @@ const medialanePreset = {
         // Brand display face (headings). Apps define --font-display via
         // next/font (Urbanist); falls back to the body face when unset.
         display: ["var(--font-display)", "Urbanist", "Inter", "system-ui", "sans-serif"]
+      },
+      fontSize: {
+        // Floor for true micro-text (timestamps, counts) — nothing in the
+        // package should go below this. Everything else uses Tailwind's
+        // built-in scale (xs=12px and up).
+        "2xs": ["11px", { lineHeight: "14px" }]
       }
     }
   }

package/dist/preset/tailwind.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/preset/tailwind.ts"],"sourcesContent":["import type { Config } from \"tailwindcss\";\n\nconst medialanePreset: Partial<Config> = {\n  theme: {\n    extend: {\n      colors: {\n        \"brand-blue\":     \"#3b7bff\",\n        \"brand-electric\": \"#1a17ff\",\n        \"brand-indigo\":   \"#5b4ce6\",\n        \"brand-purple\":   \"#8a5cf6\",\n        \"brand-rose\":     \"#f6608f\",\n        \"brand-orange\":   \"#fb8b46\",\n        \"brand-price\":    \"#f97316\",\n        \"brand-navy\":     \"#0a0e1f\",\n      },\n      borderRadius: {\n        brand: \"11px\",\n      },\n      fontFamily: {\n        // Brand display face (headings). Apps define --font-display via\n        // next/font (Urbanist); falls back to the body face when unset.\n        display: [\"var(--font-display)\", \"Urbanist\", \"Inter\", \"system-ui\", \"sans-serif\"],\n      },\n    },\n  },\n};\n\nexport default medialanePreset;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,MAAM,kBAAmC;AAAA,EACvC,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,QAAQ;AAAA,QACN,cAAkB;AAAA,QAClB,kBAAkB;AAAA,QAClB,gBAAkB;AAAA,QAClB,gBAAkB;AAAA,QAClB,cAAkB;AAAA,QAClB,gBAAkB;AAAA,QAClB,eAAkB;AAAA,QAClB,cAAkB;AAAA,MACpB;AAAA,MACA,cAAc;AAAA,QACZ,OAAO;AAAA,MACT;AAAA,MACA,YAAY;AAAA;AAAA;AAAA,QAGV,SAAS,CAAC,uBAAuB,YAAY,SAAS,aAAa,YAAY;AAAA,MACjF;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,mBAAQ;","names":[]}
+{"version":3,"sources":["../../src/preset/tailwind.ts"],"sourcesContent":["import type { Config } from \"tailwindcss\";\n\nconst medialanePreset: Partial<Config> = {\n  theme: {\n    extend: {\n      colors: {\n        // Each resolves via the app's own --brand-* CSS var when defined\n        // (medialane-io, medialane-starknet); the fallback keeps every\n        // color working standalone for any consumer that defines none\n        // (medialane-portal today, or a future app).\n        \"brand-blue\":     \"hsl(var(--brand-blue, 220 100% 62%))\",\n        \"brand-purple\":   \"hsl(var(--brand-purple, 258 90% 66%))\",\n        \"brand-rose\":     \"hsl(var(--brand-rose, 341 89% 67%))\",\n        \"brand-orange\":   \"hsl(var(--brand-orange, 23 96% 63%))\",\n        \"brand-price\":    \"hsl(var(--brand-price, 25 95% 53%))\",\n        \"brand-navy\":     \"hsl(var(--brand-navy, 229 51% 8%))\",\n      },\n      borderRadius: {\n        brand: \"11px\",\n      },\n      fontFamily: {\n        // Brand display face (headings). Apps define --font-display via\n        // next/font (Urbanist); falls back to the body face when unset.\n        display: [\"var(--font-display)\", \"Urbanist\", \"Inter\", \"system-ui\", \"sans-serif\"],\n      },\n      fontSize: {\n        // Floor for true micro-text (timestamps, counts) — nothing in the\n        // package should go below this. Everything else uses Tailwind's\n        // built-in scale (xs=12px and up).\n        \"2xs\": [\"11px\", { lineHeight: \"14px\" }],\n      },\n    },\n  },\n};\n\nexport default medialanePreset;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,MAAM,kBAAmC;AAAA,EACvC,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,QAKN,cAAkB;AAAA,QAClB,gBAAkB;AAAA,QAClB,cAAkB;AAAA,QAClB,gBAAkB;AAAA,QAClB,eAAkB;AAAA,QAClB,cAAkB;AAAA,MACpB;AAAA,MACA,cAAc;AAAA,QACZ,OAAO;AAAA,MACT;AAAA,MACA,YAAY;AAAA;AAAA;AAAA,QAGV,SAAS,CAAC,uBAAuB,YAAY,SAAS,aAAa,YAAY;AAAA,MACjF;AAAA,MACA,UAAU;AAAA;AAAA;AAAA;AAAA,QAIR,OAAO,CAAC,QAAQ,EAAE,YAAY,OAAO,CAAC;AAAA,MACxC;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,mBAAQ;","names":[]}

package/dist/preset/tailwind.js

@@ -2,14 +2,16 @@ const medialanePreset = {
   theme: {
     extend: {
       colors: {
-        "brand-blue": "#3b7bff",
-        "brand-electric": "#1a17ff",
-        "brand-indigo": "#5b4ce6",
-        "brand-purple": "#8a5cf6",
-        "brand-rose": "#f6608f",
-        "brand-orange": "#fb8b46",
-        "brand-price": "#f97316",
-        "brand-navy": "#0a0e1f"
+        // Each resolves via the app's own --brand-* CSS var when defined
+        // (medialane-io, medialane-starknet); the fallback keeps every
+        // color working standalone for any consumer that defines none
+        // (medialane-portal today, or a future app).
+        "brand-blue": "hsl(var(--brand-blue, 220 100% 62%))",
+        "brand-purple": "hsl(var(--brand-purple, 258 90% 66%))",
+        "brand-rose": "hsl(var(--brand-rose, 341 89% 67%))",
+        "brand-orange": "hsl(var(--brand-orange, 23 96% 63%))",
+        "brand-price": "hsl(var(--brand-price, 25 95% 53%))",
+        "brand-navy": "hsl(var(--brand-navy, 229 51% 8%))"
       },
       borderRadius: {
         brand: "11px"
@@ -18,6 +20,12 @@ const medialanePreset = {
         // Brand display face (headings). Apps define --font-display via
         // next/font (Urbanist); falls back to the body face when unset.
         display: ["var(--font-display)", "Urbanist", "Inter", "system-ui", "sans-serif"]
+      },
+      fontSize: {
+        // Floor for true micro-text (timestamps, counts) — nothing in the
+        // package should go below this. Everything else uses Tailwind's
+        // built-in scale (xs=12px and up).
+        "2xs": ["11px", { lineHeight: "14px" }]
       }
     }
   }

package/dist/preset/tailwind.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/preset/tailwind.ts"],"sourcesContent":["import type { Config } from \"tailwindcss\";\n\nconst medialanePreset: Partial<Config> = {\n  theme: {\n    extend: {\n      colors: {\n        \"brand-blue\":     \"#3b7bff\",\n        \"brand-electric\": \"#1a17ff\",\n        \"brand-indigo\":   \"#5b4ce6\",\n        \"brand-purple\":   \"#8a5cf6\",\n        \"brand-rose\":     \"#f6608f\",\n        \"brand-orange\":   \"#fb8b46\",\n        \"brand-price\":    \"#f97316\",\n        \"brand-navy\":     \"#0a0e1f\",\n      },\n      borderRadius: {\n        brand: \"11px\",\n      },\n      fontFamily: {\n        // Brand display face (headings). Apps define --font-display via\n        // next/font (Urbanist); falls back to the body face when unset.\n        display: [\"var(--font-display)\", \"Urbanist\", \"Inter\", \"system-ui\", \"sans-serif\"],\n      },\n    },\n  },\n};\n\nexport default medialanePreset;\n"],"mappings":"AAEA,MAAM,kBAAmC;AAAA,EACvC,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,QAAQ;AAAA,QACN,cAAkB;AAAA,QAClB,kBAAkB;AAAA,QAClB,gBAAkB;AAAA,QAClB,gBAAkB;AAAA,QAClB,cAAkB;AAAA,QAClB,gBAAkB;AAAA,QAClB,eAAkB;AAAA,QAClB,cAAkB;AAAA,MACpB;AAAA,MACA,cAAc;AAAA,QACZ,OAAO;AAAA,MACT;AAAA,MACA,YAAY;AAAA;AAAA;AAAA,QAGV,SAAS,CAAC,uBAAuB,YAAY,SAAS,aAAa,YAAY;AAAA,MACjF;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,mBAAQ;","names":[]}
+{"version":3,"sources":["../../src/preset/tailwind.ts"],"sourcesContent":["import type { Config } from \"tailwindcss\";\n\nconst medialanePreset: Partial<Config> = {\n  theme: {\n    extend: {\n      colors: {\n        // Each resolves via the app's own --brand-* CSS var when defined\n        // (medialane-io, medialane-starknet); the fallback keeps every\n        // color working standalone for any consumer that defines none\n        // (medialane-portal today, or a future app).\n        \"brand-blue\":     \"hsl(var(--brand-blue, 220 100% 62%))\",\n        \"brand-purple\":   \"hsl(var(--brand-purple, 258 90% 66%))\",\n        \"brand-rose\":     \"hsl(var(--brand-rose, 341 89% 67%))\",\n        \"brand-orange\":   \"hsl(var(--brand-orange, 23 96% 63%))\",\n        \"brand-price\":    \"hsl(var(--brand-price, 25 95% 53%))\",\n        \"brand-navy\":     \"hsl(var(--brand-navy, 229 51% 8%))\",\n      },\n      borderRadius: {\n        brand: \"11px\",\n      },\n      fontFamily: {\n        // Brand display face (headings). Apps define --font-display via\n        // next/font (Urbanist); falls back to the body face when unset.\n        display: [\"var(--font-display)\", \"Urbanist\", \"Inter\", \"system-ui\", \"sans-serif\"],\n      },\n      fontSize: {\n        // Floor for true micro-text (timestamps, counts) — nothing in the\n        // package should go below this. Everything else uses Tailwind's\n        // built-in scale (xs=12px and up).\n        \"2xs\": [\"11px\", { lineHeight: \"14px\" }],\n      },\n    },\n  },\n};\n\nexport default medialanePreset;\n"],"mappings":"AAEA,MAAM,kBAAmC;AAAA,EACvC,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,QAKN,cAAkB;AAAA,QAClB,gBAAkB;AAAA,QAClB,cAAkB;AAAA,QAClB,gBAAkB;AAAA,QAClB,eAAkB;AAAA,QAClB,cAAkB;AAAA,MACpB;AAAA,MACA,cAAc;AAAA,QACZ,OAAO;AAAA,MACT;AAAA,MACA,YAAY;AAAA;AAAA;AAAA,QAGV,SAAS,CAAC,uBAAuB,YAAY,SAAS,aAAa,YAAY;AAAA,MACjF;AAAA,MACA,UAAU;AAAA;AAAA;AAAA;AAAA,QAIR,OAAO,CAAC,QAAQ,EAAE,YAAY,OAAO,CAAC;AAAA,MACxC;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,mBAAQ;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medialane/ui",
-  "version": "0.99.1",
+  "version": "0.100.0",
   "description": "Shared UI components for Medialane apps",
   "type": "module",
   "sideEffects": false,
@@ -45,7 +45,8 @@
   "scripts": {
     "build": "tsup",
     "dev": "tsup --watch",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsc --noEmit",
+    "preview": "vite --config preview/vite.config.ts"
   },
   "peerDependencies": {
     "@medialane/sdk": ">=0.73.0",
@@ -67,6 +68,7 @@
     "@types/bun": "^1.3.14",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
+    "@vitejs/plugin-react": "^6.0.5",
     "clsx": "^2.0.0",
     "cmdk": "^1.1.1",
     "framer-motion": "^11.0.0",
@@ -80,6 +82,7 @@
     "tailwind-merge": "^2.0.0",
     "tailwindcss": "^3.0.0",
     "tsup": "^8.0.0",
-    "typescript": "^5.6.0"
+    "typescript": "^5.6.0",
+    "vite": "^8.2.1"
   }
 }