@chatbi-v/xcml 2.0.1 → 2.1.0

package/dist/index.css

@@ -153,7 +153,8 @@
 
 /* 1. Ocean (Deep Blue) */
 
-.xcml-scope [data-theme="ocean"],
+[data-theme="ocean"] .xcml-scope,
+  .xcml-scope [data-theme="ocean"],
   .xcml-scope[data-theme="ocean"] {
   --primary: 221 83% 53%;
   /* Blue 600 */
@@ -172,7 +173,8 @@
 
 /* 2. Sunset (Orange/Red) */
 
-.xcml-scope [data-theme="sunset"],
+[data-theme="sunset"] .xcml-scope,
+  .xcml-scope [data-theme="sunset"],
   .xcml-scope[data-theme="sunset"] {
   --primary: 15 80% 50%;
   /* Orange 600 */
@@ -191,7 +193,8 @@
 
 /* 3. Lavender (Purple/Indigo) */
 
-.xcml-scope [data-theme="lavender"],
+[data-theme="lavender"] .xcml-scope,
+  .xcml-scope [data-theme="lavender"],
   .xcml-scope[data-theme="lavender"] {
   --primary: 262 83% 58%;
   /* Violet 600 */
@@ -210,7 +213,8 @@
 
 /* 4. Rose (Pink) */
 
-.xcml-scope [data-theme="rose"],
+[data-theme="rose"] .xcml-scope,
+  .xcml-scope [data-theme="rose"],
   .xcml-scope[data-theme="rose"] {
   --primary: 346 84% 50%;
   /* Rose 600 */
@@ -229,7 +233,8 @@
 
 /* 5. Amber (Yellow/Gold) */
 
-.xcml-scope [data-theme="amber"],
+[data-theme="amber"] .xcml-scope,
+  .xcml-scope [data-theme="amber"],
   .xcml-scope[data-theme="amber"] {
   --primary: 38 92% 50%;
   /* Amber 500 */
@@ -248,7 +253,8 @@
 
 /* 6. Midnight (Deep Indigo/Dark) */
 
-.xcml-scope [data-theme="midnight"],
+[data-theme="midnight"] .xcml-scope,
+  .xcml-scope [data-theme="midnight"],
   .xcml-scope[data-theme="midnight"] {
   --primary: 224 71% 45%;
   /* Blue 600ish */
@@ -268,7 +274,8 @@
 
 /* 7. Forest (Deep Green) */
 
-.xcml-scope [data-theme="forest"],
+[data-theme="forest"] .xcml-scope,
+  .xcml-scope [data-theme="forest"],
   .xcml-scope[data-theme="forest"] {
   --primary: 142 76% 45%;
   /* Green 600ish */
@@ -288,7 +295,8 @@
 
 /* 8. Slate (Professional Gray) */
 
-.xcml-scope [data-theme="slate"],
+[data-theme="slate"] .xcml-scope,
+  .xcml-scope [data-theme="slate"],
   .xcml-scope[data-theme="slate"] {
   --primary: 215 25% 27%;
   /* Slate 800 */
@@ -306,7 +314,8 @@
 
 /* 9. Crimson (Wine Red) */
 
-.xcml-scope [data-theme="crimson"],
+[data-theme="crimson"] .xcml-scope,
+  .xcml-scope [data-theme="crimson"],
   .xcml-scope[data-theme="crimson"] {
   --primary: 347 77% 35%;
   /* Crimson 900ish */
@@ -324,7 +333,8 @@
 
 /* 10. Cyan (Teal/Cyan) */
 
-.xcml-scope [data-theme="cyan"],
+[data-theme="cyan"] .xcml-scope,
+  .xcml-scope [data-theme="cyan"],
   .xcml-scope[data-theme="cyan"] {
   --primary: 188 86% 40%;
   /* Cyan 600 */
@@ -342,7 +352,8 @@
 
 /* 11. Brand (Primary Background) */
 
-.xcml-scope [data-theme="brand"],
+[data-theme="brand"] .xcml-scope,
+  .xcml-scope [data-theme="brand"],
   .xcml-scope[data-theme="brand"] {
   --card: 161 94% 30%;
   /* Emerald 600 */
@@ -358,7 +369,8 @@
 
 /* 12. Deep (Very Dark) */
 
-.xcml-scope [data-theme="deep"],
+[data-theme="deep"] .xcml-scope,
+  .xcml-scope [data-theme="deep"],
   .xcml-scope[data-theme="deep"] {
   --card: 224 71% 4%;
   /* Slate 950 */
@@ -997,6 +1009,257 @@
   margin-bottom: 0;
 }
 
+.prose-sm {
+  font-size: 0.875rem;
+  line-height: 1.7142857;
+}
+
+.prose-sm :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top: 1.1428571em;
+  margin-bottom: 1.1428571em;
+}
+
+.prose-sm :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  font-size: 1.2857143em;
+  line-height: 1.5555556;
+  margin-top: 0.8888889em;
+  margin-bottom: 0.8888889em;
+}
+
+.prose-sm :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top: 1.3333333em;
+  margin-bottom: 1.3333333em;
+  padding-inline-start: 1.1111111em;
+}
+
+.prose-sm :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  font-size: 2.1428571em;
+  margin-top: 0;
+  margin-bottom: 0.8em;
+  line-height: 1.2;
+}
+
+.prose-sm :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  font-size: 1.4285714em;
+  margin-top: 1.6em;
+  margin-bottom: 0.8em;
+  line-height: 1.4;
+}
+
+.prose-sm :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  font-size: 1.2857143em;
+  margin-top: 1.5555556em;
+  margin-bottom: 0.4444444em;
+  line-height: 1.5555556;
+}
+
+.prose-sm :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top: 1.4285714em;
+  margin-bottom: 0.5714286em;
+  line-height: 1.4285714;
+}
+
+.prose-sm :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top: 1.7142857em;
+  margin-bottom: 1.7142857em;
+}
+
+.prose-sm :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top: 1.7142857em;
+  margin-bottom: 1.7142857em;
+}
+
+.prose-sm :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.prose-sm :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top: 1.7142857em;
+  margin-bottom: 1.7142857em;
+}
+
+.prose-sm :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  font-size: 0.8571429em;
+  border-radius: 0.3125rem;
+  padding-top: 0.1428571em;
+  padding-inline-end: 0.3571429em;
+  padding-bottom: 0.1428571em;
+  padding-inline-start: 0.3571429em;
+}
+
+.prose-sm :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  font-size: 0.8571429em;
+}
+
+.prose-sm :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  font-size: 0.9em;
+}
+
+.prose-sm :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  font-size: 0.8888889em;
+}
+
+.prose-sm :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  font-size: 0.8571429em;
+  line-height: 1.6666667;
+  margin-top: 1.6666667em;
+  margin-bottom: 1.6666667em;
+  border-radius: 0.25rem;
+  padding-top: 0.6666667em;
+  padding-inline-end: 1em;
+  padding-bottom: 0.6666667em;
+  padding-inline-start: 1em;
+}
+
+.prose-sm :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top: 1.1428571em;
+  margin-bottom: 1.1428571em;
+  padding-inline-start: 1.5714286em;
+}
+
+.prose-sm :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top: 1.1428571em;
+  margin-bottom: 1.1428571em;
+  padding-inline-start: 1.5714286em;
+}
+
+.prose-sm :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top: 0.2857143em;
+  margin-bottom: 0.2857143em;
+}
+
+.prose-sm :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  padding-inline-start: 0.4285714em;
+}
+
+.prose-sm :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  padding-inline-start: 0.4285714em;
+}
+
+.prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top: 0.5714286em;
+  margin-bottom: 0.5714286em;
+}
+
+.prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top: 1.1428571em;
+}
+
+.prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-bottom: 1.1428571em;
+}
+
+.prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top: 1.1428571em;
+}
+
+.prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-bottom: 1.1428571em;
+}
+
+.prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top: 0.5714286em;
+  margin-bottom: 0.5714286em;
+}
+
+.prose-sm :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top: 1.1428571em;
+  margin-bottom: 1.1428571em;
+}
+
+.prose-sm :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top: 1.1428571em;
+}
+
+.prose-sm :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top: 0.2857143em;
+  padding-inline-start: 1.5714286em;
+}
+
+.prose-sm :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top: 2.8571429em;
+  margin-bottom: 2.8571429em;
+}
+
+.prose-sm :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top: 0;
+}
+
+.prose-sm :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top: 0;
+}
+
+.prose-sm :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top: 0;
+}
+
+.prose-sm :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top: 0;
+}
+
+.prose-sm :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  font-size: 0.8571429em;
+  line-height: 1.5;
+}
+
+.prose-sm :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  padding-inline-end: 1em;
+  padding-bottom: 0.6666667em;
+  padding-inline-start: 1em;
+}
+
+.prose-sm :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  padding-inline-start: 0;
+}
+
+.prose-sm :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  padding-inline-end: 0;
+}
+
+.prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  padding-top: 0.6666667em;
+  padding-inline-end: 1em;
+  padding-bottom: 0.6666667em;
+  padding-inline-start: 1em;
+}
+
+.prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  padding-inline-start: 0;
+}
+
+.prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  padding-inline-end: 0;
+}
+
+.prose-sm :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top: 1.7142857em;
+  margin-bottom: 1.7142857em;
+}
+
+.prose-sm :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.prose-sm :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  font-size: 0.8571429em;
+  line-height: 1.3333333;
+  margin-top: 0.6666667em;
+}
+
+.prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top: 0;
+}
+
+.prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-bottom: 0;
+}
+
+.xcml-scope :is(.pointer-events-none) {
+  pointer-events: none;
+}
+
 .xcml-scope :is(.visible) {
   visibility: visible;
 }
