@soybeanjs/ui 0.0.14 → 0.0.16

package/dist/styles.css

@@ -10,251 +10,38 @@
 /* layer: preflights */
 *,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}
 
-          @keyframes shadcn-down { from{ height: 0 } to { height: var(--soybean-accordion-content-height)} }
-          @keyframes shadcn-up { from{ height: var(--soybean-accordion-content-height)} to { height: 0 } }
-          @keyframes shadcn-collapsible-down { from{ height: 0 } to { height: var(--soybean-collapsible-content-height)} }
-          @keyframes shadcn-collapsible-up { from{ height: var(--soybean-collapsible-content-height)} to { height: 0 } }
+      * {
+        border-color: hsl(var(--border));
+      }
 
-          
-:root {
-  --background: 0 0% 100%;
-  --foreground: 224 71.4% 4.1%;
-  --card: 0 0% 100%;
-  --card-foreground: 224 71.4% 4.1%;
-  --popover: 0 0% 100%;
-  --popover-foreground: 224 71.4% 4.1%;
-  --primary: 236.9 100% 69.61%;
-  --primary-50: 210 100% 98%;
-  --primary-100: 212 100% 97%;
-  --primary-200: 216 100% 93%;
-  --primary-300: 220 100% 88%;
-  --primary-400: 228 100% 78%;
-  --primary-500: 237 100% 70%;
-  --primary-600: 237 75% 61%;
-  --primary-700: 237 55% 48%;
-  --primary-800: 238 63% 37%;
-  --primary-900: 238 69% 27%;
-  --primary-950: 238 80% 16%;
-  --primary-foreground: 0 0% 100%;
-  --secondary: 229 20% 90%;
-  --secondary-foreground: 229 20% 30%;
-  --muted: 220 14.3% 95.9%;
-  --muted-foreground: 220 8.9% 46.1%;
-  --accent: 220 14.3% 95.9%;
-  --accent-foreground: 220.9 39.3% 11%;
-  --destructive: 0 92.99% 56.11%;
-  --destructive-50: 30 100% 98%;
-  --destructive-100: 27 100% 96%;
-  --destructive-200: 24 90% 88%;
-  --destructive-300: 18 93% 82%;
-  --destructive-400: 9 94% 69%;
-  --destructive-500: 0 93% 56%;
-  --destructive-600: 0 75% 50%;
-  --destructive-700: 0 79% 41%;
-  --destructive-800: 0 82% 32%;
-  --destructive-900: 0 87% 24%;
-  --destructive-950: 0 89% 15%;
-  --destructive-foreground: 0 0% 100%;
-  --border: 220 13% 91%;
-  --input: 220 13% 91%;
-  --ring: 262.1 83.3% 57.8%;
-  --success: 140 79% 45%;
-  --success-50: 162 62% 97%;
-  --success-100: 159 70% 94%;
-  --success-200: 155 67% 85%;
-  --success-300: 152 67% 76%;
-  --success-400: 146 65% 59%;
-  --success-500: 140 79% 45%;
-  --success-600: 139 80% 40%;
-  --success-700: 138 83% 33%;
-  --success-800: 136 86% 26%;
-  --success-900: 134 90% 19%;
-  --success-950: 133 93% 12%;
-  --success-foreground: 0 0% 100%;
-  --warning: 37 91% 55%;
-  --warning-50: 48 100% 98%;
-  --warning-100: 48 100% 96%;
-  --warning-200: 46 90% 88%;
-  --warning-300: 44 89% 81%;
-  --warning-400: 40 90% 68%;
-  --warning-500: 37 91% 55%;
-  --warning-600: 35 75% 49%;
-  --warning-700: 32 80% 40%;
-  --warning-800: 30 84% 32%;
-  --warning-900: 27 86% 23%;
-  --warning-950: 24 92% 15%;
-  --warning-foreground: 0 0% 100%;
-  --info: 215 100% 54%;
-  --info-50: 198 100% 97%;
-  --info-100: 198 100% 95%;
-  --info-200: 202 100% 88%;
-  --info-300: 205 100% 82%;
-  --info-400: 210 100% 68%;
-  --info-500: 215 100% 54%;
-  --info-600: 216 87% 48%;
-  --info-700: 218 89% 40%;
-  --info-800: 220 90% 32%;
-  --info-900: 222 92% 24%;
-  --info-950: 224 97% 15%;
-  --info-foreground: 0 0% 100%;
-  --carbon: 240 4% 16%;
-  --carbon-50: 0 0% 96%;
-  --carbon-100: 220 7% 92%;
-  --carbon-200: 210 4% 78%;
-  --carbon-300: 216 3% 65%;
-  --carbon-400: 230 3% 40%;
-  --carbon-500: 240 4% 16%;
-  --carbon-600: 240 9% 13%;
-  --carbon-700: 240 19% 10%;
-  --carbon-800: 240 30% 8%;
-  --carbon-900: 240 44% 5%;
-  --carbon-950: 240 63% 3%;
-  --carbon-foreground: 0 0% 98%;
-  --sidebar-background: 0 0% 98%;
-  --sidebar-foreground: 240 5.3% 26.1%;
-  --sidebar-primary: 236.9 100% 69.61%;
-  --sidebar-primary-foreground: 0 0% 98%;
-  --sidebar-accent: 240 4.8% 95.9%;
-  --sidebar-accent-foreground: 240 5.9% 10%;
-  --sidebar-border: 220 13% 91%;
-  --sidebar-ring: 217.2 91.2% 59.8%;
-  --radius: 0.5rem;
-}
-.dark {
-  --background: 224 71.4% 4.1%;
-  --foreground: 210 20% 98%;
-  --card: 224 71.4% 4.1%;
-  --card-foreground: 210 20% 98%;
-  --popover: 224 71.4% 4.1%;
-  --popover-foreground: 210 20% 98%;
-  --primary: 236.9 100% 69.61%;
-  --primary-50: 210 100% 98%;
-  --primary-100: 212 100% 97%;
-  --primary-200: 216 100% 93%;
-  --primary-300: 220 100% 88%;
-  --primary-400: 228 100% 78%;
-  --primary-500: 237 100% 70%;
-  --primary-600: 237 75% 61%;
-  --primary-700: 237 55% 48%;
-  --primary-800: 238 63% 37%;
-  --primary-900: 238 69% 27%;
-  --primary-950: 238 80% 16%;
-  --primary-foreground: 0 0% 100%;
-  --secondary: 229 14% 8%;
-  --secondary-foreground: 229 14% 68%;
-  --muted: 215 27.9% 16.9%;
-  --muted-foreground: 217.9 10.6% 64.9%;
-  --accent: 215 27.9% 16.9%;
-  --accent-foreground: 210 20% 98%;
-  --destructive: 0 92.99% 56.11%;
-  --destructive-50: 30 100% 98%;
-  --destructive-100: 27 100% 96%;
-  --destructive-200: 24 90% 88%;
-  --destructive-300: 18 93% 82%;
-  --destructive-400: 9 94% 69%;
-  --destructive-500: 0 93% 56%;
-  --destructive-600: 0 75% 50%;
-  --destructive-700: 0 79% 41%;
-  --destructive-800: 0 82% 32%;
-  --destructive-900: 0 87% 24%;
-  --destructive-950: 0 89% 15%;
-  --destructive-foreground: 0 0% 100%;
-  --border: 215 27.9% 16.9%;
-  --input: 215 27.9% 16.9%;
-  --ring: 263.4 70% 50.4%;
-  --success: 140 79% 45%;
-  --success-50: 162 62% 97%;
-  --success-100: 159 70% 94%;
-  --success-200: 155 67% 85%;
-  --success-300: 152 67% 76%;
-  --success-400: 146 65% 59%;
-  --success-500: 140 79% 45%;
-  --success-600: 139 80% 40%;
-  --success-700: 138 83% 33%;
-  --success-800: 136 86% 26%;
-  --success-900: 134 90% 19%;
-  --success-950: 133 93% 12%;
-  --success-foreground: 0 0% 100%;
-  --warning: 37 91% 55%;
-  --warning-50: 48 100% 98%;
-  --warning-100: 48 100% 96%;
-  --warning-200: 46 90% 88%;
-  --warning-300: 44 89% 81%;
-  --warning-400: 40 90% 68%;
-  --warning-500: 37 91% 55%;
-  --warning-600: 35 75% 49%;
-  --warning-700: 32 80% 40%;
-  --warning-800: 30 84% 32%;
-  --warning-900: 27 86% 23%;
-  --warning-950: 24 92% 15%;
-  --warning-foreground: 0 0% 100%;
-  --info: 215 100% 54%;
-  --info-50: 198 100% 97%;
-  --info-100: 198 100% 95%;
-  --info-200: 202 100% 88%;
-  --info-300: 205 100% 82%;
-  --info-400: 210 100% 68%;
-  --info-500: 215 100% 54%;
-  --info-600: 216 87% 48%;
-  --info-700: 218 89% 40%;
-  --info-800: 220 90% 32%;
-  --info-900: 222 92% 24%;
-  --info-950: 224 97% 15%;
-  --info-foreground: 0 0% 100%;
-  --carbon: 220 14.3% 95.9%;
-  --carbon-50: 0 0% 100%;
-  --carbon-100: 0 0% 100%;
-  --carbon-200: 0 0% 99%;
-  --carbon-300: 0 0% 98%;
-  --carbon-400: 210 11% 96%;
-  --carbon-500: 220 14% 96%;
-  --carbon-600: 220 25% 81%;
-  --carbon-700: 224 25% 63%;
-  --carbon-800: 224 26% 46%;
-  --carbon-900: 226 38% 31%;
-  --carbon-950: 227 54% 18%;
-  --carbon-foreground: 220.9 39.3% 11%;
-  --sidebar-background: 240 5.9% 10%;
-  --sidebar-foreground: 240 4.8% 95.9%;
-  --sidebar-primary: 236.9 100% 69.61%;
-  --sidebar-primary-foreground: 0 0% 100%;
-  --sidebar-accent: 240 3.7% 15.9%;
-  --sidebar-accent-foreground: 240 4.8% 95.9%;
-  --sidebar-border: 240 3.7% 15.9%;
-  --sidebar-ring: 217.2 91.2% 59.8%;
-}
-
-          
-* {
-  border-color: hsl(var(--border));
-}
-
-body {
-  color: hsl(var(--foreground));
-  background: hsl(var(--background));
-}
+      body {
+        color: hsl(var(--foreground));
+        background: hsl(var(--background));
+      }
 
