@vsn-ux/gaia-styles 0.5.19 → 0.6.1

package/dist/components/radio.css

@@ -1,4 +1,5 @@
-/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+@layer properties;
 .ga-radio-group {
   display: inline-flex;
   flex-direction: column;
@@ -29,14 +30,13 @@
       background-color: var(--ga-color-surface-action);
       &::after {
         position: absolute;
-        top: calc(1/2 * 100%);
-        left: calc(1/2 * 100%);
+        top: calc(1 / 2 * 100%);
+        left: calc(1 / 2 * 100%);
         display: block;
         height: calc(0.25rem * 1);
         width: calc(0.25rem * 1);
-        --tw-translate-x: calc(calc(1/2 * 100%) * -1);
-        translate: var(--tw-translate-x) var(--tw-translate-y);
-        --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
+        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
         translate: var(--tw-translate-x) var(--tw-translate-y);
         border-radius: calc(infinity * 1px);
         background-color: #fff;
@@ -87,6 +87,11 @@
     border-width: 2px;
     border-color: var(--ga-color-border-action);
     color: #fff;
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+    transition-timing-function: var(--tw-ease, ease);
+    transition-duration: var(--tw-duration, 0s);
+    transition-duration: var(--ga-duration-fast);
+    transition-timing-function: var(--ga-easing-standard);
   }
   .ga-radio-button__label {
     min-height: calc(0.25rem * 4);
@@ -97,7 +102,7 @@
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
     letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
     --tw-leading: calc(0.25rem * 4);
     line-height: calc(0.25rem * 4);
@@ -140,3 +145,16 @@
   syntax: "*";
   inherits: false;
 }
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-outline-style: solid;
+      --tw-translate-x: 0;
+      --tw-translate-y: 0;
+      --tw-translate-z: 0;
+      --tw-content: "";
+      --tw-border-style: solid;
+      --tw-leading: initial;
+    }
+  }
+}

package/dist/components/segmented-control.css

@@ -1,4 +1,5 @@
-/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+@layer properties;
 .ga-segmented-control {
   display: inline-flex;
   align-items: center;
@@ -7,7 +8,7 @@
   border-radius: var(--ga-radius);
   border-style: var(--tw-border-style);
   border-width: 1px;
-  border-color: var(--ga-color-border-primary);
+  border-color: var(--ga-color-border-tertiary);
   padding: calc(0.25rem * 0.5);
   vertical-align: middle;
   font-size: calc(
@@ -17,7 +18,7 @@
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
   letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
   .ga-segmented-control__button {
     display: inline-flex;
@@ -36,6 +37,11 @@
     line-height: calc(0.25rem * 1);
     white-space: nowrap;
     color: var(--ga-color-text-action);
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+    transition-timing-function: var(--tw-ease, ease);
+    transition-duration: var(--tw-duration, 0s);
+    transition-duration: var(--ga-duration-instant);
+    transition-timing-function: var(--ga-easing-standard);
     &.ga-segmented-control__button--selected, &:hover {
       border-color: var(--ga-color-border-action);
     }
@@ -49,7 +55,7 @@
     &:focus-visible {
       outline-style: var(--tw-outline-style);
       outline-width: 2px;
-      outline-offset: 2px;
+      outline-offset: 1px;
       outline-color: var(--ga-color-border-focus);
     }
     &.ga-segmented-control__button--icon-only {
@@ -66,7 +72,7 @@
     padding: 0;
     margin: -1px;
     overflow: hidden;
-    clip: rect(0, 0, 0, 0);
+    clip-path: inset(50%);
     white-space: nowrap;
     border-width: 0;
   }
@@ -85,3 +91,12 @@
   inherits: false;
   initial-value: solid;
 }
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-border-style: solid;
+      --tw-leading: initial;
+      --tw-outline-style: solid;
+    }
+  }
+}

package/dist/components/select.css