@@ -1005,6 +1268,10 @@
   position: static;
 }
 
+.xcml-scope :is(.fixed) {
+  position: fixed;
+}
+
 .xcml-scope :is(.absolute) {
   position: absolute;
 }
@@ -1018,10 +1285,18 @@
   right: -1rem;
 }
 
+.xcml-scope :is(.-right-4) {
+  right: -1rem;
+}
+
 .xcml-scope :is(.-top-3) {
   top: -0.75rem;
 }
 
+.xcml-scope :is(.-top-4) {
+  top: -1rem;
+}
+
 .xcml-scope :is(.bottom-0) {
   bottom: 0px;
 }
@@ -1096,6 +1371,10 @@
   margin-bottom: 1rem;
 }
 
+.xcml-scope :is(.mb-0) {
+  margin-bottom: 0px;
+}
+
 .xcml-scope :is(.mb-1) {
   margin-bottom: 0.25rem;
 }
@@ -1164,6 +1443,10 @@
   margin-top: 0.5rem;
 }
 
+.xcml-scope :is(.mt-4) {
+  margin-top: 1rem;
+}
+
 .xcml-scope :is(.mt-auto) {
   margin-top: auto;
 }
@@ -1172,11 +1455,11 @@
   margin-top: var(--card-gap);
 }
 