-        
+      html.size-xs {
+        font-size: 12px;
+      }
+      html.size-sm {
+        font-size: 14px;
+      }
+      html.size-md {
+        font-size: 16px;
+      }
+      html.size-lg {
+        font-size: 18px;
+      }
+      html.size-xl {
+        font-size: 20px;
+      }
+      html.size-2xl {
+        font-size: 24px;
+      }
 
-          html.size-xs {
-            font-size: 12px;
-          }
-          html.size-sm {
-            font-size: 14px;
-          }
-          html.size-md {
-            font-size: 16px;
-          }
-          html.size-lg {
-            font-size: 18px;
-          }
-          html.size-xl {
-            font-size: 20px;
-          }
-          html.size-2xl {
-            font-size: 24px;
-          }
-        
+      @keyframes shadcn-down { from{ height: 0 } to { height: var(--soybean-accordion-content-height)} }
+      @keyframes shadcn-up { from{ height: var(--soybean-accordion-content-height)} to { height: 0 } }
+      @keyframes shadcn-collapsible-down { from{ height: 0 } to { height: var(--soybean-collapsible-content-height)} }
+      @keyframes shadcn-collapsible-up { from{ height: var(--soybean-collapsible-content-height)} to { height: 0 } }
 /* layer: typography */
 :is(.prose-slate){color:var(--un-prose-body);max-width:65ch;:where(p):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:1.25em;margin-bottom:1.25em;}:where([class~="lead"]):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:var(--un-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em;}:where(a):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:var(--un-prose-links);text-decoration:underline;font-weight:500;}:where(strong):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:var(--un-prose-bold);font-weight:600;}:where(a strong):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:inherit;}:where(blockquote strong):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:inherit;}:where(thead th strong):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:inherit;}:where(ol):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;}:where(ol[type="A"]):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {list-style-type:upper-alpha;}:where(ol[type="a"]):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {list-style-type:lower-alpha;}:where(ol[type="A" s]):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {list-style-type:upper-alpha;}:where(ol[type="a" s]):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {list-style-type:lower-alpha;}:where(ol[type="I"]):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {list-style-type:upper-roman;}:where(ol[type="i"]):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {list-style-type:lower-roman;}:where(ol[type="I" s]):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {list-style-type:upper-roman;}:where(ol[type="i" s]):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {list-style-type:lower-roman;}:where(ol[type="1"]):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {list-style-type:decimal;}:where(ul):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;}:where(ol > li):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *))::marker {font-weight:400;color:var(--un-prose-counters);}:where(ul > li):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *))::marker {color:var(--un-prose-bullets);}:where(dt):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:var(--un-prose-headings);font-weight:600;margin-top:1.25em;}:where(hr):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {border-color:var(--un-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em;}:where(blockquote):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {font-weight:500;font-style:italic;color:var(--un-prose-quotes);border-inline-start-width:0.25rem;border-inline-start-color:var(--un-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em;}:where(blockquote p:first-of-type):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *))::before {content:open-quote;}:where(blockquote p:last-of-type):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *))::after {content:close-quote;}:where(h1):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:var(--un-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:0.8888889em;line-height:1.1111111;}:where(h1 strong):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {font-weight:900;color:inherit;}:where(h2):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:var(--un-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333;}:where(h2 strong):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {font-weight:800;color:inherit;}:where(h3):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:var(--un-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:0.6em;line-height:1.6;}:where(h3 strong):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {font-weight:700;color:inherit;}:where(h4):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:var(--un-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:0.5em;line-height:1.5;}:where(h4 strong):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {font-weight:700;color:inherit;}:where(img):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:2em;margin-bottom:2em;}:where(picture):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {display:block;margin-top:2em;margin-bottom:2em;}:where(video):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:2em;margin-bottom:2em;}:where(kbd):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {font-weight:500;font-family:inherit;color:var(--un-prose-kbd);box-shadow:0 0 0 1px rgb(var(--un-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--un-prose-kbd-shadows) / 10%);font-size:0.875em;border-radius:0.3125rem;padding-top:0.1875em;padding-inline-end:0.375em;padding-bottom:0.1875em;padding-inline-start:0.375em;}:where(code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:var(--un-prose-code);font-weight:600;font-size:0.875em;}:where(code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *))::before {content:"`";}:where(code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *))::after {content:"`";}:where(a code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:inherit;}:where(h1 code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:inherit;}:where(h2 code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:inherit;font-size:0.875em;}:where(h3 code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:inherit;font-size:0.9em;}:where(h4 code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:inherit;}:where(blockquote code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:inherit;}:where(thead th code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:inherit;}:where(pre):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:var(--un-prose-pre-code);background-color:var(--un-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:0.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:0.375rem;padding-top:0.8571429em;padding-inline-end:1.1428571em;padding-bottom:0.8571429em;padding-inline-start:1.1428571em;}:where(pre code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;}:where(pre code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *))::before {content:none;}:where(pre code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *))::after {content:none;}:where(table):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:0.875em;line-height:1.7142857;}:where(thead):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {border-bottom-width:1px;border-bottom-color:var(--un-prose-th-borders);}:where(thead th):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:var(--un-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:0.5714286em;padding-bottom:0.5714286em;padding-inline-start:0.5714286em;}:where(tbody tr):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {border-bottom-width:1px;border-bottom-color:var(--un-prose-td-borders);}:where(tbody tr:last-child):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {border-bottom-width:0;}:where(tbody td):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {vertical-align:baseline;}:where(tfoot):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {border-top-width:1px;border-top-color:var(--un-prose-th-borders);}:where(tfoot td):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {vertical-align:top;}:where(th, td):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {text-align:start;}:where(figure > *):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:0;margin-bottom:0;}:where(figcaption):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:var(--un-prose-captions);font-size:0.875em;line-height:1.4285714;margin-top:0.8571429em;}font-size:1rem;line-height:1.75;:where(picture > img):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:0;margin-bottom:0;}:where(li):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:0.5em;margin-bottom:0.5em;}:where(ol > li):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {padding-inline-start:0.375em;}:where(ul > li):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {padding-inline-start:0.375em;}:where(> ul > li p):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:0.75em;margin-bottom:0.75em;}:where(> ul > li > p:first-child):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:1.25em;}:where(> ul > li > p:last-child):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-bottom:1.25em;}:where(> ol > li > p:first-child):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:1.25em;}:where(> ol > li > p:last-child):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-bottom:1.25em;}:where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:0.75em;margin-bottom:0.75em;}:where(dl):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:1.25em;margin-bottom:1.25em;}:where(dd):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:0.5em;padding-inline-start:1.625em;}:where(hr + *):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:0;}:where(h2 + *):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:0;}:where(h3 + *):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:0;}:where(h4 + *):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:0;}:where(thead th:first-child):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {padding-inline-start:0;}:where(thead th:last-child):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {padding-inline-end:0;}:where(tbody td, tfoot td):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {padding-top:0.5714286em;padding-inline-end:0.5714286em;padding-bottom:0.5714286em;padding-inline-start:0.5714286em;}:where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {padding-inline-start:0;}:where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {padding-inline-end:0;}:where(figure):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:2em;margin-bottom:2em;}:where(> :first-child):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:0;}:where(> :last-child):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-bottom:0;}--un-prose-body:#374151;--un-prose-invert-body:#d1d5db;--un-prose-headings:#111827;--un-prose-invert-headings:white;--un-prose-lead:#4b5563;--un-prose-invert-lead:#9ca3af;--un-prose-links:#111827;--un-prose-invert-links:white;--un-prose-bold:#111827;--un-prose-invert-bold:white;--un-prose-counters:#6b7280;--un-prose-invert-counters:#9ca3af;--un-prose-bullets:#d1d5db;--un-prose-invert-bullets:#4b5563;--un-prose-hr:#e5e7eb;--un-prose-invert-hr:#374151;--un-prose-quotes:#111827;--un-prose-invert-quotes:#f3f4f6;--un-prose-quote-borders:#e5e7eb;--un-prose-invert-quote-borders:#374151;--un-prose-captions:#6b7280;--un-prose-invert-captions:#9ca3af;--un-prose-kbd:#111827;--un-prose-invert-kbd:white;--un-prose-kbd-shadows:#111827;--un-prose-invert-kbd-shadows:white;--un-prose-code:#111827;--un-prose-invert-code:white;--un-prose-pre-code:#e5e7eb;--un-prose-invert-pre-code:#d1d5db;--un-prose-pre-bg:#1f2937;--un-prose-invert-pre-bg:rgb(0 0 0 / 50%);--un-prose-th-borders:#d1d5db;--un-prose-invert-th-borders:#4b5563;--un-prose-td-borders:#e5e7eb;--un-prose-invert-td-borders:#374151;}
 .dark :is(.dark\:prose-slate-invert){--un-prose-body:var(--un-prose-invert-body);--un-prose-headings:var(--un-prose-invert-headings);--un-prose-lead:var(--un-prose-invert-lead);--un-prose-links:var(--un-prose-invert-links);--un-prose-bold:var(--un-prose-invert-bold);--un-prose-counters:var(--un-prose-invert-counters);--un-prose-bullets:var(--un-prose-invert-bullets);--un-prose-hr:var(--un-prose-invert-hr);--un-prose-quotes:var(--un-prose-invert-quotes);--un-prose-quote-borders:var(--un-prose-invert-quote-borders);--un-prose-captions:var(--un-prose-invert-captions);--un-prose-kbd:var(--un-prose-invert-kbd);--un-prose-kbd-shadows:var(--un-prose-invert-kbd-shadows);--un-prose-code:var(--un-prose-invert-code);--un-prose-pre-code:var(--un-prose-invert-pre-code);--un-prose-pre-bg:var(--un-prose-invert-pre-bg);--un-prose-th-borders:var(--un-prose-invert-th-borders);--un-prose-td-borders:var(--un-prose-invert-td-borders);}