@@ -1,4 +1,5 @@
-/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+@layer properties;
 .ga-native-select {
   position: relative;
   select {
@@ -19,7 +20,7 @@
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
     letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
     --tw-leading: 1;
     line-height: 1;
@@ -27,9 +28,9 @@
   .ga-native-select__arrow {
     pointer-events: none;
     position: absolute;
-    top: calc(1/2 * 100%);
+    top: calc(1 / 2 * 100%);
     right: calc(0.25rem * 2);
-    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 }
@@ -56,13 +57,18 @@
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
   letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
   --tw-leading: 1;
   line-height: 1;
+  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+  transition-timing-function: var(--tw-ease, ease);
+  transition-duration: var(--tw-duration, 0s);
+  transition-duration: var(--ga-duration-instant);
+  transition-timing-function: var(--ga-easing-standard);
   &.ga-select--expanded {
     border-color: var(--ga-color-border-focus);
-    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     --tw-ring-color: var(--ga-color-border-focus);
   }
@@ -86,7 +92,7 @@
   }
   &.ga-select--invalid {
     border-color: var(--ga-color-border-error);
-    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     --tw-ring-color: var(--ga-color-border-error);
     &:not(.ga-select--empty) {
@@ -225,6 +231,11 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
 @property --tw-inset-shadow {
   syntax: "*";
   inherits: false;
@@ -234,6 +245,11 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
 @property --tw-ring-color {
   syntax: "*";
   inherits: false;
@@ -276,3 +292,29 @@
   inherits: false;
   initial-value: solid;
 }
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-border-style: solid;
+      --tw-leading: initial;
+      --tw-translate-x: 0;
+      --tw-translate-y: 0;
+      --tw-translate-z: 0;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-outline-style: solid;
+    }
+  }
+}

package/dist/components/switch.css

@@ -1,4 +1,5 @@
-/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+@layer properties;
 .ga-switch {
   position: relative;
   display: inline-flex;
@@ -17,6 +18,11 @@
     border-width: 1px;
     border-color: var(--ga-color-border-action);
     background-color: var(--ga-color-surface-primary);
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+    transition-timing-function: var(--tw-ease, ease);
+    transition-duration: var(--tw-duration, 0s);
+    transition-duration: var(--ga-duration-fast);
+    transition-timing-function: var(--ga-easing-standard);
   }
   .ga-switch__check-icon {
     position: absolute;
@@ -27,8 +33,8 @@
     transition-property: opacity;
     transition-timing-function: var(--tw-ease, ease);
     transition-duration: var(--tw-duration, 0s);
-    --tw-duration: 300ms;
-    transition-duration: 300ms;
+    transition-duration: var(--ga-duration-fast);
+    transition-timing-function: var(--ga-easing-standard);
   }
   .ga-switch__slider {
     pointer-events: none;
@@ -43,8 +49,8 @@
     transition-property: transform, translate, scale, rotate;
     transition-timing-function: var(--tw-ease, ease);
     transition-duration: var(--tw-duration, 0s);
-    --tw-duration: 300ms;
-    transition-duration: 300ms;
+    transition-duration: var(--ga-duration-fast);
+    transition-timing-function: var(--ga-easing-standard);
   }
   .ga-switch__label {
     -webkit-user-select: none;
@@ -116,10 +122,6 @@
   inherits: false;
   initial-value: solid;
 }
-@property --tw-duration {
-  syntax: "*";
-  inherits: false;
-}
 @property --tw-translate-x {
   syntax: "*";
   inherits: false;
@@ -140,3 +142,14 @@
   inherits: false;
   initial-value: solid;
 }
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-border-style: solid;
+      --tw-translate-x: 0;
+      --tw-translate-y: 0;
+      --tw-translate-z: 0;
+      --tw-outline-style: solid;
+    }
+  }
+}

package/dist/components/tabs.css

@@ -1,9 +1,10 @@
-/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+@layer properties;
 .ga-tabs {
   display: flex;
   gap: calc(0.25rem * 2);
   &.ga-tabs--keyline {
-    border-color: var(--ga-color-border-primary);
+    border-color: var(--ga-color-border-tertiary);
   }
   .ga-tabs__tab {
     position: relative;
@@ -21,13 +22,18 @@
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
     letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
     --tw-leading: calc(0.25rem * 4);
     line-height: calc(0.25rem * 4);
     --tw-font-weight: 500;
     font-weight: 500;
     color: var(--ga-color-text-action);
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+    transition-timing-function: var(--tw-ease, ease);
+    transition-duration: var(--tw-duration, 0s);
+    transition-duration: var(--ga-duration-instant);
+    transition-timing-function: var(--ga-easing-standard);
     &.ga-tabs__tab--selected {
       border-color: var(--ga-color-border-action);
       --tw-font-weight: 600;
@@ -121,3 +127,13 @@
   inherits: false;
   initial-value: "";
 }
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-leading: initial;
+      --tw-font-weight: initial;
+      --tw-border-style: solid;
+      --tw-content: "";
+    }
+  }
+}

package/dist/components/tag.css