-.xcml-scope :is(.line-clamp-1) {
+.xcml-scope :is(.line-clamp-2) {
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
+  -webkit-line-clamp: 2;
 }
 
 .xcml-scope :is(.block) {
@@ -1191,10 +1474,6 @@
   display: flex;
 }
 
-.xcml-scope :is(.inline-flex) {
-  display: inline-flex;
-}
-
 .xcml-scope :is(.table) {
   display: table;
 }
@@ -1227,6 +1506,10 @@
   height: 0.5rem;
 }
 
+.xcml-scope :is(.h-24) {
+  height: 6rem;
+}
+
 .xcml-scope :is(.h-4) {
   height: 1rem;
 }
@@ -1243,10 +1526,18 @@
   height: 2rem;
 }
 
+.xcml-scope :is(.h-9) {
+  height: 2.25rem;
+}
+
 .xcml-scope :is(.h-full) {
   height: 100%;
 }
 
+.xcml-scope :is(.h-px) {
+  height: 1px;
+}
+
 .xcml-scope :is(.max-h-\[500px\]) {
   max-height: 500px;
 }
@@ -1259,6 +1550,10 @@
   min-height: 6rem;
 }
 
+.xcml-scope :is(.min-h-full) {
+  min-height: 100%;
+}
+
 .xcml-scope :is(.w-0) {
   width: 0px;
 }
@@ -1275,6 +1570,10 @@
   width: 0.375rem;
 }
 
+.xcml-scope :is(.w-10) {
+  width: 2.5rem;
+}
+
 .xcml-scope :is(.w-12) {
   width: 3rem;
 }
@@ -1291,10 +1590,22 @@
   width: 6rem;
 }
 
+.xcml-scope :is(.w-32) {
+  width: 8rem;
+}
+
 .xcml-scope :is(.w-4) {
   width: 1rem;
 }
 
+.xcml-scope :is(.w-6) {
+  width: 1.5rem;
+}
+
+.xcml-scope :is(.w-7) {
+  width: 1.75rem;
+}
+
 .xcml-scope :is(.w-8) {
   width: 2rem;
 }
@@ -1303,10 +1614,6 @@
   width: 375px;
 }
 
-.xcml-scope :is(.w-\[var\(--percent\)\]) {
-  width: var(--percent);
-}
-
 .xcml-scope :is(.w-full) {
   width: 100%;
 }
@@ -1319,8 +1626,8 @@
   min-width: 0px;
 }
 
-.xcml-scope :is(.min-w-\[60px\]) {
-  min-width: 60px;
+.xcml-scope :is(.min-w-24) {
+  min-width: 6rem;
 }
 
 .xcml-scope :is(.max-w-full) {
@@ -1339,12 +1646,9 @@
   flex-shrink: 0;
 }
 
-.xcml-scope :is(.table-auto) {
-  table-layout: auto;
-}
-
-.xcml-scope :is(.border-collapse) {
-  border-collapse: collapse;
+.xcml-scope :is(.-translate-x-2) {
+  --tw-translate-x: -0.5rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
 .xcml-scope :is(.scale-x-95) {
@@ -1366,10 +1670,6 @@
   animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
 }
 
-.xcml-scope :is(.cursor-default) {
-  cursor: default;
-}
-
 .xcml-scope :is(.cursor-help) {
   cursor: help;
 }
@@ -1430,10 +1730,6 @@
   align-items: baseline;
 }
 
-.xcml-scope :is(.justify-end) {
-  justify-content: flex-end;
-}
-
 .xcml-scope :is(.justify-center) {
   justify-content: center;
 }
@@ -1442,6 +1738,14 @@
   justify-content: space-between;
 }
 
+.xcml-scope :is(.gap-0) {
+  gap: 0px;
+}
+
+.xcml-scope :is(.gap-0\.5) {
+  gap: 0.125rem;
+}
+
 .xcml-scope :is(.gap-1) {
   gap: 0.25rem;
 }
@@ -1454,10 +1758,22 @@
   gap: 0.5rem;
 }
 
+.xcml-scope :is(.gap-2\.5) {
+  gap: 0.625rem;
+}
+
 .xcml-scope :is(.gap-3) {
   gap: 0.75rem;
 }
 
+.xcml-scope :is(.gap-4) {
+  gap: 1rem;
+}
+
+.xcml-scope :is(.gap-5) {
+  gap: 1.25rem;
+}
+
 .xcml-scope :is(.gap-card-gap) {
   gap: var(--card-gap);
 }
@@ -1474,16 +1790,10 @@
   margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.xcml-scope :is(.space-y-2 > :not([hidden]) ~ :not([hidden])) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