@@ -971,7 +758,6 @@ body {
 .data-\[state\=checked\]\:bg-secondary-foreground\/5[data-state=checked],
 .data-\[state\=indeterminate\]\:bg-secondary-foreground\/5[data-state=indeterminate]{background-color:hsl(var(--secondary-foreground) / 0.05) /* hsl(var(--secondary-foreground)) */;}
 .bg-secondary-foreground\/60{background-color:hsl(var(--secondary-foreground) / 0.6) /* hsl(var(--secondary-foreground)) */;}
-.bg-sidebar-background{--un-bg-opacity:1;background-color:hsl(var(--sidebar-background) / var(--un-bg-opacity)) /* hsl(var(--sidebar-background)) */;}
 .bg-success,
 .data-\[state\=checked\]\:bg-success[data-state=checked],
 .data-\[state\=indeterminate\]\:bg-success[data-state=indeterminate]{--un-bg-opacity:1;background-color:hsl(var(--success) / var(--un-bg-opacity)) /* hsl(var(--success)) */;}
@@ -1011,7 +797,6 @@ body {
 .hover\:bg-primary\/80:hover{background-color:hsl(var(--primary) / 0.8) /* hsl(var(--primary)) */;}
 .hover\:bg-secondary-foreground\/10:hover{background-color:hsl(var(--secondary-foreground) / 0.1) /* hsl(var(--secondary-foreground)) */;}
 .hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / 0.8) /* hsl(var(--secondary)) */;}