@@ -1,4 +1,5 @@
-/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+@layer properties;
 .ga-tag {
   box-sizing: content-box;
   display: inline-flex;
@@ -67,6 +68,11 @@
     --tw-border-style: dashed;
     border-style: dashed;
     background-color: var(--ga-color-surface-primary);
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+    transition-timing-function: var(--tw-ease, ease);
+    transition-duration: var(--tw-duration, 0s);
+    transition-duration: var(--ga-duration-instant);
+    transition-timing-function: var(--ga-easing-standard);
     &:hover {
       background-color: var(--ga-color-surface-action-hover-2);
       .ga-tag__icon {
@@ -89,6 +95,11 @@
     border-style: solid;
     background-color: var(--ga-color-surface-primary);
     color: var(--ga-color-text-action);
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+    transition-timing-function: var(--tw-ease, ease);
+    transition-duration: var(--tw-duration, 0s);
+    transition-duration: var(--ga-duration-instant);
+    transition-timing-function: var(--ga-easing-standard);
     &:hover {
       border-color: var(--ga-color-border-action-hover);
       .ga-tag__icon {
@@ -107,7 +118,7 @@
       color: var(--ga-color-icon-on-primary);
     }
   }
-  &.ga-tag--utility-grey, &.ga-tag--utility-indigo, &.ga-tag--utility-teal, &.ga-tag--utility-lime, &.ga-tag--utility-purple, &.ga-tag--utility-pink, &.ga-tag--utility-rose, &.ga-tag--utility-yellow, &.ga-tag--utility-blue, &.ga-tag--utility-green, &.ga-tag--utility-orange, &.ga-tag--utility-disabled {
+  &.ga-tag--utility-grey, &.ga-tag--utility-indigo, &.ga-tag--utility-teal, &.ga-tag--utility-lime, &.ga-tag--utility-purple, &.ga-tag--utility-pink, &.ga-tag--utility-rose, &.ga-tag--utility-blue, &.ga-tag--utility-green, &.ga-tag--utility-orange, &.ga-tag--utility-disabled {
     border-radius: var(--ga-radius);
     padding-left: calc(0.25rem * 1.5);
     .ga-tag__icon {
@@ -116,47 +127,43 @@
   }
   &.ga-tag--utility-grey {
     border-color: var(--ga-color-utility-grey);
-    background-color: var(--ga-color-utility-grey-light);
+    background-color: var(--ga-color-utility-grey-accent);
   }
   &.ga-tag--utility-indigo {
     border-color: var(--ga-color-utility-indigo);
-    background-color: var(--ga-color-utility-indigo-light);
+    background-color: var(--ga-color-utility-indigo-accent);
   }
   &.ga-tag--utility-teal {
     border-color: var(--ga-color-utility-teal);
-    background-color: var(--ga-color-utility-teal-light);
+    background-color: var(--ga-color-utility-teal-accent);
   }
   &.ga-tag--utility-lime {
     border-color: var(--ga-color-utility-lime);
-    background-color: var(--ga-color-utility-lime-light);
+    background-color: var(--ga-color-utility-lime-accent);
   }
   &.ga-tag--utility-purple {
     border-color: var(--ga-color-utility-purple);
-    background-color: var(--ga-color-utility-purple-light);
+    background-color: var(--ga-color-utility-purple-accent);
   }
   &.ga-tag--utility-pink {
     border-color: var(--ga-color-utility-pink);
-    background-color: var(--ga-color-utility-pink-light);
+    background-color: var(--ga-color-utility-pink-accent);
   }
   &.ga-tag--utility-rose {
     border-color: var(--ga-color-utility-rose);
-    background-color: var(--ga-color-utility-rose-light);
-  }
-  &.ga-tag--utility-yellow {
-    border-color: var(--ga-color-utility-yellow);
-    background-color: var(--ga-color-utility-yellow-light);
+    background-color: var(--ga-color-utility-rose-accent);
   }
   &.ga-tag--utility-blue {
     border-color: var(--ga-color-utility-blue);
-    background-color: var(--ga-color-utility-blue-light);
+    background-color: var(--ga-color-utility-blue-accent);
   }
   &.ga-tag--utility-green {
     border-color: var(--ga-color-utility-green);
-    background-color: var(--ga-color-utility-green-light);
+    background-color: var(--ga-color-utility-green-accent);
   }
   &.ga-tag--utility-orange {
     border-color: var(--ga-color-utility-orange);
-    background-color: var(--ga-color-utility-orange-light);
+    background-color: var(--ga-color-utility-orange-accent);
   }
   &.ga-tag--utility-disabled {
     border-color: var(--ga-color-border-disabled);
@@ -189,3 +196,11 @@
   inherits: false;
   initial-value: solid;
 }
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-border-style: solid;
+      --tw-outline-style: solid;
+    }
+  }
+}

package/dist/components/text-area.css

@@ -1,4 +1,5 @@
-/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+@layer properties;
 textarea.ga-text-area {
   display: inline-flex;
   width: 100%;
@@ -17,10 +18,15 @@ textarea.ga-text-area {
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
   letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
   --tw-leading: calc(0.25rem * 6);
   line-height: calc(0.25rem * 6);
+  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+  transition-timing-function: var(--tw-ease, ease);
+  transition-duration: var(--tw-duration, 0s);
+  transition-duration: var(--ga-duration-instant);
+  transition-timing-function: var(--ga-easing-standard);
   &:hover {
     border-color: var(--ga-color-border-action-hover);
   }
@@ -60,3 +66,12 @@ textarea.ga-text-area {
   inherits: false;
   initial-value: solid;
 }
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-border-style: solid;
+      --tw-leading: initial;
+      --tw-outline-style: solid;
+    }
+  }
+}

package/dist/components/text-size.css

@@ -1,5 +1,5 @@
-/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
-.ga-text-xs {
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+.ga-text-helper {
   font-size: calc(
     var(--ga-text-xs-font-size) * var(--ga-base-scaling-factor, 1)
   );
@@ -7,10 +7,10 @@
     var(--ga-text-xs-line-height) * var(--ga-base-scaling-factor, 1)
   ));
   letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-xs-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-xs-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
 }
