@tenerife.music/ui 1.0.16 → 1.1.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.
@@ -499,490 +499,6 @@ type CardSpacingVertical = keyof typeof CARD_TOKENS.spacing.vertical;
499
499
  type CardShadow = keyof typeof CARD_TOKENS.shadow;
500
500
  type CardSize = keyof typeof CARD_TOKENS.size;
501
501
 
502
- /**
503
- * Domain Component Tokens
504
- *
505
- * Domain-specific design tokens for card components (EventCard, VenueCard, ArtistCard,
506
- * TicketCard, PromoCard, CategoryCard). These tokens provide a consistent foundation
507
- * for card surface styles, layout, images, metadata, badges, price/capacity displays,
508
- * hover/motion states, and skeleton loading states.
509
- *
510
- * All values reference foundation tokens or other component tokens.
511
- * Based on audit requirements from L3_CARD_AUDIT.md.
512
- *
513
- * Foundation tokens referenced:
514
- * - SPACING_TOKENS: semanticSpacing (xs, sm, md, lg, xl, 2xl, 3xl) from src/tokens/spacing.ts
515
- * - RADIUS_TOKENS: borderRadius (xs, sm, md, lg, xl, 2xl, full) from src/tokens/radius.ts
516
- * - TEXT_TOKENS: fontSize, fontWeight from src/tokens/components/text.ts
517
- * - ICON_TOKENS: sizes, colors from src/tokens/components/icon.ts
518
- * - SHADOW_TOKENS: elevationShadows (xs, sm, md, lg, xl, 2xl) from src/tokens/shadows.ts
519
- * - MOTION_TOKENS: transition, transitionPreset from src/tokens/components/motion.ts
520
- * - DATA_TOKENS: skeleton patterns from src/tokens/components/data.ts
521
- */
522
- /**
523
- * Domain Card Component Tokens
524
- *
525
- * Defines all tokens for domain-specific card components.
526
- * Values reference foundation tokens or other component tokens.
527
- */
528
- declare const DOMAIN_TOKENS: {
529
- /**
530
- * Surface tokens for card containers
531
- * Defines background, border, radius, and shadow for card surfaces
532
- */
533
- readonly surface: {
534
- /**
535
- * Background colors
536
- * Maps to semantic color tokens
537
- */
538
- readonly bg: {
539
- readonly default: "bg-card";
540
- readonly hover: "hover:bg-card/95";
541
- };
542
- /**
543
- * Border styles
544
- * Maps to semantic border tokens
545
- */
546
- readonly border: {
547
- readonly default: "border border-border";
548
- readonly hover: "hover:border-primary/20";
549
- };
550
- /**
551
- * Border radius
552
- * References borderRadius.xl (0.75rem / 12px)
553
- * Using Tailwind class "rounded-xl" which maps to borderRadius.xl
554
- */
555
- readonly radius: {
556
- readonly default: "rounded-xl";
557
- };
558
- /**
559
- * Shadow (elevation) tokens
560
- * References elevationShadows.md
561
- * Using Tailwind class "shadow-md" which maps to elevationShadows.md
562
- */
563
- readonly shadow: {
564
- readonly default: "shadow-md";
565
- };
566
- /**
567
- * Elevation change on hover
568
- * References elevationShadows.xl
569
- * Using Tailwind class "hover:shadow-xl" which maps to elevationShadows.xl
570
- */
571
- readonly elevation: {
572
- readonly hover: "hover:shadow-xl";
573
- };
574
- };
575
- /**
576
- * Spacing tokens for card component spacing
577
- * References semanticSpacing tokens
578
- * Note: Tailwind classes are used for component className application
579
- */
580
- readonly spacing: {
581
- /**
582
- * Section spacing - vertical spacing between card sections
583
- */
584
- readonly section: {
585
- readonly titleToSubtitle: "mb-xs";
586
- readonly subtitleToMetadata: "mb-sm";
587
- };
588
- /**
589
- * Badge spacing offsets
590
- */
591
- readonly badges: {
592
- readonly offsetX: "1rem";
593
- readonly offsetY: "1rem";
594
- };
595
- /**
596
- * Image spacing
597
- */
598
- readonly image: {
599
- readonly bottomMargin: "0";
600
- };
601
- /**
602
- * Card vertical gap
603
- */
604
- readonly card: {
605
- readonly verticalGap: "1rem";
606
- };
607
- /**
608
- * Metadata item gap
609
- */
610
- readonly metadata: {
611
- readonly itemGap: "0.25rem";
612
- };
613
- /**
614
- * Footer spacing
615
- */
616
- readonly footer: {
617
- readonly paddingTopDefault: "pt-sm";
618
- readonly paddingTopCompact: "pt-xs";
619
- };
620
- /**
621
- * Button spacing
622
- */
623
- readonly button: {
624
- readonly paddingDefault: "px-md py-xs";
625
- readonly paddingCompact: "px-sm py-xs";
626
- readonly iconMarginLeft: "ml-xs";
627
- };
628
- };
629
- /**
630
- * Layout tokens for card spacing and gaps
631
- * References semanticSpacing tokens
632
- * Note: Tailwind utilities are used for component className application
633
- */
634
- readonly layout: {
635
- /**
636
- * Padding tokens
637
- * References semanticSpacing (md = 16px, sm = 8px)
638
- * Note: "p-md" and "p-sm" are Tailwind utilities that apply semanticSpacing values
639
- */
640
- readonly padding: {
641
- readonly default: "p-md";
642
- readonly compact: "p-sm";
643
- };
644
- /**
645
- * Gap tokens for spacing between card elements
646
- * References semanticSpacing (md = 16px, xs = 4px)
647
- * Note: "gap-md" and "gap-xs" are Tailwind utilities that apply semanticSpacing values
648
- */
649
- readonly gap: {
650
- readonly default: "gap-md";
651
- readonly compact: "gap-xs";
652
- };
653
- };
654
- /**
655
- * Image tokens for card media
656
- * Defines aspect ratio, radius, overlay styles, and placeholder gradients
657
- */
658
- readonly image: {
659
- /**
660
- * Aspect ratio for card images
661
- * Standard 16:9 aspect ratio for card images
662
- */
663
- readonly aspectRatio: "aspect-video";
664
- /**
665
- * Border radius for images
666
- * References borderRadius.xl (0.75rem / 12px) for top corners only
667
- * Using Tailwind class "rounded-t-xl" which maps to borderRadius.xl
668
- */
669
- readonly radius: "rounded-t-xl";
670
- /**
671
- * Overlay gradient tokens for image overlays
672
- * Used for hover states and text readability
673
- */
674
- readonly overlay: {
675
- readonly gradient: "bg-gradient-to-t from-black/60 via-transparent to-transparent";
676
- };
677
- /**
678
- * Placeholder gradient tokens for image placeholders
679
- * Used when no image URL is provided
680
- */
681
- readonly placeholder: {
682
- readonly gradient: "bg-gradient-to-br from-muted to-muted/50";
683
- };
684
- };
685
- /**
686
- * Text tokens for card text elements
687
- * Defines hover states and line clamping for titles and descriptions
688
- */
689
- readonly text: {
690
- /**
691
- * Hover state tokens for text elements
692
- * Used for interactive text elements like titles
693
- */
694
- readonly hover: {
695
- readonly primary: "group-hover:text-primary";
696
- };
697
- /**
698
- * Line clamp tokens for text truncation
699
- * Used for limiting text to specific number of lines
700
- */
701
- readonly lineClamp: {
702
- readonly one: "line-clamp-1";
703
- readonly two: "line-clamp-2";
704
- readonly three: "line-clamp-3";
705
- };
706
- };
707
- /**
708
- * Metadata tokens for card information displays
709
- * Used for date/time, location, and other metadata patterns
710
- * Maps to TEXT_TOKENS, ICON_TOKENS, and semanticSpacing
711
- */
712
- readonly metadata: {
713
- /**
714
- * Text color tokens
715
- * Maps to semantic text color tokens
716
- */
717
- readonly text: {
718
- readonly primary: "text-foreground";
719
- readonly secondary: "text-muted-foreground";
720
- };
721
- /**
722
- * Icon tokens
723
- * Maps to ICON_TOKENS for sizes and colors
724
- */
725
- readonly icon: {
726
- readonly default: "text-muted-foreground";
727
- readonly sizeSm: "h-4 w-4";
728
- };
729
- /**
730
- * Spacing tokens for metadata layouts
731
- * References semanticSpacing (xs = 4px, sm = 8px)
732
- * Using Tailwind classes which map to semanticSpacing values
733
- */
734
- readonly spacing: {
735
- readonly vertical: "gap-xs";
736
- readonly horizontal: "gap-sm";
737
- };
738
- };
739
- /**
740
- * Badge tokens for featured/popular badges
741
- * References semanticSpacing, borderRadius, and elevationShadows
742
- */
743
- readonly badges: {
744
- /**
745
- * Badge size tokens (padding)
746
- * References semanticSpacing for padding values
747
- * Using Tailwind classes which map to semanticSpacing values
748
- */
749
- readonly size: {
750
- readonly sm: "px-xs py-xs";
751
- readonly md: "px-sm py-xs";
752
- };
753
- /**
754
- * Badge positioning tokens
755
- * References semanticSpacing for absolute positioning
756
- * Using Tailwind classes which map to semanticSpacing values
757
- */
758
- readonly position: {
759
- readonly default: "right-md top-md";
760
- readonly compact: "right-sm top-sm";
761
- };
762
- /**
763
- * Additional vertical positioning tokens for multi-badge scenarios
764
- * References semanticSpacing for top positioning
765
- * Using Tailwind classes which map to semanticSpacing values
766
- */
767
- readonly positionY: {
768
- readonly xl: "top-xl";
769
- readonly "2xl": "top-2xl";
770
- readonly "3xl": "top-3xl";
771
- };
772
- /**
773
- * Badge surface (background) tokens
774
- * Maps to semantic color tokens
775
- */
776
- readonly surface: {
777
- readonly default: "bg-primary";
778
- readonly featured: "bg-gradient-to-r from-accent-500 to-primary-600";
779
- };
780
- /**
781
- * Badge text color
782
- * White for contrast on colored backgrounds
783
- */
784
- readonly text: {
785
- readonly color: "text-white";
786
- };
787
- /**
788
- * Badge border radius
789
- * References borderRadius.full (pill shape)
790
- * Using Tailwind class "rounded-full" which maps to borderRadius.full
791
- */
792
- readonly radius: "rounded-full";
793
- /**
794
- * Badge shadow
795
- * References elevationShadows.lg
796
- * Using Tailwind class "shadow-lg" which maps to elevationShadows.lg
797
- */
798
- readonly shadow: "shadow-lg";
799
- };
800
- /**
801
- * Price/Capacity tokens for displaying price and capacity information
802
- * Maps to semantic text color tokens and semanticSpacing
803
- */
804
- readonly priceCapacity: {
805
- /**
806
- * Text color tokens
807
- * Maps to semantic text color tokens
808
- */
809
- readonly text: {
810
- readonly primary: "text-foreground";
811
- readonly secondary: "text-muted-foreground";
812
- };
813
- /**
814
- * Spacing between price and capacity elements
815
- * References semanticSpacing.sm (8px)
816
- * Using Tailwind class "gap-sm" which maps to semanticSpacing.sm
817
- */
818
- readonly spacing: "gap-sm";
819
- };
820
- /**
821
- * Motion tokens for hover and interaction states
822
- * References MOTION_TOKENS for transitions and animations
823
- */
824
- readonly motion: {
825
- /**
826
- * Hover state tokens
827
- * References MOTION_TOKENS and elevationShadows
828
- */
829
- readonly hover: {
830
- readonly transition: "transition-all duration-normal ease-in-out";
831
- readonly scale: "hover:scale-110";
832
- readonly elevation: "hover:shadow-xl";
833
- };
834
- };
835
- /**
836
- * Skeleton tokens for loading states
837
- * References DATA_TOKENS.skeleton for skeleton patterns and semanticSpacing for dimensions
838
- */
839
- readonly skeleton: {
840
- /**
841
- * Base skeleton wrapper tokens
842
- * Default styling for skeleton wrapper components
843
- */
844
- readonly base: {
845
- /**
846
- * Default border radius for skeleton wrapper
847
- * References DATA_TOKENS.skeleton.radius.text
848
- */
849
- readonly radius: "rounded-sm";
850
- /**
851
- * Default animation for skeleton wrapper
852
- * References DATA_TOKENS.skeleton.animation.pulse
853
- */
854
- readonly animation: "animate-pulse";
855
- /**
856
- * Default background for skeleton wrapper
857
- * References DATA_TOKENS.skeleton.background.default
858
- */
859
- readonly background: "bg-muted";
860
- };
861
- /**
862
- * Image skeleton height
863
- * Domain-specific: card images need 192px (spacing[48] = 12rem)
864
- * Note: DATA_TOKENS.skeleton.height.card is 128px, but card images need 192px
865
- * Using Tailwind class "h-48" which maps to spacing[48] (12rem / 192px)
866
- */
867
- readonly image: {
868
- readonly height: "h-48";
869
- };
870
- /**
871
- * Content gap for skeleton elements
872
- * References semanticSpacing.md (16px)
873
- * Using Tailwind class "gap-md" which maps to semanticSpacing.md
874
- */
875
- readonly content: {
876
- readonly gap: "gap-md";
877
- /**
878
- * Content width tokens for skeleton elements
879
- * References DATA_TOKENS where available, uses Tailwind fraction classes for domain-specific values
880
- */
881
- readonly width: {
882
- readonly full: "w-full";
883
- readonly threeQuarters: "w-3/4";
884
- readonly half: "w-1/2";
885
- };
886
- };
887
- /**
888
- * Badge skeleton dimensions
889
- * Domain-specific values for badge skeleton sizing
890
- * References spacing values via Tailwind classes
891
- */
892
- readonly badge: {
893
- readonly width: "w-20";
894
- readonly height: "h-6";
895
- };
896
- };
897
- /**
898
- * CTA (Call-to-Action) button tokens for domain card components
899
- * Provides PromoCard-specific CTA button styling tokens
900
- * These tokens are semantically owned by domain card components, not by the Button component
901
- * References foundation tokens (spacing, typography, radius, shadows, motion) for consistency
902
- */
903
- readonly cta: {
904
- /**
905
- * CTA button styling tokens
906
- * Used by PromoCard and other domain card components for CTA button elements
907
- */
908
- readonly button: {
909
- /**
910
- * Button heights by size
911
- * Maps to Tailwind height utilities: h-8, h-9
912
- */
913
- readonly height: {
914
- readonly sm: "h-8";
915
- readonly md: "h-9";
916
- };
917
- /**
918
- * Button padding by size
919
- * Horizontal and vertical padding values
920
- * References semanticSpacing tokens
921
- */
922
- readonly padding: {
923
- readonly horizontal: {
924
- readonly sm: "px-sm";
925
- readonly md: "px-md";
926
- };
927
- readonly vertical: {
928
- readonly sm: "py-xs";
929
- };
930
- };
931
- /**
932
- * Border radius for CTA buttons
933
- * References borderRadius.md (6px / 0.375rem)
934
- * Using Tailwind class "rounded-md" which maps to borderRadius.md
935
- */
936
- readonly radius: "rounded-md";
937
- /**
938
- * Font sizes by button size
939
- * Maps to foundation typography fontSize tokens
940
- */
941
- readonly fontSize: {
942
- readonly sm: "text-xs";
943
- readonly md: "text-sm";
944
- };
945
- /**
946
- * Shadow tokens for CTA buttons
947
- * Maps to foundation elevation shadow tokens
948
- */
949
- readonly shadow: {
950
- readonly primary: "shadow";
951
- };
952
- /**
953
- * Color tokens for CTA button variants
954
- * Uses semantic color tokens that map to CSS variables
955
- */
956
- readonly variant: {
957
- readonly primary: {
958
- readonly background: "bg-primary";
959
- readonly text: "text-primary-foreground";
960
- readonly hover: "hover:bg-primary/90";
961
- };
962
- };
963
- /**
964
- * Transition tokens for CTA buttons
965
- * References MOTION_TOKENS for transitions
966
- */
967
- readonly transition: {
968
- readonly colors: "transition-colors";
969
- };
970
- };
971
- };
972
- };
973
- /**
974
- * Type exports for Domain Card tokens
975
- */
976
- type DomainCardSurface = typeof DOMAIN_TOKENS.surface;
977
- type DomainCardLayout = typeof DOMAIN_TOKENS.layout;
978
- type DomainCardImage = typeof DOMAIN_TOKENS.image;
979
- type DomainCardMetadata = typeof DOMAIN_TOKENS.metadata;
980
- type DomainCardBadge = typeof DOMAIN_TOKENS.badges;
981
- type DomainCardPriceCapacity = typeof DOMAIN_TOKENS.priceCapacity;
982
- type DomainCardMotion = typeof DOMAIN_TOKENS.motion;
983
- type DomainCardSkeleton = typeof DOMAIN_TOKENS.skeleton;
984
- type DomainCardSkeletonContentWidth = typeof DOMAIN_TOKENS.skeleton.content.width;
985
-
986
502
  /**
987
503
  * Input Component Tokens
988
504
  *
@@ -2713,7 +2229,7 @@ type NavigationItemPadding = keyof typeof NAVIGATION_TOKENS.spacing.itemPadding;
2713
2229
  /**
2714
2230
  * Menu Component Tokens
2715
2231
  *
2716
- * Component-level design tokens for Menu components (DropdownMenu, ContextMenu).
2232
+ * Component-level design tokens for Menu components (ContextMenu).
2717
2233
  * Maps foundation tokens (spacing, radius, shadows, typography, motion) to menu-specific usage.
2718
2234
  *
2719
2235
  * All values use Tailwind utility classes that map to foundation tokens.
@@ -2910,160 +2426,6 @@ type PopoverContentWidth = keyof typeof POPOVER_TOKENS.content.width;
2910
2426
  type PopoverArrowSize = keyof typeof POPOVER_TOKENS.arrow.size;
2911
2427
  type PopoverArrowOffset = keyof typeof POPOVER_TOKENS.arrow.offset;
2912
2428
 
2913
- /**
2914
- * Dropdown Component Tokens
2915
- *
2916
- * Component-level design tokens for Dropdown component.
2917
- * Maps foundation tokens (spacing, radius, shadows, typography) to dropdown-specific usage.
2918
- *
2919
- * All values use Tailwind utility classes that map to foundation tokens.
2920
- */
2921
- /**
2922
- * Dropdown Component Tokens
2923
- *
2924
- * Defines tokens for trigger, menu, and item variants.
2925
- * Values are mapped to Tailwind utility classes for direct use.
2926
- */
2927
- declare const DROPDOWN_TOKENS: {
2928
- /**
2929
- * Trigger tokens by size
2930
- * Button element that opens/closes the dropdown
2931
- */
2932
- readonly trigger: {
2933
- readonly height: {
2934
- readonly sm: "h-8";
2935
- readonly md: "h-9";
2936
- readonly lg: "h-10";
2937
- };
2938
- readonly padding: {
2939
- readonly horizontal: {
2940
- readonly sm: "px-sm";
2941
- readonly md: "px-md";
2942
- readonly lg: "px-lg";
2943
- };
2944
- readonly vertical: {
2945
- readonly sm: "py-xs";
2946
- readonly md: "py-xs";
2947
- readonly lg: "py-sm";
2948
- };
2949
- };
2950
- readonly radius: {
2951
- readonly sm: "rounded-md";
2952
- readonly md: "rounded-md";
2953
- readonly lg: "rounded-md";
2954
- };
2955
- readonly fontSize: {
2956
- readonly sm: "text-sm";
2957
- readonly md: "text-base";
2958
- readonly lg: "text-base";
2959
- };
2960
- readonly shadow: "shadow-sm";
2961
- /**
2962
- * Icon spacing for trigger
2963
- */
2964
- readonly icon: {
2965
- readonly spacing: "ml-sm";
2966
- };
2967
- };
2968
- /**
2969
- * Variant-based tokens
2970
- * Border, background, text, and focus colors for different variants
2971
- */
2972
- readonly variant: {
2973
- readonly neutral: {
2974
- readonly border: "border border-[hsl(var(--border))]";
2975
- readonly background: "bg-[hsl(var(--popover))]";
2976
- readonly text: "text-[hsl(var(--popover-foreground))]";
2977
- readonly focus: "focus-visible:ring-2 focus-visible:ring-[hsl(var(--ring))] focus-visible:ring-offset-2";
2978
- };
2979
- readonly tinted: {
2980
- readonly border: "border border-[hsl(var(--border))]";
2981
- readonly background: "bg-[hsl(var(--muted))]";
2982
- readonly text: "text-[hsl(var(--popover-foreground))]";
2983
- readonly focus: "focus-visible:ring-2 focus-visible:ring-[hsl(var(--ring))] focus-visible:ring-offset-2";
2984
- };
2985
- };
2986
- /**
2987
- * Menu tokens by size
2988
- * Container for the dropdown items
2989
- */
2990
- readonly menu: {
2991
- readonly border: {
2992
- readonly default: "border border-[hsl(var(--border))]";
2993
- };
2994
- readonly background: {
2995
- readonly neutral: "bg-[hsl(var(--popover))]";
2996
- readonly tinted: "bg-[hsl(var(--muted))]";
2997
- };
2998
- readonly text: {
2999
- readonly default: "text-[hsl(var(--popover-foreground))]";
3000
- };
3001
- readonly padding: {
3002
- readonly sm: "p-sm";
3003
- readonly md: "p-md";
3004
- readonly lg: "p-lg";
3005
- };
3006
- readonly radius: {
3007
- readonly sm: "rounded-md";
3008
- readonly md: "rounded-lg";
3009
- readonly lg: "rounded-lg";
3010
- };
3011
- readonly shadow: {
3012
- readonly sm: "shadow-md";
3013
- readonly md: "shadow-lg";
3014
- readonly lg: "shadow-xl";
3015
- };
3016
- readonly minWidth: {
3017
- readonly sm: "min-w-32";
3018
- readonly md: "min-w-48";
3019
- readonly lg: "min-w-64";
3020
- };
3021
- };
3022
- /**
3023
- * Width tokens
3024
- * Common width utilities
3025
- */
3026
- readonly width: {
3027
- readonly full: "w-full";
3028
- };
3029
- /**
3030
- * Item tokens by size
3031
- * Individual menu item
3032
- */
3033
- readonly item: {
3034
- readonly background: {
3035
- readonly focus: "focus-visible:bg-[hsl(var(--accent))]";
3036
- readonly selected: "bg-[hsl(var(--accent))]";
3037
- };
3038
- readonly text: {
3039
- readonly focus: "focus-visible:text-[hsl(var(--accent-foreground))]";
3040
- readonly selected: "text-[hsl(var(--accent-foreground))]";
3041
- };
3042
- readonly padding: {
3043
- readonly sm: "px-sm py-xs";
3044
- readonly md: "px-md py-xs";
3045
- readonly lg: "px-lg py-sm";
3046
- };
3047
- readonly radius: {
3048
- readonly sm: "rounded-sm";
3049
- readonly md: "rounded-md";
3050
- readonly lg: "rounded-md";
3051
- };
3052
- readonly fontSize: {
3053
- readonly sm: "text-sm";
3054
- readonly md: "text-sm";
3055
- readonly lg: "text-base";
3056
- };
3057
- };
3058
- };
3059
- /**
3060
- * Type exports for Dropdown tokens
3061
- */
3062
- type DropdownTriggerSize = keyof typeof DROPDOWN_TOKENS.trigger.height;
3063
- type DropdownVariant = keyof typeof DROPDOWN_TOKENS.variant;
3064
- type DropdownMenuSize = keyof typeof DROPDOWN_TOKENS.menu.padding;
3065
- type DropdownItemSize = keyof typeof DROPDOWN_TOKENS.item.padding;
3066
-
3067
2429
  /**
3068
2430
  * Tooltip Component Tokens
3069
2431
  *
@@ -7475,4 +6837,4 @@ type ResponsiveContextMenuSize = Responsive<ContextMenuSizeToken>;
7475
6837
  */
