@vaneui/md 0.0.3-alpha.20250803170446.d594318 → 0.0.3-alpha.20250807150626.4231a8a

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { Col, Title, Text, Badge, Link, List, ListItem, Card, Divider } from '@vaneui/ui';
+import { Col, Title, Text, Code, Link, Img, List, ListItem, Card, Divider } from '@vaneui/ui';
 
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -8590,7 +8590,7 @@ const MdS = (props) => {
 
 const MdCode = (props) => {
     const { content, children, ...rest } = props;
-    return jsx(Badge, { ...rest, children: content || children });
+    return jsx(Code, { secondary: true, ...rest, children: content || children });
 };
 
 const MdLink = (props) => {
@@ -8600,7 +8600,7 @@ const MdLink = (props) => {
 
 const MdImage = (props) => {
     const { src, alt, title, ...rest } = props;
-    return (jsx("img", { ...rest, title: title, src: src, alt: alt || "", style: { display: 'block', maxWidth: '100%', height: 'auto', borderRadius: '0.5rem' } }));
+    return (jsx(Img, { ...rest, title: title, src: src, alt: alt || "" }));
 };
 
 const MdList = (props) => {

package/dist/index.js

@@ -8592,7 +8592,7 @@ const MdS = (props) => {
 
 const MdCode = (props) => {
     const { content, children, ...rest } = props;
-    return jsxRuntime.jsx(ui.Badge, { ...rest, children: content || children });
+    return jsxRuntime.jsx(ui.Code, { secondary: true, ...rest, children: content || children });
 };
 
 const MdLink = (props) => {
@@ -8602,7 +8602,7 @@ const MdLink = (props) => {
 
 const MdImage = (props) => {
     const { src, alt, title, ...rest } = props;
-    return (jsxRuntime.jsx("img", { ...rest, title: title, src: src, alt: alt || "", style: { display: 'block', maxWidth: '100%', height: 'auto', borderRadius: '0.5rem' } }));
+    return (jsxRuntime.jsx(ui.Img, { ...rest, title: title, src: src, alt: alt || "" }));
 };
 
 const MdList = (props) => {

package/dist/styles/index.css

@@ -124,6 +124,20 @@
     --filled-border-color-warning: var(--color-amber-600, #d97706);
     --filled-border-color-info: var(--color-cyan-600, #0891b2);
     --filled-border-color-link: var(--color-blue-600, #2563eb);
+
+    /* UI Component Border Radius Sizes */
+    --ui-border-radius-xs: 0.125rem;
+    --ui-border-radius-sm: 0.25rem;
+    --ui-border-radius-md: 0.375rem;
+    --ui-border-radius-lg: 0.5rem;
+    --ui-border-radius-xl: 0.625rem;
+
+    /* Layout Component Border Radius Sizes */
+    --layout-border-radius-xs: 0.375rem;
+    --layout-border-radius-sm: 0.5rem;
+    --layout-border-radius-md: 0.625rem;
+    --layout-border-radius-lg: 0.75rem;
+    --layout-border-radius-xl: 0.875rem;
 }
 /*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */
 @layer theme {
@@ -136,6 +150,7 @@
     --color-red-50: oklch(97.1% 0.013 17.38);
     --color-red-100: oklch(93.6% 0.032 17.717);
     --color-red-200: oklch(88.5% 0.062 18.334);
+    --color-red-500: oklch(63.7% 0.237 25.331);
     --color-red-600: oklch(57.7% 0.245 27.325);
     --color-red-700: oklch(50.5% 0.213 27.518);
     --color-red-800: oklch(44.4% 0.177 26.899);
@@ -147,6 +162,7 @@
     --color-amber-800: oklch(47.3% 0.137 46.201);
     --color-yellow-50: oklch(98.7% 0.026 102.212);
     --color-green-50: oklch(98.2% 0.018 155.826);
+    --color-green-200: oklch(92.5% 0.084 155.995);
     --color-green-500: oklch(72.3% 0.219 149.579);
     --color-emerald-50: oklch(97.9% 0.021 166.113);
     --color-emerald-100: oklch(95% 0.052 163.051);
@@ -188,6 +204,7 @@
     --color-gray-950: oklch(13% 0.028 261.692);
     --color-white: #fff;
     --spacing: 0.25rem;
+    --container-xs: 20rem;
     --container-3xl: 48rem;
     --container-4xl: 56rem;
     --container-5xl: 64rem;
@@ -225,13 +242,10 @@
     --font-weight-extrabold: 800;
     --font-weight-black: 900;
     --tracking-tight: -0.025em;
-    --radius-xs: 0.125rem;
-    --radius-sm: 0.25rem;
-    --radius-md: 0.375rem;
-    --radius-lg: 0.5rem;
-    --radius-xl: 0.75rem;
-    --radius-2xl: 1rem;
-    --radius-3xl: 1.5rem;
+    --tracking-wide: 0.025em;
+    --leading-relaxed: 1.625;
+    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+    --animate-bounce: bounce 1s infinite;
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --default-font-family: var(--font-sans);
@@ -336,6 +350,16 @@
     --filled-border-color-warning: var(--color-amber-600, #d97706);
     --filled-border-color-info: var(--color-cyan-600, #0891b2);
     --filled-border-color-link: var(--color-blue-600, #2563eb);
+    --ui-border-radius-xs: 0.125rem;
+    --ui-border-radius-sm: 0.25rem;
+    --ui-border-radius-md: 0.375rem;
+    --ui-border-radius-lg: 0.5rem;
+    --ui-border-radius-xl: 0.625rem;
+    --layout-border-radius-xs: 0.375rem;
+    --layout-border-radius-sm: 0.5rem;
+    --layout-border-radius-md: 0.625rem;
+    --layout-border-radius-lg: 0.75rem;
+    --layout-border-radius-xl: 0.875rem;
   }
 }
 @layer base {
@@ -484,6 +508,9 @@
   }
 }
 @layer utilities {
+  .invisible {
+    visibility: hidden;
+  }
   .visible {
     visibility: visible;
   }
@@ -502,6 +529,15 @@
   .sticky {
     position: sticky;
   }
+  .isolate {
+    isolation: isolate;
+  }
+  .col-start-1 {
+    grid-column-start: 1;
+  }
+  .row-start-1 {
+    grid-row-start: 1;
+  }
   .container {
     width: 100%;
     @media (width >= 40rem) {
@@ -559,12 +595,48 @@
   .table-cell {
     display: table-cell;
   }
+  .h-3 {
+    height: calc(var(--spacing) * 3);
+  }
+  .h-3\.5 {
+    height: calc(var(--spacing) * 3.5);
+  }
+  .h-4 {
+    height: calc(var(--spacing) * 4);
+  }
+  .h-4\.5 {
+    height: calc(var(--spacing) * 4.5);
+  }
+  .h-5 {
+    height: calc(var(--spacing) * 5);
+  }
+  .h-6 {
+    height: calc(var(--spacing) * 6);
+  }
+  .h-7 {
+    height: calc(var(--spacing) * 7);
+  }
   .h-fit {
     height: fit-content;
   }
   .h-px {
     height: 1px;
   }
+  .w-3 {
+    width: calc(var(--spacing) * 3);
+  }
+  .w-3\.5 {
+    width: calc(var(--spacing) * 3.5);
+  }
+  .w-4 {
+    width: calc(var(--spacing) * 4);
+  }
+  .w-4\.5 {
+    width: calc(var(--spacing) * 4.5);
+  }
+  .w-5 {
+    width: calc(var(--spacing) * 5);
+  }
   .w-fit {
     width: fit-content;
   }
@@ -586,9 +658,18 @@
   .max-w-7xl {
     max-width: var(--container-7xl);
   }
+  .max-w-xs {
+    max-width: var(--container-xs);
+  }
   .transform {
     transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
   }
+  .animate-bounce {
+    animation: var(--animate-bounce);
+  }
+  .animate-pulse {
+    animation: var(--animate-pulse);
+  }
   .cursor-pointer {
     cursor: pointer;
   }
@@ -601,6 +682,9 @@
   .list-disc {
     list-style-type: disc;
   }
+  .appearance-none {
+    appearance: none;
+  }
   .grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
@@ -667,6 +751,9 @@
   .gap-0 {
     gap: calc(var(--spacing) * 0);
   }
+  .gap-0\.5 {
+    gap: calc(var(--spacing) * 0.5);
+  }
   .gap-1 {
     gap: calc(var(--spacing) * 1);
   }
@@ -703,6 +790,20 @@
   .gap-16 {
     gap: calc(var(--spacing) * 16);
   }
+  .space-y-2 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .space-y-4 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .overflow-auto {
     overflow: auto;
   }
@@ -751,40 +852,53 @@
   .rounded {
     border-radius: 0.25rem;
   }
-  .rounded-2xl {
-    border-radius: var(--radius-2xl);
+  .rounded-\(--layout-border-radius-lg\) {
+    border-radius: var(--layout-border-radius-lg);
   }
-  .rounded-3xl {
-    border-radius: var(--radius-3xl);
+  .rounded-\(--layout-border-radius-md\) {
+    border-radius: var(--layout-border-radius-md);
   }
-  .rounded-full {
-    border-radius: calc(infinity * 1px);
+  .rounded-\(--layout-border-radius-sm\) {
+    border-radius: var(--layout-border-radius-sm);
   }
-  .rounded-lg {
-    border-radius: var(--radius-lg);
+  .rounded-\(--layout-border-radius-xl\) {
+    border-radius: var(--layout-border-radius-xl);
   }
-  .rounded-md {
-    border-radius: var(--radius-md);
+  .rounded-\(--layout-border-radius-xs\) {
+    border-radius: var(--layout-border-radius-xs);
   }
-  .rounded-none {
-    border-radius: 0;
+  .rounded-\(--ui-border-radius-lg\) {
+    border-radius: var(--ui-border-radius-lg);
+  }
+  .rounded-\(--ui-border-radius-md\) {
+    border-radius: var(--ui-border-radius-md);
+  }
+  .rounded-\(--ui-border-radius-sm\) {
+    border-radius: var(--ui-border-radius-sm);
   }
-  .rounded-sm {
-    border-radius: var(--radius-sm);
+  .rounded-\(--ui-border-radius-xl\) {
+    border-radius: var(--ui-border-radius-xl);
   }
-  .rounded-xl {
-    border-radius: var(--radius-xl);
+  .rounded-\(--ui-border-radius-xs\) {
+    border-radius: var(--ui-border-radius-xs);
   }
-  .rounded-xs {
-    border-radius: var(--radius-xs);
+  .rounded-full {
+    border-radius: calc(infinity * 1px);
+  }
+  .rounded-none {
+    border-radius: 0;
   }
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
   }
-  .border-none {
-    --tw-border-style: none;
-    border-style: none;
+  .border-2 {
+    border-style: var(--tw-border-style);
+    border-width: 2px;
+  }
+  .border-dashed {
+    --tw-border-style: dashed;
+    border-style: dashed;
   }
   .border-\(--border-color-accent\) {
     border-color: var(--border-color-accent);
@@ -849,6 +963,15 @@
   .border-blue-300 {
     border-color: var(--color-blue-300);
   }
+  .border-green-200 {
+    border-color: var(--color-green-200);
+  }
+  .border-red-200 {
+    border-color: var(--color-red-200);
+  }
+  .border-red-600 {
+    border-color: var(--color-red-600);
+  }
   .border-transparent {
     border-color: transparent;
   }
@@ -975,15 +1098,30 @@
   .bg-blue-100 {
     background-color: var(--color-blue-100);
   }
+  .bg-green-50 {
+    background-color: var(--color-green-50);
+  }
+  .bg-red-50 {
+    background-color: var(--color-red-50);
+  }
   .bg-transparent {
     background-color: transparent;
   }
+  .object-cover {
+    object-fit: cover;
+  }
   .p-0 {
     padding: calc(var(--spacing) * 0);
   }
   .px-0 {
     padding-inline: calc(var(--spacing) * 0);
   }
+  .px-1 {
+    padding-inline: calc(var(--spacing) * 1);
+  }
+  .px-1\.5 {
+    padding-inline: calc(var(--spacing) * 1.5);
+  }
   .px-2 {
     padding-inline: calc(var(--spacing) * 2);
   }
@@ -1145,6 +1283,10 @@
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
   }
+  .leading-relaxed {
+    --tw-leading: var(--leading-relaxed);
+    line-height: var(--leading-relaxed);
+  }
   .font-black {
     --tw-font-weight: var(--font-weight-black);
     font-weight: var(--font-weight-black);
@@ -1185,6 +1327,10 @@
     --tw-tracking: var(--tracking-tight);
     letter-spacing: var(--tracking-tight);
   }
+  .tracking-wide {
+    --tw-tracking: var(--tracking-wide);
+    letter-spacing: var(--tracking-wide);
+  }
   .text-balance {
     text-wrap: balance;
   }
@@ -1266,6 +1412,72 @@
   .underline {
     text-decoration-line: underline;
   }
+  .accent-\(--background-color-accent\) {
+    accent-color: var(--background-color-accent);
+  }
+  .accent-\(--background-color-danger\) {
+    accent-color: var(--background-color-danger);
+  }
+  .accent-\(--background-color-default\) {
+    accent-color: var(--background-color-default);
+  }
+  .accent-\(--background-color-info\) {
+    accent-color: var(--background-color-info);
+  }
+  .accent-\(--background-color-link\) {
+    accent-color: var(--background-color-link);
+  }
+  .accent-\(--background-color-primary\) {
+    accent-color: var(--background-color-primary);
+  }
+  .accent-\(--background-color-secondary\) {
+    accent-color: var(--background-color-secondary);
+  }
+  .accent-\(--background-color-success\) {
+    accent-color: var(--background-color-success);
+  }
+  .accent-\(--background-color-tertiary\) {
+    accent-color: var(--background-color-tertiary);
+  }
+  .accent-\(--background-color-warning\) {
+    accent-color: var(--background-color-warning);
+  }
+  .accent-\(--filled-background-color-accent\) {
+    accent-color: var(--filled-background-color-accent);
+  }
+  .accent-\(--filled-background-color-danger\) {
+    accent-color: var(--filled-background-color-danger);
+  }
+  .accent-\(--filled-background-color-default\) {
+    accent-color: var(--filled-background-color-default);
+  }
+  .accent-\(--filled-background-color-info\) {
+    accent-color: var(--filled-background-color-info);
+  }
+  .accent-\(--filled-background-color-link\) {
+    accent-color: var(--filled-background-color-link);
+  }
+  .accent-\(--filled-background-color-primary\) {
+    accent-color: var(--filled-background-color-primary);
+  }
+  .accent-\(--filled-background-color-secondary\) {
+    accent-color: var(--filled-background-color-secondary);
+  }
+  .accent-\(--filled-background-color-success\) {
+    accent-color: var(--filled-background-color-success);
+  }
+  .accent-\(--filled-background-color-tertiary\) {
+    accent-color: var(--filled-background-color-tertiary);
+  }
+  .accent-\(--filled-background-color-warning\) {
+    accent-color: var(--filled-background-color-warning);
+  }
+  .accent-transparent {
+    accent-color: transparent;
+  }
+  .opacity-50 {
+    opacity: 50%;
+  }
   .shadow {
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1302,6 +1514,12 @@
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .shadow-red-500 {
+    --tw-shadow-color: oklch(63.7% 0.237 25.331);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-shadow-color: color-mix(in oklab, var(--color-red-500) var(--tw-shadow-alpha), transparent);
+    }
+  }
   .ring-\(--border-color-accent\) {
     --tw-ring-color: var(--border-color-accent);
   }
@@ -1384,19 +1602,131 @@
   .ring-inset {
     --tw-ring-inset: inset;
   }
-  .hover\:border {
+  .peer-checked\:visible {
+    &:is(:where(.peer):checked ~ *) {
+      visibility: visible;
+    }
+  }
+  .checked\:bg-\(--background-color-accent\) {
+    &:checked {
+      background-color: var(--background-color-accent);
+    }
+  }
+  .checked\:bg-\(--background-color-danger\) {
+    &:checked {
+      background-color: var(--background-color-danger);
+    }
+  }
+  .checked\:bg-\(--background-color-default\) {
+    &:checked {
+      background-color: var(--background-color-default);
+    }
+  }
+  .checked\:bg-\(--background-color-info\) {
+    &:checked {
+      background-color: var(--background-color-info);
+    }
+  }
+  .checked\:bg-\(--background-color-link\) {
+    &:checked {
+      background-color: var(--background-color-link);
+    }
+  }
+  .checked\:bg-\(--background-color-primary\) {
+    &:checked {
+      background-color: var(--background-color-primary);
+    }
+  }
+  .checked\:bg-\(--background-color-secondary\) {
+    &:checked {
+      background-color: var(--background-color-secondary);
+    }
+  }
+  .checked\:bg-\(--background-color-success\) {
+    &:checked {
+      background-color: var(--background-color-success);
+    }
+  }
+  .checked\:bg-\(--background-color-tertiary\) {
+    &:checked {
+      background-color: var(--background-color-tertiary);
+    }
+  }
+  .checked\:bg-\(--background-color-warning\) {
+    &:checked {
+      background-color: var(--background-color-warning);
+    }
+  }
+  .checked\:bg-\(--filled-background-color-accent\) {
+    &:checked {
+      background-color: var(--filled-background-color-accent);
+    }
+  }
+  .checked\:bg-\(--filled-background-color-danger\) {
+    &:checked {
+      background-color: var(--filled-background-color-danger);
+    }
+  }
+  .checked\:bg-\(--filled-background-color-default\) {
+    &:checked {
+      background-color: var(--filled-background-color-default);
+    }
+  }
+  .checked\:bg-\(--filled-background-color-info\) {
+    &:checked {
+      background-color: var(--filled-background-color-info);
+    }
+  }
+  .checked\:bg-\(--filled-background-color-link\) {
+    &:checked {
+      background-color: var(--filled-background-color-link);
+    }
+  }
+  .checked\:bg-\(--filled-background-color-primary\) {
+    &:checked {
+      background-color: var(--filled-background-color-primary);
+    }
+  }
+  .checked\:bg-\(--filled-background-color-secondary\) {
+    &:checked {
+      background-color: var(--filled-background-color-secondary);
+    }
+  }
+  .checked\:bg-\(--filled-background-color-success\) {
+    &:checked {
+      background-color: var(--filled-background-color-success);
+    }
+  }
+  .checked\:bg-\(--filled-background-color-tertiary\) {
+    &:checked {
+      background-color: var(--filled-background-color-tertiary);
+    }
+  }
+  .checked\:bg-\(--filled-background-color-warning\) {
+    &:checked {
+      background-color: var(--filled-background-color-warning);
+    }
+  }
+  .checked\:bg-transparent {
+    &:checked {
+      background-color: transparent;
+    }
+  }
+  .hover\:scale-105 {
     &:hover {
       @media (hover: hover) {
-        border-style: var(--tw-border-style);
-        border-width: 1px;
+        --tw-scale-x: 105%;
+        --tw-scale-y: 105%;
+        --tw-scale-z: 105%;
+        scale: var(--tw-scale-x) var(--tw-scale-y);
       }
     }
   }
-  .hover\:border-none {
+  .hover\:border {
     &:hover {
       @media (hover: hover) {
-        --tw-border-style: none;
-        border-style: none;
+        border-style: var(--tw-border-style);
+        border-width: 1px;
       }
     }
   }
@@ -1630,12 +1960,6 @@
       border-width: 1px;
     }
   }
-  .active\:border-none {
-    &:active {
-      --tw-border-style: none;
-      border-style: none;
-    }
-  }
   .active\:bg-\(--background-color-active-accent\) {
     &:active {
       background-color: var(--background-color-active-accent);
@@ -2091,11 +2415,20 @@
   inherits: false;
   initial-value: skewY(0);
 }
+@property --tw-space-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
 @property --tw-border-style {
   syntax: "*";
   inherits: false;
   initial-value: solid;
 }
+@property --tw-leading {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-font-weight {
   syntax: "*";
   inherits: false;
@@ -2231,6 +2564,36 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-scale-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+@property --tw-scale-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+@property --tw-scale-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+@keyframes pulse {
+  50% {
+    opacity: 0.5;
+  }
+}
+@keyframes bounce {
+  0%, 100% {
+    transform: translateY(-25%);
+    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
+  }
+  50% {
+    transform: none;
+    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+}
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {
@@ -2239,7 +2602,9 @@
       --tw-rotate-z: rotateZ(0);
       --tw-skew-x: skewX(0);
       --tw-skew-y: skewY(0);
+      --tw-space-y-reverse: 0;
       --tw-border-style: solid;
+      --tw-leading: initial;
       --tw-font-weight: initial;
       --tw-tracking: initial;
       --tw-shadow: 0 0 #0000;
@@ -2271,6 +2636,9 @@
       --tw-drop-shadow-alpha: 100%;
       --tw-drop-shadow-size: initial;
       --tw-duration: initial;
+      --tw-scale-x: 1;
+      --tw-scale-y: 1;
+      --tw-scale-z: 1;
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaneui/md",
-  "version": "0.0.3-alpha.20250803170446.d594318",
+  "version": "0.0.3-alpha.20250807150626.4231a8a",
   "description": "Markdown component for VaneUI - A React component that renders markdown using @vaneui/ui components",
   "author": "",
   "license": "ISC",
@@ -48,7 +48,7 @@
     "playground": "npm run playground:install && npm run playground:dev"
   },
   "peerDependencies": {
-    "@vaneui/ui": "^0.2.1-alpha.20250803110906.442fb81",
+    "@vaneui/ui": "^0.2.1-alpha.20250807132007.03644e5",
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
   },
@@ -63,7 +63,7 @@
     "@types/jest": "^29.5.14",
     "@types/react": "^19.1.0",
     "@types/react-dom": "^19.1.0",
-    "@vaneui/ui": "^0.2.1-alpha.20250803110906.442fb81",
+    "@vaneui/ui": "^0.2.1-alpha.20250807132007.03644e5",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^30.0.4",
     "jsdom": "^26.1.0",