@rovula/ui 0.1.1 → 0.1.3

package/dist/esm/bundle.css

@@ -719,6 +719,9 @@ input[type=number] {
 .mb-1{
   margin-bottom: 0.25rem;
 }
+.mb-2{
+  margin-bottom: 0.5rem;
+}
 .ml-2{
   margin-left: 0.5rem;
 }
@@ -782,9 +785,6 @@ input[type=number] {
 .grid{
   display: grid;
 }
-.contents{
-  display: contents;
-}
 .hidden{
   display: none;
 }
@@ -938,6 +938,9 @@ input[type=number] {
 .min-h-10{
   min-height: 2.5rem;
 }
+.min-h-\[14px\]{
+  min-height: 14px;
+}
 .min-h-screen{
   min-height: 100vh;
 }
@@ -950,6 +953,9 @@ input[type=number] {
 .w-2{
   width: 0.5rem;
 }
+.w-20{
+  width: 5rem;
+}
 .w-28{
   width: 7rem;
 }
@@ -980,9 +986,6 @@ input[type=number] {
 .w-\[200px\]{
   width: 200px;
 }
-.w-\[20px\]{
-  width: 20px;
-}
 .w-\[24px\]{
   width: 24px;
 }
@@ -1033,6 +1036,9 @@ input[type=number] {
 .max-w-\[300px\]{
   max-width: 300px;
 }
+.max-w-\[360px\]{
+  max-width: 360px;
+}
 .max-w-full{
   max-width: 100%;
 }
@@ -1137,6 +1143,15 @@ input[type=number] {
 .grid-cols-9{
   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));
 }
@@ -1161,6 +1176,9 @@ input[type=number] {
 .items-center{
   align-items: center;
 }
+.items-stretch{
+  align-items: stretch;
+}
 .justify-start{
   justify-content: flex-start;
 }
@@ -1197,6 +1215,9 @@ input[type=number] {
 .gap-6{
   gap: 1.5rem;
 }
+.gap-8{
+  gap: 2rem;
+}
 .gap-\[2px\]{
   gap: 2px;
 }
@@ -1282,12 +1303,63 @@ input[type=number] {
 .rounded{
   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);
 }
 .rounded-full{
   border-radius: 9999px;
 }
+.rounded-lg{
+  border-radius: var(--radius-radius-l);
+}
 .rounded-md{
   border-radius: var(--radius-radius-m);
 }
@@ -1300,9 +1372,6 @@ input[type=number] {
 .rounded-xl{
   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;
@@ -1366,6 +1435,18 @@ input[type=number] {
 .border-none{
   border-style: none;
 }
+.\!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-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-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-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);
@@ -1378,18 +1459,6 @@ input[type=number] {
   --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-action-button-outline-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-action-button-outline-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-action-button-outline-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-action-button-solid-active{
   --tw-border-opacity: 1;
   border-color: color-mix(in srgb, var(--action-button-solid-active-border) calc(100% * var(--tw-border-opacity, 1)), transparent);
@@ -1587,12 +1656,39 @@ input[type=number] {
   --tw-border-opacity: 1;
   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));
 }
 .bg-\[rgb\(var\(--navbar-bg-color\)\)\]{
   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);
 }
@@ -2827,6 +2923,24 @@ input[type=number] {
 .to-white{
   --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);
 }
@@ -2938,6 +3052,9 @@ input[type=number] {
 .fill-input-disable-stroke{
   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);
 }
@@ -2956,9 +3073,18 @@ input[type=number] {
 .stroke-input-default-stroke{
   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);
 }
@@ -3013,33 +3139,33 @@ input[type=number] {
   padding-left: 2rem;
   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{
   padding-top: 0.25rem;
@@ -3069,25 +3195,29 @@ input[type=number] {
   padding-top: 1.5rem;
   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\]{
   padding-inline-end: 38px !important;
@@ -3140,6 +3270,9 @@ input[type=number] {
 .pt-2{
   padding-top: 0.5rem;
 }
+.pt-3{
+  padding-top: 0.75rem;
+}
 .pt-4{
   padding-top: 1rem;
 }
@@ -3346,9 +3479,36 @@ input[type=number] {
 .tracking-tight{
   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;
@@ -3629,6 +3789,10 @@ input[type=number] {
   --tw-text-opacity: 1;
   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);
@@ -3694,6 +3858,21 @@ input[type=number] {
 .ring-inset{
   --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);
@@ -3956,6 +4135,38 @@ input[type=number] {
 .placeholder\:text-transparent::placeholder{
   color: transparent;
 }
+.before\:pointer-events-none::before{
+  content: var(--tw-content);
+  pointer-events: none;
+}
+.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;
+}
+.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-icon-active-hover-border) calc(100% * var(--tw-border-opacity, 1)), transparent);
@@ -3964,14 +4175,6 @@ input[type=number] {
   --tw-border-opacity: 1;
   border-color: color-mix(in srgb, var(--action-button-icon-hover-border) calc(100% * var(--tw-border-opacity, 1)), transparent);
 }
-.hover\:border-action-button-outline-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);
-}
-.hover\:border-action-button-outline-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);
-}
 .hover\:border-action-button-solid-active-hover:hover{
   --tw-border-opacity: 1;
   border-color: color-mix(in srgb, var(--action-button-solid-active-hover-border) calc(100% * var(--tw-border-opacity, 1)), transparent);
@@ -4290,6 +4493,12 @@ input[type=number] {
 .hover\:fill-input-default-text:hover{
   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);
 }
@@ -4416,6 +4625,12 @@ input[type=number] {
 .hover\:opacity-100:hover{
   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);
@@ -4424,6 +4639,10 @@ input[type=number] {
   --tw-ring-opacity: 1;
   --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);
@@ -4519,14 +4738,6 @@ input[type=number] {
   --tw-border-opacity: 1;
   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);
@@ -4812,6 +5023,9 @@ input[type=number] {
 .active\:fill-button-warning-solid-active:active{
   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);
@@ -4935,6 +5149,12 @@ input[type=number] {
 .active\:opacity-75:active{
   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);
@@ -5401,6 +5621,10 @@ input[type=number] {
 .peer:focus ~ .peer-focus\:stroke-primary-hover{
   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);
@@ -5415,6 +5639,9 @@ input[type=number] {
   line-height: var(--label-label2-line-height, 10px);
   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;
 }
@@ -5556,6 +5783,10 @@ input[type=number] {
   --tw-border-opacity: 1;
   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;
 }
@@ -5659,6 +5890,10 @@ input[type=number] {
   --tw-bg-opacity: 1;
   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);
@@ -5841,6 +6076,10 @@ input[type=number] {
   --tw-text-opacity: 1;
   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);
@@ -5857,6 +6096,10 @@ input[type=number] {
   --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\=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);
 }
@@ -5864,6 +6107,10 @@ input[type=number] {
   --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\=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);
 }
@@ -5871,6 +6118,14 @@ input[type=number] {
   --tw-text-opacity: 1;
   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);
 }
@@ -5942,6 +6197,12 @@ input[type=number] {
 .\[\&\>tr\]\:last\:border-b-0:last-child>tr{
   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;
 }
@@ -5967,6 +6228,10 @@ input[type=number] {
   width: 1.5rem;
   height: 1.5rem;
 }
+.\[\&_svg\]\:size-\[12px\] svg{
+  width: 12px;
+  height: 12px;
+}
 .\[\&_svg\]\:size-\[14px\] svg{
   width: 14px;
   height: 14px;
@@ -5983,6 +6248,26 @@ input[type=number] {
   width: 32px;
   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;
 }