-}
-
-.xcml-scope :is(.space-y-4 > :not([hidden]) ~ :not([hidden])) {
+.xcml-scope :is(.space-y-3 > :not([hidden]) ~ :not([hidden])) {
   --tw-space-y-reverse: 0;
-  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
+  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
 }
 
 .xcml-scope :is(.space-y-6 > :not([hidden]) ~ :not([hidden])) {
@@ -1498,16 +1808,6 @@
   margin-bottom: calc(var(--card-gap) * var(--tw-space-y-reverse));
 }
 
-.xcml-scope :is(.divide-y > :not([hidden]) ~ :not([hidden])) {
-  --tw-divide-y-reverse: 0;
-  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
-  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
-}
-
-.xcml-scope :is(.divide-border\/30 > :not([hidden]) ~ :not([hidden])) {
-  border-color: hsl(var(--border) / 0.3);
-}
-
 .xcml-scope :is(.overflow-auto) {
   overflow: auto;
 }
@@ -1552,6 +1852,10 @@
   border-radius: 0.25rem;
 }
 
+.xcml-scope :is(.rounded-2xl) {
+  border-radius: 1rem;
+}
+
 .xcml-scope :is(.rounded-full) {
   border-radius: 9999px;
 }
@@ -1564,6 +1868,10 @@
   border-radius: var(--radius-md);
 }
 
+.xcml-scope :is(.rounded-sm) {
+  border-radius: var(--radius-sm);
+}
+
 .xcml-scope :is(.rounded-xl) {
   border-radius: var(--radius-xl);
 }
@@ -1573,6 +1881,11 @@
   border-bottom-right-radius: var(--radius-md);
 }
 
+.xcml-scope :is(.rounded-r-sm) {
+  border-top-right-radius: var(--radius-sm);
+  border-bottom-right-radius: var(--radius-sm);
+}
+
 .xcml-scope :is(.border) {
   border-width: 1px;
 }
@@ -1581,6 +1894,10 @@
   border-bottom-width: 1px;
 }
 
+.xcml-scope :is(.border-b-2) {
+  border-bottom-width: 2px;
+}
+
 .xcml-scope :is(.border-l-2) {
   border-left-width: 2px;
 }
@@ -1589,18 +1906,10 @@
   border-top-width: 1px;
 }
 
-.xcml-scope :is(.border-t-2) {
-  border-top-width: 2px;
-}
-
 .xcml-scope :is(.border-dashed) {
   border-style: dashed;
 }
 
-.xcml-scope :is(.border-none) {
-  border-style: none;
-}
-
 .xcml-scope :is(.border-amber-200) {
   --tw-border-opacity: 1;
   border-color: rgb(253 230 138 / var(--tw-border-opacity));
@@ -1610,10 +1919,6 @@
   border-color: hsl(var(--border));
 }
 
-.xcml-scope :is(.border-border\/10) {
-  border-color: hsl(var(--border) / 0.1);
-}
-
 .xcml-scope :is(.border-border\/30) {
   border-color: hsl(var(--border) / 0.3);
 }
@@ -1638,6 +1943,14 @@
   border-color: hsl(var(--destructive) / 0.2);
 }
 
+.xcml-scope :is(.border-muted\/20) {
+  border-color: hsl(var(--muted) / 0.2);
+}
+
+.xcml-scope :is(.border-primary\/10) {
+  border-color: hsl(var(--primary) / 0.1);
+}
+
 .xcml-scope :is(.border-primary\/20) {
   border-color: hsl(var(--primary) / 0.2);
 }
@@ -1646,12 +1959,20 @@
   border-color: hsl(var(--primary) / 0.3);
 }
 
+.xcml-scope :is(.border-success\/20) {
+  border-color: hsl(var(--success) / 0.2);
+}
+
+.xcml-scope :is(.border-warning\/20) {
+  border-color: hsl(var(--warning) / 0.2);
+}
+
 .xcml-scope :is(.bg-amber-50\/50) {
   background-color: rgb(255 251 235 / 0.5);
 }
 
