@rovula/ui 0.1.1 → 0.1.3

package/dist/src/theme/global.css

@@ -2142,7 +2142,7 @@
   --others-35-skyller: #56d364;
   --brand-new-blue-bg-xspector: #091d33;
   --brand-new-blue-bg-report-xspector-light-mode: #091d33;
-  --brand-new-blue-bg-skyller: #dbeafe;
+  --brand-new-blue-bg-skyller: #ffffff;
   /* BUTTON RADIUS */
   --button-l-round: 8px;
   --button-l-rem-round: 0.5rem;
@@ -3969,6 +3969,10 @@ input[type=number] {
   margin-bottom: 0.25rem;
 }
 
+.mb-2 {
+  margin-bottom: 0.5rem;
+}
+
 .ml-2 {
   margin-left: 0.5rem;
 }
@@ -4053,10 +4057,6 @@ input[type=number] {
   display: grid;
 }
 
-.contents {
-  display: contents;
-}
-
 .hidden {
   display: none;
 }
@@ -4256,6 +4256,10 @@ input[type=number] {
   min-height: 2.5rem;
 }
 
+.min-h-\[14px\] {
+  min-height: 14px;
+}
+
 .min-h-screen {
   min-height: 100vh;
 }
@@ -4272,6 +4276,10 @@ input[type=number] {
   width: 0.5rem;
 }
 
+.w-20 {
+  width: 5rem;
+}
+
 .w-28 {
   width: 7rem;
 }
@@ -4312,10 +4320,6 @@ input[type=number] {
   width: 200px;
 }
 
-.w-\[20px\] {
-  width: 20px;
-}
-
 .w-\[24px\] {
   width: 24px;
 }
@@ -4382,6 +4386,10 @@ input[type=number] {
   max-width: 300px;
 }
 
+.max-w-\[360px\] {
+  max-width: 360px;
+}
+
 .max-w-full {
   max-width: 100%;
 }
@@ -4517,6 +4525,18 @@ input[type=number] {
   grid-template-columns: repeat(9, minmax(0, 1fr));
 }
 
+.grid-cols-\[120px_repeat\(3\2c minmax\(0\2c 1fr\)\)\] {
+  grid-template-columns: 120px repeat(3,minmax(0,1fr));
+}
+
+.grid-cols-\[160px_16px\] {
+  grid-template-columns: 160px 16px;
+}
+
+.grid-cols-\[repeat\(3\2c minmax\(0\2c 1fr\)\)\] {
+  grid-template-columns: repeat(3,minmax(0,1fr));
+}
+
 .grid-cols-\[repeat\(auto-fill\2c minmax\(140px\2c 1fr\)\)\] {
   grid-template-columns: repeat(auto-fill,minmax(140px,1fr));
 }
@@ -4549,6 +4569,10 @@ input[type=number] {
   align-items: center;
 }
 
+.items-stretch {
+  align-items: stretch;
+}
+
 .justify-start {
   justify-content: flex-start;
 }
@@ -4597,6 +4621,10 @@ input[type=number] {
   gap: 1.5rem;
 }
 
+.gap-8 {
+  gap: 2rem;
+}
+
 .gap-\[2px\] {
   gap: 2px;
 }
@@ -4705,6 +4733,70 @@ input[type=number] {
   border-radius: 0.25rem;
 }
 
+.rounded-\[var\(--button-l-capsule\)\] {
+  border-radius: var(--button-l-capsule);
+}
+
+.rounded-\[var\(--button-l-round\)\] {
+  border-radius: var(--button-l-round);
+}
+
+.rounded-\[var\(--button-m-capsule\)\] {
+  border-radius: var(--button-m-capsule);
+}
+
+.rounded-\[var\(--button-m-round\)\] {
+  border-radius: var(--button-m-round);
+}
+
+.rounded-\[var\(--button-s-capsule\)\] {
+  border-radius: var(--button-s-capsule);
+}
+
+.rounded-\[var\(--button-s-round\)\] {
+  border-radius: var(--button-s-round);
+}
+
+.rounded-\[var\(--function-button-l-capsule\)\] {
+  border-radius: var(--function-button-l-capsule);
+}
+
+.rounded-\[var\(--function-button-l-round\)\] {
+  border-radius: var(--function-button-l-round);
+}
+
+.rounded-\[var\(--function-button-m-capsule\)\] {
+  border-radius: var(--function-button-m-capsule);
+}
+
+.rounded-\[var\(--function-button-m-round\)\] {
+  border-radius: var(--function-button-m-round);
+}
+
+.rounded-\[var\(--function-button-s-capsule\)\] {
+  border-radius: var(--function-button-s-capsule);
+}
+
+.rounded-\[var\(--function-button-s-round\)\] {
+  border-radius: var(--function-button-s-round);
+}
+
+.rounded-\[var\(--function-button-xs-capsule\)\] {
+  border-radius: var(--function-button-xs-capsule);
+}
+
+.rounded-\[var\(--function-button-xs-round\)\] {
+  border-radius: var(--function-button-xs-round);
+}
+
+.rounded-\[var\(--function-button-xxs-capsule\)\] {
+  border-radius: var(--function-button-xxs-capsule);
+}
+
+.rounded-\[var\(--function-button-xxs-round\)\] {
+  border-radius: var(--function-button-xxs-round);
+}
+
 .rounded-\[var\(--spacing-spacing-xxs\2c 2px\)\] {
   border-radius: var(--spacing-spacing-xxs,2px);
 }
