npm - @tinybigui/react - Versions diffs - 0.22.0 → 0.24.0 - Mend

@tinybigui/react 0.22.0 → 0.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/dist/styles.css CHANGED Viewed

@@ -481,7 +481,7 @@
     opacity: 0.4;
   }
 }
-@theme { --color-primary: var(--md-sys-color-primary); --color-on-primary: var(--md-sys-color-on-primary); --color-primary-container: var(--md-sys-color-primary-container); --color-on-primary-container: var(--md-sys-color-on-primary-container); --color-secondary: var(--md-sys-color-secondary); --color-on-secondary: var(--md-sys-color-on-secondary); --color-secondary-container: var(--md-sys-color-secondary-container); --color-on-secondary-container: var(--md-sys-color-on-secondary-container); --color-tertiary: var(--md-sys-color-tertiary); --color-on-tertiary: var(--md-sys-color-on-tertiary); --color-tertiary-container: var(--md-sys-color-tertiary-container); --color-on-tertiary-container: var(--md-sys-color-on-tertiary-container); --color-error: var(--md-sys-color-error); --color-on-error: var(--md-sys-color-on-error); --color-error-container: var(--md-sys-color-error-container); --color-on-error-container: var(--md-sys-color-on-error-container); --color-surface: var(--md-sys-color-surface); --color-on-surface: var(--md-sys-color-on-surface); --color-surface-variant: var(--md-sys-color-surface-variant); --color-on-surface-variant: var(--md-sys-color-on-surface-variant); --color-surface-container-lowest: var(--md-sys-color-surface-container-lowest); --color-surface-container-low: var(--md-sys-color-surface-container-low); --color-surface-container: var(--md-sys-color-surface-container); --color-surface-container-high: var(--md-sys-color-surface-container-high); --color-surface-container-highest: var(--md-sys-color-surface-container-highest); --color-outline: var(--md-sys-color-outline); --color-outline-variant: var(--md-sys-color-outline-variant); --color-background: var(--md-sys-color-background); --color-on-background: var(--md-sys-color-on-background); --color-scrim: var(--md-sys-color-scrim); --color-inverse-surface: var(--md-sys-color-inverse-surface); --color-inverse-on-surface: var(--md-sys-color-inverse-on-surface); --color-inverse-primary: var(--md-sys-color-inverse-primary); --shadow-elevation-0: var(--md-sys-elevation-level-0); --shadow-elevation-1: var(--md-sys-elevation-level-1); --shadow-elevation-2: var(--md-sys-elevation-level-2); --shadow-elevation-3: var(--md-sys-elevation-level-3); --shadow-elevation-4: var(--md-sys-elevation-level-4); --shadow-elevation-5: var(--md-sys-elevation-level-5); --text-display-large: var(--md-sys-typescale-display-large-size); --text-display-large--line-height: var(--md-sys-typescale-display-large-line-height); --text-display-medium: var(--md-sys-typescale-display-medium-size); --text-display-medium--line-height: var(--md-sys-typescale-display-medium-line-height); --text-display-small: var(--md-sys-typescale-display-small-size); --text-display-small--line-height: var(--md-sys-typescale-display-small-line-height); --text-headline-large: var(--md-sys-typescale-headline-large-size); --text-headline-large--line-height: var(--md-sys-typescale-headline-large-line-height); --text-headline-medium: var(--md-sys-typescale-headline-medium-size); --text-headline-medium--line-height: var(--md-sys-typescale-headline-medium-line-height); --text-headline-small: var(--md-sys-typescale-headline-small-size); --text-headline-small--line-height: var(--md-sys-typescale-headline-small-line-height); --text-title-large: var(--md-sys-typescale-title-large-size); --text-title-large--line-height: var(--md-sys-typescale-title-large-line-height); --text-title-medium: var(--md-sys-typescale-title-medium-size); --text-title-medium--line-height: var(--md-sys-typescale-title-medium-line-height); --text-title-small: var(--md-sys-typescale-title-small-size); --text-title-small--line-height: var(--md-sys-typescale-title-small-line-height); --text-body-large: var(--md-sys-typescale-body-large-size); --text-body-large--line-height: var(--md-sys-typescale-body-large-line-height); --text-body-medium: var(--md-sys-typescale-body-medium-size); --text-body-medium--line-height: var(--md-sys-typescale-body-medium-line-height); --text-body-small: var(--md-sys-typescale-body-small-size); --text-body-small--line-height: var(--md-sys-typescale-body-small-line-height); --text-label-large: var(--md-sys-typescale-label-large-size); --text-label-large--line-height: var(--md-sys-typescale-label-large-line-height); --text-label-medium: var(--md-sys-typescale-label-medium-size); --text-label-medium--line-height: var(--md-sys-typescale-label-medium-line-height); --text-label-small: var(--md-sys-typescale-label-small-size); --text-label-small--line-height: var(--md-sys-typescale-label-small-line-height); --radius-xs: var(--md-sys-shape-corner-extra-small); --radius-sm: var(--md-sys-shape-corner-small); --radius-md: var(--md-sys-shape-corner-medium); --radius-lg: var(--md-sys-shape-corner-large); --radius-lg-increased: var(--md-sys-shape-corner-large-increased); --radius-xl: var(--md-sys-shape-corner-extra-large); --radius-xl-increased: var(--md-sys-shape-corner-extra-large-increased); --radius-2xl: var(--md-sys-shape-corner-extra-extra-large); --radius-full: var(--md-sys-shape-corner-full); --spacing-appbar-small: 4rem; --spacing-appbar-medium: 7rem; --spacing-appbar-medium-subtitle: 8.5rem; --spacing-appbar-large: 7.5rem; --spacing-appbar-large-subtitle: 9.5rem; --spacing-drawer: 22.5rem; --spacing-snackbar-max: 35.5rem; --spacing-dialog-max: 35rem; --opacity-8: 0.08; --opacity-10: 0.1; --opacity-12: 0.12; --opacity-16: 0.16; --opacity-32: 0.32; --opacity-38: 0.38; --transition-duration-short1: var(--md-sys-motion-duration-short1); --transition-duration-short2: var(--md-sys-motion-duration-short2); --transition-duration-short3: var(--md-sys-motion-duration-short3); --transition-duration-short4: var(--md-sys-motion-duration-short4); --transition-duration-medium1: var(--md-sys-motion-duration-medium1); --transition-duration-medium2: var(--md-sys-motion-duration-medium2); --transition-duration-medium3: var(--md-sys-motion-duration-medium3); --transition-duration-medium4: var(--md-sys-motion-duration-medium4); --transition-duration-long1: var(--md-sys-motion-duration-long1); --transition-duration-long2: var(--md-sys-motion-duration-long2); --transition-duration-long3: var(--md-sys-motion-duration-long3); --transition-duration-long4: var(--md-sys-motion-duration-long4); --transition-duration-extra-long1: var(--md-sys-motion-duration-extra-long1); --transition-duration-extra-long2: var(--md-sys-motion-duration-extra-long2); --transition-duration-extra-long3: var(--md-sys-motion-duration-extra-long3); --transition-duration-extra-long4: var(--md-sys-motion-duration-extra-long4); --ease-standard: var(--md-sys-motion-easing-standard); --ease-standard-decelerate: var(--md-sys-motion-easing-standard-decelerate); --ease-standard-accelerate: var(--md-sys-motion-easing-standard-accelerate); --ease-emphasized: var(--md-sys-motion-easing-emphasized); --ease-emphasized-decelerate: var(--md-sys-motion-easing-emphasized-decelerate); --ease-emphasized-accelerate: var(--md-sys-motion-easing-emphasized-accelerate); --ease-expressive-fast-spatial: var(--md-sys-motion-expressive-fast-spatial-easing); --ease-expressive-default-spatial: var(--md-sys-motion-expressive-default-spatial-easing); --ease-expressive-slow-spatial: var(--md-sys-motion-expressive-slow-spatial-easing); --ease-expressive-fast-effects: var(--md-sys-motion-expressive-fast-effects-easing); --ease-expressive-default-effects: var(--md-sys-motion-expressive-default-effects-easing); --ease-expressive-slow-effects: var(--md-sys-motion-expressive-slow-effects-easing); --transition-duration-expressive-fast-spatial: var( --md-sys-motion-expressive-fast-spatial-duration ); --transition-duration-expressive-default-spatial: var( --md-sys-motion-expressive-default-spatial-duration ); --transition-duration-expressive-slow-spatial: var( --md-sys-motion-expressive-slow-spatial-duration ); --transition-duration-expressive-fast-effects: var( --md-sys-motion-expressive-fast-effects-duration ); --transition-duration-expressive-default-effects: var( --md-sys-motion-expressive-default-effects-duration ); --transition-duration-expressive-slow-effects: var( --md-sys-motion-expressive-slow-effects-duration ); --ease-spring-standard-fast-spatial: var(--md-sys-motion-standard-fast-spatial-easing); --ease-spring-standard-default-spatial: var(--md-sys-motion-standard-default-spatial-easing); --ease-spring-standard-slow-spatial: var(--md-sys-motion-standard-slow-spatial-easing); --ease-spring-standard-fast-effects: var(--md-sys-motion-standard-fast-effects-easing); --ease-spring-standard-default-effects: var(--md-sys-motion-standard-default-effects-easing); --ease-spring-standard-slow-effects: var(--md-sys-motion-standard-slow-effects-easing); --transition-duration-spring-standard-fast-spatial: var( --md-sys-motion-standard-fast-spatial-duration ); --transition-duration-spring-standard-default-spatial: var( --md-sys-motion-standard-default-spatial-duration ); --transition-duration-spring-standard-slow-spatial: var( --md-sys-motion-standard-slow-spatial-duration ); --transition-duration-spring-standard-fast-effects: var( --md-sys-motion-standard-fast-effects-duration ); --transition-duration-spring-standard-default-effects: var( --md-sys-motion-standard-default-effects-duration ); --transition-duration-spring-standard-slow-effects: var( --md-sys-motion-standard-slow-effects-duration ); --animate-md-ripple: md-ripple 450ms cubic-bezier(0.2, 0, 0, 1); --animate-md-fade-in: md-fade-in var(--md-sys-motion-expressive-default-effects-duration) var(--md-sys-motion-expressive-default-effects-easing) forwards; --animate-md-fade-out: md-fade-out var(--md-sys-motion-standard-fast-effects-duration) var(--md-sys-motion-standard-fast-effects-easing) forwards; --animate-md-scale-in: md-scale-in var(--md-sys-motion-expressive-fast-spatial-duration) var(--md-sys-motion-expressive-fast-spatial-easing) both; --animate-md-scale-out: md-scale-out var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized-accelerate) both; --animate-md-slide-in-bottom: md-slide-in-bottom var(--md-sys-motion-standard-default-spatial-duration) var(--md-sys-motion-standard-default-spatial-easing) forwards; --animate-md-slide-out-bottom: md-slide-out-bottom var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized-accelerate) forwards; --animate-md-slide-in-right: md-slide-in-right var(--md-sys-motion-standard-default-spatial-duration) var(--md-sys-motion-standard-default-spatial-easing) forwards; --animate-md-slide-out-right: md-slide-out-right var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized-accelerate) forwards; --animate-md-slide-in-left: md-slide-in-left var(--md-sys-motion-standard-default-spatial-duration) var(--md-sys-motion-standard-default-spatial-easing) forwards; --animate-md-slide-out-left: md-slide-out-left var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized-accelerate) forwards; --animate-md-slide-in-top: md-slide-in-top var(--md-sys-motion-standard-default-spatial-duration) var(--md-sys-motion-standard-default-spatial-easing) forwards; --animate-md-slide-out-top: md-slide-out-top var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized-accelerate) forwards; --animate-md-skeleton-pulse: md-skeleton-pulse 700ms ease-in-out infinite; }
+@theme { --color-primary: var(--md-sys-color-primary); --color-on-primary: var(--md-sys-color-on-primary); --color-primary-container: var(--md-sys-color-primary-container); --color-on-primary-container: var(--md-sys-color-on-primary-container); --color-secondary: var(--md-sys-color-secondary); --color-on-secondary: var(--md-sys-color-on-secondary); --color-secondary-container: var(--md-sys-color-secondary-container); --color-on-secondary-container: var(--md-sys-color-on-secondary-container); --color-tertiary: var(--md-sys-color-tertiary); --color-on-tertiary: var(--md-sys-color-on-tertiary); --color-tertiary-container: var(--md-sys-color-tertiary-container); --color-on-tertiary-container: var(--md-sys-color-on-tertiary-container); --color-error: var(--md-sys-color-error); --color-on-error: var(--md-sys-color-on-error); --color-error-container: var(--md-sys-color-error-container); --color-on-error-container: var(--md-sys-color-on-error-container); --color-surface: var(--md-sys-color-surface); --color-on-surface: var(--md-sys-color-on-surface); --color-surface-variant: var(--md-sys-color-surface-variant); --color-on-surface-variant: var(--md-sys-color-on-surface-variant); --color-surface-container-lowest: var(--md-sys-color-surface-container-lowest); --color-surface-container-low: var(--md-sys-color-surface-container-low); --color-surface-container: var(--md-sys-color-surface-container); --color-surface-container-high: var(--md-sys-color-surface-container-high); --color-surface-container-highest: var(--md-sys-color-surface-container-highest); --color-outline: var(--md-sys-color-outline); --color-outline-variant: var(--md-sys-color-outline-variant); --color-background: var(--md-sys-color-background); --color-on-background: var(--md-sys-color-on-background); --color-scrim: var(--md-sys-color-scrim); --color-inverse-surface: var(--md-sys-color-inverse-surface); --color-inverse-on-surface: var(--md-sys-color-inverse-on-surface); --color-inverse-primary: var(--md-sys-color-inverse-primary); --shadow-elevation-0: var(--md-sys-elevation-level-0); --shadow-elevation-1: var(--md-sys-elevation-level-1); --shadow-elevation-2: var(--md-sys-elevation-level-2); --shadow-elevation-3: var(--md-sys-elevation-level-3); --shadow-elevation-4: var(--md-sys-elevation-level-4); --shadow-elevation-5: var(--md-sys-elevation-level-5); --text-display-large: var(--md-sys-typescale-display-large-size); --text-display-large--line-height: var(--md-sys-typescale-display-large-line-height); --text-display-medium: var(--md-sys-typescale-display-medium-size); --text-display-medium--line-height: var(--md-sys-typescale-display-medium-line-height); --text-display-small: var(--md-sys-typescale-display-small-size); --text-display-small--line-height: var(--md-sys-typescale-display-small-line-height); --text-headline-large: var(--md-sys-typescale-headline-large-size); --text-headline-large--line-height: var(--md-sys-typescale-headline-large-line-height); --text-headline-medium: var(--md-sys-typescale-headline-medium-size); --text-headline-medium--line-height: var(--md-sys-typescale-headline-medium-line-height); --text-headline-small: var(--md-sys-typescale-headline-small-size); --text-headline-small--line-height: var(--md-sys-typescale-headline-small-line-height); --text-title-large: var(--md-sys-typescale-title-large-size); --text-title-large--line-height: var(--md-sys-typescale-title-large-line-height); --text-title-medium: var(--md-sys-typescale-title-medium-size); --text-title-medium--line-height: var(--md-sys-typescale-title-medium-line-height); --text-title-small: var(--md-sys-typescale-title-small-size); --text-title-small--line-height: var(--md-sys-typescale-title-small-line-height); --text-body-large: var(--md-sys-typescale-body-large-size); --text-body-large--line-height: var(--md-sys-typescale-body-large-line-height); --text-body-medium: var(--md-sys-typescale-body-medium-size); --text-body-medium--line-height: var(--md-sys-typescale-body-medium-line-height); --text-body-small: var(--md-sys-typescale-body-small-size); --text-body-small--line-height: var(--md-sys-typescale-body-small-line-height); --text-label-large: var(--md-sys-typescale-label-large-size); --text-label-large--line-height: var(--md-sys-typescale-label-large-line-height); --text-label-medium: var(--md-sys-typescale-label-medium-size); --text-label-medium--line-height: var(--md-sys-typescale-label-medium-line-height); --text-label-small: var(--md-sys-typescale-label-small-size); --text-label-small--line-height: var(--md-sys-typescale-label-small-line-height); --radius-xs: var(--md-sys-shape-corner-extra-small); --radius-sm: var(--md-sys-shape-corner-small); --radius-md: var(--md-sys-shape-corner-medium); --radius-lg: var(--md-sys-shape-corner-large); --radius-lg-increased: var(--md-sys-shape-corner-large-increased); --radius-xl: var(--md-sys-shape-corner-extra-large); --radius-xl-increased: var(--md-sys-shape-corner-extra-large-increased); --radius-2xl: var(--md-sys-shape-corner-extra-extra-large); --radius-full: var(--md-sys-shape-corner-full); --spacing-appbar-small: 4rem; --spacing-appbar-medium: 7rem; --spacing-appbar-medium-subtitle: 8.5rem; --spacing-appbar-large: 7.5rem; --spacing-appbar-large-subtitle: 9.5rem; --spacing-drawer: 22.5rem; --spacing-snackbar-max: 35.5rem; --spacing-dialog-max: 35rem; --opacity-8: 8%; --opacity-10: 10%; --opacity-12: 12%; --opacity-16: 16%; --opacity-32: 32%; --opacity-38: 38%; --transition-duration-short1: var(--md-sys-motion-duration-short1); --transition-duration-short2: var(--md-sys-motion-duration-short2); --transition-duration-short3: var(--md-sys-motion-duration-short3); --transition-duration-short4: var(--md-sys-motion-duration-short4); --transition-duration-medium1: var(--md-sys-motion-duration-medium1); --transition-duration-medium2: var(--md-sys-motion-duration-medium2); --transition-duration-medium3: var(--md-sys-motion-duration-medium3); --transition-duration-medium4: var(--md-sys-motion-duration-medium4); --transition-duration-long1: var(--md-sys-motion-duration-long1); --transition-duration-long2: var(--md-sys-motion-duration-long2); --transition-duration-long3: var(--md-sys-motion-duration-long3); --transition-duration-long4: var(--md-sys-motion-duration-long4); --transition-duration-extra-long1: var(--md-sys-motion-duration-extra-long1); --transition-duration-extra-long2: var(--md-sys-motion-duration-extra-long2); --transition-duration-extra-long3: var(--md-sys-motion-duration-extra-long3); --transition-duration-extra-long4: var(--md-sys-motion-duration-extra-long4); --ease-standard: var(--md-sys-motion-easing-standard); --ease-standard-decelerate: var(--md-sys-motion-easing-standard-decelerate); --ease-standard-accelerate: var(--md-sys-motion-easing-standard-accelerate); --ease-emphasized: var(--md-sys-motion-easing-emphasized); --ease-emphasized-decelerate: var(--md-sys-motion-easing-emphasized-decelerate); --ease-emphasized-accelerate: var(--md-sys-motion-easing-emphasized-accelerate); --ease-expressive-fast-spatial: var(--md-sys-motion-expressive-fast-spatial-easing); --ease-expressive-default-spatial: var(--md-sys-motion-expressive-default-spatial-easing); --ease-expressive-slow-spatial: var(--md-sys-motion-expressive-slow-spatial-easing); --ease-expressive-fast-effects: var(--md-sys-motion-expressive-fast-effects-easing); --ease-expressive-default-effects: var(--md-sys-motion-expressive-default-effects-easing); --ease-expressive-slow-effects: var(--md-sys-motion-expressive-slow-effects-easing); --transition-duration-expressive-fast-spatial: var( --md-sys-motion-expressive-fast-spatial-duration ); --transition-duration-expressive-default-spatial: var( --md-sys-motion-expressive-default-spatial-duration ); --transition-duration-expressive-slow-spatial: var( --md-sys-motion-expressive-slow-spatial-duration ); --transition-duration-expressive-fast-effects: var( --md-sys-motion-expressive-fast-effects-duration ); --transition-duration-expressive-default-effects: var( --md-sys-motion-expressive-default-effects-duration ); --transition-duration-expressive-slow-effects: var( --md-sys-motion-expressive-slow-effects-duration ); --ease-spring-standard-fast-spatial: var(--md-sys-motion-standard-fast-spatial-easing); --ease-spring-standard-default-spatial: var(--md-sys-motion-standard-default-spatial-easing); --ease-spring-standard-slow-spatial: var(--md-sys-motion-standard-slow-spatial-easing); --ease-spring-standard-fast-effects: var(--md-sys-motion-standard-fast-effects-easing); --ease-spring-standard-default-effects: var(--md-sys-motion-standard-default-effects-easing); --ease-spring-standard-slow-effects: var(--md-sys-motion-standard-slow-effects-easing); --transition-duration-spring-standard-fast-spatial: var( --md-sys-motion-standard-fast-spatial-duration ); --transition-duration-spring-standard-default-spatial: var( --md-sys-motion-standard-default-spatial-duration ); --transition-duration-spring-standard-slow-spatial: var( --md-sys-motion-standard-slow-spatial-duration ); --transition-duration-spring-standard-fast-effects: var( --md-sys-motion-standard-fast-effects-duration ); --transition-duration-spring-standard-default-effects: var( --md-sys-motion-standard-default-effects-duration ); --transition-duration-spring-standard-slow-effects: var( --md-sys-motion-standard-slow-effects-duration ); --animate-md-ripple: md-ripple 450ms cubic-bezier(0.2, 0, 0, 1); --animate-md-fade-in: md-fade-in var(--md-sys-motion-expressive-default-effects-duration) var(--md-sys-motion-expressive-default-effects-easing) forwards; --animate-md-fade-out: md-fade-out var(--md-sys-motion-standard-fast-effects-duration) var(--md-sys-motion-standard-fast-effects-easing) forwards; --animate-md-scale-in: md-scale-in var(--md-sys-motion-expressive-fast-spatial-duration) var(--md-sys-motion-expressive-fast-spatial-easing) both; --animate-md-scale-out: md-scale-out var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized-accelerate) both; --animate-md-slide-in-bottom: md-slide-in-bottom var(--md-sys-motion-standard-default-spatial-duration) var(--md-sys-motion-standard-default-spatial-easing) forwards; --animate-md-slide-out-bottom: md-slide-out-bottom var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized-accelerate) forwards; --animate-md-slide-in-right: md-slide-in-right var(--md-sys-motion-standard-default-spatial-duration) var(--md-sys-motion-standard-default-spatial-easing) forwards; --animate-md-slide-out-right: md-slide-out-right var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized-accelerate) forwards; --animate-md-slide-in-left: md-slide-in-left var(--md-sys-motion-standard-default-spatial-duration) var(--md-sys-motion-standard-default-spatial-easing) forwards; --animate-md-slide-out-left: md-slide-out-left var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized-accelerate) forwards; --animate-md-slide-in-top: md-slide-in-top var(--md-sys-motion-standard-default-spatial-duration) var(--md-sys-motion-standard-default-spatial-easing) forwards; --animate-md-slide-out-top: md-slide-out-top var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized-accelerate) forwards; --animate-md-skeleton-pulse: md-skeleton-pulse 700ms ease-in-out infinite; }
 /* ../tokens/dist/preset.css */