-.hover\:bg-sidebar-background:hover{--un-bg-opacity:1;background-color:hsl(var(--sidebar-background) / var(--un-bg-opacity)) /* hsl(var(--sidebar-background)) */;}
 .hover\:bg-success\/10:hover{background-color:hsl(var(--success) / 0.1) /* hsl(var(--success)) */;}
 .hover\:bg-success\/80:hover{background-color:hsl(var(--success) / 0.8) /* hsl(var(--success)) */;}
 .hover\:bg-warning\/10:hover{background-color:hsl(var(--warning) / 0.1) /* hsl(var(--warning)) */;}

package/dist/variants/alert.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants13 from "tailwind-variants";
+import * as tailwind_variants0 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/alert.d.ts
-declare const alertVariants: tailwind_variants13.TVReturnType<{
+declare const alertVariants: tailwind_variants0.TVReturnType<{
   color: {
     primary: {
       root: string;
@@ -196,7 +196,7 @@ declare const alertVariants: tailwind_variants13.TVReturnType<{
   title: string;
   description: string;
   close: string;
-}, tailwind_variants13.TVReturnType<{
+}, tailwind_variants0.TVReturnType<{
   color: {
     primary: {
       root: string;

package/dist/variants/badge.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants3 from "tailwind-variants";
+import * as tailwind_variants1 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/badge.d.ts
-declare const badgeVariants: tailwind_variants3.TVReturnType<{
+declare const badgeVariants: tailwind_variants1.TVReturnType<{
   color: {
     primary: {
       content: string;
@@ -130,7 +130,7 @@ declare const badgeVariants: tailwind_variants3.TVReturnType<{
 }, {
   root: string;
   content: string;
-}, tailwind_variants3.TVReturnType<{
+}, tailwind_variants1.TVReturnType<{
   color: {
     primary: {
       content: string;

package/dist/variants/button.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants0 from "tailwind-variants";
+import * as tailwind_variants29 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/button.d.ts
-declare const buttonVariants: tailwind_variants0.TVReturnType<{
+declare const buttonVariants: tailwind_variants29.TVReturnType<{
   color: {
     primary: string;
     destructive: string;
@@ -92,7 +92,7 @@ declare const buttonVariants: tailwind_variants0.TVReturnType<{
     true: string;
     false: string;
   };
-}, undefined, tailwind_variants0.TVReturnType<{
+}, undefined, tailwind_variants29.TVReturnType<{
   color: {
     primary: string;
     destructive: string;

package/dist/variants/checkbox.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants5 from "tailwind-variants";
+import * as tailwind_variants3 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/checkbox.d.ts
-declare const checkboxVariants: tailwind_variants5.TVReturnType<{
+declare const checkboxVariants: tailwind_variants3.TVReturnType<{
   color: {
     primary: {
       control: string;
@@ -164,7 +164,7 @@ declare const checkboxVariants: tailwind_variants5.TVReturnType<{
   control: string[];
   indicator: string;
   label: string;
-}, tailwind_variants5.TVReturnType<{
+}, tailwind_variants3.TVReturnType<{
   color: {
     primary: {
       control: string;

package/dist/variants/kbd.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants31 from "tailwind-variants";
+import * as tailwind_variants7 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/kbd.d.ts
-declare const kbdVariants: tailwind_variants31.TVReturnType<{
+declare const kbdVariants: tailwind_variants7.TVReturnType<{
   variant: {
     solid: string;
     outline: string;
@@ -30,7 +30,7 @@ declare const kbdVariants: tailwind_variants31.TVReturnType<{
     xl: string;
     '2xl': string;
   };
-}, undefined, tailwind_variants31.TVReturnType<{
+}, undefined, tailwind_variants7.TVReturnType<{
   variant: {
     solid: string;
     outline: string;

package/dist/variants/pagination.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants29 from "tailwind-variants";
+import * as tailwind_variants9 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/pagination.d.ts
-declare const paginationVariants: tailwind_variants29.TVReturnType<{
+declare const paginationVariants: tailwind_variants9.TVReturnType<{
   size: {
     xs: {
       list: string;
@@ -150,7 +150,7 @@ declare const paginationVariants: tailwind_variants29.TVReturnType<{
   ellipsis: string;
   button: string[];
   navigationButton: string[];
-}, tailwind_variants29.TVReturnType<{
+}, tailwind_variants9.TVReturnType<{
   size: {
     xs: {
       list: string;

package/dist/variants/radio-group.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants19 from "tailwind-variants";
+import * as tailwind_variants25 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/radio-group.d.ts
-declare const radioGroupVariants: tailwind_variants19.TVReturnType<{
+declare const radioGroupVariants: tailwind_variants25.TVReturnType<{
   color: {
     primary: {
       control: string;
@@ -180,7 +180,7 @@ declare const radioGroupVariants: tailwind_variants19.TVReturnType<{
   control: string[];
   indicator: string;
   label: string;
-}, tailwind_variants19.TVReturnType<{
+}, tailwind_variants25.TVReturnType<{
   color: {
     primary: {
       control: string;

package/dist/variants/separator.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants23 from "tailwind-variants";
+import * as tailwind_variants11 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/separator.d.ts
-declare const separatorVariants: tailwind_variants23.TVReturnType<{
+declare const separatorVariants: tailwind_variants11.TVReturnType<{
   size: {
     xs: {
       label: string;
@@ -114,7 +114,7 @@ declare const separatorVariants: tailwind_variants23.TVReturnType<{
 }, {
   root: string;
   label: string;
-}, tailwind_variants23.TVReturnType<{
+}, tailwind_variants11.TVReturnType<{
   size: {
     xs: {
       label: string;

package/dist/variants/switch.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants9 from "tailwind-variants";
+import * as tailwind_variants13 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/switch.d.ts
-declare const switchVariants: tailwind_variants9.TVReturnType<{
+declare const switchVariants: tailwind_variants13.TVReturnType<{
   color: {
     primary: {
       control: string;
@@ -136,7 +136,7 @@ declare const switchVariants: tailwind_variants9.TVReturnType<{
   root: string;
   control: string[];
   thumb: string;
-}, tailwind_variants9.TVReturnType<{
+}, tailwind_variants13.TVReturnType<{
   color: {
     primary: {
       control: string;

package/dist/variants/tag.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants11 from "tailwind-variants";
+import * as tailwind_variants19 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/tag.d.ts
-declare const tagVariants: tailwind_variants11.TVReturnType<{
+declare const tagVariants: tailwind_variants19.TVReturnType<{
   color: {
     primary: string;
     destructive: string;
@@ -64,7 +64,7 @@ declare const tagVariants: tailwind_variants11.TVReturnType<{
     auto: string;
     rounded: string;
   };
-}, undefined, tailwind_variants11.TVReturnType<{
+}, undefined, tailwind_variants19.TVReturnType<{
   color: {
     primary: string;
     destructive: string;

package/dist/variants/toast.d.ts

@@ -1,9 +1,9 @@
-import * as tailwind_variants25 from "tailwind-variants";
+import * as tailwind_variants21 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/toast.d.ts
 
-declare const toastViewportVariants: tailwind_variants25.TVReturnType<{
+declare const toastViewportVariants: tailwind_variants21.TVReturnType<{
   size: {
     xs: string;
     sm: string;
@@ -37,7 +37,7 @@ declare const toastViewportVariants: tailwind_variants25.TVReturnType<{
     'bottom-left': string;
     'bottom-right': string;
   };
-}, undefined, tailwind_variants25.TVReturnType<{
+}, undefined, tailwind_variants21.TVReturnType<{
   size: {
     xs: string;
     sm: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@soybeanjs/ui",
   "type": "module",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "description": "SoybeanUI is built on top of SoybeanHeadless, providing a collection of styled components for Vue 3.",
   "author": {
     "name": "Soybean",
@@ -47,35 +47,37 @@
   "dependencies": {
     "@formkit/auto-animate": "^0.9.0",
     "@iconify/vue": "^5.0.0",
-    "@soybeanjs/unocss-shadcn": "^0.1.1",
+    "@soybeanjs/colord": "^0.3.4",
+    "@soybeanjs/shadcn-theme": "^0.0.10",
     "clsx": "^2.1.1",
     "fuse.js": "^7.1.0",
     "tailwind-merge": "^3.4.0",
     "tailwind-variants": "^3.2.2",
     "valibot": "^1.2.0",
     "zod": "^4.3.5",
-    "@soybeanjs/headless": "^0.0.14"
+    "@soybeanjs/headless": "^0.0.16"
   },
   "devDependencies": {
     "@soybeanjs/cli": "^1.4.4",
     "@soybeanjs/eslint-config": "^1.7.5",
     "@soybeanjs/unocss-preset": "^0.2.0",
-    "@types/node": "^25.0.8",
-    "@unocss/cli": "^66.5.12",
+    "@soybeanjs/unocss-shadcn": "^0.3.1",
+    "@types/node": "^25.0.9",
+    "@unocss/cli": "^66.6.0",
     "@vitest/coverage-v8": "^4.0.17",
     "@vue/test-utils": "^2.4.6",
     "eslint": "^9.39.2",
-    "eslint-plugin-vue": "^10.6.2",
-    "happy-dom": "^20.1.0",
+    "eslint-plugin-vue": "^10.7.0",
+    "happy-dom": "^20.3.1",
     "lint-staged": "^16.2.7",
     "simple-git-hooks": "^2.13.1",
     "tsdown": "^0.19.0",
     "tsx": "^4.21.0",
     "typescript": "^5.9.3",
-    "unocss": "^66.5.12",
+    "unocss": "^66.6.0",
     "unocss-preset-animations": "^1.3.0",
     "unplugin-vue": "^7.1.0",
-    "unplugin-vue-components": "^30.0.0",
+    "unplugin-vue-components": "^31.0.0",
     "unplugin-vue-jsx": "^0.8.1",
     "vite": "^7.3.1",
     "vite-plugin-vue-devtools": "^8.0.5",

package/dist/components/config-provider/shared.js

@@ -1 +0,0 @@
-const e={color:`default`,radius:.5,darkSelector:`.dark`};function t(t){return Object.keys(t).every(n=>t[n]===e[n])}function n(e){let t=`default`;return typeof e==`string`&&(t=e),typeof e==`object`&&(t=`base`in e&&e.base||e.name),t}export{n as getThemeName,t as isIncludeByDefaultTheme};