@@ -4713,6 +4805,10 @@ input[type=number] {
   border-radius: 9999px;
 }
 
+.rounded-lg {
+  border-radius: var(--radius-radius-l);
+}
+
 .rounded-md {
   border-radius: var(--radius-radius-m);
 }
@@ -4729,10 +4825,6 @@ input[type=number] {
   border-radius: var(--radius-radius-xl);
 }
 
-.rounded-xs {
-  border-radius: var(--radius-radius-xs);
-}
-
 .rounded-l-full {
   border-top-left-radius: 9999px;
   border-bottom-left-radius: 9999px;
@@ -4815,34 +4907,34 @@ input[type=number] {
   border-style: none;
 }
 
-.border-action-button-icon-active {
-  --tw-border-opacity: 1;
-  border-color: color-mix(in srgb, var(--action-button-icon-active-border) calc(100% * var(--tw-border-opacity, 1)), transparent);
+.\!border-action-button-solid-active-hover {
+  --tw-border-opacity: 1 !important;
+  border-color: color-mix(in srgb, var(--action-button-solid-active-hover-border) calc(100% * var(--tw-border-opacity, 1)), transparent) !important;
 }
 
-.border-action-button-icon-default {
-  --tw-border-opacity: 1;
-  border-color: color-mix(in srgb, var(--action-button-icon-default-border) calc(100% * var(--tw-border-opacity, 1)), transparent);
+.\!border-action-button-solid-hover {
+  --tw-border-opacity: 1 !important;
+  border-color: color-mix(in srgb, var(--action-button-solid-hover-border) calc(100% * var(--tw-border-opacity, 1)), transparent) !important;
 }
 
-.border-action-button-icon-disabled {
-  --tw-border-opacity: 1;
-  border-color: color-mix(in srgb, var(--action-button-icon-disabled-border) calc(100% * var(--tw-border-opacity, 1)), transparent);
+.\!border-function-default-hover {
+  --tw-border-opacity: 1 !important;
+  border-color: color-mix(in srgb, var(--function-default-hover) calc(100% * var(--tw-border-opacity, 1)), transparent) !important;
 }
 
-.border-action-button-outline-active {
+.border-action-button-icon-active {
   --tw-border-opacity: 1;
-  border-color: color-mix(in srgb, var(--action-button-outline-active-border) calc(100% * var(--tw-border-opacity, 1)), transparent);
+  border-color: color-mix(in srgb, var(--action-button-icon-active-border) calc(100% * var(--tw-border-opacity, 1)), transparent);
 }
 
-.border-action-button-outline-default {
+.border-action-button-icon-default {
   --tw-border-opacity: 1;
-  border-color: color-mix(in srgb, var(--action-button-outline-default-border) calc(100% * var(--tw-border-opacity, 1)), transparent);
+  border-color: color-mix(in srgb, var(--action-button-icon-default-border) calc(100% * var(--tw-border-opacity, 1)), transparent);
 }
 
-.border-action-button-outline-disabled {
+.border-action-button-icon-disabled {
   --tw-border-opacity: 1;
-  border-color: color-mix(in srgb, var(--action-button-outline-disabled-border) calc(100% * var(--tw-border-opacity, 1)), transparent);
+  border-color: color-mix(in srgb, var(--action-button-icon-disabled-border) calc(100% * var(--tw-border-opacity, 1)), transparent);
 }
 
 .border-action-button-solid-active {
@@ -5092,6 +5184,36 @@ input[type=number] {
   border-top-color: color-mix(in srgb, var(--state-color-secondary-default) calc(100% * var(--tw-border-opacity, 1)), transparent);
 }
 
+.\!bg-action-button-icon-active-hover {
+  --tw-bg-opacity: 1 !important;
+  background-color: color-mix(in srgb, var(--action-button-icon-active-hover-bg) calc(100% * var(--tw-bg-opacity, 1)), transparent) !important;
+}
+
+.\!bg-action-button-icon-hover {
+  --tw-bg-opacity: 1 !important;
+  background-color: color-mix(in srgb, var(--action-button-icon-hover-bg) calc(100% * var(--tw-bg-opacity, 1)), transparent) !important;
+}
+
+.\!bg-action-button-outline-active-hover {
+  --tw-bg-opacity: 1 !important;
+  background-color: color-mix(in srgb, var(--action-button-outline-active-hover-bg) calc(100% * var(--tw-bg-opacity, 1)), transparent) !important;
+}
+
+.\!bg-action-button-outline-hover {
+  --tw-bg-opacity: 1 !important;
+  background-color: color-mix(in srgb, var(--action-button-outline-hover-bg) calc(100% * var(--tw-bg-opacity, 1)), transparent) !important;
+}
+
+.\!bg-action-button-solid-active-hover {
+  --tw-bg-opacity: 1 !important;
+  background-color: color-mix(in srgb, var(--action-button-solid-active-hover-bg) calc(100% * var(--tw-bg-opacity, 1)), transparent) !important;
+}
+
+.\!bg-action-button-solid-hover {
+  --tw-bg-opacity: 1 !important;
+  background-color: color-mix(in srgb, var(--action-button-solid-hover-bg) calc(100% * var(--tw-bg-opacity, 1)), transparent) !important;
+}
+
 .bg-\[rgb\(var\(--base-bg-2\)\)\] {
   background-color: rgb(var(--base-bg-2));
 }
@@ -5100,6 +5222,10 @@ input[type=number] {
   background-color: rgb(var(--navbar-bg-color));
 }
 
+.bg-\[var\(--base-color-popup\)\] {
+  background-color: var(--base-color-popup);
+}
+
 .bg-\[var\(--dropdown-menu-default-bg\)\] {
   background-color: var(--dropdown-menu-default-bg);
 }
@@ -6644,6 +6770,30 @@ input[type=number] {
   --tw-gradient-to: #fff var(--tw-gradient-to-position);
 }
 
+.\!fill-action-button-icon-active-hover {
+  fill: color-mix(in srgb, var(--action-button-icon-active-hover-text) calc(100% * 1), transparent) !important;
+}
+
+.\!fill-action-button-icon-hover {
+  fill: color-mix(in srgb, var(--action-button-icon-hover-text) calc(100% * 1), transparent) !important;
+}
+
+.\!fill-action-button-outline-active-hover {
+  fill: color-mix(in srgb, var(--action-button-outline-active-hover-text) calc(100% * 1), transparent) !important;
+}
+
+.\!fill-action-button-outline-hover {
+  fill: color-mix(in srgb, var(--action-button-outline-hover-text) calc(100% * 1), transparent) !important;
+}
+
+.\!fill-action-button-solid-active-hover {
+  fill: color-mix(in srgb, var(--action-button-solid-active-hover-text) calc(100% * 1), transparent) !important;
+}
+
+.\!fill-action-button-solid-hover {
+  fill: color-mix(in srgb, var(--action-button-solid-hover-text) calc(100% * 1), transparent) !important;
+}
+
 .fill-action-button-icon-active {
   fill: color-mix(in srgb, var(--action-button-icon-active-text) calc(100% * 1), transparent);
 }
@@ -6792,6 +6942,10 @@ input[type=number] {
   fill: color-mix(in srgb, var(--input-color-disable-stroke) calc(100% * 1), transparent);
 }
 
+.fill-none {
+  fill: none;
+}
+
 .fill-primary {
   fill: color-mix(in srgb, var(--state-color-primary-default) calc(100% * 1), transparent);
 }
@@ -6816,10 +6970,22 @@ input[type=number] {
   stroke: color-mix(in srgb, var(--input-color-default-stroke) calc(100% * 1), transparent);
 }
 
+.stroke-input-default-text {
+  stroke: color-mix(in srgb, var(--input-color-default-text) calc(100% * 1), transparent);
+}
+
 .stroke-input-disable-stroke {
   stroke: color-mix(in srgb, var(--input-color-disable-stroke) calc(100% * 1), transparent);
 }
 
+.stroke-input-error {
+  stroke: color-mix(in srgb, var(--input-color-error) calc(100% * 1), transparent);
+}
+
+.stroke-input-filled-text {
+  stroke: color-mix(in srgb, var(--input-color-filled-text) calc(100% * 1), transparent);
+}
+
 .stroke-primary-default {
   stroke: color-mix(in srgb, var(--state-color-primary-default) calc(100% * 1), transparent);
 }
@@ -6890,39 +7056,39 @@ input[type=number] {
   padding-right: 2rem;
 }
 
-.px-\[2px\] {
-  padding-left: 2px;
-  padding-right: 2px;
+.px-\[12px\] {
+  padding-left: 12px;
+  padding-right: 12px;
 }
 
-.px-lg {
-  padding-left: var(--spacing-spacing-l);
-  padding-right: var(--spacing-spacing-l);
+.px-\[16px\] {
+  padding-left: 16px;
+  padding-right: 16px;
 }
 
-.px-md {
-  padding-left: var(--spacing-spacing-m);
-  padding-right: var(--spacing-spacing-m);
+.px-\[1px\] {
+  padding-left: 1px;
+  padding-right: 1px;
 }
 
-.px-sm {
-  padding-left: var(--spacing-spacing-s);
-  padding-right: var(--spacing-spacing-s);
+.px-\[24px\] {
+  padding-left: 24px;
+  padding-right: 24px;
 }
 
-.px-xl {
-  padding-left: var(--spacing-spacing-xl);
-  padding-right: var(--spacing-spacing-xl);
+.px-\[2px\] {
+  padding-left: 2px;
+  padding-right: 2px;
 }
 
-.px-xs {
-  padding-left: var(--spacing-spacing-xs);
-  padding-right: var(--spacing-spacing-xs);
+.px-\[4px\] {
+  padding-left: 4px;
+  padding-right: 4px;
 }
 
-.px-xxs {
-  padding-left: var(--spacing-spacing-xxs);
-  padding-right: var(--spacing-spacing-xxs);
+.px-\[8px\] {
+  padding-left: 8px;
+  padding-right: 8px;
 }
 
 .py-1 {
@@ -6960,29 +7126,34 @@ input[type=number] {
   padding-bottom: 1.5rem;
 }
 
-.py-lg {
-  padding-top: var(--spacing-spacing-l);
-  padding-bottom: var(--spacing-spacing-l);
+.py-\[12px\] {
+  padding-top: 12px;
+  padding-bottom: 12px;
+}
+
+.py-\[16px\] {
+  padding-top: 16px;
+  padding-bottom: 16px;
 }
 
-.py-md {
-  padding-top: var(--spacing-spacing-m);
-  padding-bottom: var(--spacing-spacing-m);
+.py-\[1px\] {
+  padding-top: 1px;
+  padding-bottom: 1px;
 }
 
-.py-sm {
-  padding-top: var(--spacing-spacing-s);
-  padding-bottom: var(--spacing-spacing-s);
+.py-\[2px\] {
+  padding-top: 2px;
+  padding-bottom: 2px;
 }
 
-.py-xs {
-  padding-top: var(--spacing-spacing-xs);
-  padding-bottom: var(--spacing-spacing-xs);
+.py-\[4px\] {
+  padding-top: 4px;
+  padding-bottom: 4px;
 }
 
-.py-xxs {
-  padding-top: var(--spacing-spacing-xxs);
-  padding-bottom: var(--spacing-spacing-xxs);
+.py-\[8px\] {
+  padding-top: 8px;
+  padding-bottom: 8px;
 }
 
 .\!pe-\[38px\] {
@@ -7053,6 +7224,10 @@ input[type=number] {
   padding-top: 0.5rem;
 }
 
+.pt-3 {
+  padding-top: 0.75rem;
+}
+
 .pt-4 {
   padding-top: 1rem;
 }
@@ -7307,10 +7482,44 @@ input[type=number] {
   letter-spacing: -0.025em;
 }
 
+.tracking-wide {
+  letter-spacing: 0.025em;
+}
+
 .tracking-widest {
   letter-spacing: 0.1em;
 }
 
+.\!text-action-button-icon-active-hover {
+  --tw-text-opacity: 1 !important;
+  color: color-mix(in srgb, var(--action-button-icon-active-hover-text) calc(100% * var(--tw-text-opacity, 1)), transparent) !important;
+}
+
+.\!text-action-button-icon-hover {
+  --tw-text-opacity: 1 !important;
+  color: color-mix(in srgb, var(--action-button-icon-hover-text) calc(100% * var(--tw-text-opacity, 1)), transparent) !important;
+}
+
+.\!text-action-button-outline-active-hover {
+  --tw-text-opacity: 1 !important;
+  color: color-mix(in srgb, var(--action-button-outline-active-hover-text) calc(100% * var(--tw-text-opacity, 1)), transparent) !important;
+}
+
+.\!text-action-button-outline-hover {
+  --tw-text-opacity: 1 !important;
+  color: color-mix(in srgb, var(--action-button-outline-hover-text) calc(100% * var(--tw-text-opacity, 1)), transparent) !important;
+}
+
+.\!text-action-button-solid-active-hover {
+  --tw-text-opacity: 1 !important;
+  color: color-mix(in srgb, var(--action-button-solid-active-hover-text) calc(100% * var(--tw-text-opacity, 1)), transparent) !important;
+}
+
+.\!text-action-button-solid-hover {
+  --tw-text-opacity: 1 !important;
+  color: color-mix(in srgb, var(--action-button-solid-hover-text) calc(100% * var(--tw-text-opacity, 1)), transparent) !important;
+}
+
 .\!text-primary-foreground {
   --tw-text-opacity: 1 !important;
   color: color-mix(in srgb, var(--primary-foreground) calc(100% * var(--tw-text-opacity, 1)), transparent) !important;
@@ -7663,6 +7872,11 @@ input[type=number] {
   color: color-mix(in srgb, var(--text-grey-medium) calc(100% * var(--tw-text-opacity, 1)), transparent);
 }
 
+.text-text-white {
+  --tw-text-opacity: 1;
+  color: color-mix(in srgb, var(--text-white) calc(100% * var(--tw-text-opacity, 1)), transparent);
+}
+
 .text-warning {
   --tw-text-opacity: 1;
   color: color-mix(in srgb, var(--state-color-warning-default) calc(100% * var(--tw-text-opacity, 1)), transparent);
@@ -7745,6 +7959,26 @@ input[type=number] {
   --tw-ring-inset: inset;
 }
 
+.\!ring-\[var\(--action-button-outline-active-hover-border\)\] {
+  --tw-ring-color: var(--action-button-outline-active-hover-border) !important;
+}
+
+.\!ring-\[var\(--action-button-outline-hover-border\)\] {
+  --tw-ring-color: var(--action-button-outline-hover-border) !important;
+}
+
+.ring-\[var\(--action-button-outline-active-border\)\] {
+  --tw-ring-color: var(--action-button-outline-active-border);
+}
+
+.ring-\[var\(--action-button-outline-default-border\)\] {
+  --tw-ring-color: var(--action-button-outline-default-border);
+}
+
+.ring-\[var\(--action-button-outline-disabled-border\)\] {
+  --tw-ring-color: var(--action-button-outline-disabled-border);
+}
+
 .ring-error {
   --tw-ring-opacity: 1;
   --tw-ring-color: color-mix(in srgb, var(--state-color-error-default) calc(100% * var(--tw-ring-opacity, 1)), transparent);
@@ -8065,24 +8299,54 @@ input[type=number] {
   color: transparent;
 }
 
-.hover\:border-action-button-icon-active-hover:hover {
-  --tw-border-opacity: 1;
-  border-color: color-mix(in srgb, var(--action-button-icon-active-hover-border) calc(100% * var(--tw-border-opacity, 1)), transparent);
+.before\:pointer-events-none::before {
+  content: var(--tw-content);
+  pointer-events: none;
 }
 
-.hover\:border-action-button-icon-hover:hover {
-  --tw-border-opacity: 1;
-  border-color: color-mix(in srgb, var(--action-button-icon-hover-border) calc(100% * var(--tw-border-opacity, 1)), transparent);
+.before\:absolute::before {
+  content: var(--tw-content);
+  position: absolute;
+}
+
+.before\:inset-0::before {
+  content: var(--tw-content);
+  inset: 0px;
+}
+
+.before\:rounded-\[inherit\]::before {
+  content: var(--tw-content);
+  border-radius: inherit;
+}
+
+.before\:border::before {
+  content: var(--tw-content);
+  border-width: 1px;
 }
 
-.hover\:border-action-button-outline-active-hover:hover {
+.before\:border-0::before {
+  content: var(--tw-content);
+  border-width: 0px;
+}
+
+.before\:border-inherit::before {
+  content: var(--tw-content);
+  border-color: inherit;
+}
+
+.before\:content-\[\'\'\]::before {
+  --tw-content: '';
+  content: var(--tw-content);
+}
+
+.hover\:border-action-button-icon-active-hover:hover {
   --tw-border-opacity: 1;
-  border-color: color-mix(in srgb, var(--action-button-outline-active-hover-border) calc(100% * var(--tw-border-opacity, 1)), transparent);
+  border-color: color-mix(in srgb, var(--action-button-icon-active-hover-border) calc(100% * var(--tw-border-opacity, 1)), transparent);
 }
 
-.hover\:border-action-button-outline-hover:hover {
+.hover\:border-action-button-icon-hover:hover {
   --tw-border-opacity: 1;
-  border-color: color-mix(in srgb, var(--action-button-outline-hover-border) calc(100% * var(--tw-border-opacity, 1)), transparent);
+  border-color: color-mix(in srgb, var(--action-button-icon-hover-border) calc(100% * var(--tw-border-opacity, 1)), transparent);
 }
 
 .hover\:border-action-button-solid-active-hover:hover {
@@ -8490,6 +8754,14 @@ input[type=number] {
   fill: color-mix(in srgb, var(--input-color-default-text) calc(100% * 1), transparent);
 }
 
+.hover\:stroke-input-active-stroke:hover {
+  stroke: color-mix(in srgb, var(--input-color-active-stroke) calc(100% * 1), transparent);
+}
+
+.hover\:stroke-input-filled-text:hover {
+  stroke: color-mix(in srgb, var(--input-color-filled-text) calc(100% * 1), transparent);
+}
+
 .hover\:text-\[var\(--dropdown-menu-hover-text\)\]:hover {
   color: var(--dropdown-menu-hover-text);
 }
@@ -8648,6 +8920,14 @@ input[type=number] {
   opacity: 1;
 }
 
+.hover\:ring-\[var\(--action-button-outline-active-hover-border\)\]:hover {
+  --tw-ring-color: var(--action-button-outline-active-hover-border);
+}
+
+.hover\:ring-\[var\(--action-button-outline-hover-border\)\]:hover {
+  --tw-ring-color: var(--action-button-outline-hover-border);
+}
+
 .hover\:ring-input-active-stroke:hover {
   --tw-ring-opacity: 1;
   --tw-ring-color: color-mix(in srgb, var(--input-color-active-stroke) calc(100% * var(--tw-ring-opacity, 1)), transparent);
@@ -8658,6 +8938,11 @@ input[type=number] {
   --tw-ring-color: color-mix(in srgb, var(--input-color-disable-stroke) calc(100% * var(--tw-ring-opacity, 1)), transparent);
 }
 
+.hover\:ring-input-error:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: color-mix(in srgb, var(--input-color-error) calc(100% * var(--tw-ring-opacity, 1)), transparent);
+}
+
 .hover\:placeholder\:text-input-disable-text:hover::-moz-placeholder {
   --tw-text-opacity: 1;
   color: color-mix(in srgb, var(--input-color-disable-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
@@ -8778,16 +9063,6 @@ input[type=number] {
   border-color: color-mix(in srgb, var(--action-button-icon-pressed-border) calc(100% * var(--tw-border-opacity, 1)), transparent);
 }
 
-.active\:border-action-button-outline-active-pressed:active {
-  --tw-border-opacity: 1;
-  border-color: color-mix(in srgb, var(--action-button-outline-active-pressed-border) calc(100% * var(--tw-border-opacity, 1)), transparent);
-}
-
-.active\:border-action-button-outline-pressed:active {
-  --tw-border-opacity: 1;
-  border-color: color-mix(in srgb, var(--action-button-outline-pressed-border) calc(100% * var(--tw-border-opacity, 1)), transparent);
-}
-
 .active\:border-action-button-solid-active-pressed:active {
   --tw-border-opacity: 1;
   border-color: color-mix(in srgb, var(--action-button-solid-active-pressed-border) calc(100% * var(--tw-border-opacity, 1)), transparent);
@@ -9151,6 +9426,10 @@ input[type=number] {
   fill: color-mix(in srgb, var(--button-warning-solid-active-text) calc(100% * 1), transparent);
 }
 
+.active\:stroke-input-filled-text:active {
+  stroke: color-mix(in srgb, var(--input-color-filled-text) calc(100% * 1), transparent);
+}
+
 .active\:text-action-button-icon-active-pressed:active {
   --tw-text-opacity: 1;
   color: color-mix(in srgb, var(--action-button-icon-active-pressed-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
@@ -9305,6 +9584,14 @@ input[type=number] {
   opacity: 0.75;
 }
 
+.active\:ring-\[var\(--action-button-outline-active-pressed-border\)\]:active {
+  --tw-ring-color: var(--action-button-outline-active-pressed-border);
+}
+
+.active\:ring-\[var\(--action-button-outline-pressed-border\)\]:active {
+  --tw-ring-color: var(--action-button-outline-pressed-border);
+}
+
 .active\:ring-input-disable-stroke:active {
   --tw-ring-opacity: 1;
   --tw-ring-color: color-mix(in srgb, var(--input-color-disable-stroke) calc(100% * var(--tw-ring-opacity, 1)), transparent);
@@ -9897,6 +10184,11 @@ input[type=number] {
   stroke: color-mix(in srgb, var(--state-color-primary-hover) calc(100% * 1), transparent);
 }
 
+.peer:focus ~ .peer-focus\:text-input-default-text {
+  --tw-text-opacity: 1;
+  color: color-mix(in srgb, var(--input-color-default-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
+}
+
 .peer:focus ~ .peer-focus\:text-input-filled-text {
   --tw-text-opacity: 1;
   color: color-mix(in srgb, var(--input-color-filled-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
@@ -9914,6 +10206,10 @@ input[type=number] {
   font-weight: var(--label-label2-weight, 400);
 }
 
+.peer:active ~ .peer-active\:fill-input-filled-text {
+  fill: color-mix(in srgb, var(--input-color-filled-text) calc(100% * 1), transparent);
+}
+
 .peer:disabled ~ .peer-disabled\:cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -10092,6 +10388,11 @@ input[type=number] {
   border-color: color-mix(in srgb, var(--function-active-solid) calc(100% * var(--tw-border-opacity, 1)), transparent);
 }
 
+.data-\[state\=indeterminate\]\:border-function-active-solid[data-state="indeterminate"] {
+  --tw-border-opacity: 1;
+  border-color: color-mix(in srgb, var(--function-active-solid) calc(100% * var(--tw-border-opacity, 1)), transparent);
+}
+
 .data-\[disabled\]\:\!bg-\[var\(--dropdown-menu-disabled-bg\)\][data-disabled] {
   background-color: var(--dropdown-menu-disabled-bg) !important;
 }
@@ -10222,6 +10523,11 @@ input[type=number] {
   background-color: color-mix(in srgb, var(--function-active-solid) calc(100% * var(--tw-bg-opacity, 1)), transparent);
 }
 
+.data-\[state\=indeterminate\]\:bg-function-active-solid[data-state="indeterminate"] {
+  --tw-bg-opacity: 1;
+  background-color: color-mix(in srgb, var(--function-active-solid) calc(100% * var(--tw-bg-opacity, 1)), transparent);
+}
+
 .data-\[state\=open\]\:bg-primary[data-state="open"] {
   --tw-bg-opacity: 1;
   background-color: color-mix(in srgb, var(--state-color-primary-default) calc(100% * var(--tw-bg-opacity, 1)), transparent);
@@ -10456,6 +10762,11 @@ input[type=number] {
   color: color-mix(in srgb, var(--function-active-solid) calc(100% * var(--tw-text-opacity, 1)), transparent);
 }
 
+.data-\[state\=indeterminate\]\:text-function-active-icon[data-state="indeterminate"] {
+  --tw-text-opacity: 1;
+  color: color-mix(in srgb, var(--function-active-icon) calc(100% * var(--tw-text-opacity, 1)), transparent);
+}
+
 .data-\[state\=open\]\:text-primary-foreground[data-state="open"] {
   --tw-text-opacity: 1;
   color: color-mix(in srgb, var(--primary-foreground) calc(100% * var(--tw-text-opacity, 1)), transparent);
@@ -10476,6 +10787,11 @@ input[type=number] {
   border-color: color-mix(in srgb, var(--function-active-hover) calc(100% * var(--tw-border-opacity, 1)), transparent);
 }
 
+.hover\:data-\[state\=indeterminate\]\:border-function-active-hover[data-state="indeterminate"]:hover {
+  --tw-border-opacity: 1;
+  border-color: color-mix(in srgb, var(--function-active-hover) calc(100% * var(--tw-border-opacity, 1)), transparent);
+}
+
 .hover\:data-\[state\=checked\]\:bg-\[var\(--switch-active-hover-color\)\][data-state="checked"]:hover {
   background-color: var(--switch-active-hover-color);
 }
@@ -10485,6 +10801,11 @@ input[type=number] {
   background-color: color-mix(in srgb, var(--function-active-hover) calc(100% * var(--tw-bg-opacity, 1)), transparent);
 }
 
+.hover\:data-\[state\=indeterminate\]\:bg-function-active-hover[data-state="indeterminate"]:hover {
+  --tw-bg-opacity: 1;
+  background-color: color-mix(in srgb, var(--function-active-hover) calc(100% * var(--tw-bg-opacity, 1)), transparent);
+}
+
 .hover\:data-\[state\=unchecked\]\:bg-\[var\(--switch-hover-color\)\][data-state="unchecked"]:hover {
   background-color: var(--switch-hover-color);
 }
@@ -10494,6 +10815,16 @@ input[type=number] {
   color: color-mix(in srgb, var(--function-active-hover) calc(100% * var(--tw-text-opacity, 1)), transparent);
 }
 
+.disabled\:data-\[state\=checked\]\:bg-state-disable-solid[data-state="checked"]:disabled {
+  --tw-bg-opacity: 1;
+  background-color: color-mix(in srgb, var(--state-color-disable-solid) calc(100% * var(--tw-bg-opacity, 1)), transparent);
+}
+
+.disabled\:data-\[state\=indeterminate\]\:bg-state-disable-solid[data-state="indeterminate"]:disabled {
+  --tw-bg-opacity: 1;
+  background-color: color-mix(in srgb, var(--state-color-disable-solid) calc(100% * var(--tw-bg-opacity, 1)), transparent);
+}
+
 .group:hover .group-hover\:data-\[state\=checked\]\:bg-\[var\(--switch-thumb-active-hover-color\)\][data-state="checked"] {
   background-color: var(--switch-thumb-active-hover-color);
 }
@@ -10572,6 +10903,14 @@ input[type=number] {
   border-bottom-width: 0px;
 }
 
+.\[\&\[data-state\=checked\]_\.checkbox-check-icon\]\:block[data-state=checked] .checkbox-check-icon {
+  display: block;
+}
+
+.\[\&\[data-state\=indeterminate\]_\.checkbox-minus-icon\]\:block[data-state=indeterminate] .checkbox-minus-icon {
+  display: block;
+}
+
 .\[\&_button\]\:rounded-full button {
   border-radius: 9999px;
 }
@@ -10604,6 +10943,11 @@ input[type=number] {
   height: 1.5rem;
 }
 
+.\[\&_svg\]\:size-\[12px\] svg {
+  width: 12px;
+  height: 12px;
+}
+
 .\[\&_svg\]\:size-\[14px\] svg {
   width: 14px;
   height: 14px;
@@ -10624,6 +10968,31 @@ input[type=number] {
   height: 32px;
 }
 
+.\[\&_svg\]\:text-input-default-text svg {
+  --tw-text-opacity: 1;
+  color: color-mix(in srgb, var(--input-color-default-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
+}
+
+.peer:hover ~ .peer-hover\:\[\&_svg\]\:text-input-filled-text svg {
+  --tw-text-opacity: 1;
+  color: color-mix(in srgb, var(--input-color-filled-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
+}
+
+.peer:focus ~ .peer-focus\:\[\&_svg\]\:text-input-filled-text svg {
+  --tw-text-opacity: 1;
+  color: color-mix(in srgb, var(--input-color-filled-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
+}
+
+.peer:active ~ .peer-active\:\[\&_svg\]\:text-input-filled-text svg {
+  --tw-text-opacity: 1;
+  color: color-mix(in srgb, var(--input-color-filled-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
+}
+
+.peer:disabled ~ .peer-disabled\:\[\&_svg\]\:text-input-disable-stroke svg {
+  --tw-text-opacity: 1;
+  color: color-mix(in srgb, var(--input-color-disable-stroke) calc(100% * var(--tw-text-opacity, 1)), transparent);
+}
+
 .\[\&_tr\:last-child\]\:border-0 tr:last-child {
   border-width: 0px;
 }