-.ga-text-sm {
+.ga-text-caption {
   font-size: calc(
     var(--ga-text-sm-font-size) * var(--ga-base-scaling-factor, 1)
   );
@@ -19,7 +19,7 @@
   ));
   letter-spacing: var(--tw-tracking, 0);
 }
-.ga-text-md {
+.ga-text-body {
   font-size: calc(
     var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
   );
@@ -27,10 +27,10 @@
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
   letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
 }
-.ga-text-lg {
+.ga-text-heading {
   font-size: calc(
     var(--ga-text-lg-font-size) * var(--ga-base-scaling-factor, 1)
   );
@@ -38,10 +38,10 @@
     var(--ga-text-lg-line-height) * var(--ga-base-scaling-factor, 1)
   ));
   letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-lg-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-lg-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
 }
-.ga-text-xl {
+.ga-text-title {
   font-size: calc(
     var(--ga-text-xl-font-size) * var(--ga-base-scaling-factor, 1)
   );
@@ -49,10 +49,10 @@
     var(--ga-text-xl-line-height) * var(--ga-base-scaling-factor, 1)
   ));
   letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-xl-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-xl-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
 }
-.ga-text-2xl {
+.ga-text-headline {
   font-size: calc(
     var(--ga-text-2xl-font-size) * var(--ga-base-scaling-factor, 1)
   );
@@ -60,10 +60,10 @@
     var(--ga-text-2xl-line-height) * var(--ga-base-scaling-factor, 1)
   ));
   letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-2xl-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-2xl-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
 }
-.ga-text-3xl {
+.ga-text-display {
   font-size: calc(
     var(--ga-text-3xl-font-size) * var(--ga-base-scaling-factor, 1)
   );
@@ -71,6 +71,6 @@
     var(--ga-text-3xl-line-height) * var(--ga-base-scaling-factor, 1)
   ));
   letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-3xl-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-3xl-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
 }

package/dist/components/tooltip.css

@@ -1,4 +1,5 @@
-/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+@layer properties;
 .ga-tooltip {
   position: relative;
   max-width: calc(0.25rem * 100);
@@ -12,7 +13,7 @@
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
   letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
   color: var(--ga-color-text-on-action);
   &.ga-tooltip--top-start, &.ga-tooltip--top-center, &.ga-tooltip--top-end, &.ga-tooltip--bottom-start, &.ga-tooltip--bottom-center, &.ga-tooltip--bottom-end, &.ga-tooltip--left-start, &.ga-tooltip--left-center, &.ga-tooltip--left-end, &.ga-tooltip--right-start, &.ga-tooltip--right-center, &.ga-tooltip--right-end {
@@ -21,7 +22,6 @@
       position: absolute;
     }
     &::before {
-      content: var(--tw-content);
       --tw-content: '';
       content: var(--tw-content);
     }
@@ -60,8 +60,8 @@
     left: calc(0.25rem * 4);
   }
   &.ga-tooltip--top-center::before, &.ga-tooltip--bottom-center::before {
-    left: calc(1/2 * 100%);
-    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+    left: calc(1 / 2 * 100%);
+    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   &.ga-tooltip--top-end::before, &.ga-tooltip--bottom-end::before {
@@ -89,8 +89,8 @@
     top: calc(0.25rem * 4);
   }
   &.ga-tooltip--left-center::before, &.ga-tooltip--right-center::before {
-    top: calc(1/2 * 100%);
-    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+    top: calc(1 / 2 * 100%);
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   &.ga-tooltip--left-end::before, &.ga-tooltip--right-end::before {
@@ -131,3 +131,15 @@
   syntax: "*";
   inherits: false;
 }
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-content: "";
+      --tw-border-style: solid;
+      --tw-translate-x: 0;
+      --tw-translate-y: 0;
+      --tw-translate-z: 0;
+      --tw-font-weight: initial;
+    }
+  }
+}