@@ -495,24 +495,6 @@
   }
 }
 @import "./components/Progress/Progress.css";
-@keyframes menu-enter {
-  from {
-    opacity: 0;
-    transform: scale(0.8);
-  }
-  to {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-@keyframes menu-exit {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
 @utility btn-transition { --_btn-radius-easing: var(--md-sys-motion-easing-emphasized-decelerate); transition: border-radius var(--md-sys-motion-expressive-fast-spatial-duration) var(--_btn-radius-easing), color var(--md-sys-motion-standard-fast-effects-duration) var(--md-sys-motion-standard-fast-effects-easing), background-color var(--md-sys-motion-standard-fast-effects-duration) var(--md-sys-motion-standard-fast-effects-easing), border-color var(--md-sys-motion-standard-fast-effects-duration) var(--md-sys-motion-standard-fast-effects-easing), opacity var(--md-sys-motion-standard-fast-effects-duration) var(--md-sys-motion-standard-fast-effects-easing), box-shadow var(--md-sys-motion-standard-fast-effects-duration) var(--md-sys-motion-standard-fast-effects-easing), outline-color var(--md-sys-motion-standard-fast-effects-duration) var(--md-sys-motion-standard-fast-effects-easing); }
 @utility btn-transition-selected { --_btn-radius-easing: var(--md-sys-motion-expressive-fast-spatial-easing); }
 /*# sourceMappingURL=styles.css.map */

package/dist/styles.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../tokens/dist/palette.css","../../tokens/dist/color.css","../../tokens/dist/typography.css","../../tokens/dist/shape.css","../../tokens/dist/elevation.css","../../tokens/dist/motion.css","../../tokens/dist/theme.css","../src/styles.css"],"sourcesContent":["/*\n @tinybigui/tokens — Reference Palette Tokens\n * Material Design 3 tonal palette — raw hex values at each tonal stop.\n \n Token prefix: --md-ref-palette-\n \n * These are Layer 1 (reference) tokens. They are NOT consumed by components\n * directly. Components use the system color tokens (--md-sys-color-) defined\n in color.css, which reference these palette tokens.\n \n Standard tonal stops: 0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 95, 99, 100\n * Extended neutral stops: 4, 6, 12, 17, 22 (dark surface containers)\n * 87, 92, 94, 96 (light surface containers)\n \n Values sourced from:\n * https://github.com/material-foundation/material-tokens/blob/main/css/palette.css\n * Extended neutral stops derived from the default MD3 baseline purple seed (#6750A4).\n /\n\n:root {\n / ==========================================================================\n PRIMARY\n ========================================================================== /\n\n --md-ref-palette-primary0: #000000;\n --md-ref-palette-primary10: #21005d;\n --md-ref-palette-primary20: #381e72;\n --md-ref-palette-primary30: #4f378b;\n --md-ref-palette-primary40: #6750a4;\n --md-ref-palette-primary50: #7f67be;\n --md-ref-palette-primary60: #9a82db;\n --md-ref-palette-primary70: #b69df8;\n --md-ref-palette-primary80: #d0bcff;\n --md-ref-palette-primary90: #eaddff;\n --md-ref-palette-primary95: #f6edff;\n --md-ref-palette-primary99: #fffbfe;\n --md-ref-palette-primary100: #ffffff;\n\n / ==========================================================================\n SECONDARY\n ========================================================================== /\n\n --md-ref-palette-secondary0: #000000;\n --md-ref-palette-secondary10: #1d192b;\n --md-ref-palette-secondary20: #332d41;\n --md-ref-palette-secondary30: #4a4458;\n --md-ref-palette-secondary40: #625b71;\n --md-ref-palette-secondary50: #7a7289;\n --md-ref-palette-secondary60: #958da5;\n --md-ref-palette-secondary70: #b0a7c0;\n --md-ref-palette-secondary80: #ccc2dc;\n --md-ref-palette-secondary90: #e8def8;\n --md-ref-palette-secondary95: #f6edff;\n --md-ref-palette-secondary99: #fffbfe;\n --md-ref-palette-secondary100: #ffffff;\n\n / ==========================================================================\n TERTIARY\n ========================================================================== /\n\n --md-ref-palette-tertiary0: #000000;\n --md-ref-palette-tertiary10: #31111d;\n --md-ref-palette-tertiary20: #492532;\n --md-ref-palette-tertiary30: #633b48;\n --md-ref-palette-tertiary40: #7d5260;\n --md-ref-palette-tertiary50: #986977;\n --md-ref-palette-tertiary60: #b58392;\n --md-ref-palette-tertiary70: #d29dac;\n --md-ref-palette-tertiary80: #efb8c8;\n --md-ref-palette-tertiary90: #ffd8e4;\n --md-ref-palette-tertiary95: #ffecf1;\n --md-ref-palette-tertiary99: #fffbfa;\n --md-ref-palette-tertiary100: #ffffff;\n\n / ==========================================================================\n ERROR\n ========================================================================== /\n\n --md-ref-palette-error0: #000000;\n --md-ref-palette-error10: #410e0b;\n --md-ref-palette-error20: #601410;\n --md-ref-palette-error30: #8c1d18;\n --md-ref-palette-error40: #b3261e;\n --md-ref-palette-error50: #dc362e;\n --md-ref-palette-error60: #e46962;\n --md-ref-palette-error70: #ec928e;\n --md-ref-palette-error80: #f2b8b5;\n --md-ref-palette-error90: #f9dedc;\n --md-ref-palette-error95: #fceeee;\n --md-ref-palette-error99: #fffbf9;\n --md-ref-palette-error100: #ffffff;\n\n / ==========================================================================\n NEUTRAL\n Standard stops + extended stops for surface container elevation system.\n ========================================================================== /\n\n --md-ref-palette-neutral0: #000000;\n / Extended: dark surface-container-lowest /\n --md-ref-palette-neutral4: #0f0d13;\n / Extended: dark surface-container-low /\n --md-ref-palette-neutral6: #1d1b20;\n --md-ref-palette-neutral10: #1c1b1f;\n / Extended: dark surface-container /\n --md-ref-palette-neutral12: #211f26;\n / Extended: dark surface-container-high /\n --md-ref-palette-neutral17: #2b2930;\n --md-ref-palette-neutral20: #322f35;\n / Extended: dark surface-container-highest /\n --md-ref-palette-neutral22: #36343b;\n --md-ref-palette-neutral30: #484649;\n --md-ref-palette-neutral40: #605d62;\n --md-ref-palette-neutral50: #787579;\n --md-ref-palette-neutral60: #939094;\n --md-ref-palette-neutral70: #aeaaae;\n --md-ref-palette-neutral80: #c9c5ca;\n --md-ref-palette-neutral90: #e6e1e5;\n --md-ref-palette-neutral95: #f5eff7;\n / Extended: light surface-container-highest /\n --md-ref-palette-neutral87: #e6e0e9;\n / Extended: light surface-container-high /\n --md-ref-palette-neutral92: #ece6f0;\n / Extended: light surface-container /\n --md-ref-palette-neutral94: #f3edf7;\n / Extended: light surface-container-low /\n --md-ref-palette-neutral96: #f7f2fa;\n --md-ref-palette-neutral98: #fef7ff;\n --md-ref-palette-neutral99: #fffbfe;\n --md-ref-palette-neutral100: #ffffff;\n\n / ==========================================================================\n NEUTRAL VARIANT\n ========================================================================== /\n\n --md-ref-palette-neutral-variant0: #000000;\n --md-ref-palette-neutral-variant10: #1d1a22;\n --md-ref-palette-neutral-variant20: #322f37;\n --md-ref-palette-neutral-variant30: #49454f;\n --md-ref-palette-neutral-variant40: #605d66;\n --md-ref-palette-neutral-variant50: #79747e;\n --md-ref-palette-neutral-variant60: #938f99;\n --md-ref-palette-neutral-variant70: #aea9b4;\n --md-ref-palette-neutral-variant80: #cac4d0;\n --md-ref-palette-neutral-variant90: #e7e0ec;\n --md-ref-palette-neutral-variant95: #f5eefa;\n --md-ref-palette-neutral-variant99: #fffbfe;\n --md-ref-palette-neutral-variant100: #ffffff;\n\n / ==========================================================================\n BLACK / WHITE — explicit aliases\n ========================================================================== /\n\n --md-ref-palette-black: #000000;\n --md-ref-palette-white: #ffffff;\n}\n","/\n @tinybigui/tokens — Color Tokens\n * Material Design 3 color system with light/dark mode support.\n * Complete set of semantic color roles for light and dark themes.\n \n Token prefix: --md-sys-color-\n \n * All values are references to the reference palette tokens (--md-ref-palette-)\n defined in palette.css. Raw hex values live only in palette.css.\n * To re-theme, override the --md-ref-palette-* variables, not these tokens.\n /\n\n:root {\n / ==========================================================================\n PRIMARY\n ========================================================================== /\n\n --md-sys-color-primary: var(--md-ref-palette-primary40);\n --md-sys-color-on-primary: var(--md-ref-palette-primary100);\n --md-sys-color-primary-container: var(--md-ref-palette-primary90);\n --md-sys-color-on-primary-container: var(--md-ref-palette-primary10);\n\n / ==========================================================================\n SECONDARY\n ========================================================================== /\n\n --md-sys-color-secondary: var(--md-ref-palette-secondary40);\n --md-sys-color-on-secondary: var(--md-ref-palette-secondary100);\n --md-sys-color-secondary-container: var(--md-ref-palette-secondary90);\n --md-sys-color-on-secondary-container: var(--md-ref-palette-secondary10);\n\n / ==========================================================================\n TERTIARY\n ========================================================================== /\n\n --md-sys-color-tertiary: var(--md-ref-palette-tertiary40);\n --md-sys-color-on-tertiary: var(--md-ref-palette-tertiary100);\n --md-sys-color-tertiary-container: var(--md-ref-palette-tertiary90);\n --md-sys-color-on-tertiary-container: var(--md-ref-palette-tertiary10);\n\n / ==========================================================================\n ERROR\n ========================================================================== /\n\n --md-sys-color-error: var(--md-ref-palette-error40);\n --md-sys-color-on-error: var(--md-ref-palette-error100);\n --md-sys-color-error-container: var(--md-ref-palette-error90);\n --md-sys-color-on-error-container: var(--md-ref-palette-error10);\n\n / ==========================================================================\n SURFACE\n ========================================================================== /\n\n --md-sys-color-surface: var(--md-ref-palette-neutral98);\n --md-sys-color-on-surface: var(--md-ref-palette-neutral10);\n --md-sys-color-surface-variant: var(--md-ref-palette-neutral-variant90);\n --md-sys-color-on-surface-variant: var(--md-ref-palette-neutral-variant30);\n\n / Surface containers (MD3 elevation system) /\n --md-sys-color-surface-container-lowest: var(--md-ref-palette-neutral100);\n --md-sys-color-surface-container-low: var(--md-ref-palette-neutral96);\n --md-sys-color-surface-container: var(--md-ref-palette-neutral94);\n --md-sys-color-surface-container-high: var(--md-ref-palette-neutral92);\n --md-sys-color-surface-container-highest: var(--md-ref-palette-neutral90);\n\n / ==========================================================================\n OUTLINE\n ========================================================================== /\n\n --md-sys-color-outline: var(--md-ref-palette-neutral-variant50);\n --md-sys-color-outline-variant: var(--md-ref-palette-neutral-variant80);\n\n / ==========================================================================\n BACKGROUND\n ========================================================================== /\n\n --md-sys-color-background: var(--md-ref-palette-neutral99);\n --md-sys-color-on-background: var(--md-ref-palette-neutral10);\n\n / ==========================================================================\n SCRIM\n ========================================================================== /\n\n --md-sys-color-scrim: var(--md-ref-palette-neutral0);\n\n / ==========================================================================\n INVERSE\n ========================================================================== /\n\n --md-sys-color-inverse-surface: var(--md-ref-palette-neutral20);\n --md-sys-color-inverse-on-surface: var(--md-ref-palette-neutral95);\n --md-sys-color-inverse-primary: var(--md-ref-palette-primary80);\n}\n\n/ ==========================================================================\n DARK MODE — class-based (manual toggling, e.g. Storybook)\n ========================================================================== /\n\n.dark {\n --md-sys-color-primary: var(--md-ref-palette-primary80);\n --md-sys-color-on-primary: var(--md-ref-palette-primary20);\n --md-sys-color-primary-container: var(--md-ref-palette-primary30);\n --md-sys-color-on-primary-container: var(--md-ref-palette-primary90);\n\n --md-sys-color-secondary: var(--md-ref-palette-secondary80);\n --md-sys-color-on-secondary: var(--md-ref-palette-secondary20);\n --md-sys-color-secondary-container: var(--md-ref-palette-secondary30);\n --md-sys-color-on-secondary-container: var(--md-ref-palette-secondary90);\n\n --md-sys-color-tertiary: var(--md-ref-palette-tertiary80);\n --md-sys-color-on-tertiary: var(--md-ref-palette-tertiary20);\n --md-sys-color-tertiary-container: var(--md-ref-palette-tertiary30);\n --md-sys-color-on-tertiary-container: var(--md-ref-palette-tertiary90);\n\n --md-sys-color-error: var(--md-ref-palette-error80);\n --md-sys-color-on-error: var(--md-ref-palette-error20);\n --md-sys-color-error-container: var(--md-ref-palette-error30);\n --md-sys-color-on-error-container: var(--md-ref-palette-error90);\n\n --md-sys-color-surface: var(--md-ref-palette-neutral10);\n --md-sys-color-on-surface: var(--md-ref-palette-neutral90);\n --md-sys-color-surface-variant: var(--md-ref-palette-neutral-variant30);\n --md-sys-color-on-surface-variant: var(--md-ref-palette-neutral-variant80);\n\n --md-sys-color-surface-container-lowest: var(--md-ref-palette-neutral4);\n --md-sys-color-surface-container-low: var(--md-ref-palette-neutral6);\n --md-sys-color-surface-container: var(--md-ref-palette-neutral12);\n --md-sys-color-surface-container-high: var(--md-ref-palette-neutral17);\n --md-sys-color-surface-container-highest: var(--md-ref-palette-neutral22);\n\n --md-sys-color-outline: var(--md-ref-palette-neutral-variant60);\n --md-sys-color-outline-variant: var(--md-ref-palette-neutral-variant30);\n\n --md-sys-color-background: var(--md-ref-palette-neutral10);\n --md-sys-color-on-background: var(--md-ref-palette-neutral90);\n\n --md-sys-color-scrim: var(--md-ref-palette-neutral0);\n\n --md-sys-color-inverse-surface: var(--md-ref-palette-neutral90);\n --md-sys-color-inverse-on-surface: var(--md-ref-palette-neutral20);\n --md-sys-color-inverse-primary: var(--md-ref-palette-primary40);\n}\n\n/ ==========================================================================\n DARK MODE — OS preference (activates when no .light class is present)\n ========================================================================== /\n\n@media (prefers-color-scheme: dark) {\n :root:not(.light) {\n --md-sys-color-primary: var(--md-ref-palette-primary80);\n --md-sys-color-on-primary: var(--md-ref-palette-primary20);\n --md-sys-color-primary-container: var(--md-ref-palette-primary30);\n --md-sys-color-on-primary-container: var(--md-ref-palette-primary90);\n\n --md-sys-color-secondary: var(--md-ref-palette-secondary80);\n --md-sys-color-on-secondary: var(--md-ref-palette-secondary20);\n --md-sys-color-secondary-container: var(--md-ref-palette-secondary30);\n --md-sys-color-on-secondary-container: var(--md-ref-palette-secondary90);\n\n --md-sys-color-tertiary: var(--md-ref-palette-tertiary80);\n --md-sys-color-on-tertiary: var(--md-ref-palette-tertiary20);\n --md-sys-color-tertiary-container: var(--md-ref-palette-tertiary30);\n --md-sys-color-on-tertiary-container: var(--md-ref-palette-tertiary90);\n\n --md-sys-color-error: var(--md-ref-palette-error80);\n --md-sys-color-on-error: var(--md-ref-palette-error20);\n --md-sys-color-error-container: var(--md-ref-palette-error30);\n --md-sys-color-on-error-container: var(--md-ref-palette-error90);\n\n --md-sys-color-surface: var(--md-ref-palette-neutral10);\n --md-sys-color-on-surface: var(--md-ref-palette-neutral90);\n --md-sys-color-surface-variant: var(--md-ref-palette-neutral-variant30);\n --md-sys-color-on-surface-variant: var(--md-ref-palette-neutral-variant80);\n\n --md-sys-color-surface-container-lowest: var(--md-ref-palette-neutral4);\n --md-sys-color-surface-container-low: var(--md-ref-palette-neutral6);\n --md-sys-color-surface-container: var(--md-ref-palette-neutral12);\n --md-sys-color-surface-container-high: var(--md-ref-palette-neutral17);\n --md-sys-color-surface-container-highest: var(--md-ref-palette-neutral22);\n\n --md-sys-color-outline: var(--md-ref-palette-neutral-variant60);\n --md-sys-color-outline-variant: var(--md-ref-palette-neutral-variant80);\n\n --md-sys-color-background: var(--md-ref-palette-neutral10);\n --md-sys-color-on-background: var(--md-ref-palette-neutral90);\n\n --md-sys-color-scrim: var(--md-ref-palette-neutral0);\n\n --md-sys-color-inverse-surface: var(--md-ref-palette-neutral90);\n --md-sys-color-inverse-on-surface: var(--md-ref-palette-neutral20);\n --md-sys-color-inverse-primary: var(--md-ref-palette-primary40);\n }\n}\n","/\n @tinybigui/tokens — Typography Tokens\n * Material Design 3 Type Scale — 5 categories × 3 sizes = 15 styles.\n \n Token prefix: --md-sys-typescale-\n /\n\n:root {\n /* ==========================================================================\n FONT FAMILIES\n ========================================================================== /\n\n --md-sys-typescale-font-family-plain:\n system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n --md-sys-typescale-font-family-brand: var(--md-sys-typescale-font-family-plain);\n\n / ==========================================================================\n DISPLAY — Large expressive text (hero, landing)\n ========================================================================== /\n\n --md-sys-typescale-display-large-size: 3.5625rem; / 57px /\n --md-sys-typescale-display-large-line-height: 4rem; / 64px /\n --md-sys-typescale-display-large-weight: 400;\n --md-sys-typescale-display-large-tracking: -0.25px;\n\n --md-sys-typescale-display-medium-size: 2.8125rem; / 45px /\n --md-sys-typescale-display-medium-line-height: 3.25rem; / 52px /\n --md-sys-typescale-display-medium-weight: 400;\n --md-sys-typescale-display-medium-tracking: 0;\n\n --md-sys-typescale-display-small-size: 2.25rem; / 36px /\n --md-sys-typescale-display-small-line-height: 2.75rem; / 44px /\n --md-sys-typescale-display-small-weight: 400;\n --md-sys-typescale-display-small-tracking: 0;\n\n / ==========================================================================\n HEADLINE — High-emphasis section headers\n ========================================================================== /\n\n --md-sys-typescale-headline-large-size: 2rem; / 32px /\n --md-sys-typescale-headline-large-line-height: 2.5rem; / 40px /\n --md-sys-typescale-headline-large-weight: 400;\n --md-sys-typescale-headline-large-tracking: 0;\n\n --md-sys-typescale-headline-medium-size: 1.75rem; / 28px /\n --md-sys-typescale-headline-medium-line-height: 2.25rem; / 36px /\n --md-sys-typescale-headline-medium-weight: 400;\n --md-sys-typescale-headline-medium-tracking: 0;\n\n --md-sys-typescale-headline-small-size: 1.5rem; / 24px /\n --md-sys-typescale-headline-small-line-height: 2rem; / 32px /\n --md-sys-typescale-headline-small-weight: 400;\n --md-sys-typescale-headline-small-tracking: 0;\n\n / ==========================================================================\n TITLE — Medium-emphasis card titles and smaller headers\n ========================================================================== /\n\n --md-sys-typescale-title-large-size: 1.375rem; / 22px /\n --md-sys-typescale-title-large-line-height: 1.75rem; / 28px /\n --md-sys-typescale-title-large-weight: 400;\n --md-sys-typescale-title-large-tracking: 0;\n\n --md-sys-typescale-title-medium-size: 1rem; / 16px /\n --md-sys-typescale-title-medium-line-height: 1.5rem; / 24px /\n --md-sys-typescale-title-medium-weight: 500;\n --md-sys-typescale-title-medium-tracking: 0.15px;\n\n --md-sys-typescale-title-small-size: 0.875rem; / 14px /\n --md-sys-typescale-title-small-line-height: 1.25rem; / 20px /\n --md-sys-typescale-title-small-weight: 500;\n --md-sys-typescale-title-small-tracking: 0.1px;\n\n / ==========================================================================\n BODY — Plain paragraph and description text\n ========================================================================== /\n\n --md-sys-typescale-body-large-size: 1rem; / 16px /\n --md-sys-typescale-body-large-line-height: 1.5rem; / 24px /\n --md-sys-typescale-body-large-weight: 400;\n --md-sys-typescale-body-large-tracking: 0.5px;\n\n --md-sys-typescale-body-medium-size: 0.875rem; / 14px /\n --md-sys-typescale-body-medium-line-height: 1.25rem; / 20px /\n --md-sys-typescale-body-medium-weight: 400;\n --md-sys-typescale-body-medium-tracking: 0.25px;\n\n --md-sys-typescale-body-small-size: 0.75rem; / 12px /\n --md-sys-typescale-body-small-line-height: 1rem; / 16px /\n --md-sys-typescale-body-small-weight: 400;\n --md-sys-typescale-body-small-tracking: 0.4px;\n\n / ==========================================================================\n LABEL — UI labels, buttons, captions\n ========================================================================== /\n\n --md-sys-typescale-label-large-size: 0.875rem; / 14px /\n --md-sys-typescale-label-large-line-height: 1.25rem; / 20px /\n --md-sys-typescale-label-large-weight: 500;\n --md-sys-typescale-label-large-tracking: 0.1px;\n\n --md-sys-typescale-label-medium-size: 0.75rem; / 12px /\n --md-sys-typescale-label-medium-line-height: 1rem; / 16px /\n --md-sys-typescale-label-medium-weight: 500;\n --md-sys-typescale-label-medium-tracking: 0.5px;\n\n --md-sys-typescale-label-small-size: 0.6875rem; / 11px /\n --md-sys-typescale-label-small-line-height: 1rem; / 16px /\n --md-sys-typescale-label-small-weight: 500;\n --md-sys-typescale-label-small-tracking: 0.5px;\n}\n","/\n @tinybigui/tokens — Shape Tokens\n * Material Design 3 corner radius system.\n \n Token prefix: --md-sys-shape-corner-\n /\n\n:root {\n /* ==========================================================================\n CORNER RADIUS SCALE\n ========================================================================== /\n\n --md-sys-shape-corner-none: 0;\n --md-sys-shape-corner-extra-small: 0.25rem; / 4px — chips, snackbars /\n --md-sys-shape-corner-small: 0.5rem; / 8px — text fields, menus /\n --md-sys-shape-corner-medium: 0.75rem; / 12px — cards /\n --md-sys-shape-corner-large: 1rem; / 16px — FABs, nav drawer /\n --md-sys-shape-corner-large-increased: 1.25rem; / 20px — M3 Expressive /\n --md-sys-shape-corner-extra-large: 1.75rem; / 28px — dialogs, bottom sheets /\n --md-sys-shape-corner-extra-large-increased: 2rem; / 32px — M3 Expressive /\n --md-sys-shape-corner-extra-extra-large: 3rem; / 48px — M3 Expressive /\n --md-sys-shape-corner-full: 624.9375rem; / pill / fully rounded — buttons, chips, badges /\n}\n","/\n @tinybigui/tokens — Elevation Tokens\n * Material Design 3 elevation system.\n * Elevation is primarily communicated through tonal surface color; shadows\n * are added only when additional visual separation is needed.\n \n Token prefix: --md-sys-elevation-level-\n /\n\n:root {\n /* ==========================================================================\n ELEVATION LEVELS (box-shadow values)\n Level 0 — flat surfaces, most resting components\n Level 1 — elevated cards, modal sheets\n Level 2 — menus, nav bar, scrolled app bar\n Level 3 — FABs, dialogs, search, date/time pickers\n Level 4 — hover/focus increase only\n Level 5 — hover/focus increase only\n ========================================================================== /\n\n --md-sys-elevation-level-0: none;\n --md-sys-elevation-level-1: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.15);\n --md-sys-elevation-level-2: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 6px 2px rgba(0, 0, 0, 0.15);\n --md-sys-elevation-level-3: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15);\n --md-sys-elevation-level-4: 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 6px 10px 4px rgba(0, 0, 0, 0.15);\n --md-sys-elevation-level-5: 0 4px 4px 0 rgba(0, 0, 0, 0.3), 0 8px 12px 6px rgba(0, 0, 0, 0.15);\n}\n","/\n @tinybigui/tokens — Motion Tokens\n * Material Design 3 motion system: legacy easing/duration tokens\n * plus the modern spring-based physics system (as web cubic-bezier curves).\n \n ─── Two systems ────────────────────────────────────────────────────────────\n \n 1. LEGACY EASING + DURATION (--md-sys-motion-easing-* / --md-sys-motion-duration-)\n Still used for page transitions (enter/exit/shared-axis). Organized into\n * two families — standard and emphasized — each with decelerate/accelerate\n * variants for entering and exiting the screen.\n \n 2. SPRING-BASED PHYSICS — WEB CUBIC-BEZIER CONVERSIONS\n * M3 Expressive (May 2025) replaced fixed curves with spring physics for\n * component animations. On the web, springs are expressed as cubic-bezier\n * approximations paired with a recommended duration.\n \n Two motion personalities:\n * - Expressive — playful, energetic; allows overshoot (spatial); for FABs,\n * buttons, hero elements, and moments of delight.\n * - Standard — calm, purposeful; no overshoot; for utility animations,\n * content, and less prominent UI changes.\n \n Two animation types within each personality:\n * - Spatial — position / size / shape changes. Springs may overshoot\n * slightly to feel alive and physical.\n * - Effects — opacity / color / blur. Must NOT overshoot (opacity > 1\n * or color exceeding bounds breaks visuals).\n \n Three speed tiers: fast (small components), default (standard UI),\n * slow (large/full-screen elements).\n \n Spec reference: https://m3.material.io/styles/motion/overview/specs\n * ────────────────────────────────────────────────────────────────────────────\n /\n\n:root {\n / ==========================================================================\n LEGACY — DURATION TOKENS\n Short through Extra-Long: 16 steps covering 50ms – 1000ms.\n ========================================================================== /\n\n / Short (micro-interactions, feedback) /\n --md-sys-motion-duration-short1: 50ms;\n --md-sys-motion-duration-short2: 100ms;\n --md-sys-motion-duration-short3: 150ms;\n --md-sys-motion-duration-short4: 200ms;\n\n / Medium (most component animations) /\n --md-sys-motion-duration-medium1: 250ms;\n --md-sys-motion-duration-medium2: 300ms;\n --md-sys-motion-duration-medium3: 350ms;\n --md-sys-motion-duration-medium4: 400ms;\n\n / Long (large components, complex transitions) /\n --md-sys-motion-duration-long1: 450ms;\n --md-sys-motion-duration-long2: 500ms;\n --md-sys-motion-duration-long3: 550ms;\n --md-sys-motion-duration-long4: 600ms;\n\n / Extra-long (full-screen transitions, complex sequences) /\n --md-sys-motion-duration-extra-long1: 700ms;\n --md-sys-motion-duration-extra-long2: 800ms;\n --md-sys-motion-duration-extra-long3: 900ms;\n --md-sys-motion-duration-extra-long4: 1000ms;\n\n / ==========================================================================\n LEGACY — EASING TOKENS\n Standard family: for utility/functional animations (low prominence).\n Emphasized family: for high-prominence, expressive transitions.\n ========================================================================== /\n\n /\n * Standard — elements moving within the same screen layer.\n * Pair with: duration-medium2 (300ms) for on-screen movement.\n /\n --md-sys-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);\n\n /\n * Standard decelerate — elements entering the screen.\n * Starts fast, decelerates to rest. Pair with: duration-medium1 (250ms).\n /\n --md-sys-motion-easing-standard-decelerate: cubic-bezier(0, 0, 0, 1);\n\n /\n * Standard accelerate — elements exiting the screen.\n * Starts slow, accelerates off screen. Pair with: duration-short4 (200ms).\n /\n --md-sys-motion-easing-standard-accelerate: cubic-bezier(0.3, 0, 1, 1);\n\n /\n * Emphasized — high-prominence on-screen movement.\n * Pair with: duration-long2 (500ms) for on-screen movement.\n /\n --md-sys-motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);\n\n /\n * Emphasized decelerate — prominent elements entering the screen.\n * Pair with: duration-medium4 (400ms).\n /\n --md-sys-motion-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);\n\n /\n * Emphasized accelerate — prominent elements exiting the screen.\n * Pair with: duration-short4 (200ms).\n /\n --md-sys-motion-easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15);\n\n / ==========================================================================\n SPRING-BASED — EXPRESSIVE MOTION (spatial)\n Spatial springs animate position, size, and shape. They allow a small\n natural overshoot that makes motion feel physical and alive.\n Use for: FABs, hero buttons, morphing shapes, card expansions,\n prominent enter/exit, and moments of delight.\n ========================================================================== /\n\n /\n * Expressive fast spatial — small components (buttons, FABs, chips).\n * Snappy with noticeable overshoot.\n /\n --md-sys-motion-expressive-fast-spatial-easing: cubic-bezier(0.42, 1.67, 0.21, 0.9);\n --md-sys-motion-expressive-fast-spatial-duration: 350ms;\n\n /\n * Expressive default spatial — standard component animations (dialogs,\n * sheets, cards). Balanced overshoot.\n /\n --md-sys-motion-expressive-default-spatial-easing: cubic-bezier(0.38, 1.21, 0.22, 1);\n --md-sys-motion-expressive-default-spatial-duration: 500ms;\n\n /\n * Expressive slow spatial — large or full-screen transforms.\n * Gentle overshoot for slow, weighty elements.\n /\n --md-sys-motion-expressive-slow-spatial-easing: cubic-bezier(0.39, 1.29, 0.35, 0.98);\n --md-sys-motion-expressive-slow-spatial-duration: 650ms;\n\n / ==========================================================================\n SPRING-BASED — EXPRESSIVE MOTION (effects)\n Effects springs animate opacity, color, and blur. They must NOT overshoot\n (opacity > 1 or color out of gamut would be visually broken).\n Use for: fade-in of expressive elements, color transitions on hero components.\n ========================================================================== /\n\n /\n * Expressive fast effects — rapid fade/color change on small components.\n /\n --md-sys-motion-expressive-fast-effects-easing: cubic-bezier(0.31, 0.94, 0.34, 1);\n --md-sys-motion-expressive-fast-effects-duration: 150ms;\n\n /\n * Expressive default effects — standard fade/color on prominent elements.\n /\n --md-sys-motion-expressive-default-effects-easing: cubic-bezier(0.34, 0.8, 0.34, 1);\n --md-sys-motion-expressive-default-effects-duration: 200ms;\n\n /\n * Expressive slow effects — fade/color on large or full-screen elements.\n /\n --md-sys-motion-expressive-slow-effects-easing: cubic-bezier(0.34, 0.88, 0.34, 1);\n --md-sys-motion-expressive-slow-effects-duration: 300ms;\n\n / ==========================================================================\n SPRING-BASED — STANDARD MOTION (spatial)\n Standard spatial springs are calm and controlled — no overshoot. They\n feel purposeful without drawing attention to the animation itself.\n Use for: navigation transitions, content loading, utility animations,\n sidebars, drawers, and secondary UI elements.\n ========================================================================== /\n\n /\n * Standard fast spatial — small components or quick utility moves.\n /\n --md-sys-motion-standard-fast-spatial-easing: cubic-bezier(0.27, 1.06, 0.18, 1);\n --md-sys-motion-standard-fast-spatial-duration: 350ms;\n\n /\n * Standard default spatial — typical navigation and content animations.\n /\n --md-sys-motion-standard-default-spatial-easing: cubic-bezier(0.27, 1.06, 0.18, 1);\n --md-sys-motion-standard-default-spatial-duration: 500ms;\n\n /\n * Standard slow spatial — large layout shifts and full-screen transitions.\n /\n --md-sys-motion-standard-slow-spatial-easing: cubic-bezier(0.27, 1.06, 0.18, 1);\n --md-sys-motion-standard-slow-spatial-duration: 750ms;\n\n / ==========================================================================\n SPRING-BASED — STANDARD MOTION (effects)\n Calm, no-overshoot effects for utility and secondary elements.\n Use for: content fades, tab indicator opacity, snackbar entrance, etc.\n ========================================================================== /\n\n /\n * Standard fast effects — quick opacity/color on utility elements.\n /\n --md-sys-motion-standard-fast-effects-easing: cubic-bezier(0.31, 0.94, 0.34, 1);\n --md-sys-motion-standard-fast-effects-duration: 150ms;\n\n /\n * Standard default effects — opacity/color for navigation and content.\n /\n --md-sys-motion-standard-default-effects-easing: cubic-bezier(0.34, 0.8, 0.34, 1);\n --md-sys-motion-standard-default-effects-duration: 200ms;\n\n /\n * Standard slow effects — opacity/color for large or full-screen changes.\n /\n --md-sys-motion-standard-slow-effects-easing: cubic-bezier(0.34, 0.88, 0.34, 1);\n --md-sys-motion-standard-slow-effects-duration: 300ms;\n}\n","/\n @tinybigui/tokens — Tailwind v4 Theme Bridge\n * Maps MD3 design tokens to Tailwind utility class names via @theme.\n \n All tokens reference the CSS custom properties defined in the partial files\n * (color.css, typography.css, shape.css, elevation.css, motion.css) so that\n * any runtime token override is automatically picked up by Tailwind utilities.\n \n @theme is a Tailwind v4 CSS-first configuration directive.\n /\n\n/ ==========================================================================\n MD3 ANIMATION KEYFRAMES\n Defined outside @theme so they are globally available as named keyframes.\n ========================================================================== /\n\n/ Ripple — MD3 press state feedback /\n@keyframes md-ripple {\n to {\n transform: translate(-50%, -50%) scale(1);\n opacity: 0;\n }\n}\n\n/ Fade in — opacity 0 → 1, used for: dialogs, menus, snackbars, tooltips /\n@keyframes md-fade-in {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n/ Fade out — opacity 1 → 0, used for: dialog/snackbar/tooltip dismissal /\n@keyframes md-fade-out {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n\n/ Scale in — combined scale + fade, used for: menus, dialogs entering /\n@keyframes md-scale-in {\n from {\n opacity: 0;\n transform: scale(0.85);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n/ Scale out — combined scale + fade, used for: menus, dialogs exiting /\n@keyframes md-scale-out {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.85);\n }\n}\n\n/\n * Slide in from bottom — sheets, navigation bars, snackbars, keyboards.\n * Direction: component enters from below screen bounds.\n /\n@keyframes md-slide-in-bottom {\n from {\n opacity: 0;\n transform: translateY(100%);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n/\n * Slide out to bottom — sheets, navigation bars exit below screen.\n /\n@keyframes md-slide-out-bottom {\n from {\n opacity: 1;\n transform: translateY(0);\n }\n to {\n opacity: 0;\n transform: translateY(100%);\n }\n}\n\n/\n * Slide in from right — forward navigation, drawers on LTR layouts.\n /\n@keyframes md-slide-in-right {\n from {\n opacity: 0;\n transform: translateX(100%);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n/\n * Slide out to right — back navigation, drawer closing on LTR layouts.\n /\n@keyframes md-slide-out-right {\n from {\n opacity: 1;\n transform: translateX(0);\n }\n to {\n opacity: 0;\n transform: translateX(100%);\n }\n}\n\n/\n * Slide in from left — navigation drawer entering from the left edge,\n * back-navigation in LTR layouts.\n /\n@keyframes md-slide-in-left {\n from {\n opacity: 0;\n transform: translateX(-100%);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n/\n * Slide out to left — navigation drawer exiting to the left edge.\n /\n@keyframes md-slide-out-left {\n from {\n opacity: 1;\n transform: translateX(0);\n }\n to {\n opacity: 0;\n transform: translateX(-100%);\n }\n}\n\n/\n * Slide in from top — notifications, banners, top app bar reveal on scroll.\n /\n@keyframes md-slide-in-top {\n from {\n opacity: 0;\n transform: translateY(-100%);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n/\n * Slide out to top — top app bar hiding on scroll, notification dismissal.\n /\n@keyframes md-slide-out-top {\n from {\n opacity: 1;\n transform: translateY(0);\n }\n to {\n opacity: 0;\n transform: translateY(-100%);\n }\n}\n\n/\n * Skeleton pulse — indeterminate loading state shimmer.\n * Starts top-left, sweeps to bottom-right per MD3 spec.\n /\n@keyframes md-skeleton-pulse {\n 0%,\n 100% {\n opacity: 1;\n }\n 50% {\n opacity: 0.4;\n }\n}\n\n/ ==========================================================================\n TAILWIND V4 THEME\n Maps every MD3 token to a Tailwind utility class name.\n ========================================================================== /\n\n@theme {\n / ── COLORS ────────────────────────────────────────────────────────────────\n Usage: bg-primary, text-on-primary, border-outline, etc.\n ──────────────────────────────────────────────────────────────────────── /\n\n --color-primary: var(--md-sys-color-primary);\n --color-on-primary: var(--md-sys-color-on-primary);\n --color-primary-container: var(--md-sys-color-primary-container);\n --color-on-primary-container: var(--md-sys-color-on-primary-container);\n\n --color-secondary: var(--md-sys-color-secondary);\n --color-on-secondary: var(--md-sys-color-on-secondary);\n --color-secondary-container: var(--md-sys-color-secondary-container);\n --color-on-secondary-container: var(--md-sys-color-on-secondary-container);\n\n --color-tertiary: var(--md-sys-color-tertiary);\n --color-on-tertiary: var(--md-sys-color-on-tertiary);\n --color-tertiary-container: var(--md-sys-color-tertiary-container);\n --color-on-tertiary-container: var(--md-sys-color-on-tertiary-container);\n\n --color-error: var(--md-sys-color-error);\n --color-on-error: var(--md-sys-color-on-error);\n --color-error-container: var(--md-sys-color-error-container);\n --color-on-error-container: var(--md-sys-color-on-error-container);\n\n --color-surface: var(--md-sys-color-surface);\n --color-on-surface: var(--md-sys-color-on-surface);\n --color-surface-variant: var(--md-sys-color-surface-variant);\n --color-on-surface-variant: var(--md-sys-color-on-surface-variant);\n\n --color-surface-container-lowest: var(--md-sys-color-surface-container-lowest);\n --color-surface-container-low: var(--md-sys-color-surface-container-low);\n --color-surface-container: var(--md-sys-color-surface-container);\n --color-surface-container-high: var(--md-sys-color-surface-container-high);\n --color-surface-container-highest: var(--md-sys-color-surface-container-highest);\n\n --color-outline: var(--md-sys-color-outline);\n --color-outline-variant: var(--md-sys-color-outline-variant);\n\n --color-background: var(--md-sys-color-background);\n --color-on-background: var(--md-sys-color-on-background);\n\n --color-scrim: var(--md-sys-color-scrim);\n\n --color-inverse-surface: var(--md-sys-color-inverse-surface);\n --color-inverse-on-surface: var(--md-sys-color-inverse-on-surface);\n --color-inverse-primary: var(--md-sys-color-inverse-primary);\n\n / ── ELEVATION / SHADOW ───────────────────────────────────────────────────\n Usage: shadow-elevation-0 … shadow-elevation-5\n ──────────────────────────────────────────────────────────────────────── /\n\n --shadow-elevation-0: var(--md-sys-elevation-level-0);\n --shadow-elevation-1: var(--md-sys-elevation-level-1);\n --shadow-elevation-2: var(--md-sys-elevation-level-2);\n --shadow-elevation-3: var(--md-sys-elevation-level-3);\n --shadow-elevation-4: var(--md-sys-elevation-level-4);\n --shadow-elevation-5: var(--md-sys-elevation-level-5);\n\n / ── TYPOGRAPHY ───────────────────────────────────────────────────────────\n Usage: text-display-large, text-headline-medium, text-body-small, etc.\n Tailwind v4 generates text-* utilities from --text-* variables.\n Paired line-heights use the --text-{name}--line-height convention.\n ──────────────────────────────────────────────────────────────────────── /\n\n --text-display-large: var(--md-sys-typescale-display-large-size);\n --text-display-large--line-height: var(--md-sys-typescale-display-large-line-height);\n --text-display-medium: var(--md-sys-typescale-display-medium-size);\n --text-display-medium--line-height: var(--md-sys-typescale-display-medium-line-height);\n --text-display-small: var(--md-sys-typescale-display-small-size);\n --text-display-small--line-height: var(--md-sys-typescale-display-small-line-height);\n\n --text-headline-large: var(--md-sys-typescale-headline-large-size);\n --text-headline-large--line-height: var(--md-sys-typescale-headline-large-line-height);\n --text-headline-medium: var(--md-sys-typescale-headline-medium-size);\n --text-headline-medium--line-height: var(--md-sys-typescale-headline-medium-line-height);\n --text-headline-small: var(--md-sys-typescale-headline-small-size);\n --text-headline-small--line-height: var(--md-sys-typescale-headline-small-line-height);\n\n --text-title-large: var(--md-sys-typescale-title-large-size);\n --text-title-large--line-height: var(--md-sys-typescale-title-large-line-height);\n --text-title-medium: var(--md-sys-typescale-title-medium-size);\n --text-title-medium--line-height: var(--md-sys-typescale-title-medium-line-height);\n --text-title-small: var(--md-sys-typescale-title-small-size);\n --text-title-small--line-height: var(--md-sys-typescale-title-small-line-height);\n\n --text-body-large: var(--md-sys-typescale-body-large-size);\n --text-body-large--line-height: var(--md-sys-typescale-body-large-line-height);\n --text-body-medium: var(--md-sys-typescale-body-medium-size);\n --text-body-medium--line-height: var(--md-sys-typescale-body-medium-line-height);\n --text-body-small: var(--md-sys-typescale-body-small-size);\n --text-body-small--line-height: var(--md-sys-typescale-body-small-line-height);\n\n --text-label-large: var(--md-sys-typescale-label-large-size);\n --text-label-large--line-height: var(--md-sys-typescale-label-large-line-height);\n --text-label-medium: var(--md-sys-typescale-label-medium-size);\n --text-label-medium--line-height: var(--md-sys-typescale-label-medium-line-height);\n --text-label-small: var(--md-sys-typescale-label-small-size);\n --text-label-small--line-height: var(--md-sys-typescale-label-small-line-height);\n\n / ── SHAPE / BORDER RADIUS ────────────────────────────────────────────────\n Usage: rounded-xs, rounded-sm, rounded-md, rounded-lg, rounded-xl, rounded-full\n ──────────────────────────────────────────────────────────────────────── /\n\n --radius-xs: var(--md-sys-shape-corner-extra-small); / 4px /\n --radius-sm: var(--md-sys-shape-corner-small); / 8px /\n --radius-md: var(--md-sys-shape-corner-medium); / 12px /\n --radius-lg: var(--md-sys-shape-corner-large); / 16px /\n --radius-lg-increased: var(--md-sys-shape-corner-large-increased); / 20px /\n --radius-xl: var(--md-sys-shape-corner-extra-large); / 28px /\n --radius-xl-increased: var(--md-sys-shape-corner-extra-large-increased); / 32px /\n --radius-2xl: var(--md-sys-shape-corner-extra-extra-large); / 48px /\n --radius-full: var(--md-sys-shape-corner-full);\n\n / ── SPACING (MD3 component dimension shortcuts) ──────────────────────────\n Usage: h-appbar-small, w-drawer, max-w-dialog, etc.\n ──────────────────────────────────────────────────────────────────────── /\n\n --spacing-appbar-small: 4rem; / 64px /\n --spacing-appbar-medium: 7rem; / 112px — M3 Expressive flexible medium, no subtitle /\n --spacing-appbar-medium-subtitle: 8.5rem; / 136px — M3 Expressive flexible medium, with subtitle /\n --spacing-appbar-large: 7.5rem; / 120px — M3 Expressive flexible large, no subtitle /\n --spacing-appbar-large-subtitle: 9.5rem; / 152px — M3 Expressive flexible large, with subtitle /\n --spacing-drawer: 22.5rem; / 360px /\n --spacing-snackbar-max: 35.5rem; / 568px /\n --spacing-dialog-max: 35rem; / 560px /\n\n / ── OPACITY (MD3 state layer values) ─────────────────────────────────────\n Usage: opacity-8, opacity-10, opacity-12, opacity-16, opacity-32, opacity-38\n ──────────────────────────────────────────────────────────────────────── /\n\n --opacity-8: 0.08;\n --opacity-10: 0.1;\n --opacity-12: 0.12;\n --opacity-16: 0.16;\n --opacity-32: 0.32;\n --opacity-38: 0.38;\n\n / ── LEGACY DURATION UTILITIES ────────────────────────────────────────────\n Usage: duration-short1, duration-medium2, duration-long4, duration-extra-long2\n These map directly to Tailwind's transition-duration-* utilities.\n ──────────────────────────────────────────────────────────────────────── /\n\n / Short /\n --transition-duration-short1: var(--md-sys-motion-duration-short1); / 50ms /\n --transition-duration-short2: var(--md-sys-motion-duration-short2); / 100ms /\n --transition-duration-short3: var(--md-sys-motion-duration-short3); / 150ms /\n --transition-duration-short4: var(--md-sys-motion-duration-short4); / 200ms /\n\n / Medium /\n --transition-duration-medium1: var(--md-sys-motion-duration-medium1); / 250ms /\n --transition-duration-medium2: var(--md-sys-motion-duration-medium2); / 300ms /\n --transition-duration-medium3: var(--md-sys-motion-duration-medium3); / 350ms /\n --transition-duration-medium4: var(--md-sys-motion-duration-medium4); / 400ms /\n\n / Long /\n --transition-duration-long1: var(--md-sys-motion-duration-long1); / 450ms /\n --transition-duration-long2: var(--md-sys-motion-duration-long2); / 500ms /\n --transition-duration-long3: var(--md-sys-motion-duration-long3); / 550ms /\n --transition-duration-long4: var(--md-sys-motion-duration-long4); / 600ms /\n\n / Extra-long /\n --transition-duration-extra-long1: var(--md-sys-motion-duration-extra-long1); / 700ms /\n --transition-duration-extra-long2: var(--md-sys-motion-duration-extra-long2); / 800ms /\n --transition-duration-extra-long3: var(--md-sys-motion-duration-extra-long3); / 900ms /\n --transition-duration-extra-long4: var(--md-sys-motion-duration-extra-long4); / 1000ms /\n\n / ── LEGACY EASING UTILITIES ──────────────────────────────────────────────\n Usage: ease-standard, ease-emphasized-decelerate, ease-standard-accelerate\n These map to Tailwind's transition-timing-function-* (ease-) utilities.\n ──────────────────────────────────────────────────────────────────────── /\n\n --ease-standard: var(--md-sys-motion-easing-standard);\n --ease-standard-decelerate: var(--md-sys-motion-easing-standard-decelerate);\n --ease-standard-accelerate: var(--md-sys-motion-easing-standard-accelerate);\n --ease-emphasized: var(--md-sys-motion-easing-emphasized);\n --ease-emphasized-decelerate: var(--md-sys-motion-easing-emphasized-decelerate);\n --ease-emphasized-accelerate: var(--md-sys-motion-easing-emphasized-accelerate);\n\n /* ── SPRING EASING UTILITIES — EXPRESSIVE ─────────────────────────────────\n Usage: ease-expressive-fast-spatial, ease-expressive-default-effects, etc.\n Apply alongside the matching duration-expressive-* utility.\n ──────────────────────────────────────────────────────────────────────── /\n\n --ease-expressive-fast-spatial: var(--md-sys-motion-expressive-fast-spatial-easing);\n --ease-expressive-default-spatial: var(--md-sys-motion-expressive-default-spatial-easing);\n --ease-expressive-slow-spatial: var(--md-sys-motion-expressive-slow-spatial-easing);\n --ease-expressive-fast-effects: var(--md-sys-motion-expressive-fast-effects-easing);\n --ease-expressive-default-effects: var(--md-sys-motion-expressive-default-effects-easing);\n --ease-expressive-slow-effects: var(--md-sys-motion-expressive-slow-effects-easing);\n\n / ── SPRING DURATION UTILITIES — EXPRESSIVE ───────────────────────────────\n Usage: duration-expressive-fast-spatial, duration-expressive-default-effects, etc.\n ──────────────────────────────────────────────────────────────────────── /\n\n --transition-duration-expressive-fast-spatial: var(\n --md-sys-motion-expressive-fast-spatial-duration\n ); / 350ms /\n --transition-duration-expressive-default-spatial: var(\n --md-sys-motion-expressive-default-spatial-duration\n ); / 500ms /\n --transition-duration-expressive-slow-spatial: var(\n --md-sys-motion-expressive-slow-spatial-duration\n ); / 650ms /\n --transition-duration-expressive-fast-effects: var(\n --md-sys-motion-expressive-fast-effects-duration\n ); / 150ms /\n --transition-duration-expressive-default-effects: var(\n --md-sys-motion-expressive-default-effects-duration\n ); / 200ms /\n --transition-duration-expressive-slow-effects: var(\n --md-sys-motion-expressive-slow-effects-duration\n ); / 300ms /\n\n / ── SPRING EASING UTILITIES — STANDARD ───────────────────────────────────\n Usage: ease-standard-fast-spatial, ease-standard-default-effects, etc.\n Note: prefix \"standard\" here refers to the spring motion personality,\n not the legacy --md-sys-motion-easing-standard curve.\n ──────────────────────────────────────────────────────────────────────── /\n\n --ease-spring-standard-fast-spatial: var(--md-sys-motion-standard-fast-spatial-easing);\n --ease-spring-standard-default-spatial: var(--md-sys-motion-standard-default-spatial-easing);\n --ease-spring-standard-slow-spatial: var(--md-sys-motion-standard-slow-spatial-easing);\n --ease-spring-standard-fast-effects: var(--md-sys-motion-standard-fast-effects-easing);\n --ease-spring-standard-default-effects: var(--md-sys-motion-standard-default-effects-easing);\n --ease-spring-standard-slow-effects: var(--md-sys-motion-standard-slow-effects-easing);\n\n / ── SPRING DURATION UTILITIES — STANDARD ─────────────────────────────────\n Usage: duration-spring-standard-fast-spatial, etc.\n ──────────────────────────────────────────────────────────────────────── /\n\n --transition-duration-spring-standard-fast-spatial: var(\n --md-sys-motion-standard-fast-spatial-duration\n ); / 350ms /\n --transition-duration-spring-standard-default-spatial: var(\n --md-sys-motion-standard-default-spatial-duration\n ); / 500ms /\n --transition-duration-spring-standard-slow-spatial: var(\n --md-sys-motion-standard-slow-spatial-duration\n ); / 750ms /\n --transition-duration-spring-standard-fast-effects: var(\n --md-sys-motion-standard-fast-effects-duration\n ); / 150ms /\n --transition-duration-spring-standard-default-effects: var(\n --md-sys-motion-standard-default-effects-duration\n ); / 200ms /\n --transition-duration-spring-standard-slow-effects: var(\n --md-sys-motion-standard-slow-effects-duration\n ); / 300ms /\n\n / ── COMPOSITE ANIMATION UTILITIES ───────────────────────────────────────\n Pre-built animate-* utilities combining keyframe + duration + easing.\n Usage: animate-md-ripple, animate-md-fade-in, animate-md-scale-in, etc.\n ──────────────────────────────────────────────────────────────────────── /\n\n / Ripple — emphasized spatial curve, long1 (450ms) /\n --animate-md-ripple: md-ripple 450ms cubic-bezier(0.2, 0, 0, 1);\n\n / Fade in — expressive default effects: 200ms /\n --animate-md-fade-in: md-fade-in var(--md-sys-motion-expressive-default-effects-duration)\n var(--md-sys-motion-expressive-default-effects-easing) forwards;\n\n / Fade out — standard fast effects: 150ms /\n --animate-md-fade-out: md-fade-out var(--md-sys-motion-standard-fast-effects-duration)\n var(--md-sys-motion-standard-fast-effects-easing) forwards;\n\n / Scale in (menu/dialog enter) — expressive fast spatial: 350ms /\n --animate-md-scale-in: md-scale-in var(--md-sys-motion-expressive-fast-spatial-duration)\n var(--md-sys-motion-expressive-fast-spatial-easing) both;\n\n / Scale out (menu/dialog exit) — legacy emphasized accelerate: 200ms /\n --animate-md-scale-out: md-scale-out var(--md-sys-motion-duration-short4)\n var(--md-sys-motion-easing-emphasized-accelerate) both;\n\n / Slide in from bottom (sheets, nav bar) — standard default spatial: 500ms /\n --animate-md-slide-in-bottom: md-slide-in-bottom\n var(--md-sys-motion-standard-default-spatial-duration)\n var(--md-sys-motion-standard-default-spatial-easing) forwards;\n\n / Slide out to bottom — legacy emphasized accelerate: 200ms /\n --animate-md-slide-out-bottom: md-slide-out-bottom var(--md-sys-motion-duration-short4)\n var(--md-sys-motion-easing-emphasized-accelerate) forwards;\n\n / Slide in from right (forward navigation, drawer) — standard default spatial: 500ms /\n --animate-md-slide-in-right: md-slide-in-right\n var(--md-sys-motion-standard-default-spatial-duration)\n var(--md-sys-motion-standard-default-spatial-easing) forwards;\n\n / Slide out to right — legacy emphasized accelerate: 200ms /\n --animate-md-slide-out-right: md-slide-out-right var(--md-sys-motion-duration-short4)\n var(--md-sys-motion-easing-emphasized-accelerate) forwards;\n\n / Slide in from left (nav drawer, back navigation) — standard default spatial: 500ms /\n --animate-md-slide-in-left: md-slide-in-left\n var(--md-sys-motion-standard-default-spatial-duration)\n var(--md-sys-motion-standard-default-spatial-easing) forwards;\n\n / Slide out to left — legacy emphasized accelerate: 200ms /\n --animate-md-slide-out-left: md-slide-out-left var(--md-sys-motion-duration-short4)\n var(--md-sys-motion-easing-emphasized-accelerate) forwards;\n\n / Slide in from top (notifications, banners) — standard default spatial: 500ms /\n --animate-md-slide-in-top: md-slide-in-top var(--md-sys-motion-standard-default-spatial-duration)\n var(--md-sys-motion-standard-default-spatial-easing) forwards;\n\n / Slide out to top — legacy emphasized accelerate: 200ms /\n --animate-md-slide-out-top: md-slide-out-top var(--md-sys-motion-duration-short4)\n var(--md-sys-motion-easing-emphasized-accelerate) forwards;\n\n / Skeleton pulse — extra-long1 (700ms), infinitely looping /\n --animate-md-skeleton-pulse: md-skeleton-pulse 700ms ease-in-out infinite;\n}\n","/\n @tinybigui/react\n * Main stylesheet — includes MD3 tokens, Tailwind @theme bridge, and component styles.\n \n Import this file in your app AFTER @import \"tailwindcss\":\n \n @import \"tailwindcss\";\n * @source \"../node_modules/@tinybigui/react/dist\";\n * @import \"@tinybigui/react/styles.css\";\n \n The @source directive is required so Tailwind scans the compiled library\n * output for utility class names and generates them in your CSS bundle.\n /\n\n/ ==========================================================================\n DESIGN TOKENS + TAILWIND @THEME BRIDGE\n Imports all MD3 CSS variable tokens and the Tailwind utility mappings.\n Resolves via pnpm workspace link in monorepo dev; via node_modules after publish.\n ========================================================================== /\n\n@import \"@tinybigui/tokens/preset.css\";\n\n/ ==========================================================================\n GLOBAL BASE STYLES\n Apply MD3 surface colors and typography to the document root.\n Placed in @layer base so consumer styles can easily override.\n ========================================================================== /\n\n@layer base {\n body {\n background-color: var(--md-sys-color-surface);\n color: var(--md-sys-color-on-surface);\n margin: 0;\n font-family: var(--md-sys-typescale-font-family-plain);\n }\n}\n\n/ ==========================================================================\n COMPONENT STYLES\n Base styles for all components (future)\n ========================================================================== /\n\n/ Progress Indicator — indeterminate keyframes /\n@import \"./components/Progress/Progress.css\";\n\n/ ==========================================================================\n MENU ANIMATIONS\n MD3 menu enter/exit keyframes — matched to Angular Material's implementation.\n Enter: scale(0.8) + opacity → full, 120ms cubic-bezier(0, 0, 0.2, 1)\n Exit: opacity → 0, 100ms linear (25ms delay)\n ========================================================================== /\n\n/\n Menu enter: pop from 80% scale + transparent to full size + opaque.\n * Transform-origin is set placement-aware via data-placement variants in CVA.\n /\n@keyframes menu-enter {\n from {\n opacity: 0;\n transform: scale(0.8);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n/\n Menu exit: fade out only (no scale) — matches Angular Material's exit which\n * only fades without reversing the scale.\n /\n@keyframes menu-exit {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n\n/ ==========================================================================\n COMPONENT TRANSITION UTILITIES\n Split MD3 transition: spatial properties use the expressive spring (allows\n overshoot); effects properties use the standard spring (no overshoot).\n\n MD3 spec: opacity/color/blur MUST NOT overshoot — applying the expressive\n spatial cubic-bezier to color transitions causes a visible flicker/stutter.\n ========================================================================== /\n\n/\n btn-transition — use on all Button and IconButton elements inside connected\n * groups where border-radius morphs on selection.\n \n Spatial (border-radius): driven by --_btn-radius-easing (see below)\n * Effects (color / bg / shadow): standard-fast-effects 150ms, no overshoot\n \n Border-radius easing is asymmetric by design:\n \n Deselecting (pill → inner radius): emphasized-decelerate cubic-bezier(0.05, 0.7, 0.1, 1)\n * → No overshoot. Prevents the \"sharp corner flash\" that occurs when the\n * expressive spring overshoots below 0px from a large radius.\n \n Selecting (inner → pill): expressive-fast-spatial cubic-bezier(0.42, 1.67, 0.21, 0.9)\n * → Overshoot is safe (can't go past fully-round). Applied via\n * `btn-transition-selected` class added when the button is group-selected.\n \n CSS transitions use the easing active on the element AFTER the state change,\n * so toggling `btn-transition-selected` in the same render cycle that changes\n * the radius class correctly applies the right easing for each direction.\n /\n@utility btn-transition {\n / Default easing for border-radius: decelerate (no overshoot) for deselect path /\n --_btn-radius-easing: var(--md-sys-motion-easing-emphasized-decelerate);\n\n transition:\n / Spatial — shape morphing; easing is directional via --_btn-radius-easing /\n border-radius var(--md-sys-motion-expressive-fast-spatial-duration) var(--_btn-radius-easing),\n / Effects — no overshoot on color/opacity/shadow changes / color\n var(--md-sys-motion-standard-fast-effects-duration)\n var(--md-sys-motion-standard-fast-effects-easing),\n background-color var(--md-sys-motion-standard-fast-effects-duration)\n var(--md-sys-motion-standard-fast-effects-easing),\n border-color var(--md-sys-motion-standard-fast-effects-duration)\n var(--md-sys-motion-standard-fast-effects-easing),\n opacity var(--md-sys-motion-standard-fast-effects-duration)\n var(--md-sys-motion-standard-fast-effects-easing),\n box-shadow var(--md-sys-motion-standard-fast-effects-duration)\n var(--md-sys-motion-standard-fast-effects-easing),\n outline-color var(--md-sys-motion-standard-fast-effects-duration)\n var(--md-sys-motion-standard-fast-effects-easing);\n}\n\n/\n btn-transition-selected — apply alongside `btn-transition` when a button is\n * currently selected inside a connected group.\n \n Switches the border-radius easing to expressive-fast-spatial so that the\n * inner-radius → pill animation gains the intentional overshoot bounce.\n * Removed when the button is deselected, leaving `btn-transition`'s default\n * emphasized-decelerate easing for the pill → inner-radius return path.\n */\n@utility btn-transition-selected {\n --_btn-radius-easing: var(--md-sys-motion-expressive-fast-spatial-easing);\n}\n"],"mappings":"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AE,IAAI,EAAE;AAC7E,kDAAgD;AAClD;;;;;AClMA,WAAW;AACT;AACE,eAAW,UAAU,IAAI,EAAE,MAAM,MAAM;AACvC,aAAS;AACX;AACF;AAGA,WAAW;AACT;AACE,aAAS;AACX;AACA;AACE,aAAS;AACX;AACF;AAGA,WAAW;AACT;AACE,aAAS;AACX;AACA;AACE,aAAS;AACX;AACF;AAGA,WAAW;AACT;AACE,aAAS;AACT,eAAW,MAAM;AACnB;AACA;AACE,aAAS;AACT,eAAW,MAAM;AACnB;AACF;AAGA,WAAW;AACT;AACE,aAAS;AACT,eAAW,MAAM;AACnB;AACA;AACE,aAAS;AACT,eAAW,MAAM;AACnB;AACF;AAMA,WAAW;AACT;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACA;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACF;AAKA,WAAW;AACT;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACA;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACF;AAKA,WAAW;AACT;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACA;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACF;AAKA,WAAW;AACT;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACA;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACF;AAMA,WAAW;AACT;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACA;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACF;AAKA,WAAW;AACT;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACA;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACF;AAKA,WAAW;AACT;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACA;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACF;AAKA,WAAW;AACT;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACA;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACF;AAMA,WAAW;AACT;AAEE,aAAS;AACX;AACA;AACE,aAAS;AACX;AACF;AAOA,OAAO,EAKL,eAAe,EAAE,IAAI,uBAAuB,EAC5C,kBAAkB,EAAE,IA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","names":[]}
1	+ {"version":3,"sources":["../../tokens/dist/palette.css","../../tokens/dist/color.css","../../tokens/dist/typography.css","../../tokens/dist/shape.css","../../tokens/dist/elevation.css","../../tokens/dist/motion.css","../../tokens/dist/theme.css","../src/styles.css"],"sourcesContent":["/*\n @tinybigui/tokens — Reference Palette Tokens\n * Material Design 3 tonal palette — raw hex values at each tonal stop.\n \n Token prefix: --md-ref-palette-\n \n * These are Layer 1 (reference) tokens. They are NOT consumed by components\n * directly. Components use the system color tokens (--md-sys-color-) defined\n in color.css, which reference these palette tokens.\n \n Standard tonal stops: 0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 95, 99, 100\n * Extended neutral stops: 4, 6, 12, 17, 22 (dark surface containers)\n * 87, 92, 94, 96 (light surface containers)\n \n Values sourced from:\n * https://github.com/material-foundation/material-tokens/blob/main/css/palette.css\n * Extended neutral stops derived from the default MD3 baseline purple seed (#6750A4).\n /\n\n:root {\n / ==========================================================================\n PRIMARY\n ========================================================================== /\n\n --md-ref-palette-primary0: #000000;\n --md-ref-palette-primary10: #21005d;\n --md-ref-palette-primary20: #381e72;\n --md-ref-palette-primary30: #4f378b;\n --md-ref-palette-primary40: #6750a4;\n --md-ref-palette-primary50: #7f67be;\n --md-ref-palette-primary60: #9a82db;\n --md-ref-palette-primary70: #b69df8;\n --md-ref-palette-primary80: #d0bcff;\n --md-ref-palette-primary90: #eaddff;\n --md-ref-palette-primary95: #f6edff;\n --md-ref-palette-primary99: #fffbfe;\n --md-ref-palette-primary100: #ffffff;\n\n / ==========================================================================\n SECONDARY\n ========================================================================== /\n\n --md-ref-palette-secondary0: #000000;\n --md-ref-palette-secondary10: #1d192b;\n --md-ref-palette-secondary20: #332d41;\n --md-ref-palette-secondary30: #4a4458;\n --md-ref-palette-secondary40: #625b71;\n --md-ref-palette-secondary50: #7a7289;\n --md-ref-palette-secondary60: #958da5;\n --md-ref-palette-secondary70: #b0a7c0;\n --md-ref-palette-secondary80: #ccc2dc;\n --md-ref-palette-secondary90: #e8def8;\n --md-ref-palette-secondary95: #f6edff;\n --md-ref-palette-secondary99: #fffbfe;\n --md-ref-palette-secondary100: #ffffff;\n\n / ==========================================================================\n TERTIARY\n ========================================================================== /\n\n --md-ref-palette-tertiary0: #000000;\n --md-ref-palette-tertiary10: #31111d;\n --md-ref-palette-tertiary20: #492532;\n --md-ref-palette-tertiary30: #633b48;\n --md-ref-palette-tertiary40: #7d5260;\n --md-ref-palette-tertiary50: #986977;\n --md-ref-palette-tertiary60: #b58392;\n --md-ref-palette-tertiary70: #d29dac;\n --md-ref-palette-tertiary80: #efb8c8;\n --md-ref-palette-tertiary90: #ffd8e4;\n --md-ref-palette-tertiary95: #ffecf1;\n --md-ref-palette-tertiary99: #fffbfa;\n --md-ref-palette-tertiary100: #ffffff;\n\n / ==========================================================================\n ERROR\n ========================================================================== /\n\n --md-ref-palette-error0: #000000;\n --md-ref-palette-error10: #410e0b;\n --md-ref-palette-error20: #601410;\n --md-ref-palette-error30: #8c1d18;\n --md-ref-palette-error40: #b3261e;\n --md-ref-palette-error50: #dc362e;\n --md-ref-palette-error60: #e46962;\n --md-ref-palette-error70: #ec928e;\n --md-ref-palette-error80: #f2b8b5;\n --md-ref-palette-error90: #f9dedc;\n --md-ref-palette-error95: #fceeee;\n --md-ref-palette-error99: #fffbf9;\n --md-ref-palette-error100: #ffffff;\n\n / ==========================================================================\n NEUTRAL\n Standard stops + extended stops for surface container elevation system.\n ========================================================================== /\n\n --md-ref-palette-neutral0: #000000;\n / Extended: dark surface-container-lowest /\n --md-ref-palette-neutral4: #0f0d13;\n / Extended: dark surface-container-low /\n --md-ref-palette-neutral6: #1d1b20;\n --md-ref-palette-neutral10: #1c1b1f;\n / Extended: dark surface-container /\n --md-ref-palette-neutral12: #211f26;\n / Extended: dark surface-container-high /\n --md-ref-palette-neutral17: #2b2930;\n --md-ref-palette-neutral20: #322f35;\n / Extended: dark surface-container-highest /\n --md-ref-palette-neutral22: #36343b;\n --md-ref-palette-neutral30: #484649;\n --md-ref-palette-neutral40: #605d62;\n --md-ref-palette-neutral50: #787579;\n --md-ref-palette-neutral60: #939094;\n --md-ref-palette-neutral70: #aeaaae;\n --md-ref-palette-neutral80: #c9c5ca;\n --md-ref-palette-neutral90: #e6e1e5;\n --md-ref-palette-neutral95: #f5eff7;\n / Extended: light surface-container-highest /\n --md-ref-palette-neutral87: #e6e0e9;\n / Extended: light surface-container-high /\n --md-ref-palette-neutral92: #ece6f0;\n / Extended: light surface-container /\n --md-ref-palette-neutral94: #f3edf7;\n / Extended: light surface-container-low /\n --md-ref-palette-neutral96: #f7f2fa;\n --md-ref-palette-neutral98: #fef7ff;\n --md-ref-palette-neutral99: #fffbfe;\n --md-ref-palette-neutral100: #ffffff;\n\n / ==========================================================================\n NEUTRAL VARIANT\n ========================================================================== /\n\n --md-ref-palette-neutral-variant0: #000000;\n --md-ref-palette-neutral-variant10: #1d1a22;\n --md-ref-palette-neutral-variant20: #322f37;\n --md-ref-palette-neutral-variant30: #49454f;\n --md-ref-palette-neutral-variant40: #605d66;\n --md-ref-palette-neutral-variant50: #79747e;\n --md-ref-palette-neutral-variant60: #938f99;\n --md-ref-palette-neutral-variant70: #aea9b4;\n --md-ref-palette-neutral-variant80: #cac4d0;\n --md-ref-palette-neutral-variant90: #e7e0ec;\n --md-ref-palette-neutral-variant95: #f5eefa;\n --md-ref-palette-neutral-variant99: #fffbfe;\n --md-ref-palette-neutral-variant100: #ffffff;\n\n / ==========================================================================\n BLACK / WHITE — explicit aliases\n ========================================================================== /\n\n --md-ref-palette-black: #000000;\n --md-ref-palette-white: #ffffff;\n}\n","/\n @tinybigui/tokens — Color Tokens\n * Material Design 3 color system with light/dark mode support.\n * Complete set of semantic color roles for light and dark themes.\n \n Token prefix: --md-sys-color-\n \n * All values are references to the reference palette tokens (--md-ref-palette-)\n defined in palette.css. Raw hex values live only in palette.css.\n * To re-theme, override the --md-ref-palette-* variables, not these tokens.\n /\n\n:root {\n / ==========================================================================\n PRIMARY\n ========================================================================== /\n\n --md-sys-color-primary: var(--md-ref-palette-primary40);\n --md-sys-color-on-primary: var(--md-ref-palette-primary100);\n --md-sys-color-primary-container: var(--md-ref-palette-primary90);\n --md-sys-color-on-primary-container: var(--md-ref-palette-primary10);\n\n / ==========================================================================\n SECONDARY\n ========================================================================== /\n\n --md-sys-color-secondary: var(--md-ref-palette-secondary40);\n --md-sys-color-on-secondary: var(--md-ref-palette-secondary100);\n --md-sys-color-secondary-container: var(--md-ref-palette-secondary90);\n --md-sys-color-on-secondary-container: var(--md-ref-palette-secondary10);\n\n / ==========================================================================\n TERTIARY\n ========================================================================== /\n\n --md-sys-color-tertiary: var(--md-ref-palette-tertiary40);\n --md-sys-color-on-tertiary: var(--md-ref-palette-tertiary100);\n --md-sys-color-tertiary-container: var(--md-ref-palette-tertiary90);\n --md-sys-color-on-tertiary-container: var(--md-ref-palette-tertiary10);\n\n / ==========================================================================\n ERROR\n ========================================================================== /\n\n --md-sys-color-error: var(--md-ref-palette-error40);\n --md-sys-color-on-error: var(--md-ref-palette-error100);\n --md-sys-color-error-container: var(--md-ref-palette-error90);\n --md-sys-color-on-error-container: var(--md-ref-palette-error10);\n\n / ==========================================================================\n SURFACE\n ========================================================================== /\n\n --md-sys-color-surface: var(--md-ref-palette-neutral98);\n --md-sys-color-on-surface: var(--md-ref-palette-neutral10);\n --md-sys-color-surface-variant: var(--md-ref-palette-neutral-variant90);\n --md-sys-color-on-surface-variant: var(--md-ref-palette-neutral-variant30);\n\n / Surface containers (MD3 elevation system) /\n --md-sys-color-surface-container-lowest: var(--md-ref-palette-neutral100);\n --md-sys-color-surface-container-low: var(--md-ref-palette-neutral96);\n --md-sys-color-surface-container: var(--md-ref-palette-neutral94);\n --md-sys-color-surface-container-high: var(--md-ref-palette-neutral92);\n --md-sys-color-surface-container-highest: var(--md-ref-palette-neutral90);\n\n / ==========================================================================\n OUTLINE\n ========================================================================== /\n\n --md-sys-color-outline: var(--md-ref-palette-neutral-variant50);\n --md-sys-color-outline-variant: var(--md-ref-palette-neutral-variant80);\n\n / ==========================================================================\n BACKGROUND\n ========================================================================== /\n\n --md-sys-color-background: var(--md-ref-palette-neutral99);\n --md-sys-color-on-background: var(--md-ref-palette-neutral10);\n\n / ==========================================================================\n SCRIM\n ========================================================================== /\n\n --md-sys-color-scrim: var(--md-ref-palette-neutral0);\n\n / ==========================================================================\n INVERSE\n ========================================================================== /\n\n --md-sys-color-inverse-surface: var(--md-ref-palette-neutral20);\n --md-sys-color-inverse-on-surface: var(--md-ref-palette-neutral95);\n --md-sys-color-inverse-primary: var(--md-ref-palette-primary80);\n}\n\n/ ==========================================================================\n DARK MODE — class-based (manual toggling, e.g. Storybook)\n ========================================================================== /\n\n.dark {\n --md-sys-color-primary: var(--md-ref-palette-primary80);\n --md-sys-color-on-primary: var(--md-ref-palette-primary20);\n --md-sys-color-primary-container: var(--md-ref-palette-primary30);\n --md-sys-color-on-primary-container: var(--md-ref-palette-primary90);\n\n --md-sys-color-secondary: var(--md-ref-palette-secondary80);\n --md-sys-color-on-secondary: var(--md-ref-palette-secondary20);\n --md-sys-color-secondary-container: var(--md-ref-palette-secondary30);\n --md-sys-color-on-secondary-container: var(--md-ref-palette-secondary90);\n\n --md-sys-color-tertiary: var(--md-ref-palette-tertiary80);\n --md-sys-color-on-tertiary: var(--md-ref-palette-tertiary20);\n --md-sys-color-tertiary-container: var(--md-ref-palette-tertiary30);\n --md-sys-color-on-tertiary-container: var(--md-ref-palette-tertiary90);\n\n --md-sys-color-error: var(--md-ref-palette-error80);\n --md-sys-color-on-error: var(--md-ref-palette-error20);\n --md-sys-color-error-container: var(--md-ref-palette-error30);\n --md-sys-color-on-error-container: var(--md-ref-palette-error90);\n\n --md-sys-color-surface: var(--md-ref-palette-neutral10);\n --md-sys-color-on-surface: var(--md-ref-palette-neutral90);\n --md-sys-color-surface-variant: var(--md-ref-palette-neutral-variant30);\n --md-sys-color-on-surface-variant: var(--md-ref-palette-neutral-variant80);\n\n --md-sys-color-surface-container-lowest: var(--md-ref-palette-neutral4);\n --md-sys-color-surface-container-low: var(--md-ref-palette-neutral6);\n --md-sys-color-surface-container: var(--md-ref-palette-neutral12);\n --md-sys-color-surface-container-high: var(--md-ref-palette-neutral17);\n --md-sys-color-surface-container-highest: var(--md-ref-palette-neutral22);\n\n --md-sys-color-outline: var(--md-ref-palette-neutral-variant60);\n --md-sys-color-outline-variant: var(--md-ref-palette-neutral-variant30);\n\n --md-sys-color-background: var(--md-ref-palette-neutral10);\n --md-sys-color-on-background: var(--md-ref-palette-neutral90);\n\n --md-sys-color-scrim: var(--md-ref-palette-neutral0);\n\n --md-sys-color-inverse-surface: var(--md-ref-palette-neutral90);\n --md-sys-color-inverse-on-surface: var(--md-ref-palette-neutral20);\n --md-sys-color-inverse-primary: var(--md-ref-palette-primary40);\n}\n\n/ ==========================================================================\n DARK MODE — OS preference (activates when no .light class is present)\n ========================================================================== /\n\n@media (prefers-color-scheme: dark) {\n :root:not(.light) {\n --md-sys-color-primary: var(--md-ref-palette-primary80);\n --md-sys-color-on-primary: var(--md-ref-palette-primary20);\n --md-sys-color-primary-container: var(--md-ref-palette-primary30);\n --md-sys-color-on-primary-container: var(--md-ref-palette-primary90);\n\n --md-sys-color-secondary: var(--md-ref-palette-secondary80);\n --md-sys-color-on-secondary: var(--md-ref-palette-secondary20);\n --md-sys-color-secondary-container: var(--md-ref-palette-secondary30);\n --md-sys-color-on-secondary-container: var(--md-ref-palette-secondary90);\n\n --md-sys-color-tertiary: var(--md-ref-palette-tertiary80);\n --md-sys-color-on-tertiary: var(--md-ref-palette-tertiary20);\n --md-sys-color-tertiary-container: var(--md-ref-palette-tertiary30);\n --md-sys-color-on-tertiary-container: var(--md-ref-palette-tertiary90);\n\n --md-sys-color-error: var(--md-ref-palette-error80);\n --md-sys-color-on-error: var(--md-ref-palette-error20);\n --md-sys-color-error-container: var(--md-ref-palette-error30);\n --md-sys-color-on-error-container: var(--md-ref-palette-error90);\n\n --md-sys-color-surface: var(--md-ref-palette-neutral10);\n --md-sys-color-on-surface: var(--md-ref-palette-neutral90);\n --md-sys-color-surface-variant: var(--md-ref-palette-neutral-variant30);\n --md-sys-color-on-surface-variant: var(--md-ref-palette-neutral-variant80);\n\n --md-sys-color-surface-container-lowest: var(--md-ref-palette-neutral4);\n --md-sys-color-surface-container-low: var(--md-ref-palette-neutral6);\n --md-sys-color-surface-container: var(--md-ref-palette-neutral12);\n --md-sys-color-surface-container-high: var(--md-ref-palette-neutral17);\n --md-sys-color-surface-container-highest: var(--md-ref-palette-neutral22);\n\n --md-sys-color-outline: var(--md-ref-palette-neutral-variant60);\n --md-sys-color-outline-variant: var(--md-ref-palette-neutral-variant80);\n\n --md-sys-color-background: var(--md-ref-palette-neutral10);\n --md-sys-color-on-background: var(--md-ref-palette-neutral90);\n\n --md-sys-color-scrim: var(--md-ref-palette-neutral0);\n\n --md-sys-color-inverse-surface: var(--md-ref-palette-neutral90);\n --md-sys-color-inverse-on-surface: var(--md-ref-palette-neutral20);\n --md-sys-color-inverse-primary: var(--md-ref-palette-primary40);\n }\n}\n","/\n @tinybigui/tokens — Typography Tokens\n * Material Design 3 Type Scale — 5 categories × 3 sizes = 15 styles.\n \n Token prefix: --md-sys-typescale-\n /\n\n:root {\n /* ==========================================================================\n FONT FAMILIES\n ========================================================================== /\n\n --md-sys-typescale-font-family-plain:\n system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n --md-sys-typescale-font-family-brand: var(--md-sys-typescale-font-family-plain);\n\n / ==========================================================================\n DISPLAY — Large expressive text (hero, landing)\n ========================================================================== /\n\n --md-sys-typescale-display-large-size: 3.5625rem; / 57px /\n --md-sys-typescale-display-large-line-height: 4rem; / 64px /\n --md-sys-typescale-display-large-weight: 400;\n --md-sys-typescale-display-large-tracking: -0.25px;\n\n --md-sys-typescale-display-medium-size: 2.8125rem; / 45px /\n --md-sys-typescale-display-medium-line-height: 3.25rem; / 52px /\n --md-sys-typescale-display-medium-weight: 400;\n --md-sys-typescale-display-medium-tracking: 0;\n\n --md-sys-typescale-display-small-size: 2.25rem; / 36px /\n --md-sys-typescale-display-small-line-height: 2.75rem; / 44px /\n --md-sys-typescale-display-small-weight: 400;\n --md-sys-typescale-display-small-tracking: 0;\n\n / ==========================================================================\n HEADLINE — High-emphasis section headers\n ========================================================================== /\n\n --md-sys-typescale-headline-large-size: 2rem; / 32px /\n --md-sys-typescale-headline-large-line-height: 2.5rem; / 40px /\n --md-sys-typescale-headline-large-weight: 400;\n --md-sys-typescale-headline-large-tracking: 0;\n\n --md-sys-typescale-headline-medium-size: 1.75rem; / 28px /\n --md-sys-typescale-headline-medium-line-height: 2.25rem; / 36px /\n --md-sys-typescale-headline-medium-weight: 400;\n --md-sys-typescale-headline-medium-tracking: 0;\n\n --md-sys-typescale-headline-small-size: 1.5rem; / 24px /\n --md-sys-typescale-headline-small-line-height: 2rem; / 32px /\n --md-sys-typescale-headline-small-weight: 400;\n --md-sys-typescale-headline-small-tracking: 0;\n\n / ==========================================================================\n TITLE — Medium-emphasis card titles and smaller headers\n ========================================================================== /\n\n --md-sys-typescale-title-large-size: 1.375rem; / 22px /\n --md-sys-typescale-title-large-line-height: 1.75rem; / 28px /\n --md-sys-typescale-title-large-weight: 400;\n --md-sys-typescale-title-large-tracking: 0;\n\n --md-sys-typescale-title-medium-size: 1rem; / 16px /\n --md-sys-typescale-title-medium-line-height: 1.5rem; / 24px /\n --md-sys-typescale-title-medium-weight: 500;\n --md-sys-typescale-title-medium-tracking: 0.15px;\n\n --md-sys-typescale-title-small-size: 0.875rem; / 14px /\n --md-sys-typescale-title-small-line-height: 1.25rem; / 20px /\n --md-sys-typescale-title-small-weight: 500;\n --md-sys-typescale-title-small-tracking: 0.1px;\n\n / ==========================================================================\n BODY — Plain paragraph and description text\n ========================================================================== /\n\n --md-sys-typescale-body-large-size: 1rem; / 16px /\n --md-sys-typescale-body-large-line-height: 1.5rem; / 24px /\n --md-sys-typescale-body-large-weight: 400;\n --md-sys-typescale-body-large-tracking: 0.5px;\n\n --md-sys-typescale-body-medium-size: 0.875rem; / 14px /\n --md-sys-typescale-body-medium-line-height: 1.25rem; / 20px /\n --md-sys-typescale-body-medium-weight: 400;\n --md-sys-typescale-body-medium-tracking: 0.25px;\n\n --md-sys-typescale-body-small-size: 0.75rem; / 12px /\n --md-sys-typescale-body-small-line-height: 1rem; / 16px /\n --md-sys-typescale-body-small-weight: 400;\n --md-sys-typescale-body-small-tracking: 0.4px;\n\n / ==========================================================================\n LABEL — UI labels, buttons, captions\n ========================================================================== /\n\n --md-sys-typescale-label-large-size: 0.875rem; / 14px /\n --md-sys-typescale-label-large-line-height: 1.25rem; / 20px /\n --md-sys-typescale-label-large-weight: 500;\n --md-sys-typescale-label-large-tracking: 0.1px;\n\n --md-sys-typescale-label-medium-size: 0.75rem; / 12px /\n --md-sys-typescale-label-medium-line-height: 1rem; / 16px /\n --md-sys-typescale-label-medium-weight: 500;\n --md-sys-typescale-label-medium-tracking: 0.5px;\n\n --md-sys-typescale-label-small-size: 0.6875rem; / 11px /\n --md-sys-typescale-label-small-line-height: 1rem; / 16px /\n --md-sys-typescale-label-small-weight: 500;\n --md-sys-typescale-label-small-tracking: 0.5px;\n}\n","/\n @tinybigui/tokens — Shape Tokens\n * Material Design 3 corner radius system.\n \n Token prefix: --md-sys-shape-corner-\n /\n\n:root {\n /* ==========================================================================\n CORNER RADIUS SCALE\n ========================================================================== /\n\n --md-sys-shape-corner-none: 0;\n --md-sys-shape-corner-extra-small: 0.25rem; / 4px — chips, snackbars /\n --md-sys-shape-corner-small: 0.5rem; / 8px — text fields, menus /\n --md-sys-shape-corner-medium: 0.75rem; / 12px — cards /\n --md-sys-shape-corner-large: 1rem; / 16px — FABs, nav drawer /\n --md-sys-shape-corner-large-increased: 1.25rem; / 20px — M3 Expressive /\n --md-sys-shape-corner-extra-large: 1.75rem; / 28px — dialogs, bottom sheets /\n --md-sys-shape-corner-extra-large-increased: 2rem; / 32px — M3 Expressive /\n --md-sys-shape-corner-extra-extra-large: 3rem; / 48px — M3 Expressive /\n --md-sys-shape-corner-full: 624.9375rem; / pill / fully rounded — buttons, chips, badges /\n}\n","/\n @tinybigui/tokens — Elevation Tokens\n * Material Design 3 elevation system.\n * Elevation is primarily communicated through tonal surface color; shadows\n * are added only when additional visual separation is needed.\n \n Token prefix: --md-sys-elevation-level-\n /\n\n:root {\n /* ==========================================================================\n ELEVATION LEVELS (box-shadow values)\n Level 0 — flat surfaces, most resting components\n Level 1 — elevated cards, modal sheets\n Level 2 — menus, nav bar, scrolled app bar\n Level 3 — FABs, dialogs, search, date/time pickers\n Level 4 — hover/focus increase only\n Level 5 — hover/focus increase only\n ========================================================================== /\n\n --md-sys-elevation-level-0: none;\n --md-sys-elevation-level-1: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.15);\n --md-sys-elevation-level-2: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 6px 2px rgba(0, 0, 0, 0.15);\n --md-sys-elevation-level-3: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15);\n --md-sys-elevation-level-4: 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 6px 10px 4px rgba(0, 0, 0, 0.15);\n --md-sys-elevation-level-5: 0 4px 4px 0 rgba(0, 0, 0, 0.3), 0 8px 12px 6px rgba(0, 0, 0, 0.15);\n}\n","/\n @tinybigui/tokens — Motion Tokens\n * Material Design 3 motion system: legacy easing/duration tokens\n * plus the modern spring-based physics system (as web cubic-bezier curves).\n \n ─── Two systems ────────────────────────────────────────────────────────────\n \n 1. LEGACY EASING + DURATION (--md-sys-motion-easing-* / --md-sys-motion-duration-)\n Still used for page transitions (enter/exit/shared-axis). Organized into\n * two families — standard and emphasized — each with decelerate/accelerate\n * variants for entering and exiting the screen.\n \n 2. SPRING-BASED PHYSICS — WEB CUBIC-BEZIER CONVERSIONS\n * M3 Expressive (May 2025) replaced fixed curves with spring physics for\n * component animations. On the web, springs are expressed as cubic-bezier\n * approximations paired with a recommended duration.\n \n Two motion personalities:\n * - Expressive — playful, energetic; allows overshoot (spatial); for FABs,\n * buttons, hero elements, and moments of delight.\n * - Standard — calm, purposeful; no overshoot; for utility animations,\n * content, and less prominent UI changes.\n \n Two animation types within each personality:\n * - Spatial — position / size / shape changes. Springs may overshoot\n * slightly to feel alive and physical.\n * - Effects — opacity / color / blur. Must NOT overshoot (opacity > 1\n * or color exceeding bounds breaks visuals).\n \n Three speed tiers: fast (small components), default (standard UI),\n * slow (large/full-screen elements).\n \n Spec reference: https://m3.material.io/styles/motion/overview/specs\n * ────────────────────────────────────────────────────────────────────────────\n /\n\n:root {\n / ==========================================================================\n LEGACY — DURATION TOKENS\n Short through Extra-Long: 16 steps covering 50ms – 1000ms.\n ========================================================================== /\n\n / Short (micro-interactions, feedback) /\n --md-sys-motion-duration-short1: 50ms;\n --md-sys-motion-duration-short2: 100ms;\n --md-sys-motion-duration-short3: 150ms;\n --md-sys-motion-duration-short4: 200ms;\n\n / Medium (most component animations) /\n --md-sys-motion-duration-medium1: 250ms;\n --md-sys-motion-duration-medium2: 300ms;\n --md-sys-motion-duration-medium3: 350ms;\n --md-sys-motion-duration-medium4: 400ms;\n\n / Long (large components, complex transitions) /\n --md-sys-motion-duration-long1: 450ms;\n --md-sys-motion-duration-long2: 500ms;\n --md-sys-motion-duration-long3: 550ms;\n --md-sys-motion-duration-long4: 600ms;\n\n / Extra-long (full-screen transitions, complex sequences) /\n --md-sys-motion-duration-extra-long1: 700ms;\n --md-sys-motion-duration-extra-long2: 800ms;\n --md-sys-motion-duration-extra-long3: 900ms;\n --md-sys-motion-duration-extra-long4: 1000ms;\n\n / ==========================================================================\n LEGACY — EASING TOKENS\n Standard family: for utility/functional animations (low prominence).\n Emphasized family: for high-prominence, expressive transitions.\n ========================================================================== /\n\n /\n * Standard — elements moving within the same screen layer.\n * Pair with: duration-medium2 (300ms) for on-screen movement.\n /\n --md-sys-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);\n\n /\n * Standard decelerate — elements entering the screen.\n * Starts fast, decelerates to rest. Pair with: duration-medium1 (250ms).\n /\n --md-sys-motion-easing-standard-decelerate: cubic-bezier(0, 0, 0, 1);\n\n /\n * Standard accelerate — elements exiting the screen.\n * Starts slow, accelerates off screen. Pair with: duration-short4 (200ms).\n /\n --md-sys-motion-easing-standard-accelerate: cubic-bezier(0.3, 0, 1, 1);\n\n /\n * Emphasized — high-prominence on-screen movement.\n * Pair with: duration-long2 (500ms) for on-screen movement.\n /\n --md-sys-motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);\n\n /\n * Emphasized decelerate — prominent elements entering the screen.\n * Pair with: duration-medium4 (400ms).\n /\n --md-sys-motion-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);\n\n /\n * Emphasized accelerate — prominent elements exiting the screen.\n * Pair with: duration-short4 (200ms).\n /\n --md-sys-motion-easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15);\n\n / ==========================================================================\n SPRING-BASED — EXPRESSIVE MOTION (spatial)\n Spatial springs animate position, size, and shape. They allow a small\n natural overshoot that makes motion feel physical and alive.\n Use for: FABs, hero buttons, morphing shapes, card expansions,\n prominent enter/exit, and moments of delight.\n ========================================================================== /\n\n /\n * Expressive fast spatial — small components (buttons, FABs, chips).\n * Snappy with noticeable overshoot.\n /\n --md-sys-motion-expressive-fast-spatial-easing: cubic-bezier(0.42, 1.67, 0.21, 0.9);\n --md-sys-motion-expressive-fast-spatial-duration: 350ms;\n\n /\n * Expressive default spatial — standard component animations (dialogs,\n * sheets, cards). Balanced overshoot.\n /\n --md-sys-motion-expressive-default-spatial-easing: cubic-bezier(0.38, 1.21, 0.22, 1);\n --md-sys-motion-expressive-default-spatial-duration: 500ms;\n\n /\n * Expressive slow spatial — large or full-screen transforms.\n * Gentle overshoot for slow, weighty elements.\n /\n --md-sys-motion-expressive-slow-spatial-easing: cubic-bezier(0.39, 1.29, 0.35, 0.98);\n --md-sys-motion-expressive-slow-spatial-duration: 650ms;\n\n / ==========================================================================\n SPRING-BASED — EXPRESSIVE MOTION (effects)\n Effects springs animate opacity, color, and blur. They must NOT overshoot\n (opacity > 1 or color out of gamut would be visually broken).\n Use for: fade-in of expressive elements, color transitions on hero components.\n ========================================================================== /\n\n /\n * Expressive fast effects — rapid fade/color change on small components.\n /\n --md-sys-motion-expressive-fast-effects-easing: cubic-bezier(0.31, 0.94, 0.34, 1);\n --md-sys-motion-expressive-fast-effects-duration: 150ms;\n\n /\n * Expressive default effects — standard fade/color on prominent elements.\n /\n --md-sys-motion-expressive-default-effects-easing: cubic-bezier(0.34, 0.8, 0.34, 1);\n --md-sys-motion-expressive-default-effects-duration: 200ms;\n\n /\n * Expressive slow effects — fade/color on large or full-screen elements.\n /\n --md-sys-motion-expressive-slow-effects-easing: cubic-bezier(0.34, 0.88, 0.34, 1);\n --md-sys-motion-expressive-slow-effects-duration: 300ms;\n\n / ==========================================================================\n SPRING-BASED — STANDARD MOTION (spatial)\n Standard spatial springs are calm and controlled — no overshoot. They\n feel purposeful without drawing attention to the animation itself.\n Use for: navigation transitions, content loading, utility animations,\n sidebars, drawers, and secondary UI elements.\n ========================================================================== /\n\n /\n * Standard fast spatial — small components or quick utility moves.\n /\n --md-sys-motion-standard-fast-spatial-easing: cubic-bezier(0.27, 1.06, 0.18, 1);\n --md-sys-motion-standard-fast-spatial-duration: 350ms;\n\n /\n * Standard default spatial — typical navigation and content animations.\n /\n --md-sys-motion-standard-default-spatial-easing: cubic-bezier(0.27, 1.06, 0.18, 1);\n --md-sys-motion-standard-default-spatial-duration: 500ms;\n\n /\n * Standard slow spatial — large layout shifts and full-screen transitions.\n /\n --md-sys-motion-standard-slow-spatial-easing: cubic-bezier(0.27, 1.06, 0.18, 1);\n --md-sys-motion-standard-slow-spatial-duration: 750ms;\n\n / ==========================================================================\n SPRING-BASED — STANDARD MOTION (effects)\n Calm, no-overshoot effects for utility and secondary elements.\n Use for: content fades, tab indicator opacity, snackbar entrance, etc.\n ========================================================================== /\n\n /\n * Standard fast effects — quick opacity/color on utility elements.\n /\n --md-sys-motion-standard-fast-effects-easing: cubic-bezier(0.31, 0.94, 0.34, 1);\n --md-sys-motion-standard-fast-effects-duration: 150ms;\n\n /\n * Standard default effects — opacity/color for navigation and content.\n /\n --md-sys-motion-standard-default-effects-easing: cubic-bezier(0.34, 0.8, 0.34, 1);\n --md-sys-motion-standard-default-effects-duration: 200ms;\n\n /\n * Standard slow effects — opacity/color for large or full-screen changes.\n /\n --md-sys-motion-standard-slow-effects-easing: cubic-bezier(0.34, 0.88, 0.34, 1);\n --md-sys-motion-standard-slow-effects-duration: 300ms;\n}\n","/\n @tinybigui/tokens — Tailwind v4 Theme Bridge\n * Maps MD3 design tokens to Tailwind utility class names via @theme.\n \n All tokens reference the CSS custom properties defined in the partial files\n * (color.css, typography.css, shape.css, elevation.css, motion.css) so that\n * any runtime token override is automatically picked up by Tailwind utilities.\n \n @theme is a Tailwind v4 CSS-first configuration directive.\n /\n\n/ ==========================================================================\n MD3 ANIMATION KEYFRAMES\n Defined outside @theme so they are globally available as named keyframes.\n ========================================================================== /\n\n/ Ripple — MD3 press state feedback /\n@keyframes md-ripple {\n to {\n transform: translate(-50%, -50%) scale(1);\n opacity: 0;\n }\n}\n\n/ Fade in — opacity 0 → 1, used for: dialogs, menus, snackbars, tooltips /\n@keyframes md-fade-in {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n/ Fade out — opacity 1 → 0, used for: dialog/snackbar/tooltip dismissal /\n@keyframes md-fade-out {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n\n/ Scale in — combined scale + fade, used for: menus, dialogs entering /\n@keyframes md-scale-in {\n from {\n opacity: 0;\n transform: scale(0.85);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n/ Scale out — combined scale + fade, used for: menus, dialogs exiting /\n@keyframes md-scale-out {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.85);\n }\n}\n\n/\n * Slide in from bottom — sheets, navigation bars, snackbars, keyboards.\n * Direction: component enters from below screen bounds.\n /\n@keyframes md-slide-in-bottom {\n from {\n opacity: 0;\n transform: translateY(100%);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n/\n * Slide out to bottom — sheets, navigation bars exit below screen.\n /\n@keyframes md-slide-out-bottom {\n from {\n opacity: 1;\n transform: translateY(0);\n }\n to {\n opacity: 0;\n transform: translateY(100%);\n }\n}\n\n/\n * Slide in from right — forward navigation, drawers on LTR layouts.\n /\n@keyframes md-slide-in-right {\n from {\n opacity: 0;\n transform: translateX(100%);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n/\n * Slide out to right — back navigation, drawer closing on LTR layouts.\n /\n@keyframes md-slide-out-right {\n from {\n opacity: 1;\n transform: translateX(0);\n }\n to {\n opacity: 0;\n transform: translateX(100%);\n }\n}\n\n/\n * Slide in from left — navigation drawer entering from the left edge,\n * back-navigation in LTR layouts.\n /\n@keyframes md-slide-in-left {\n from {\n opacity: 0;\n transform: translateX(-100%);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n/\n * Slide out to left — navigation drawer exiting to the left edge.\n /\n@keyframes md-slide-out-left {\n from {\n opacity: 1;\n transform: translateX(0);\n }\n to {\n opacity: 0;\n transform: translateX(-100%);\n }\n}\n\n/\n * Slide in from top — notifications, banners, top app bar reveal on scroll.\n /\n@keyframes md-slide-in-top {\n from {\n opacity: 0;\n transform: translateY(-100%);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n/\n * Slide out to top — top app bar hiding on scroll, notification dismissal.\n /\n@keyframes md-slide-out-top {\n from {\n opacity: 1;\n transform: translateY(0);\n }\n to {\n opacity: 0;\n transform: translateY(-100%);\n }\n}\n\n/\n * Skeleton pulse — indeterminate loading state shimmer.\n * Starts top-left, sweeps to bottom-right per MD3 spec.\n /\n@keyframes md-skeleton-pulse {\n 0%,\n 100% {\n opacity: 1;\n }\n 50% {\n opacity: 0.4;\n }\n}\n\n/ ==========================================================================\n TAILWIND V4 THEME\n Maps every MD3 token to a Tailwind utility class name.\n ========================================================================== /\n\n@theme {\n / ── COLORS ────────────────────────────────────────────────────────────────\n Usage: bg-primary, text-on-primary, border-outline, etc.\n ──────────────────────────────────────────────────────────────────────── /\n\n --color-primary: var(--md-sys-color-primary);\n --color-on-primary: var(--md-sys-color-on-primary);\n --color-primary-container: var(--md-sys-color-primary-container);\n --color-on-primary-container: var(--md-sys-color-on-primary-container);\n\n --color-secondary: var(--md-sys-color-secondary);\n --color-on-secondary: var(--md-sys-color-on-secondary);\n --color-secondary-container: var(--md-sys-color-secondary-container);\n --color-on-secondary-container: var(--md-sys-color-on-secondary-container);\n\n --color-tertiary: var(--md-sys-color-tertiary);\n --color-on-tertiary: var(--md-sys-color-on-tertiary);\n --color-tertiary-container: var(--md-sys-color-tertiary-container);\n --color-on-tertiary-container: var(--md-sys-color-on-tertiary-container);\n\n --color-error: var(--md-sys-color-error);\n --color-on-error: var(--md-sys-color-on-error);\n --color-error-container: var(--md-sys-color-error-container);\n --color-on-error-container: var(--md-sys-color-on-error-container);\n\n --color-surface: var(--md-sys-color-surface);\n --color-on-surface: var(--md-sys-color-on-surface);\n --color-surface-variant: var(--md-sys-color-surface-variant);\n --color-on-surface-variant: var(--md-sys-color-on-surface-variant);\n\n --color-surface-container-lowest: var(--md-sys-color-surface-container-lowest);\n --color-surface-container-low: var(--md-sys-color-surface-container-low);\n --color-surface-container: var(--md-sys-color-surface-container);\n --color-surface-container-high: var(--md-sys-color-surface-container-high);\n --color-surface-container-highest: var(--md-sys-color-surface-container-highest);\n\n --color-outline: var(--md-sys-color-outline);\n --color-outline-variant: var(--md-sys-color-outline-variant);\n\n --color-background: var(--md-sys-color-background);\n --color-on-background: var(--md-sys-color-on-background);\n\n --color-scrim: var(--md-sys-color-scrim);\n\n --color-inverse-surface: var(--md-sys-color-inverse-surface);\n --color-inverse-on-surface: var(--md-sys-color-inverse-on-surface);\n --color-inverse-primary: var(--md-sys-color-inverse-primary);\n\n / ── ELEVATION / SHADOW ───────────────────────────────────────────────────\n Usage: shadow-elevation-0 … shadow-elevation-5\n ──────────────────────────────────────────────────────────────────────── /\n\n --shadow-elevation-0: var(--md-sys-elevation-level-0);\n --shadow-elevation-1: var(--md-sys-elevation-level-1);\n --shadow-elevation-2: var(--md-sys-elevation-level-2);\n --shadow-elevation-3: var(--md-sys-elevation-level-3);\n --shadow-elevation-4: var(--md-sys-elevation-level-4);\n --shadow-elevation-5: var(--md-sys-elevation-level-5);\n\n / ── TYPOGRAPHY ───────────────────────────────────────────────────────────\n Usage: text-display-large, text-headline-medium, text-body-small, etc.\n Tailwind v4 generates text-* utilities from --text-* variables.\n Paired line-heights use the --text-{name}--line-height convention.\n ──────────────────────────────────────────────────────────────────────── /\n\n --text-display-large: var(--md-sys-typescale-display-large-size);\n --text-display-large--line-height: var(--md-sys-typescale-display-large-line-height);\n --text-display-medium: var(--md-sys-typescale-display-medium-size);\n --text-display-medium--line-height: var(--md-sys-typescale-display-medium-line-height);\n --text-display-small: var(--md-sys-typescale-display-small-size);\n --text-display-small--line-height: var(--md-sys-typescale-display-small-line-height);\n\n --text-headline-large: var(--md-sys-typescale-headline-large-size);\n --text-headline-large--line-height: var(--md-sys-typescale-headline-large-line-height);\n --text-headline-medium: var(--md-sys-typescale-headline-medium-size);\n --text-headline-medium--line-height: var(--md-sys-typescale-headline-medium-line-height);\n --text-headline-small: var(--md-sys-typescale-headline-small-size);\n --text-headline-small--line-height: var(--md-sys-typescale-headline-small-line-height);\n\n --text-title-large: var(--md-sys-typescale-title-large-size);\n --text-title-large--line-height: var(--md-sys-typescale-title-large-line-height);\n --text-title-medium: var(--md-sys-typescale-title-medium-size);\n --text-title-medium--line-height: var(--md-sys-typescale-title-medium-line-height);\n --text-title-small: var(--md-sys-typescale-title-small-size);\n --text-title-small--line-height: var(--md-sys-typescale-title-small-line-height);\n\n --text-body-large: var(--md-sys-typescale-body-large-size);\n --text-body-large--line-height: var(--md-sys-typescale-body-large-line-height);\n --text-body-medium: var(--md-sys-typescale-body-medium-size);\n --text-body-medium--line-height: var(--md-sys-typescale-body-medium-line-height);\n --text-body-small: var(--md-sys-typescale-body-small-size);\n --text-body-small--line-height: var(--md-sys-typescale-body-small-line-height);\n\n --text-label-large: var(--md-sys-typescale-label-large-size);\n --text-label-large--line-height: var(--md-sys-typescale-label-large-line-height);\n --text-label-medium: var(--md-sys-typescale-label-medium-size);\n --text-label-medium--line-height: var(--md-sys-typescale-label-medium-line-height);\n --text-label-small: var(--md-sys-typescale-label-small-size);\n --text-label-small--line-height: var(--md-sys-typescale-label-small-line-height);\n\n / ── SHAPE / BORDER RADIUS ────────────────────────────────────────────────\n Usage: rounded-xs, rounded-sm, rounded-md, rounded-lg, rounded-xl, rounded-full\n ──────────────────────────────────────────────────────────────────────── /\n\n --radius-xs: var(--md-sys-shape-corner-extra-small); / 4px /\n --radius-sm: var(--md-sys-shape-corner-small); / 8px /\n --radius-md: var(--md-sys-shape-corner-medium); / 12px /\n --radius-lg: var(--md-sys-shape-corner-large); / 16px /\n --radius-lg-increased: var(--md-sys-shape-corner-large-increased); / 20px /\n --radius-xl: var(--md-sys-shape-corner-extra-large); / 28px /\n --radius-xl-increased: var(--md-sys-shape-corner-extra-large-increased); / 32px /\n --radius-2xl: var(--md-sys-shape-corner-extra-extra-large); / 48px /\n --radius-full: var(--md-sys-shape-corner-full);\n\n / ── SPACING (MD3 component dimension shortcuts) ──────────────────────────\n Usage: h-appbar-small, w-drawer, max-w-dialog, etc.\n ──────────────────────────────────────────────────────────────────────── /\n\n --spacing-appbar-small: 4rem; / 64px /\n --spacing-appbar-medium: 7rem; / 112px — M3 Expressive flexible medium, no subtitle /\n --spacing-appbar-medium-subtitle: 8.5rem; / 136px — M3 Expressive flexible medium, with subtitle /\n --spacing-appbar-large: 7.5rem; / 120px — M3 Expressive flexible large, no subtitle /\n --spacing-appbar-large-subtitle: 9.5rem; / 152px — M3 Expressive flexible large, with subtitle /\n --spacing-drawer: 22.5rem; / 360px /\n --spacing-snackbar-max: 35.5rem; / 568px /\n --spacing-dialog-max: 35rem; / 560px /\n\n / ── OPACITY (MD3 state layer values) ─────────────────────────────────────\n Usage: opacity-8, opacity-10, opacity-12, opacity-16, opacity-32, opacity-38\n ──────────────────────────────────────────────────────────────────────── /\n\n --opacity-8: 8%;\n --opacity-10: 10%;\n --opacity-12: 12%;\n --opacity-16: 16%;\n --opacity-32: 32%;\n --opacity-38: 38%;\n\n / ── LEGACY DURATION UTILITIES ────────────────────────────────────────────\n Usage: duration-short1, duration-medium2, duration-long4, duration-extra-long2\n These map directly to Tailwind's transition-duration-* utilities.\n ──────────────────────────────────────────────────────────────────────── /\n\n / Short /\n --transition-duration-short1: var(--md-sys-motion-duration-short1); / 50ms /\n --transition-duration-short2: var(--md-sys-motion-duration-short2); / 100ms /\n --transition-duration-short3: var(--md-sys-motion-duration-short3); / 150ms /\n --transition-duration-short4: var(--md-sys-motion-duration-short4); / 200ms /\n\n / Medium /\n --transition-duration-medium1: var(--md-sys-motion-duration-medium1); / 250ms /\n --transition-duration-medium2: var(--md-sys-motion-duration-medium2); / 300ms /\n --transition-duration-medium3: var(--md-sys-motion-duration-medium3); / 350ms /\n --transition-duration-medium4: var(--md-sys-motion-duration-medium4); / 400ms /\n\n / Long /\n --transition-duration-long1: var(--md-sys-motion-duration-long1); / 450ms /\n --transition-duration-long2: var(--md-sys-motion-duration-long2); / 500ms /\n --transition-duration-long3: var(--md-sys-motion-duration-long3); / 550ms /\n --transition-duration-long4: var(--md-sys-motion-duration-long4); / 600ms /\n\n / Extra-long /\n --transition-duration-extra-long1: var(--md-sys-motion-duration-extra-long1); / 700ms /\n --transition-duration-extra-long2: var(--md-sys-motion-duration-extra-long2); / 800ms /\n --transition-duration-extra-long3: var(--md-sys-motion-duration-extra-long3); / 900ms /\n --transition-duration-extra-long4: var(--md-sys-motion-duration-extra-long4); / 1000ms /\n\n / ── LEGACY EASING UTILITIES ──────────────────────────────────────────────\n Usage: ease-standard, ease-emphasized-decelerate, ease-standard-accelerate\n These map to Tailwind's transition-timing-function-* (ease-) utilities.\n ──────────────────────────────────────────────────────────────────────── /\n\n --ease-standard: var(--md-sys-motion-easing-standard);\n --ease-standard-decelerate: var(--md-sys-motion-easing-standard-decelerate);\n --ease-standard-accelerate: var(--md-sys-motion-easing-standard-accelerate);\n --ease-emphasized: var(--md-sys-motion-easing-emphasized);\n --ease-emphasized-decelerate: var(--md-sys-motion-easing-emphasized-decelerate);\n --ease-emphasized-accelerate: var(--md-sys-motion-easing-emphasized-accelerate);\n\n /* ── SPRING EASING UTILITIES — EXPRESSIVE ─────────────────────────────────\n Usage: ease-expressive-fast-spatial, ease-expressive-default-effects, etc.\n Apply alongside the matching duration-expressive-* utility.\n ──────────────────────────────────────────────────────────────────────── /\n\n --ease-expressive-fast-spatial: var(--md-sys-motion-expressive-fast-spatial-easing);\n --ease-expressive-default-spatial: var(--md-sys-motion-expressive-default-spatial-easing);\n --ease-expressive-slow-spatial: var(--md-sys-motion-expressive-slow-spatial-easing);\n --ease-expressive-fast-effects: var(--md-sys-motion-expressive-fast-effects-easing);\n --ease-expressive-default-effects: var(--md-sys-motion-expressive-default-effects-easing);\n --ease-expressive-slow-effects: var(--md-sys-motion-expressive-slow-effects-easing);\n\n / ── SPRING DURATION UTILITIES — EXPRESSIVE ───────────────────────────────\n Usage: duration-expressive-fast-spatial, duration-expressive-default-effects, etc.\n ──────────────────────────────────────────────────────────────────────── /\n\n --transition-duration-expressive-fast-spatial: var(\n --md-sys-motion-expressive-fast-spatial-duration\n ); / 350ms /\n --transition-duration-expressive-default-spatial: var(\n --md-sys-motion-expressive-default-spatial-duration\n ); / 500ms /\n --transition-duration-expressive-slow-spatial: var(\n --md-sys-motion-expressive-slow-spatial-duration\n ); / 650ms /\n --transition-duration-expressive-fast-effects: var(\n --md-sys-motion-expressive-fast-effects-duration\n ); / 150ms /\n --transition-duration-expressive-default-effects: var(\n --md-sys-motion-expressive-default-effects-duration\n ); / 200ms /\n --transition-duration-expressive-slow-effects: var(\n --md-sys-motion-expressive-slow-effects-duration\n ); / 300ms /\n\n / ── SPRING EASING UTILITIES — STANDARD ───────────────────────────────────\n Usage: ease-standard-fast-spatial, ease-standard-default-effects, etc.\n Note: prefix \"standard\" here refers to the spring motion personality,\n not the legacy --md-sys-motion-easing-standard curve.\n ──────────────────────────────────────────────────────────────────────── /\n\n --ease-spring-standard-fast-spatial: var(--md-sys-motion-standard-fast-spatial-easing);\n --ease-spring-standard-default-spatial: var(--md-sys-motion-standard-default-spatial-easing);\n --ease-spring-standard-slow-spatial: var(--md-sys-motion-standard-slow-spatial-easing);\n --ease-spring-standard-fast-effects: var(--md-sys-motion-standard-fast-effects-easing);\n --ease-spring-standard-default-effects: var(--md-sys-motion-standard-default-effects-easing);\n --ease-spring-standard-slow-effects: var(--md-sys-motion-standard-slow-effects-easing);\n\n / ── SPRING DURATION UTILITIES — STANDARD ─────────────────────────────────\n Usage: duration-spring-standard-fast-spatial, etc.\n ──────────────────────────────────────────────────────────────────────── /\n\n --transition-duration-spring-standard-fast-spatial: var(\n --md-sys-motion-standard-fast-spatial-duration\n ); / 350ms /\n --transition-duration-spring-standard-default-spatial: var(\n --md-sys-motion-standard-default-spatial-duration\n ); / 500ms /\n --transition-duration-spring-standard-slow-spatial: var(\n --md-sys-motion-standard-slow-spatial-duration\n ); / 750ms /\n --transition-duration-spring-standard-fast-effects: var(\n --md-sys-motion-standard-fast-effects-duration\n ); / 150ms /\n --transition-duration-spring-standard-default-effects: var(\n --md-sys-motion-standard-default-effects-duration\n ); / 200ms /\n --transition-duration-spring-standard-slow-effects: var(\n --md-sys-motion-standard-slow-effects-duration\n ); / 300ms /\n\n / ── COMPOSITE ANIMATION UTILITIES ───────────────────────────────────────\n Pre-built animate-* utilities combining keyframe + duration + easing.\n Usage: animate-md-ripple, animate-md-fade-in, animate-md-scale-in, etc.\n ──────────────────────────────────────────────────────────────────────── /\n\n / Ripple — emphasized spatial curve, long1 (450ms) /\n --animate-md-ripple: md-ripple 450ms cubic-bezier(0.2, 0, 0, 1);\n\n / Fade in — expressive default effects: 200ms /\n --animate-md-fade-in: md-fade-in var(--md-sys-motion-expressive-default-effects-duration)\n var(--md-sys-motion-expressive-default-effects-easing) forwards;\n\n / Fade out — standard fast effects: 150ms /\n --animate-md-fade-out: md-fade-out var(--md-sys-motion-standard-fast-effects-duration)\n var(--md-sys-motion-standard-fast-effects-easing) forwards;\n\n / Scale in (menu/dialog enter) — expressive fast spatial: 350ms /\n --animate-md-scale-in: md-scale-in var(--md-sys-motion-expressive-fast-spatial-duration)\n var(--md-sys-motion-expressive-fast-spatial-easing) both;\n\n / Scale out (menu/dialog exit) — legacy emphasized accelerate: 200ms /\n --animate-md-scale-out: md-scale-out var(--md-sys-motion-duration-short4)\n var(--md-sys-motion-easing-emphasized-accelerate) both;\n\n / Slide in from bottom (sheets, nav bar) — standard default spatial: 500ms /\n --animate-md-slide-in-bottom: md-slide-in-bottom\n var(--md-sys-motion-standard-default-spatial-duration)\n var(--md-sys-motion-standard-default-spatial-easing) forwards;\n\n / Slide out to bottom — legacy emphasized accelerate: 200ms /\n --animate-md-slide-out-bottom: md-slide-out-bottom var(--md-sys-motion-duration-short4)\n var(--md-sys-motion-easing-emphasized-accelerate) forwards;\n\n / Slide in from right (forward navigation, drawer) — standard default spatial: 500ms /\n --animate-md-slide-in-right: md-slide-in-right\n var(--md-sys-motion-standard-default-spatial-duration)\n var(--md-sys-motion-standard-default-spatial-easing) forwards;\n\n / Slide out to right — legacy emphasized accelerate: 200ms /\n --animate-md-slide-out-right: md-slide-out-right var(--md-sys-motion-duration-short4)\n var(--md-sys-motion-easing-emphasized-accelerate) forwards;\n\n / Slide in from left (nav drawer, back navigation) — standard default spatial: 500ms /\n --animate-md-slide-in-left: md-slide-in-left\n var(--md-sys-motion-standard-default-spatial-duration)\n var(--md-sys-motion-standard-default-spatial-easing) forwards;\n\n / Slide out to left — legacy emphasized accelerate: 200ms /\n --animate-md-slide-out-left: md-slide-out-left var(--md-sys-motion-duration-short4)\n var(--md-sys-motion-easing-emphasized-accelerate) forwards;\n\n / Slide in from top (notifications, banners) — standard default spatial: 500ms /\n --animate-md-slide-in-top: md-slide-in-top var(--md-sys-motion-standard-default-spatial-duration)\n var(--md-sys-motion-standard-default-spatial-easing) forwards;\n\n / Slide out to top — legacy emphasized accelerate: 200ms /\n --animate-md-slide-out-top: md-slide-out-top var(--md-sys-motion-duration-short4)\n var(--md-sys-motion-easing-emphasized-accelerate) forwards;\n\n / Skeleton pulse — extra-long1 (700ms), infinitely looping /\n --animate-md-skeleton-pulse: md-skeleton-pulse 700ms ease-in-out infinite;\n}\n","/\n @tinybigui/react\n * Main stylesheet — includes MD3 tokens, Tailwind @theme bridge, and component styles.\n \n Import this file in your app AFTER @import \"tailwindcss\":\n \n @import \"tailwindcss\";\n * @source \"../node_modules/@tinybigui/react/dist\";\n * @import \"@tinybigui/react/styles.css\";\n \n The @source directive is required so Tailwind scans the compiled library\n * output for utility class names and generates them in your CSS bundle.\n /\n\n/ ==========================================================================\n DESIGN TOKENS + TAILWIND @THEME BRIDGE\n Imports all MD3 CSS variable tokens and the Tailwind utility mappings.\n Resolves via pnpm workspace link in monorepo dev; via node_modules after publish.\n ========================================================================== /\n\n@import \"@tinybigui/tokens/preset.css\";\n\n/ ==========================================================================\n GLOBAL BASE STYLES\n Apply MD3 surface colors and typography to the document root.\n Placed in @layer base so consumer styles can easily override.\n ========================================================================== /\n\n@layer base {\n body {\n background-color: var(--md-sys-color-surface);\n color: var(--md-sys-color-on-surface);\n margin: 0;\n font-family: var(--md-sys-typescale-font-family-plain);\n }\n}\n\n/ ==========================================================================\n COMPONENT STYLES\n Base styles for all components (future)\n ========================================================================== /\n\n/ Progress Indicator — indeterminate keyframes /\n@import \"./components/Progress/Progress.css\";\n\n/ ==========================================================================\n COMPONENT TRANSITION UTILITIES\n Split MD3 transition: spatial properties use the expressive spring (allows\n overshoot); effects properties use the standard spring (no overshoot).\n\n MD3 spec: opacity/color/blur MUST NOT overshoot — applying the expressive\n spatial cubic-bezier to color transitions causes a visible flicker/stutter.\n ========================================================================== /\n\n/\n btn-transition — use on all Button and IconButton elements inside connected\n * groups where border-radius morphs on selection.\n \n Spatial (border-radius): driven by --_btn-radius-easing (see below)\n * Effects (color / bg / shadow): standard-fast-effects 150ms, no overshoot\n \n Border-radius easing is asymmetric by design:\n \n Deselecting (pill → inner radius): emphasized-decelerate cubic-bezier(0.05, 0.7, 0.1, 1)\n * → No overshoot. Prevents the \"sharp corner flash\" that occurs when the\n * expressive spring overshoots below 0px from a large radius.\n \n Selecting (inner → pill): expressive-fast-spatial cubic-bezier(0.42, 1.67, 0.21, 0.9)\n * → Overshoot is safe (can't go past fully-round). Applied via\n * `btn-transition-selected` class added when the button is group-selected.\n \n CSS transitions use the easing active on the element AFTER the state change,\n * so toggling `btn-transition-selected` in the same render cycle that changes\n * the radius class correctly applies the right easing for each direction.\n /\n@utility btn-transition {\n / Default easing for border-radius: decelerate (no overshoot) for deselect path /\n --_btn-radius-easing: var(--md-sys-motion-easing-emphasized-decelerate);\n\n transition:\n / Spatial — shape morphing; easing is directional via --_btn-radius-easing /\n border-radius var(--md-sys-motion-expressive-fast-spatial-duration) var(--_btn-radius-easing),\n / Effects — no overshoot on color/opacity/shadow changes / color\n var(--md-sys-motion-standard-fast-effects-duration)\n var(--md-sys-motion-standard-fast-effects-easing),\n background-color var(--md-sys-motion-standard-fast-effects-duration)\n var(--md-sys-motion-standard-fast-effects-easing),\n border-color var(--md-sys-motion-standard-fast-effects-duration)\n var(--md-sys-motion-standard-fast-effects-easing),\n opacity var(--md-sys-motion-standard-fast-effects-duration)\n var(--md-sys-motion-standard-fast-effects-easing),\n box-shadow var(--md-sys-motion-standard-fast-effects-duration)\n var(--md-sys-motion-standard-fast-effects-easing),\n outline-color var(--md-sys-motion-standard-fast-effects-duration)\n var(--md-sys-motion-standard-fast-effects-easing);\n}\n\n/\n btn-transition-selected — apply alongside `btn-transition` when a button is\n * currently selected inside a connected group.\n \n Switches the border-radius easing to expressive-fast-spatial so that the\n * inner-radius → pill animation gains the intentional overshoot bounce.\n * Removed when the button is deselected, leaving `btn-transition`'s default\n * emphasized-decelerate easing for the pill → inner-radius return path.\n */\n@utility btn-transition-selected {\n --_btn-radius-easing: var(--md-sys-motion-expressive-fast-spatial-easing);\n}\n"],"mappings":"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AE,IAAI,EAAE;AAC7E,kDAAgD;AAClD;;;;;AClMA,WAAW;AACT;AACE,eAAW,UAAU,IAAI,EAAE,MAAM,MAAM;AACvC,aAAS;AACX;AACF;AAGA,WAAW;AACT;AACE,aAAS;AACX;AACA;AACE,aAAS;AACX;AACF;AAGA,WAAW;AACT;AACE,aAAS;AACX;AACA;AACE,aAAS;AACX;AACF;AAGA,WAAW;AACT;AACE,aAAS;AACT,eAAW,MAAM;AACnB;AACA;AACE,aAAS;AACT,eAAW,MAAM;AACnB;AACF;AAGA,WAAW;AACT;AACE,aAAS;AACT,eAAW,MAAM;AACnB;AACA;AACE,aAAS;AACT,eAAW,MAAM;AACnB;AACF;AAMA,WAAW;AACT;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACA;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACF;AAKA,WAAW;AACT;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACA;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACF;AAKA,WAAW;AACT;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACA;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACF;AAKA,WAAW;AACT;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACA;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACF;AAMA,WAAW;AACT;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACA;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACF;AAKA,WAAW;AACT;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACA;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACF;AAKA,WAAW;AACT;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACA;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACF;AAKA,WAAW;AACT;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACA;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACF;AAMA,WAAW;AACT;AAEE,aAAS;AACX;AACA;AACE,aAAS;AACX;AACF;AAOA,OAAO,EAKL,eAAe,EAAE,IAAI,uBAAuB,EAC5C,kBAAkB,EAAE,IAAI,0BAA0B,EAClD,yBAAyB,EAAE,IAAI,iCAAiC,EAChE,4BAA4B,EAAE,IAAI,oCAAoC,EAEtE,iBAAiB,EAAE,IAAI,yBAAyB,EAChD,oBAAoB,EAAE,IAAI,4BAA4B,EACtD,2BAA2B,EAAE,IAAI,mCAAmC,EACpE,8BAA8B,EAAE,IAAI,sCAAsC,EAE1E,gBAAgB,EAAE,IAAI,wBAAwB,EAC9C,mBAAmB,EAAE,IAAI,2BAA2B,EACpD,0BAA0B,EAAE,IAAI,kCAAkC,EAClE,6BAA6B,EAAE,IAAI,qCAAqC,EAExE,aAAa,EAAE,IAAI,qBAAqB,EACxC,gBAAgB,EAAE,IAAI,wBAAwB,EAC9C,uBAAuB,EAAE,IAAI,+BAA+B,EAC5D,0BAA0B,EAAE,IAAI,kCAAkC,EAElE,eAAe,EAAE,IAAI,uBAAuB,EAC5C,kBAAkB,EAAE,IAAI,0BAA0B,EAClD,uBAAuB,EAAE,IAAI,+BAA+B,EAC5D,0BAA0B,EAAE,IAAI,kCAAkC,EAElE,gCAAgC,EAAE,IAAI,wCAAwC,EAC9E,6BAA6B,EAAE,IAAI,qCAAqC,EACxE,yBAAyB,EAAE,IAAI,iCAAiC,EAChE,8BAA8B,EAAE,IAAI,sCAAsC,EAC1E,iCAAiC,EAAE,IAAI,yCAAyC,EAEhF,eAAe,EAAE,IAAI,uBAAuB,EAC5C,uBAAuB,EAAE,IAAI,+BAA+B,EAE5D,kBAAkB,EAAE,IAAI,0BAA0B,EAClD,qBAAqB,EAAE,IAAI,6BAA6B,EAExD,aAAa,EAAE,IAAI,qBAAqB,EAExC,uBAAuB,EAAE,IAAI,+BAA+B,EAC5D,0BAA0B,EAAE,IAAI,kCAAkC,EAClE,uBAAuB,EAAE,IAAI,+BAA+B,EAM5D,oBAAoB,EAAE,IAAI,2BAA2B,EACrD,oBAAoB,EAAE,IAAI,2BAA2B,EACrD,oBAAoB,EAAE,IAAI,2BAA2B,EACrD,oBAAoB,EAAE,IAAI,2BAA2B,EACrD,oBAAoB,EAAE,IAAI,2BAA2B,EACrD,oBAAoB,EAAE,IAAI,2BAA2B,EAQrD,oBAAoB,EAAE,IAAI,sCAAsC,EAChE,iCAAiC,EAAE,IAAI,6CAA6C,EACpF,qBAAqB,EAAE,IAAI,uCAAuC,EAClE,kCAAkC,EAAE,IAAI,8CAA8C,EACtF,oBAAoB,EAAE,IAAI,sCAAsC,EAChE,iCAAiC,EAAE,IAAI,6CAA6C,EAEpF,qBAAqB,EAAE,IAAI,uCAAuC,EAClE,kCAAkC,EAAE,IAAI,8CAA8C,EACtF,sBAAsB,EAAE,IAAI,wCAAwC,EACpE,mCAAmC,EAAE,IAAI,+CAA+C,EACxF,qBAAqB,EAAE,IAAI,uCAAuC,EAClE,kCAAkC,EAAE,IAAI,8CAA8C,EAEtF,kBAAkB,EAAE,IAAI,oCAAoC,EAC5D,+BAA+B,EAAE,IAAI,2CAA2C,EAChF,mBAAmB,EAAE,IAAI,qCAAqC,EAC9D,gCAAgC,EAAE,IAAI,4CAA4C,EAClF,kBAAkB,EAAE,IAAI,oCAAoC,EAC5D,+BAA+B,EAAE,IAAI,2CAA2C,EAEhF,iBAAiB,EAAE,IAAI,mCAAmC,EAC1D,8BAA8B,EAAE,IAAI,0CAA0C,EAC9E,kBAAkB,EAAE,IAAI,oCAAoC,EAC5D,+BAA+B,EAAE,IAAI,2CAA2C,EAChF,iBAAiB,EAAE,IAAI,mCAAmC,EAC1D,8BAA8B,EAAE,IAAI,0CAA0C,EAE9E,kBAAkB,EAAE,IAAI,oCAAoC,EAC5D,+BAA+B,EAAE,IAAI,2CAA2C,EAChF,mBAAmB,EAAE,IAAI,qCAAqC,EAC9D,gCAAgC,EAAE,IAAI,4CAA4C,EAClF,kBAAkB,EAAE,IAAI,oCAAoC,EAC5D,+BAA+B,EAAE,IAAI,2CAA2C,EAMhF,WAAW,EAAE,IAAI,kCAAkC,EACnD,WAAW,EAAE,IAAI,4BAA4B,EAC7C,WAAW,EAAE,IAAI,6BAA6B,EAC9C,WAAW,EAAE,IAAI,4BAA4B,EAC7C,qBAAqB,EAAE,IAAI,sCAAsC,EACjE,WAAW,EAAE,IAAI,kCAAkC,EACnD,qBAAqB,EAAE,IAAI,4CAA4C,EACvE,YAAY,EAAE,IAAI,wCAAwC,EAC1D,aAAa,EAAE,IAAI,2BAA2B,EAM9C,sBAAsB,EAAE,IAAI,EAC5B,uBAAuB,EAAE,IAAI,EAC7B,gCAAgC,EAAE,MAAM,EACxC,sBAAsB,EAAE,MAAM,EAC9B,+BAA+B,EAAE,MAAM,EACvC,gBAAgB,EAAE,OAAO,EACzB,sBAAsB,EAAE,OAAO,EAC/B,oBAAoB,EAAE,KAAK,EAM3B,WAAW,EAAE,EAAE,EACf,YAAY,EAAE,GAAG,EACjB,YAAY,EAAE,GAAG,EACjB,YAAY,EAAE,GAAG,EACjB,YAAY,EAAE,GAAG,EACjB,YAAY,EAAE,GAAG,EAQjB,4BAA4B,EAAE,IAAI,gCAAgC,EAClE,4BAA4B,EAAE,IAAI,gCAAgC,EAClE,4BAA4B,EAAE,IAAI,gCAAgC,EAClE,4BAA4B,EAAE,IAAI,gCAAgC,EAGlE,6BAA6B,EAAE,IAAI,iCAAiC,EACpE,6BAA6B,EAAE,IAAI,iCAAiC,EACpE,6BAA6B,EAAE,IAAI,iCAAiC,EACpE,6BAA6B,EAAE,IAAI,iCAAiC,EAGpE,2BAA2B,EAAE,IAAI,+BAA+B,EAChE,2BAA2B,EAAE,IAAI,+BAA+B,EAChE,2BAA2B,EAAE,IAAI,+BAA+B,EAChE,2BAA2B,EAAE,IAAI,+BAA+B,EAGhE,iCAAiC,EAAE,IAAI,qCAAqC,EAC5E,iCAAiC,EAAE,IAAI,qCAAqC,EAC5E,iCAAiC,EAAE,IAAI,qCAAqC,EAC5E,iCAAiC,EAAE,IAAI,qCAAqC,EAO5E,eAAe,EAAE,IAAI,gCAAgC,EACrD,0BAA0B,EAAE,IAAI,2CAA2C,EAC3E,0BAA0B,EAAE,IAAI,2CAA2C,EAC3E,iBAAiB,EAAE,IAAI,kCAAkC,EACzD,4BAA4B,EAAE,IAAI,6CAA6C,EAC/E,4BAA4B,EAAE,IAAI,6CAA6C,EAO/E,8BAA8B,EAAE,IAAI,+CAA+C,EACnF,iCAAiC,EAAE,IAAI,kDAAkD,EACzF,8BAA8B,EAAE,IAAI,+CAA+C,EACnF,8BAA8B,EAAE,IAAI,+CAA+C,EACnF,iCAAiC,EAAE,IAAI,kDAAkD,EACzF,8BAA8B,EAAE,IAAI,+CAA+C,EAMnF,6CAA6C,EAAE,KAC7C,kDACD,EACD,gDAAgD,EAAE,KAChD,qDACD,EACD,6CAA6C,EAAE,KAC7C,kDACD,EACD,6CAA6C,EAAE,KAC7C,kDACD,EACD,gDAAgD,EAAE,KAChD,qDACD,EACD,6CAA6C,EAAE,KAC7C,kDACD,EAQD,mCAAmC,EAAE,IAAI,6CAA6C,EACtF,sCAAsC,EAAE,IAAI,gDAAgD,EAC5F,mCAAmC,EAAE,IAAI,6CAA6C,EACtF,mCAAmC,EAAE,IAAI,6CAA6C,EACtF,sCAAsC,EAAE,IAAI,gDAAgD,EAC5F,mCAAmC,EAAE,IAAI,6CAA6C,EAMtF,kDAAkD,EAAE,KAClD,gDACD,EACD,qDAAqD,EAAE,KACrD,mDACD,EACD,kDAAkD,EAAE,KAClD,gDACD,EACD,kDAAkD,EAAE,KAClD,gDACD,EACD,qDAAqD,EAAE,KACrD,mDACD,EACD,kDAAkD,EAAE,KAClD,gDACD,EAQD,mBAAmB,EAAE,UAAU,MAAM,aAAa,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAG/D,oBAAoB,EAAE,WAAW,IAAI,qDACnC,IAAI,mDAAmD,QAAQ,EAGjE,qBAAqB,EAAE,YAAY,IAAI,gDACrC,IAAI,8CAA8C,QAAQ,EAG5D,qBAAqB,EAAE,YAAY,IAAI,kDACrC,IAAI,gDAAgD,IAAI,EAG1D,sBAAsB,EAAE,aAAa,IAAI,iCACvC,IAAI,8CAA8C,IAAI,EAGxD,4BAA4B,EAAE,mBAC5B,IAAI,mDACJ,IAAI,iDAAiD,QAAQ,EAG/D,6BAA6B,EAAE,oBAAoB,IAAI,iCACrD,IAAI,8CAA8C,QAAQ,EAG5D,2BAA2B,EAAE,kBAC3B,IAAI,mDACJ,IAAI,iDAAiD,QAAQ,EAG/D,4BAA4B,EAAE,mBAAmB,IAAI,iCACnD,IAAI,8CAA8C,QAAQ,EAG5D,0BAA0B,EAAE,iBAC1B,IAAI,mDACJ,IAAI,iDAAiD,QAAQ,EAG/D,2BAA2B,EAAE,kBAAkB,IAAI,iCACjD,IAAI,8CAA8C,QAAQ,EAG5D,yBAAyB,EAAE,gBAAgB,IAAI,mDAC7C,IAAI,iDAAiD,QAAQ,EAG/D,0BAA0B,EAAE,iBAAiB,IAAI,iCAC/C,IAAI,8CAA8C,QAAQ,EAG5D,2BAA2B,EAAE,kBAAkB,MAAM,YAAY,QAAQ;;;;;ACne3E;AACE;AACE,sBAAkB,IAAI;AACtB,WAAO,IAAI;AACX,YAAQ;AACR,iBAAa,IAAI;AACnB;AACF;AAQA,QAAQ;AAgCR,SAAS,eAAe,EAEtB,oBAAoB,EAAE,IAAI,6CAA6C,EAEvE,UAAU,EAER,cAAc,IAAI,kDAAkD,IAAI,qBAAqB,EAChC,MAC3D,IAAI,gDACJ,IAAI,6CAA6C,EACnD,iBAAiB,IAAI,gDACnB,IAAI,6CAA6C,EACnD,aAAa,IAAI,gDACf,IAAI,6CAA6C,EACnD,QAAQ,IAAI,gDACV,IAAI,6CAA6C,EACnD,WAAW,IAAI,gDACb,IAAI,6CAA6C,EACnD,cAAc,IAAI,gDAChB,IAAI,6CAA6C;AAYvD,SAAS,wBAAwB,EAC/B,oBAAoB,EAAE,IAAI,+CAA+C;","names":[]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@tinybigui/react",
-  "version": "0.22.0",
+  "version": "0.24.0",
   "description": "Material Design 3 React components built with Tailwind CSS",
   "keywords": [
     "react",
@@ -90,7 +90,7 @@
     "typescript": "^5.7.2",
     "typescript-eslint": "^8.51.0",
     "vitest-axe": "^0.1.0",
-    "@tinybigui/tokens": "0.13.0"
+    "@tinybigui/tokens": "0.23.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",