7476
6838
  type ResponsiveContextMenuWidth = Responsive<ContextMenuWidthToken>;
7477
6839
 
7478
- export { type IconColor as $, ALERT_TOKENS as A, BUTTON_TOKENS as B, CARD_TOKENS as C, DATA_TOKENS as D, type DataListRowPadding as E, type DomainCardBadge as F, type DomainCardImage as G, type DomainCardLayout as H, ICON_TOKENS as I, type DomainCardMetadata as J, type DomainCardMotion as K, type DomainCardPriceCapacity as L, MENU_TOKENS as M, NAVIGATION_TOKENS as N, OVERLAY_TOKENS as O, POPOVER_TOKENS as P, type DomainCardSkeleton as Q, RADIO_TOKENS as R, SECTION_TOKENS as S, TEXT_TOKENS as T, type DomainCardSkeletonContentWidth as U, type DomainCardSurface as V, type DropdownItemSize as W, type DropdownMenuSize as X, type DropdownTriggerSize as Y, type DropdownVariant as Z, type EmptyStateIconSize as _, CHECKBOX_TOKENS as a, type SkeletonBackground as a$, type IconSize as a0, type IconStroke as a1, type InputFontSize as a2, type InputHeight as a3, type InputPaddingHorizontal as a4, type InputPaddingVertical as a5, type InputRadius as a6, type InputSize as a7, type MenuContentMinWidth as a8, type MenuContentPadding as a9, type PopoverArrowSize as aA, type PopoverContentPadding as aB, type PopoverContentRadius as aC, type PopoverContentShadow as aD, type PopoverContentWidth as aE, type RadioSize as aF, type RadioState as aG, type RadioVariant as aH, type SectionGap as aI, type SectionPadding as aJ, type SelectContentPadding as aK, type SelectContentRadius as aL, type SelectItemFontSize as aM, type SelectItemPaddingHorizontal as aN, type SelectItemPaddingVertical as aO, type SelectItemRadius as aP, type SelectLabelFontSize as aQ, type SelectLabelPaddingHorizontal as aR, type SelectLabelPaddingVertical as aS, type SelectSeparatorMarginHorizontal as aT, type SelectSeparatorMarginVertical as aU, type SelectTriggerFontSize as aV, type SelectTriggerHeight as aW, type SelectTriggerPaddingHorizontal as aX, type SelectTriggerPaddingVertical as aY, type SelectTriggerRadius as aZ, type SkeletonAnimation as a_, type MenuContentRadius as aa, type MenuContentShadow as ab, type MenuIndicatorOffset as ac, type MenuIndicatorSize as ad, type MenuItemGap as ae, type MenuItemHeight as af, type MenuItemPadding as ag, type MenuItemRadius as ah, type MenuLabelPadding as ai, type MenuSeparatorMargin as aj, type MotionAnimation as ak, type MotionDuration as al, type MotionEasing as am, type MotionTransition as an, type MotionTransitionPreset as ao, type NavigationItemPadding as ap, type NavigationListGap as aq, type NavigationRadius as ar, type NavigationShadow as as, type NavigationSize as at, type NavigationState as au, type NotificationPanelWidth as av, type NotificationVariant as aw, type OverlayBackdropVariant as ax, type OverlayModalSize as ay, type PopoverArrowOffset as az, DOMAIN_TOKENS as b, accentColoredShadows as b$, type SkeletonVariant as b0, type SurfacePadding as b1, type SurfaceRadius as b2, type SurfaceShadow as b3, type SurfaceVariant as b4, type SwitchSize as b5, type SwitchState as b6, type SwitchVariant as b7, type TableCellPadding as b8, type TableGap as b9, springs as bA, tailwindMotionConfig as bB, transitions as bC, type MotionV2CombinedType as bD, type MotionV2Duration as bE, type MotionV2Easing as bF, type MotionV2SlideDirection as bG, type MotionV2Transition as bH, motionV2CSSVariables as bI, motionV2Combined as bJ, motionV2Durations as bK, motionV2Easings as bL, motionV2Fade as bM, motionV2Scale as bN, motionV2Slide as bO, motionV2TailwindConfig as bP, motionV2Transitions as bQ, type BorderRadius as bR, type ComponentRadius as bS, borderRadius as bT, componentRadius as bU, radiusCSSVariables as bV, tailwindRadiusConfig as bW, type ColoredShadow as bX, type ElevationShadow as bY, type FocusRing as bZ, type GlowEffect as b_, type TableHeaderPadding as ba, type TableRowHeight as bb, type TableShadow as bc, type TextFontSize as bd, type TextFontWeight as be, type TextLetterSpacing as bf, type TextLineHeight as bg, type ToastVariant as bh, type TooltipContentRadius as bi, type TooltipContentShadow as bj, allCSSVariables as bk, allCSSVariablesCSS as bl, generateCSSVariablesCSS as bm, tokenSystemSummary as bn, type Animation as bo, type Duration as bp, type Easing as bq, type Keyframe as br, type Spring as bs, type Transition as bt, animations as bu, durations as bv, easings as bw, keyframes as bx, motionCSSVariables as by, reducedMotion as bz, DROPDOWN_TOKENS as c, type ResponsiveColor as c$, componentShadowMapping as c0, elevationShadows as c1, focusRings as c2, glowEffects as c3, primaryColoredShadows as c4, shadowBase as c5, shadowCSSVariables as c6, shadowOpacity as c7, tailwindShadowConfig as c8, type ComponentSpacing as c9, fontWeight as cA, letterSpacing as cB, lineHeight as cC, tailwindTypographyConfig as cD, textStyles as cE, typographyCSSVariables as cF, type AlignOffsetToken as cG, type AnimationPresetToken as cH, type AspectRatioToken as cI, type ColorToken as cJ, type ContainerMaxWidthToken as cK, type ContainerPaddingToken as cL, type DelayToken as cM, type FlexBasisToken as cN, type LayoutSpaceToken as cO, type ModalFooterAlignToken as cP, type ModalHeightToken as cQ, type ModalSizeToken as cR, type ModalWidthToken as cS, type MotionDurationToken as cT, type MotionEasingToken as cU, type MotionToken as cV, type MotionTransitionToken as cW, type RadiusToken as cX, type ResponsiveAlignOffset as cY, type ResponsiveAnimationPreset as cZ, type ResponsiveAspectRatio as c_, type ContainerSpacing as ca, type GridSpacing as cb, type SectionSpacing as cc, type SemanticSpacing as cd, type Spacing as ce, type StackSpacing as cf, layoutSpacing as cg, semanticSpacing as ch, spacing as ci, spacingCSSVariables as cj, tailwindSpacingConfig as ck, UI_COLORS as cl, type CanonicalFontSize as cm, type CanonicalFontWeight as cn, type CanonicalLetterSpacing as co, type CanonicalLineHeight as cp, type CanonicalTextColor as cq, type FontFamily as cr, type FontSize as cs, type FontWeight as ct, type LetterSpacing as cu, type LineHeight as cv, type TextStyle as cw, fontFamily as cx, fontSize as cy, fontSizeWithMd as cz, INPUT_TOKENS as d, type ResponsiveContainerMaxWidth as d0, type ResponsiveContainerPadding as d1, type ResponsiveDelay as d2, type ResponsiveFlexBasis as d3, type ResponsiveModalHeight as d4, type ResponsiveModalSize as d5, type ResponsiveModalWidth as d6, type ResponsiveMotion as d7, type ResponsiveRadius as d8, type ResponsiveSelectSize as d9, type ResponsiveTabsSize as dA, type TabsVariantToken as dB, type TabsToneToken as dC, type Breakpoint as dD, type ResponsiveSelectWidth as da, type ResponsiveShadow as db, type ResponsiveSideOffset as dc, type ResponsiveSpace as dd, type ResponsiveSurface as de, type ResponsiveTextLineHeight as df, type ResponsiveTextSize as dg, type ResponsiveTextWeight as dh, type SelectSizeToken as di, type SelectStateToken as dj, type SelectVariantToken as dk, type SelectWidthToken as dl, type ShadowToken as dm, type SideOffsetToken as dn, type SpaceToken as dp, type SpacingToken as dq, type SurfaceToken as dr, type TextLetterSpacingToken as ds, type TextLineHeightToken as dt, type TextSizeToken as du, type TextWeightToken as dv, type Responsive as dw, type ResponsiveContextMenuSize as dx, type ResponsiveContextMenuWidth as dy, type ContextMenuItemToneToken as dz, MOTION_TOKENS as e, NOTIFICATION_TOKENS as f, SELECT_TOKENS as g, SURFACE_TOKENS as h, SWITCH_TOKENS as i, TOAST_TOKENS as j, TOOLTIP_TOKENS as k, type AlertVariant as l, type ButtonFontSize as m, type ButtonHeight as n, type ButtonPaddingHorizontal as o, type ButtonPaddingVertical as p, type ButtonShadow as q, type CardPadding as r, type CardRadius as s, type CardShadow as t, type CardSize as u, type CardSpacingVertical as v, type CheckboxSize as w, type CheckboxState as x, type CheckboxVariant as y, type DataListLabelWidth as z };
6840
+ export { type MenuItemGap as $, ALERT_TOKENS as A, BUTTON_TOKENS as B, CARD_TOKENS as C, DATA_TOKENS as D, type EmptyStateIconSize as E, type IconSize as F, type IconStroke as G, type InputFontSize as H, ICON_TOKENS as I, type InputHeight as J, type InputPaddingHorizontal as K, type InputPaddingVertical as L, MENU_TOKENS as M, NAVIGATION_TOKENS as N, OVERLAY_TOKENS as O, POPOVER_TOKENS as P, type InputRadius as Q, RADIO_TOKENS as R, SECTION_TOKENS as S, TEXT_TOKENS as T, type InputSize as U, type MenuContentMinWidth as V, type MenuContentPadding as W, type MenuContentRadius as X, type MenuContentShadow as Y, type MenuIndicatorOffset as Z, type MenuIndicatorSize as _, CHECKBOX_TOKENS as a, type TextFontWeight as a$, type MenuItemHeight as a0, type MenuItemPadding as a1, type MenuItemRadius as a2, type MenuLabelPadding as a3, type MenuSeparatorMargin as a4, type MotionAnimation as a5, type MotionDuration as a6, type MotionEasing as a7, type MotionTransition as a8, type MotionTransitionPreset as a9, type SelectItemRadius as aA, type SelectLabelFontSize as aB, type SelectLabelPaddingHorizontal as aC, type SelectLabelPaddingVertical as aD, type SelectSeparatorMarginHorizontal as aE, type SelectSeparatorMarginVertical as aF, type SelectTriggerFontSize as aG, type SelectTriggerHeight as aH, type SelectTriggerPaddingHorizontal as aI, type SelectTriggerPaddingVertical as aJ, type SelectTriggerRadius as aK, type SkeletonAnimation as aL, type SkeletonBackground as aM, type SkeletonVariant as aN, type SurfacePadding as aO, type SurfaceRadius as aP, type SurfaceShadow as aQ, type SurfaceVariant as aR, type SwitchSize as aS, type SwitchState as aT, type SwitchVariant as aU, type TableCellPadding as aV, type TableGap as aW, type TableHeaderPadding as aX, type TableRowHeight as aY, type TableShadow as aZ, type TextFontSize as a_, type NavigationItemPadding as aa, type NavigationListGap as ab, type NavigationRadius as ac, type NavigationShadow as ad, type NavigationSize as ae, type NavigationState as af, type NotificationPanelWidth as ag, type NotificationVariant as ah, type OverlayBackdropVariant as ai, type OverlayModalSize as aj, type PopoverArrowOffset as ak, type PopoverArrowSize as al, type PopoverContentPadding as am, type PopoverContentRadius as an, type PopoverContentShadow as ao, type PopoverContentWidth as ap, type RadioSize as aq, type RadioState as ar, type RadioVariant as as, type SectionGap as at, type SectionPadding as au, type SelectContentPadding as av, type SelectContentRadius as aw, type SelectItemFontSize as ax, type SelectItemPaddingHorizontal as ay, type SelectItemPaddingVertical as az, INPUT_TOKENS as b, type Spacing as b$, type TextLetterSpacing as b0, type TextLineHeight as b1, type ToastVariant as b2, type TooltipContentRadius as b3, type TooltipContentShadow as b4, allCSSVariables as b5, allCSSVariablesCSS as b6, generateCSSVariablesCSS as b7, tokenSystemSummary as b8, type Animation as b9, motionV2TailwindConfig as bA, motionV2Transitions as bB, type BorderRadius as bC, type ComponentRadius as bD, borderRadius as bE, componentRadius as bF, radiusCSSVariables as bG, tailwindRadiusConfig as bH, type ColoredShadow as bI, type ElevationShadow as bJ, type FocusRing as bK, type GlowEffect as bL, accentColoredShadows as bM, componentShadowMapping as bN, elevationShadows as bO, focusRings as bP, glowEffects as bQ, primaryColoredShadows as bR, shadowBase as bS, shadowCSSVariables as bT, shadowOpacity as bU, tailwindShadowConfig as bV, type ComponentSpacing as bW, type ContainerSpacing as bX, type GridSpacing as bY, type SectionSpacing as bZ, type SemanticSpacing as b_, type Duration as ba, type Easing as bb, type Keyframe as bc, type Spring as bd, type Transition as be, animations as bf, durations as bg, easings as bh, keyframes as bi, motionCSSVariables as bj, reducedMotion as bk, springs as bl, tailwindMotionConfig as bm, transitions as bn, type MotionV2CombinedType as bo, type MotionV2Duration as bp, type MotionV2Easing as bq, type MotionV2SlideDirection as br, type MotionV2Transition as bs, motionV2CSSVariables as bt, motionV2Combined as bu, motionV2Durations as bv, motionV2Easings as bw, motionV2Fade as bx, motionV2Scale as by, motionV2Slide as bz, MOTION_TOKENS as c, type ResponsiveSurface as c$, type StackSpacing as c0, layoutSpacing as c1, semanticSpacing as c2, spacing as c3, spacingCSSVariables as c4, tailwindSpacingConfig as c5, UI_COLORS as c6, type CanonicalFontSize as c7, type CanonicalFontWeight as c8, type CanonicalLetterSpacing as c9, type ModalFooterAlignToken as cA, type ModalHeightToken as cB, type ModalSizeToken as cC, type ModalWidthToken as cD, type MotionDurationToken as cE, type MotionEasingToken as cF, type MotionToken as cG, type MotionTransitionToken as cH, type RadiusToken as cI, type ResponsiveAlignOffset as cJ, type ResponsiveAnimationPreset as cK, type ResponsiveAspectRatio as cL, type ResponsiveColor as cM, type ResponsiveContainerMaxWidth as cN, type ResponsiveContainerPadding as cO, type ResponsiveDelay as cP, type ResponsiveFlexBasis as cQ, type ResponsiveModalHeight as cR, type ResponsiveModalSize as cS, type ResponsiveModalWidth as cT, type ResponsiveMotion as cU, type ResponsiveRadius as cV, type ResponsiveSelectSize as cW, type ResponsiveSelectWidth as cX, type ResponsiveShadow as cY, type ResponsiveSideOffset as cZ, type ResponsiveSpace as c_, type CanonicalLineHeight as ca, type CanonicalTextColor as cb, type FontFamily as cc, type FontSize as cd, type FontWeight as ce, type LetterSpacing as cf, type LineHeight as cg, type TextStyle as ch, fontFamily as ci, fontSize as cj, fontSizeWithMd as ck, fontWeight as cl, letterSpacing as cm, lineHeight as cn, tailwindTypographyConfig as co, textStyles as cp, typographyCSSVariables as cq, type AlignOffsetToken as cr, type AnimationPresetToken as cs, type AspectRatioToken as ct, type ColorToken as cu, type ContainerMaxWidthToken as cv, type ContainerPaddingToken as cw, type DelayToken as cx, type FlexBasisToken as cy, type LayoutSpaceToken as cz, NOTIFICATION_TOKENS as d, type ResponsiveTextLineHeight as d0, type ResponsiveTextSize as d1, type ResponsiveTextWeight as d2, type SelectSizeToken as d3, type SelectStateToken as d4, type SelectVariantToken as d5, type SelectWidthToken as d6, type ShadowToken as d7, type SideOffsetToken as d8, type SpaceToken as d9, type SpacingToken as da, type SurfaceToken as db, type TextLetterSpacingToken as dc, type TextLineHeightToken as dd, type TextSizeToken as de, type TextWeightToken as df, type Responsive as dg, type ResponsiveContextMenuSize as dh, type ResponsiveContextMenuWidth as di, type ContextMenuItemToneToken as dj, type ResponsiveTabsSize as dk, type TabsVariantToken as dl, type TabsToneToken as dm, type Breakpoint as dn, SELECT_TOKENS as e, SURFACE_TOKENS as f, SWITCH_TOKENS as g, TOAST_TOKENS as h, TOOLTIP_TOKENS as i, type AlertVariant as j, type ButtonFontSize as k, type ButtonHeight as l, type ButtonPaddingHorizontal as m, type ButtonPaddingVertical as n, type ButtonShadow as o, type CardPadding as p, type CardRadius as q, type CardShadow as r, type CardSize as s, type CardSpacingVertical as t, type CheckboxSize as u, type CheckboxState as v, type CheckboxVariant as w, type DataListLabelWidth as x, type DataListRowPadding as y, type IconColor as z };