@tinybigui/react 0.2.0 → 0.4.1

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.
@@ -1 +1 @@
1
- {"version":3,"sources":["../../tokens/src/tokens.css"],"sourcesContent":["/**\n * @tinybigui/tokens\n * Material Design 3 Design Tokens\n * \n * This file contains CSS variables for MD3 design tokens.\n * These tokens will be generated from Material Color Utilities\n * and other MD3 specifications.\n */\n\n/* Import Tailwind CSS v4 */\n@import \"tailwindcss\";\n\n:root {\n /* ==========================================================================\n COLOR TOKENS\n Material Design 3 color system with light/dark mode support\n Complete set of 18 semantic color roles for light and dark themes\n ========================================================================== */\n\n /* Primary */\n --md-sys-color-primary: #6750a4;\n --md-sys-color-on-primary: #ffffff;\n --md-sys-color-primary-container: #eaddff;\n --md-sys-color-on-primary-container: #21005d;\n\n /* Secondary */\n --md-sys-color-secondary: #625b71;\n --md-sys-color-on-secondary: #ffffff;\n --md-sys-color-secondary-container: #e8def8;\n --md-sys-color-on-secondary-container: #1d192b;\n\n /* Tertiary */\n --md-sys-color-tertiary: #7d5260;\n --md-sys-color-on-tertiary: #ffffff;\n --md-sys-color-tertiary-container: #ffd8e4;\n --md-sys-color-on-tertiary-container: #31111d;\n\n /* Error */\n --md-sys-color-error: #b3261e;\n --md-sys-color-on-error: #ffffff;\n --md-sys-color-error-container: #f9dedc;\n --md-sys-color-on-error-container: #410e0b;\n\n /* Surface */\n --md-sys-color-surface: #fffbfe;\n --md-sys-color-on-surface: #1c1b1f;\n --md-sys-color-surface-variant: #e7e0ec;\n --md-sys-color-on-surface-variant: #49454f;\n\n /* Surface containers (MD3 elevation system) */\n --md-sys-color-surface-container-lowest: #ffffff;\n --md-sys-color-surface-container-low: #f7f2fa;\n --md-sys-color-surface-container: #f3edf7;\n --md-sys-color-surface-container-high: #ece6f0;\n --md-sys-color-surface-container-highest: #e6e0e9;\n\n /* Outline */\n --md-sys-color-outline: #79747e;\n --md-sys-color-outline-variant: #cac4d0;\n\n /* Background */\n --md-sys-color-background: #fffbfe;\n --md-sys-color-on-background: #1c1b1f;\n\n /* Scrim */\n --md-sys-color-scrim: #000000;\n\n /* ==========================================================================\n TYPOGRAPHY TOKENS\n Material Design 3 Type Scale - 5 categories, 3 sizes each (15 total)\n ========================================================================== */\n\n /* Font families */\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 /* Display - Large expressive text */\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 /* Headline - High-emphasis text */\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 /* Title - Medium-emphasis text */\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 /* Body - Plain text */\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 /* Label - UI labels, buttons */\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 SHAPE TOKENS\n Material Design 3 corner radius system\n ========================================================================== */\n\n --md-sys-shape-corner-none: 0;\n --md-sys-shape-corner-extra-small: 0.25rem;\n --md-sys-shape-corner-small: 0.5rem;\n --md-sys-shape-corner-medium: 0.75rem;\n --md-sys-shape-corner-large: 1rem;\n --md-sys-shape-corner-extra-large: 1.75rem;\n --md-sys-shape-corner-full: 624.9375rem;\n\n /* ==========================================================================\n ELEVATION TOKENS\n Material Design 3 elevation system (box shadows)\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 MOTION TOKENS\n Material Design 3 motion system (duration and easing)\n ========================================================================== */\n\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 --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 --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 --md-sys-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);\n --md-sys-motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);\n --md-sys-motion-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);\n --md-sys-motion-easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15);\n}\n\n/* ==========================================================================\n DARK MODE (Placeholder)\n ========================================================================== */\n\n/* Dark mode with class selector (for manual toggling, e.g., Storybook) */\n.dark {\n /* Primary */\n --md-sys-color-primary: #d0bcff;\n --md-sys-color-on-primary: #381e72;\n --md-sys-color-primary-container: #4f378b;\n --md-sys-color-on-primary-container: #eaddff;\n\n /* Secondary */\n --md-sys-color-secondary: #ccc2dc;\n --md-sys-color-on-secondary: #332d41;\n --md-sys-color-secondary-container: #4a4458;\n --md-sys-color-on-secondary-container: #e8def8;\n\n /* Tertiary */\n --md-sys-color-tertiary: #efb8c8;\n --md-sys-color-on-tertiary: #492532;\n --md-sys-color-tertiary-container: #633b48;\n --md-sys-color-on-tertiary-container: #ffd8e4;\n\n /* Error */\n --md-sys-color-error: #f2b8b5;\n --md-sys-color-on-error: #601410;\n --md-sys-color-error-container: #8c1d18;\n --md-sys-color-on-error-container: #f9dedc;\n\n /* Surface */\n --md-sys-color-surface: #1c1b1f;\n --md-sys-color-on-surface: #e6e1e5;\n --md-sys-color-surface-variant: #49454f;\n --md-sys-color-on-surface-variant: #cac4d0;\n\n /* Surface containers (MD3 elevation system - dark mode) */\n --md-sys-color-surface-container-lowest: #0f0d13;\n --md-sys-color-surface-container-low: #1d1b20;\n --md-sys-color-surface-container: #211f26;\n --md-sys-color-surface-container-high: #2b2930;\n --md-sys-color-surface-container-highest: #36343b;\n\n /* Outline */\n --md-sys-color-outline: #938f99;\n --md-sys-color-outline-variant: #49454f;\n\n /* Background */\n --md-sys-color-background: #1c1b1f;\n --md-sys-color-on-background: #e6e1e5;\n\n /* Scrim */\n --md-sys-color-scrim: #000000;\n}\n\n/* System/OS dark mode preference (activates when no .light class is present) */\n@media (prefers-color-scheme: dark) {\n :root:not(.light) {\n /* Primary */\n --md-sys-color-primary: #d0bcff;\n --md-sys-color-on-primary: #381e72;\n --md-sys-color-primary-container: #4f378b;\n --md-sys-color-on-primary-container: #eaddff;\n\n /* Secondary */\n --md-sys-color-secondary: #ccc2dc;\n --md-sys-color-on-secondary: #332d41;\n --md-sys-color-secondary-container: #4a4458;\n --md-sys-color-on-secondary-container: #e8def8;\n\n /* Tertiary */\n --md-sys-color-tertiary: #efb8c8;\n --md-sys-color-on-tertiary: #492532;\n --md-sys-color-tertiary-container: #633b48;\n --md-sys-color-on-tertiary-container: #ffd8e4;\n\n /* Error */\n --md-sys-color-error: #f2b8b5;\n --md-sys-color-on-error: #601410;\n --md-sys-color-error-container: #8c1d18;\n --md-sys-color-on-error-container: #f9dedc;\n\n /* Surface */\n --md-sys-color-surface: #1c1b1f;\n --md-sys-color-on-surface: #e6e1e5;\n --md-sys-color-surface-variant: #49454f;\n --md-sys-color-on-surface-variant: #cac4d0;\n\n /* Surface containers (MD3 elevation system - dark mode) */\n --md-sys-color-surface-container-lowest: #0f0d13;\n --md-sys-color-surface-container-low: #1d1b20;\n --md-sys-color-surface-container: #211f26;\n --md-sys-color-surface-container-high: #2b2930;\n --md-sys-color-surface-container-highest: #36343b;\n\n /* Outline */\n --md-sys-color-outline: #938f99;\n --md-sys-color-outline-variant: #49454f;\n\n /* Background */\n --md-sys-color-background: #1c1b1f;\n --md-sys-color-on-background: #e6e1e5;\n\n /* Scrim */\n --md-sys-color-scrim: #000000;\n }\n}\n\n/* ==========================================================================\n GLOBAL STYLES\n Apply MD3 surface colors to body element\n ========================================================================== */\n\nbody {\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 TAILWIND V4 INTEGRATION\n Maps MD3 design tokens to Tailwind utility classes\n ========================================================================== */\n\n/* @theme is a Tailwind v4 directive - ignore unknown at-rule warning */\n@theme {\n /* Color Utilities\n Maps MD3 semantic color roles to Tailwind color utilities\n Usage: bg-primary, text-on-primary, border-outline, etc. */\n\n /* Primary colors */\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 /* Secondary colors */\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 /* Tertiary colors */\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 /* Error colors */\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 /* Surface colors */\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 /* Surface containers */\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 /* Outline colors */\n --color-outline: var(--md-sys-color-outline);\n --color-outline-variant: var(--md-sys-color-outline-variant);\n\n /* Background colors */\n --color-background: var(--md-sys-color-background);\n --color-on-background: var(--md-sys-color-on-background);\n\n /* Scrim color */\n --color-scrim: var(--md-sys-color-scrim);\n\n /* Elevation/Shadow utilities\n Maps MD3 elevation levels to Tailwind box-shadow utilities\n Usage: shadow-elevation-1, shadow-elevation-2, etc. */\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\n/* ==========================================================================\n ANIMATIONS\n Material Design 3 motion specs for ripple and other animations\n ========================================================================== */\n\n@keyframes ripple {\n to {\n transform: translate(-50%, -50%) scale(1);\n opacity: 0;\n }\n}\n\n/* Extend Tailwind theme with MD3 animations and opacity values */\n/* @theme is a Tailwind v4 directive - ignore unknown at-rule warning */\n@theme {\n /* Animations */\n --animate-ripple: ripple 450ms cubic-bezier(0.2, 0, 0, 1);\n\n /* Opacity values for MD3 state layers */\n --opacity-8: 0.08;\n --opacity-12: 0.12;\n --opacity-32: 0.32;\n --opacity-38: 0.38;\n\n /* Typography utilities\n Maps MD3 type scale to Tailwind font-size/line-height utilities\n Usage: text-title-large, text-headline-small, text-display-small, etc.\n These produce font-size + line-height pairs via Tailwind v4 @theme */\n\n /* Display scale */\n --font-size-display-large: var(--md-sys-typescale-display-large-size);\n --line-height-display-large: var(--md-sys-typescale-display-large-line-height);\n --font-size-display-medium: var(--md-sys-typescale-display-medium-size);\n --line-height-display-medium: var(--md-sys-typescale-display-medium-line-height);\n --font-size-display-small: var(--md-sys-typescale-display-small-size);\n --line-height-display-small: var(--md-sys-typescale-display-small-line-height);\n\n /* Headline scale */\n --font-size-headline-large: var(--md-sys-typescale-headline-large-size);\n --line-height-headline-large: var(--md-sys-typescale-headline-large-line-height);\n --font-size-headline-medium: var(--md-sys-typescale-headline-medium-size);\n --line-height-headline-medium: var(--md-sys-typescale-headline-medium-line-height);\n --font-size-headline-small: var(--md-sys-typescale-headline-small-size);\n --line-height-headline-small: var(--md-sys-typescale-headline-small-line-height);\n\n /* Title scale */\n --font-size-title-large: var(--md-sys-typescale-title-large-size);\n --line-height-title-large: var(--md-sys-typescale-title-large-line-height);\n --font-size-title-medium: var(--md-sys-typescale-title-medium-size);\n --line-height-title-medium: var(--md-sys-typescale-title-medium-line-height);\n --font-size-title-small: var(--md-sys-typescale-title-small-size);\n --line-height-title-small: var(--md-sys-typescale-title-small-line-height);\n\n /* Body scale */\n --font-size-body-large: var(--md-sys-typescale-body-large-size);\n --line-height-body-large: var(--md-sys-typescale-body-large-line-height);\n --font-size-body-medium: var(--md-sys-typescale-body-medium-size);\n --line-height-body-medium: var(--md-sys-typescale-body-medium-line-height);\n --font-size-body-small: var(--md-sys-typescale-body-small-size);\n --line-height-body-small: var(--md-sys-typescale-body-small-line-height);\n\n /* Label scale */\n --font-size-label-large: var(--md-sys-typescale-label-large-size);\n --line-height-label-large: var(--md-sys-typescale-label-large-line-height);\n --font-size-label-medium: var(--md-sys-typescale-label-medium-size);\n --line-height-label-medium: var(--md-sys-typescale-label-medium-line-height);\n --font-size-label-small: var(--md-sys-typescale-label-small-size);\n --line-height-label-small: var(--md-sys-typescale-label-small-line-height);\n\n /* Motion utilities\n Maps MD3 motion duration tokens to Tailwind transition-duration utilities\n Usage: duration-short2, duration-medium2, duration-long1, etc. */\n --transition-duration-short1: var(--md-sys-motion-duration-short1);\n --transition-duration-short2: var(--md-sys-motion-duration-short2);\n --transition-duration-short3: var(--md-sys-motion-duration-short3);\n --transition-duration-short4: var(--md-sys-motion-duration-short4);\n --transition-duration-medium1: var(--md-sys-motion-duration-medium1);\n --transition-duration-medium2: var(--md-sys-motion-duration-medium2);\n --transition-duration-medium3: var(--md-sys-motion-duration-medium3);\n --transition-duration-medium4: var(--md-sys-motion-duration-medium4);\n --transition-duration-long1: var(--md-sys-motion-duration-long1);\n --transition-duration-long2: var(--md-sys-motion-duration-long2);\n --transition-duration-long3: var(--md-sys-motion-duration-long3);\n --transition-duration-long4: var(--md-sys-motion-duration-long4);\n\n /* Easing utilities\n Maps MD3 easing tokens to Tailwind transition-timing-function utilities\n Usage: ease-standard, ease-emphasized, etc. */\n --ease-standard: var(--md-sys-motion-easing-standard);\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 /* Spacing utilities for MD3 component heights\n Usage: h-appbar-small (64px), h-appbar-medium (112px), h-appbar-large (152px) */\n --spacing-appbar-small: 4rem; /* 64px */\n --spacing-appbar-medium: 7rem; /* 112px */\n --spacing-appbar-large: 9.5rem; /* 152px */\n\n /* Drawer width: MD3 spec = 360dp */\n --spacing-drawer: 22.5rem; /* 360px */\n\n /* Shape radius utilities for MD3 components */\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-xl: var(--md-sys-shape-corner-extra-large); /* 28px */\n --radius-full: var(--md-sys-shape-corner-full);\n}\n"],"mappings":"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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 */\n --spacing-appbar-large: 7.5rem; /* 120px — M3 Expressive flexible large */\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) forwards;\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) forwards;\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): expressive-fast-spatial 350ms, overshoot ok\n * Effects (color / bg / shadow): standard-fast-effects 150ms, no overshoot\n */\n@utility btn-transition {\n transition:\n border-radius var(--md-sys-motion-expressive-fast-spatial-duration),\n color var(--md-sys-motion-standard-fast-effects-duration),\n background-color var(--md-sys-motion-standard-fast-effects-duration),\n border-color var(--md-sys-motion-standard-fast-effects-duration),\n opacity var(--md-sys-motion-standard-fast-effects-duration),\n box-shadow var(--md-sys-motion-standard-fast-effects-duration),\n outline-color var(--md-sys-motion-standard-fast-effects-duration);\n}\n"],"mappings":";AAmBA;AAKE,6BAA2B;AAC3B,8BAA4B;AAC5B,8BAA4B;AAC5B,8BAA4B;AAC5B,8BAA4B;AAC5B,8BAA4B;AAC5B,8BAA4B;AAC5B,8BAA4B;AAC5B,8BAA4B;AAC5B,8BAA4B;AAC5B,8BAA4B;AAC5B,8BAA4B;AAC5B,+BAA6B;AAM7B,+BAA6B;AAC7B,gCAA8B;AAC9B,gCAA8B;AAC9B,gCAA8B;AAC9B,gCAA8B;AAC9B,gCAA8B;AAC9B,gCAA8B;AAC9B,gCAA8B;AAC9B,gCAA8B;AAC9B,gCAA8B;AAC9B,gCAA8B;AAC9B,gCAA8B;AAC9B,iCAA+B;AAM/B,8BAA4B;AAC5B,+BAA6B;AAC7B,+BAA6B;AAC7B,+BAA6B;AAC7B,+BAA6B;AAC7B,+BAA6B;AAC7B,+BAA6B;AAC7B,+BAA6B;AAC7B,+BAA6B;AAC7B,+BAA6B;AAC7B,+BAA6B;AAC7B,+BAA6B;AAC7B,gCAA8B;AAM9B,2BAAyB;AACzB,4BAA0B;AAC1B,4BAA0B;AAC1B,4BAA0B;AAC1B,4BAA0B;AAC1B,4BAA0B;AAC1B,4BAA0B;AAC1B,4BAA0B;AAC1B,4BAA0B;AAC1B,4BAA0B;AAC1B,4BAA0B;AAC1B,4BAA0B;AAC1B,6BAA2B;AAO3B,6BAA2B;AAE3B,6BAA2B;AAE3B,6BAA2B;AAC3B,8BAA4B;AAE5B,8BAA4B;AAE5B,8BAA4B;AAC5B,8BAA4B;AAE5B,8BAA4B;AAC5B,8BAA4B;AAC5B,8BAA4B;AAC5B,8BAA4B;AAC5B,8BAA4B;AAC5B,8BAA4B;AAC5B,8BAA4B;AAC5B,8BAA4B;AAC5B,8BAA4B;AAE5B,8BAA4B;AAE5B,8BAA4B;AAE5B,8BAA4B;AAE5B,8BAA4B;AAC5B,8BAA4B;AAC5B,8BAA4B;AAC5B,+BAA6B;AAM7B,qCAAmC;AACnC,sCAAoC;AACpC,sCAAoC;AACpC,sCAAoC;AACpC,sCAAoC;AACpC,sCAAoC;AACpC,sCAAoC;AACpC,sCAAoC;AACpC,sCAAoC;AACpC,sCAAoC;AACpC,sCAAoC;AACpC,sCAAoC;AACpC,uCAAqC;AAMrC,0BAAwB;AACxB,0BAAwB;AAC1B;;;AC9IA;AAKE,0BAAwB,IAAI;AAC5B,6BAA2B,IAAI;AAC/B,oCAAkC,IAAI;AACtC,uCAAqC,IAAI;AAMzC,4BAA0B,IAAI;AAC9B,+BAA6B,IAAI;AACjC,sCAAoC,IAAI;AACxC,yCAAuC,IAAI;AAM3C,2BAAyB,IAAI;AAC7B,8BAA4B,IAAI;AAChC,qCAAmC,IAAI;AACvC,wCAAsC,IAAI;AAM1C,wBAAsB,IAAI;AAC1B,2BAAyB,IAAI;AAC7B,kCAAgC,IAAI;AACpC,qCAAmC,IAAI;AAMvC,0BAAwB,IAAI;AAC5B,6BAA2B,IAAI;AAC/B,kCAAgC,IAAI;AACpC,qCAAmC,IAAI;AAGvC,2CAAyC,IAAI;AAC7C,wCAAsC,IAAI;AAC1C,oCAAkC,IAAI;AACtC,yCAAuC,IAAI;AAC3C,4CAA0C,IAAI;AAM9C,0BAAwB,IAAI;AAC5B,kCAAgC,IAAI;AAMpC,6BAA2B,IAAI;AAC/B,gCAA8B,IAAI;AAMlC,wBAAsB,IAAI;AAM1B,kCAAgC,IAAI;AACpC,qCAAmC,IAAI;AACvC,kCAAgC,IAAI;AACtC;AAMA,CAAC;AACC,0BAAwB,IAAI;AAC5B,6BAA2B,IAAI;AAC/B,oCAAkC,IAAI;AACtC,uCAAqC,IAAI;AAEzC,4BAA0B,IAAI;AAC9B,+BAA6B,IAAI;AACjC,sCAAoC,IAAI;AACxC,yCAAuC,IAAI;AAE3C,2BAAyB,IAAI;AAC7B,8BAA4B,IAAI;AAChC,qCAAmC,IAAI;AACvC,wCAAsC,IAAI;AAE1C,wBAAsB,IAAI;AAC1B,2BAAyB,IAAI;AAC7B,kCAAgC,IAAI;AACpC,qCAAmC,IAAI;AAEvC,0BAAwB,IAAI;AAC5B,6BAA2B,IAAI;AAC/B,kCAAgC,IAAI;AACpC,qCAAmC,IAAI;AAEvC,2CAAyC,IAAI;AAC7C,wCAAsC,IAAI;AAC1C,oCAAkC,IAAI;AACtC,yCAAuC,IAAI;AAC3C,4CAA0C,IAAI;AAE9C,0BAAwB,IAAI;AAC5B,kCAAgC,IAAI;AAEpC,6BAA2B,IAAI;AAC/B,gCAA8B,IAAI;AAElC,wBAAsB,IAAI;AAE1B,kCAAgC,IAAI;AACpC,qCAAmC,IAAI;AACvC,kCAAgC,IAAI;AACtC;AAMA,QAAO,sBAAuB;AAC5B,OAAK,KAAK,CAAC;AACT,4BAAwB,IAAI;AAC5B,+BAA2B,IAAI;AAC/B,sCAAkC,IAAI;AACtC,yCAAqC,IAAI;AAEzC,8BAA0B,IAAI;AAC9B,iCAA6B,IAAI;AACjC,wCAAoC,IAAI;AACxC,2CAAuC,IAAI;AAE3C,6BAAyB,IAAI;AAC7B,gCAA4B,IAAI;AAChC,uCAAmC,IAAI;AACvC,0CAAsC,IAAI;AAE1C,0BAAsB,IAAI;AAC1B,6BAAyB,IAAI;AAC7B,oCAAgC,IAAI;AACpC,uCAAmC,IAAI;AAEvC,4BAAwB,IAAI;AAC5B,+BAA2B,IAAI;AAC/B,oCAAgC,IAAI;AACpC,uCAAmC,IAAI;AAEvC,6CAAyC,IAAI;AAC7C,0CAAsC,IAAI;AAC1C,sCAAkC,IAAI;AACtC,2CAAuC,IAAI;AAC3C,8CAA0C,IAAI;AAE9C,4BAAwB,IAAI;AAC5B,oCAAgC,IAAI;AAEpC,+BAA2B,IAAI;AAC/B,kCAA8B,IAAI;AAElC,0BAAsB,IAAI;AAE1B,oCAAgC,IAAI;AACpC,uCAAmC,IAAI;AACvC,oCAAgC,IAAI;AACtC;AACF;;;ACzLA;AAKE;AAAA,IACE,SAAS;AAAA,IAAE,aAAa;AAAA,IAAE,UAAU;AAAA,IAAE,MAAM;AAAA,IAAE,gBAAgB;AAAA,IAAE,KAAK;AAAA,IAAE;AACzE,wCAAsC,IAAI;AAM1C,yCAAuC;AACvC,gDAA8C;AAC9C,2CAAyC;AACzC,6CAA2C;AAE3C,0CAAwC;AACxC,iDAA+C;AAC/C,4CAA0C;AAC1C,8CAA4C;AAE5C,yCAAuC;AACvC,gDAA8C;AAC9C,2CAAyC;AACzC,6CAA2C;AAM3C,0CAAwC;AACxC,iDAA+C;AAC/C,4CAA0C;AAC1C,8CAA4C;AAE5C,2CAAyC;AACzC,kDAAgD;AAChD,6CAA2C;AAC3C,+CAA6C;AAE7C,0CAAwC;AACxC,iDAA+C;AAC/C,4CAA0C;AAC1C,8CAA4C;AAM5C,uCAAqC;AACrC,8CAA4C;AAC5C,yCAAuC;AACvC,2CAAyC;AAEzC,wCAAsC;AACtC,+CAA6C;AAC7C,0CAAwC;AACxC,4CAA0C;AAE1C,uCAAqC;AACrC,8CAA4C;AAC5C,yCAAuC;AACvC,2CAAyC;AAMzC,sCAAoC;AACpC,6CAA2C;AAC3C,wCAAsC;AACtC,0CAAwC;AAExC,uCAAqC;AACrC,8CAA4C;AAC5C,yCAAuC;AACvC,2CAAyC;AAEzC,sCAAoC;AACpC,6CAA2C;AAC3C,wCAAsC;AACtC,0CAAwC;AAMxC,uCAAqC;AACrC,8CAA4C;AAC5C,yCAAuC;AACvC,2CAAyC;AAEzC,wCAAsC;AACtC,+CAA6C;AAC7C,0CAAwC;AACxC,4CAA0C;AAE1C,uCAAqC;AACrC,8CAA4C;AAC5C,yCAAuC;AACvC,2CAAyC;AAC3C;;;ACvGA;AAKE,8BAA4B;AAC5B,qCAAmC;AACnC,+BAA6B;AAC7B,gCAA8B;AAC9B,+BAA6B;AAC7B,yCAAuC;AACvC,qCAAmC;AACnC,+CAA6C;AAC7C,2CAAyC;AACzC,8BAA4B;AAC9B;;;ACbA;AAWE,8BAA4B;AAC5B,8BAA4B,EAAE,IAAI,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,IAAI,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACxF,8BAA4B,EAAE,IAAI,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,IAAI,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACxF,8BAA4B,EAAE,IAAI,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,IAAI,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACxF,8BAA4B,EAAE,IAAI,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,IAAI,KAAK,IAAI,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACzF,8BAA4B,EAAE,IAAI,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,IAAI,KAAK,IAAI,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC3F;;;ACUA;AAOE,mCAAiC;AACjC,mCAAiC;AACjC,mCAAiC;AACjC,mCAAiC;AAGjC,oCAAkC;AAClC,oCAAkC;AAClC,oCAAkC;AAClC,oCAAkC;AAGlC,kCAAgC;AAChC,kCAAgC;AAChC,kCAAgC;AAChC,kCAAgC;AAGhC,wCAAsC;AACtC,wCAAsC;AACtC,wCAAsC;AACtC,wCAAsC;AAYtC,mCAAiC,aAAa,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE;AAMzD,8CAA4C,aAAa,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAMlE,8CAA4C,aAAa,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE;AAMpE,qCAAmC,aAAa,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE;AAM3D,gDAA8C,aAAa,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE;AAM3E,gDAA8C,aAAa,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;AAcxE,kDAAgD,aAAa,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE;AAC/E,oDAAkD;AAMlD,qDAAmD,aAAa,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE;AAClF,uDAAqD;AAMrD,kDAAgD,aAAa,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE;AAC/E,oDAAkD;AAYlD,kDAAgD,aAAa,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE;AAC/E,oDAAkD;AAKlD,qDAAmD,aAAa,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE;AACjF,uDAAqD;AAKrD,kDAAgD,aAAa,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE;AAC/E,oDAAkD;AAalD,gDAA8C,aAAa,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE;AAC7E,kDAAgD;AAKhD,mDAAiD,aAAa,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE;AAChF,qDAAmD;AAKnD,gDAA8C,aAAa,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE;AAC7E,kDAAgD;AAWhD,gDAA8C,aAAa,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE;AAC7E,kDAAgD;AAKhD,mDAAiD,aAAa,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE;AAC/E,qDAAmD;AAKnD,gDAA8C,aAAa,IAAI,EAAE,IAAI,EAAE,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":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tinybigui/react",
3
- "version": "0.2.0",
3
+ "version": "0.4.1",
4
4
  "description": "Material Design 3 React components built with Tailwind CSS",
5
5
  "keywords": [
6
6
  "react",
@@ -49,7 +49,9 @@
49
49
  "LICENSE"
50
50
  ],
51
51
  "dependencies": {
52
+ "@internationalized/date": "^3.12.1",
52
53
  "@material/material-color-utilities": "^0.3.0",
54
+ "@react-aria/collections": "^3.0.1",
53
55
  "@react-aria/live-announcer": "^3.4.4",
54
56
  "@react-aria/utils": "^3.32.0",
55
57
  "class-variance-authority": "^0.7.1",
@@ -88,7 +90,7 @@
88
90
  "typescript": "^5.7.2",
89
91
  "typescript-eslint": "^8.51.0",
90
92
  "vitest-axe": "^0.1.0",
91
- "@tinybigui/tokens": "0.2.0"
93
+ "@tinybigui/tokens": "0.4.1"
92
94
  },
93
95
  "peerDependencies": {
94
96
  "react": "^18.0.0 || ^19.0.0",