-.xcml-scope :is(.bg-black\/5) {
-  background-color: rgb(0 0 0 / 0.05);
+.xcml-scope :is(.bg-background\/80) {
+  background-color: hsl(var(--background) / 0.8);
 }
 
 .xcml-scope :is(.bg-border\/50) {
@@ -1666,12 +1987,12 @@
   background-color: hsl(var(--card) / 0.5);
 }
 
-.xcml-scope :is(.bg-destructive) {
-  background-color: hsl(var(--destructive));
+.xcml-scope :is(.bg-current) {
+  background-color: currentColor;
 }
 
-.xcml-scope :is(.bg-destructive\/10) {
-  background-color: hsl(var(--destructive) / 0.1);
+.xcml-scope :is(.bg-destructive) {
+  background-color: hsl(var(--destructive));
 }
 
 .xcml-scope :is(.bg-destructive\/5) {
@@ -1683,6 +2004,10 @@
   background-color: rgb(224 231 255 / var(--tw-bg-opacity));
 }
 
+.xcml-scope :is(.bg-inherit) {
+  background-color: inherit;
+}
+
 .xcml-scope :is(.bg-muted) {
   background-color: hsl(var(--muted));
 }
@@ -1703,6 +2028,10 @@
   background-color: hsl(var(--muted) / 0.4);
 }
 
+.xcml-scope :is(.bg-muted\/5) {
+  background-color: hsl(var(--muted) / 0.05);
+}
+
 .xcml-scope :is(.bg-muted\/50) {
   background-color: hsl(var(--muted) / 0.5);
 }
@@ -1711,42 +2040,30 @@
   background-color: hsl(var(--muted) / 0.6);
 }
 
-.xcml-scope :is(.bg-primary) {
-  background-color: hsl(var(--primary));
-}
-
 .xcml-scope :is(.bg-primary\/10) {
   background-color: hsl(var(--primary) / 0.1);
 }
 
-.xcml-scope :is(.bg-primary\/15) {
-  background-color: hsl(var(--primary) / 0.15);
-}
-
 .xcml-scope :is(.bg-primary\/20) {
   background-color: hsl(var(--primary) / 0.2);
 }
 
-.xcml-scope :is(.bg-primary\/5) {
-  background-color: hsl(var(--primary) / 0.05);
+.xcml-scope :is(.bg-primary\/40) {
+  background-color: hsl(var(--primary) / 0.4);
 }
 
-.xcml-scope :is(.bg-primary\/60) {
-  background-color: hsl(var(--primary) / 0.6);
+.xcml-scope :is(.bg-primary\/5) {
+  background-color: hsl(var(--primary) / 0.05);
 }
 
-.xcml-scope :is(.bg-secondary\/50) {
-  background-color: hsl(var(--secondary) / 0.5);
+.xcml-scope :is(.bg-primary\/80) {
+  background-color: hsl(var(--primary) / 0.8);
 }
 
 .xcml-scope :is(.bg-success) {
   background-color: hsl(var(--success));
 }
 
-.xcml-scope :is(.bg-success\/10) {
-  background-color: hsl(var(--success) / 0.1);
-}
-
 .xcml-scope :is(.bg-success\/5) {
   background-color: hsl(var(--success) / 0.05);
 }
@@ -1755,6 +2072,10 @@
   background-color: transparent;
 }
 
+.xcml-scope :is(.bg-warning\/5) {
+  background-color: hsl(var(--warning) / 0.05);
+}
+
 .xcml-scope :is(.bg-white) {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -1773,10 +2094,20 @@
   background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
 }
 
+.xcml-scope :is(.bg-gradient-to-l) {
+  background-image: linear-gradient(to left, var(--tw-gradient-stops));
+}
+
 .xcml-scope :is(.bg-gradient-to-r) {
   background-image: linear-gradient(to right, var(--tw-gradient-stops));
 }
 
+.xcml-scope :is(.from-background\/50) {
+  --tw-gradient-from: hsl(var(--background) / 0.5) var(--tw-gradient-from-position);
+  --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
 .xcml-scope :is(.from-foreground) {
   --tw-gradient-from: hsl(var(--foreground)) var(--tw-gradient-from-position);
   --tw-gradient-to: hsl(var(--foreground) / 0) var(--tw-gradient-to-position);
@@ -1795,6 +2126,12 @@
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 
+.xcml-scope :is(.from-transparent) {
+  --tw-gradient-from: transparent var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
 .xcml-scope :is(.via-foreground) {
   --tw-gradient-to: hsl(var(--foreground) / 0)  var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--foreground)) var(--tw-gradient-via-position), var(--tw-gradient-to);
@@ -1810,6 +2147,10 @@
   --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to);
 }
 
+.xcml-scope :is(.to-border\/50) {
+  --tw-gradient-to: hsl(var(--border) / 0.5) var(--tw-gradient-to-position);
+}
+
 .xcml-scope :is(.to-foreground\/70) {
   --tw-gradient-to: hsl(var(--foreground) / 0.7) var(--tw-gradient-to-position);
 }
@@ -1822,11 +2163,23 @@
   --tw-gradient-to: hsl(var(--primary) / 0.2) var(--tw-gradient-to-position);
 }
 
+.xcml-scope :is(.to-transparent) {
+  --tw-gradient-to: transparent var(--tw-gradient-to-position);
+}
+
+.xcml-scope :is(.bg-cover) {
+  background-size: cover;
+}
+
 .xcml-scope :is(.bg-clip-text) {
   -webkit-background-clip: text;
           background-clip: text;
 }
 
+.xcml-scope :is(.bg-center) {
+  background-position: center;
+}
+
 .xcml-scope :is(.object-cover) {
   -o-object-fit: cover;
      object-fit: cover;
@@ -1856,6 +2209,10 @@
   padding: 1rem;
 }
 
+.xcml-scope :is(.p-5) {
+  padding: 1.25rem;
+}
+
 .xcml-scope :is(.p-8) {
   padding: 2rem;
 }
@@ -1872,6 +2229,16 @@
   padding: var(--table-cell-padding-sm);
 }
 
+.xcml-scope :is(.px-0) {
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
+.xcml-scope :is(.px-0\.5) {
+  padding-left: 0.125rem;
+  padding-right: 0.125rem;
+}
+
 .xcml-scope :is(.px-1) {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
@@ -1897,16 +2264,6 @@
   padding-right: 1rem;
 }
 
-.xcml-scope :is(.px-5) {
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
-}
-
-.xcml-scope :is(.px-6) {
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
-}
-
 .xcml-scope :is(.py-0) {
   padding-top: 0px;
   padding-bottom: 0px;
@@ -1932,39 +2289,60 @@
   padding-bottom: 0.5rem;
 }
 
-.xcml-scope :is(.py-2\.5) {
-  padding-top: 0.625rem;
-  padding-bottom: 0.625rem;
+.xcml-scope :is(.py-4) {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
 }
 
-.xcml-scope :is(.py-3) {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
+.xcml-scope :is(.py-8) {
+  padding-top: 2rem;
+  padding-bottom: 2rem;
 }
 
-.xcml-scope :is(.py-3\.5) {
-  padding-top: 0.875rem;
-  padding-bottom: 0.875rem;
+.xcml-scope :is(.pb-2) {
+  padding-bottom: 0.5rem;
 }
 
-.xcml-scope :is(.py-5) {
-  padding-top: 1.25rem;
-  padding-bottom: 1.25rem;
+.xcml-scope :is(.pb-2\.5) {
+  padding-bottom: 0.625rem;
 }
 
-.xcml-scope :is(.py-8) {
-  padding-top: 2rem;
-  padding-bottom: 2rem;
+.xcml-scope :is(.pl-1) {
+  padding-left: 0.25rem;
 }
 
-.xcml-scope :is(.pb-3) {
-  padding-bottom: 0.75rem;
+.xcml-scope :is(.pl-12) {
+  padding-left: 3rem;
+}
+
+.xcml-scope :is(.pl-16) {
+  padding-left: 4rem;
 }
 
 .xcml-scope :is(.pl-2) {
   padding-left: 0.5rem;
 }
 
+.xcml-scope :is(.pl-20) {
+  padding-left: 5rem;
+}
+
+.xcml-scope :is(.pl-3) {
+  padding-left: 0.75rem;
+}
+
+.xcml-scope :is(.pl-4) {
+  padding-left: 1rem;
+}
+
+.xcml-scope :is(.pl-8) {
+  padding-left: 2rem;
+}
+
+.xcml-scope :is(.pl-9) {
+  padding-left: 2.25rem;
+}
+
 .xcml-scope :is(.pt-2) {
   padding-top: 0.5rem;
 }
@@ -1989,10 +2367,6 @@
   vertical-align: baseline;
 }
 
-.xcml-scope :is(.align-middle) {
-  vertical-align: middle;
-}
-
 .xcml-scope :is(.font-mono) {
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 }
@@ -2006,18 +2380,6 @@
   line-height: 2.25rem;
 }
 
-.xcml-scope :is(.text-\[10px\]) {
-  font-size: 10px;
-}
-
-.xcml-scope :is(.text-\[11px\]) {
-  font-size: 11px;
-}
-
-.xcml-scope :is(.text-\[13\.5px\]) {
-  font-size: 13.5px;
-}
-
 .xcml-scope :is(.text-base) {
   font-size: var(--font-size-base);
 }
@@ -2026,10 +2388,6 @@
   font-size: var(--font-size-lg);
 }
 
-.xcml-scope :is(.text-metric) {
-  font-size: var(--font-size-metric);
-}
-
 .xcml-scope :is(.text-metric-lg) {
   font-size: var(--font-size-metric-lg);
 }
@@ -2070,6 +2428,15 @@
   font-style: italic;
 }
 
+.xcml-scope :is(.tabular-nums) {
+  --tw-numeric-spacing: tabular-nums;
+  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
+}
+
+.xcml-scope :is(.leading-none) {
+  line-height: 1;
+}
+
 .xcml-scope :is(.leading-normal) {
   line-height: 1.5;
 }
@@ -2082,6 +2449,10 @@
   line-height: 1.375;
 }
 
+.xcml-scope :is(.tracking-\[0\.15em\]) {
+  letter-spacing: 0.15em;
+}
+
 .xcml-scope :is(.tracking-tight) {
   letter-spacing: -0.025em;
 }
@@ -2090,10 +2461,23 @@
   letter-spacing: -0.05em;
 }
 
+.xcml-scope :is(.tracking-wide) {
+  letter-spacing: 0.025em;
+}
+
 .xcml-scope :is(.tracking-wider) {
   letter-spacing: 0.05em;
 }
 
+.xcml-scope :is(.tracking-widest) {
+  letter-spacing: 0.1em;
+}
+
+.xcml-scope :is(.text-amber-400) {
+  --tw-text-opacity: 1;
+  color: rgb(251 191 36 / var(--tw-text-opacity));
+}
+
 .xcml-scope :is(.text-amber-500) {
   --tw-text-opacity: 1;
   color: rgb(245 158 11 / var(--tw-text-opacity));
@@ -2116,27 +2500,24 @@
   color: hsl(var(--foreground));
 }
 
-.xcml-scope :is(.text-foreground\/80) {
-  color: hsl(var(--foreground) / 0.8);
+.xcml-scope :is(.text-foreground\/40) {
+  color: hsl(var(--foreground) / 0.4);
 }
 
-.xcml-scope :is(.text-foreground\/90) {
-  color: hsl(var(--foreground) / 0.9);
+.xcml-scope :is(.text-foreground\/70) {
+  color: hsl(var(--foreground) / 0.7);
 }
 
-.xcml-scope :is(.text-green-500) {
-  --tw-text-opacity: 1;
-  color: rgb(34 197 94 / var(--tw-text-opacity));
+.xcml-scope :is(.text-foreground\/80) {
+  color: hsl(var(--foreground) / 0.8);
 }
 
-.xcml-scope :is(.text-green-600) {
-  --tw-text-opacity: 1;
-  color: rgb(22 163 74 / var(--tw-text-opacity));
+.xcml-scope :is(.text-foreground\/90) {
+  color: hsl(var(--foreground) / 0.9);
 }
 
-.xcml-scope :is(.text-indigo-500) {
-  --tw-text-opacity: 1;
-  color: rgb(99 102 241 / var(--tw-text-opacity));
+.xcml-scope :is(.text-inherit) {
+  color: inherit;
 }
 
 .xcml-scope :is(.text-muted-foreground) {
@@ -2159,22 +2540,12 @@
   color: hsl(var(--muted-foreground) / 0.6);
 }
 
-.xcml-scope :is(.text-primary) {
-  color: hsl(var(--primary));
-}
-
-.xcml-scope :is(.text-primary\/90) {
-  color: hsl(var(--primary) / 0.9);
-}
-
-.xcml-scope :is(.text-red-500) {
-  --tw-text-opacity: 1;
-  color: rgb(239 68 68 / var(--tw-text-opacity));
+.xcml-scope :is(.text-muted-foreground\/70) {
+  color: hsl(var(--muted-foreground) / 0.7);
 }
 
-.xcml-scope :is(.text-red-600) {
-  --tw-text-opacity: 1;
-  color: rgb(220 38 38 / var(--tw-text-opacity));
+.xcml-scope :is(.text-primary) {
+  color: hsl(var(--primary));
 }
 
 .xcml-scope :is(.text-success) {
@@ -2185,6 +2556,15 @@
   color: transparent;
 }
 
+.xcml-scope :is(.text-warning) {
+  color: hsl(var(--warning));
+}
+
+.xcml-scope :is(.text-zinc-800) {
+  --tw-text-opacity: 1;
+  color: rgb(39 39 42 / var(--tw-text-opacity));
+}
+
 .xcml-scope :is(.no-underline) {
   text-decoration-line: none;
 }
@@ -2223,12 +2603,6 @@
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.xcml-scope :is(.shadow-\[0_0_8px_rgba\(var\(--primary-rgb\)\2c 0\.4\)\]) {
-  --tw-shadow: 0 0 8px rgba(var(--primary-rgb),0.4);
-  --tw-shadow-colored: 0 0 8px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
 .xcml-scope :is(.shadow-card) {
   --tw-shadow: var(--shadow-card);
   --tw-shadow-colored: var(--shadow-card);
@@ -2268,6 +2642,11 @@
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 
+.xcml-scope :is(.blur-3xl) {
+  --tw-blur: blur(64px);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
 .xcml-scope :is(.filter) {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
@@ -2379,18 +2758,14 @@
   background-color: hsl(var(--card) / 0.8);
 }
 
-.xcml-scope :is(.hover\:bg-muted:hover) {
-  background-color: hsl(var(--muted));
-}
-
-.xcml-scope :is(.hover\:bg-muted\/30:hover) {
-  background-color: hsl(var(--muted) / 0.3);
-}
-
 .xcml-scope :is(.hover\:bg-primary\/5:hover) {
   background-color: hsl(var(--primary) / 0.05);
 }
 
+.xcml-scope :is(.hover\:text-destructive:hover) {
+  color: hsl(var(--destructive));
+}
+
 .xcml-scope :is(.hover\:text-primary:hover) {
   color: hsl(var(--primary));
 }
@@ -2452,6 +2827,11 @@
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+.xcml-scope :is(.group:hover .group-hover\:translate-x-0) {
+  --tw-translate-x: 0px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 .xcml-scope :is(.group:hover .group-hover\:scale-110) {
   --tw-scale-x: 1.1;
   --tw-scale-y: 1.1;
@@ -2570,10 +2950,145 @@
   }
 }
 
-.xcml-scope :is(.\[\&_\.ant-table-container\]\:\!w-full .ant-table-container) {
-  width: 100% !important;
+.xcml-scope :is(.\[\&_\.ant-pagination-item-active\]\:\!border-primary .ant-pagination-item-active) {
+  border-color: hsl(var(--primary)) !important;
+}
+
+.xcml-scope :is(.\[\&_\.ant-pagination-item-active\]\:\!bg-primary\/5 .ant-pagination-item-active) {
+  background-color: hsl(var(--primary) / 0.05) !important;
+}
+
+.xcml-scope :is(.\[\&_\.ant-pagination-item-active_a\]\:\!text-primary .ant-pagination-item-active a) {
+  color: hsl(var(--primary)) !important;
+}
+
+.xcml-scope :is(.\[\&_\.ant-table-bordered_\.ant-table-container\]\:\!border-border\/50 .ant-table-bordered .ant-table-container) {
+  border-color: hsl(var(--border) / 0.5) !important;
+}
+
+.xcml-scope :is(.\[\&_\.ant-table-container\]\:\!overflow-hidden .ant-table-container) {
+  overflow: hidden !important;
+}
+
+.xcml-scope :is(.\[\&_\.ant-table-container\]\:overflow-hidden .ant-table-container) {
+  overflow: hidden;
+}
+
+.xcml-scope :is(.\[\&_\.ant-table-container\]\:\!rounded-md .ant-table-container) {
+  border-radius: var(--radius-md) !important;
+}
+
+.xcml-scope :is(.\[\&_\.ant-table-container\]\:rounded-md .ant-table-container) {
+  border-radius: var(--radius-md);
+}
+
+.xcml-scope :is(.\[\&_\.ant-table-tbody_tr_td\]\:\!border-b .ant-table-tbody tr td) {
+  border-bottom-width: 1px !important;
+}
+
+.xcml-scope :is(.\[\&_\.ant-table-tbody_tr_td\]\:border-b .ant-table-tbody tr td) {
+  border-bottom-width: 1px;
 }
 
-.xcml-scope :is(.\[\&_\.ant-table\]\:\!w-full .ant-table) {
-  width: 100% !important;
+.xcml-scope :is(.\[\&_\.ant-table-tbody_tr_td\]\:\!border-border\/30 .ant-table-tbody tr td) {
+  border-color: hsl(var(--border) / 0.3) !important;
+}
+
+.xcml-scope :is(.\[\&_\.ant-table-tbody_tr_td\]\:border-border\/30 .ant-table-tbody tr td) {
+  border-color: hsl(var(--border) / 0.3);
+}
+
+.xcml-scope :is(.\[\&_\.ant-table-tbody_tr_td\]\:\!px-3 .ant-table-tbody tr td) {
+  padding-left: 0.75rem !important;
+  padding-right: 0.75rem !important;
+}
+
+.xcml-scope :is(.\[\&_\.ant-table-tbody_tr_td\]\:\!px-4 .ant-table-tbody tr td) {
+  padding-left: 1rem !important;
+  padding-right: 1rem !important;
+}
+
+.xcml-scope :is(.\[\&_\.ant-table-tbody_tr_td\]\:\!py-2 .ant-table-tbody tr td) {
+  padding-top: 0.5rem !important;
+  padding-bottom: 0.5rem !important;
+}
+
+.xcml-scope :is(.\[\&_\.ant-table-tbody_tr_td\]\:\!py-2\.5 .ant-table-tbody tr td) {
+  padding-top: 0.625rem !important;
+  padding-bottom: 0.625rem !important;
+}
+
+.xcml-scope :is(.\[\&_\.ant-table-tbody_tr_td\]\:transition-all .ant-table-tbody tr td) {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.xcml-scope :is(.\[\&_\.ant-table-tbody_tr_td\]\:duration-150 .ant-table-tbody tr td) {
+  transition-duration: 150ms;
+  animation-duration: 150ms;
+}
+
+.xcml-scope :is(.hover\:\[\&_\.ant-table-tbody_tr_td\]\:\!bg-primary\/5 .ant-table-tbody tr td:hover) {
+  background-color: hsl(var(--primary) / 0.05) !important;
+}
+
+.xcml-scope :is(.\[\&_\.ant-table-thead_tr_th\]\:\!border-b .ant-table-thead tr th) {
+  border-bottom-width: 1px !important;
+}
+
+.xcml-scope :is(.\[\&_\.ant-table-thead_tr_th\]\:border-b .ant-table-thead tr th) {
+  border-bottom-width: 1px;
+}
+
+.xcml-scope :is(.\[\&_\.ant-table-thead_tr_th\]\:\!border-border\/60 .ant-table-thead tr th) {
+  border-color: hsl(var(--border) / 0.6) !important;
+}
+
+.xcml-scope :is(.\[\&_\.ant-table-thead_tr_th\]\:border-border\/60 .ant-table-thead tr th) {
+  border-color: hsl(var(--border) / 0.6);
+}
+
+.xcml-scope :is(.\[\&_\.ant-table-thead_tr_th\]\:\!bg-muted\/30 .ant-table-thead tr th) {
+  background-color: hsl(var(--muted) / 0.3) !important;
+}
+
+.xcml-scope :is(.\[\&_\.ant-table-thead_tr_th\]\:\!bg-muted\/40 .ant-table-thead tr th) {
+  background-color: hsl(var(--muted) / 0.4) !important;
+}
+
+.xcml-scope :is(.\[\&_\.ant-table-thead_tr_th\]\:\!px-3 .ant-table-thead tr th) {
+  padding-left: 0.75rem !important;
+  padding-right: 0.75rem !important;
+}
+
+.xcml-scope :is(.\[\&_\.ant-table-thead_tr_th\]\:\!px-4 .ant-table-thead tr th) {
+  padding-left: 1rem !important;
+  padding-right: 1rem !important;
+}
+
+.xcml-scope :is(.\[\&_\.ant-table-thead_tr_th\]\:\!py-2\.5 .ant-table-thead tr th) {
+  padding-top: 0.625rem !important;
+  padding-bottom: 0.625rem !important;
+}
+
+.xcml-scope :is(.\[\&_\.ant-table-thead_tr_th\]\:\!py-3 .ant-table-thead tr th) {
+  padding-top: 0.75rem !important;
+  padding-bottom: 0.75rem !important;
+}
+
+.xcml-scope :is(.\[\&_\.ant-table-thead_tr_th\]\:\!text-foreground\/70 .ant-table-thead tr th) {
+  color: hsl(var(--foreground) / 0.7) !important;
+}
+
+.xcml-scope :is(.\[\&_\.ant-table\]\:\!bg-transparent .ant-table) {
+  background-color: transparent !important;
+}
+
+.xcml-scope :is(.\[\&_\.ant-table\]\:\!text-xs .ant-table) {
+  font-size: var(--font-size-xs) !important;
+}
+
+.xcml-scope :is(.\[\&_\.ant-table\]\:text-sm .ant-table) {
+  font-size: var(--font-size-sm);
 }