@tenerife.music/ui 1.0.2 → 1.0.4

package/dist/typography-DHym9KAP.js

@@ -0,0 +1,1196 @@
+"use client";
+const e = {
+  // Zero spacing
+  0: "0",
+  px: "1px",
+  // Half unit (4px)
+  0.5: "0.125rem",
+  // 4px
+  // Base unit multiples (8px increments)
+  1: "0.25rem",
+  // 4px (half unit, common)
+  1.5: "0.375rem",
+  // 6px (rare, for fine adjustments)
+  2: "0.5rem",
+  // 8px (base unit)
+  2.5: "0.625rem",
+  // 10px (rare)
+  3: "0.75rem",
+  // 12px (1.5 × base)
+  3.5: "0.875rem",
+  // 14px (rare)
+  4: "1rem",
+  // 16px (2 × base)
+  5: "1.25rem",
+  // 20px (2.5 × base)
+  6: "1.5rem",
+  // 24px (3 × base)
+  7: "1.75rem",
+  // 28px (3.5 × base)
+  8: "2rem",
+  // 32px (4 × base)
+  9: "2.25rem",
+  // 36px (4.5 × base)
+  10: "2.5rem",
+  // 40px (5 × base)
+  11: "2.75rem",
+  // 44px (5.5 × base)
+  12: "3rem",
+  // 48px (6 × base)
+  14: "3.5rem",
+  // 56px (7 × base)
+  16: "4rem",
+  // 64px (8 × base)
+  20: "5rem",
+  // 80px (10 × base)
+  24: "6rem",
+  // 96px (12 × base)
+  // Extended scale for larger spacing
+  28: "7rem",
+  // 112px (14 × base)
+  32: "8rem",
+  // 128px (16 × base)
+  36: "9rem",
+  // 144px (18 × base)
+  40: "10rem",
+  // 160px (20 × base)
+  44: "11rem",
+  // 176px (22 × base)
+  48: "12rem",
+  // 192px (24 × base)
+  52: "13rem",
+  // 208px (26 × base)
+  56: "14rem",
+  // 224px (28 × base)
+  60: "15rem",
+  // 240px (30 × base)
+  64: "16rem",
+  // 256px (32 × base)
+  72: "18rem",
+  // 288px (36 × base)
+  80: "20rem",
+  // 320px (40 × base)
+  96: "24rem"
+  // 384px (48 × base)
+}, m = {
+  // Extra small spacing (tight, minimal)
+  xs: e[1],
+  // 4px (0.25rem)
+  // Small spacing (compact)
+  sm: e[2],
+  // 8px (0.5rem)
+  // Medium spacing (default)
+  md: e[4],
+  // 16px (1rem)
+  // Large spacing (spacious)
+  lg: e[6],
+  // 24px (1.5rem)
+  // Extra large spacing (very spacious)
+  xl: e[8],
+  // 32px (2rem)
+  // 2XL spacing (section-level)
+  "2xl": e[12],
+  // 48px (3rem)
+  // 3XL spacing (major sections)
+  "3xl": e[16],
+  // 64px (4rem)
+  // 4XL spacing (page sections)
+  "4xl": e[20],
+  // 80px (5rem)
+  // 5XL spacing (hero sections)
+  "5xl": e[24],
+  // 96px (6rem)
+  // None (no spacing)
+  none: e[0]
+  // 0
+}, i = {
+  // Section spacing (vertical spacing between major sections)
+  section: {
+    xs: e[6],
+    // 24px (compact sections)
+    sm: e[8],
+    // 32px (small sections)
+    md: e[12],
+    // 48px (default sections)
+    lg: e[16],
+    // 64px (large sections)
+    xl: e[20],
+    // 80px (extra large sections)
+    "2xl": e[24]
+    // 96px (hero sections)
+  },
+  // Container spacing (padding inside containers)
+  container: {
+    xs: e[2],
+    // 8px (tight containers)
+    sm: e[4],
+    // 16px (compact containers)
+    md: e[6],
+    // 24px (default containers)
+    lg: e[8],
+    // 32px (spacious containers)
+    xl: e[12]
+    // 48px (very spacious containers)
+  },
+  // Grid spacing (gap between grid items)
+  grid: {
+    xs: e[2],
+    // 8px (tight grids)
+    sm: e[4],
+    // 16px (compact grids)
+    md: e[6],
+    // 24px (default grids)
+    lg: e[8],
+    // 32px (spacious grids)
+    xl: e[12]
+    // 48px (very spacious grids)
+  },
+  // Stack spacing (gap between stacked items)
+  stack: {
+    xs: e[1],
+    // 4px (tight stacks)
+    sm: e[2],
+    // 8px (compact stacks)
+    md: e[4],
+    // 16px (default stacks)
+    lg: e[6],
+    // 24px (spacious stacks)
+    xl: e[8]
+    // 32px (very spacious stacks)
+  },
+  // Component internal spacing (padding inside components)
+  component: {
+    xs: e[1],
+    // 4px (tight components)
+    sm: e[2],
+    // 8px (compact components)
+    md: e[4],
+    // 16px (default components)
+    lg: e[6],
+    // 24px (spacious components)
+    xl: e[8]
+    // 32px (extra spacious components)
+  }
+}, z = {
+  // Base spacing scale
+  "--spacing-0": e[0],
+  "--spacing-px": e.px,
+  "--spacing-0-5": e[0.5],
+  "--spacing-1": e[1],
+  "--spacing-1-5": e[1.5],
+  "--spacing-2": e[2],
+  "--spacing-2-5": e[2.5],
+  "--spacing-3": e[3],
+  "--spacing-3-5": e[3.5],
+  "--spacing-4": e[4],
+  "--spacing-5": e[5],
+  "--spacing-6": e[6],
+  "--spacing-7": e[7],
+  "--spacing-8": e[8],
+  "--spacing-9": e[9],
+  "--spacing-10": e[10],
+  "--spacing-11": e[11],
+  "--spacing-12": e[12],
+  "--spacing-14": e[14],
+  "--spacing-16": e[16],
+  "--spacing-20": e[20],
+  "--spacing-24": e[24],
+  // Semantic spacing
+  "--spacing-xs": m.xs,
+  "--spacing-sm": m.sm,
+  "--spacing-md": m.md,
+  "--spacing-lg": m.lg,
+  "--spacing-xl": m.xl,
+  "--spacing-2xl": m["2xl"],
+  "--spacing-3xl": m["3xl"],
+  "--spacing-4xl": m["4xl"],
+  "--spacing-5xl": m["5xl"],
+  "--spacing-none": m.none,
+  // Layout spacing - sections
+  "--layout-section-xs": i.section.xs,
+  "--layout-section-sm": i.section.sm,
+  "--layout-section-md": i.section.md,
+  "--layout-section-lg": i.section.lg,
+  "--layout-section-xl": i.section.xl,
+  "--layout-section-2xl": i.section["2xl"],
+  // Layout spacing - containers
+  "--layout-container-xs": i.container.xs,
+  "--layout-container-sm": i.container.sm,
+  "--layout-container-md": i.container.md,
+  "--layout-container-lg": i.container.lg,
+  "--layout-container-xl": i.container.xl,
+  // Layout spacing - grids
+  "--layout-grid-xs": i.grid.xs,
+  "--layout-grid-sm": i.grid.sm,
+  "--layout-grid-md": i.grid.md,
+  "--layout-grid-lg": i.grid.lg,
+  "--layout-grid-xl": i.grid.xl,
+  // Layout spacing - stacks
+  "--layout-stack-xs": i.stack.xs,
+  "--layout-stack-sm": i.stack.sm,
+  "--layout-stack-md": i.stack.md,
+  "--layout-stack-lg": i.stack.lg,
+  "--layout-stack-xl": i.stack.xl,
+  // Layout spacing - components
+  "--layout-component-xs": i.component.xs,
+  "--layout-component-sm": i.component.sm,
+  "--layout-component-md": i.component.md,
+  "--layout-component-lg": i.component.lg,
+  "--layout-component-xl": i.component.xl
+}, k = {
+  spacing: {
+    ...e,
+    // Add semantic tokens as aliases
+    xs: m.xs,
+    sm: m.sm,
+    md: m.md,
+    lg: m.lg,
+    xl: m.xl,
+    "2xl": m["2xl"],
+    "3xl": m["3xl"],
+    "4xl": m["4xl"],
+    "5xl": m["5xl"],
+    none: m.none
+  }
+}, u = {
+  fast: "150ms",
+  // Quick interactions
+  normal: "250ms",
+  // Default transitions
+  slow: "350ms",
+  // Emphasized animations
+  reduced: "0ms"
+  // For prefers-reduced-motion
+}, S = {
+  soft: "cubic-bezier(0.22, 1, 0.36, 1)",
+  // Gentle, smooth
+  standard: "cubic-bezier(0.4, 0, 0.2, 1)",
+  // Material Design standard
+  emphasized: "cubic-bezier(0.2, 0, 0, 1)"
+  // Strong, decisive
+}, b = {
+  fast: `${u.fast} ${S.standard}`,
+  normal: `${u.normal} ${S.standard}`,
+  slow: `${u.slow} ${S.emphasized}`,
+  soft: `${u.normal} ${S.soft}`,
+  reduced: `${u.reduced} linear`
+}, v = {
+  in: {
+    from: { opacity: 0 },
+    to: { opacity: 1 }
+  },
+  out: {
+    from: { opacity: 1 },
+    to: { opacity: 0 }
+  }
+}, H = {
+  in: {
+    from: { transform: "scale(0.95)", opacity: 0 },
+    to: { transform: "scale(1)", opacity: 1 }
+  },
+  out: {
+    from: { transform: "scale(1)", opacity: 1 },
+    to: { transform: "scale(0.95)", opacity: 0 }
+  }
+}, w = {
+  up: {
+    in: {
+      from: { transform: "translateY(100%)", opacity: 0 },
+      to: { transform: "translateY(0)", opacity: 1 }
+    },
+    out: {
+      from: { transform: "translateY(0)", opacity: 1 },
+      to: { transform: "translateY(100%)", opacity: 0 }
+    }
+  },
+  down: {
+    in: {
+      from: { transform: "translateY(-100%)", opacity: 0 },
+      to: { transform: "translateY(0)", opacity: 1 }
+    },
+    out: {
+      from: { transform: "translateY(0)", opacity: 1 },
+      to: { transform: "translateY(-100%)", opacity: 0 }
+    }
+  },
+  left: {
+    in: {
+      from: { transform: "translateX(100%)", opacity: 0 },
+      to: { transform: "translateX(0)", opacity: 1 }
+    },
+    out: {
+      from: { transform: "translateX(0)", opacity: 1 },
+      to: { transform: "translateX(100%)", opacity: 0 }
+    }
+  },
+  right: {
+    in: {
+      from: { transform: "translateX(-100%)", opacity: 0 },
+      to: { transform: "translateX(0)", opacity: 1 }
+    },
+    out: {
+      from: { transform: "translateX(0)", opacity: 1 },
+      to: { transform: "translateX(-100%)", opacity: 0 }
+    }
+  }
+}, h = {
+  fadeScale: {
+    in: {
+      from: { transform: "scale(0.95)", opacity: 0 },
+      to: { transform: "scale(1)", opacity: 1 }
+    },
+    out: {
+      from: { transform: "scale(1)", opacity: 1 },
+      to: { transform: "scale(0.95)", opacity: 0 }
+    }
+  },
+  fadeSlideUp: {
+    in: {
+      from: { transform: "translateY(100%)", opacity: 0 },
+      to: { transform: "translateY(0)", opacity: 1 }
+    },
+    out: {
+      from: { transform: "translateY(0)", opacity: 1 },
+      to: { transform: "translateY(100%)", opacity: 0 }
+    }
+  },
+  fadeSlideDown: {
+    in: {
+      from: { transform: "translateY(-100%)", opacity: 0 },
+      to: { transform: "translateY(0)", opacity: 1 }
+    },
+    out: {
+      from: { transform: "translateY(0)", opacity: 1 },
+      to: { transform: "translateY(-100%)", opacity: 0 }
+    }
+  },
+  fadeSlideLeft: {
+    in: {
+      from: { transform: "translateX(100%)", opacity: 0 },
+      to: { transform: "translateX(0)", opacity: 1 }
+    },
+    out: {
+      from: { transform: "translateX(0)", opacity: 1 },
+      to: { transform: "translateX(100%)", opacity: 0 }
+    }
+  },
+  fadeSlideRight: {
+    in: {
+      from: { transform: "translateX(-100%)", opacity: 0 },
+      to: { transform: "translateX(0)", opacity: 1 }
+    },
+    out: {
+      from: { transform: "translateX(0)", opacity: 1 },
+      to: { transform: "translateX(-100%)", opacity: 0 }
+    }
+  }
+}, $ = {
+  // Durations
+  "--motion-duration-fast": u.fast,
+  "--motion-duration-normal": u.normal,
+  "--motion-duration-slow": u.slow,
+  "--motion-duration-reduced": u.reduced,
+  // Easings
+  "--motion-easing-soft": S.soft,
+  "--motion-easing-standard": S.standard,
+  "--motion-easing-emphasized": S.emphasized,
+  // Transitions
+  "--motion-transition-fast": b.fast,
+  "--motion-transition-normal": b.normal,
+  "--motion-transition-slow": b.slow,
+  "--motion-transition-soft": b.soft,
+  "--motion-transition-reduced": b.reduced
+}, F = {
+  transitionDuration: {
+    ...u
+  },
+  transitionTimingFunction: {
+    ...S
+  },
+  keyframes: {
+    // Fade
+    "fade-in": v.in,
+    "fade-out": v.out,
+    // Scale
+    "scale-in": H.in,
+    "scale-out": H.out,
+    // Slide
+    "slide-up-in": w.up.in,
+    "slide-up-out": w.up.out,
+    "slide-down-in": w.down.in,
+    "slide-down-out": w.down.out,
+    "slide-left-in": w.left.in,
+    "slide-left-out": w.left.out,
+    "slide-right-in": w.right.in,
+    "slide-right-out": w.right.out,
+    // Combined
+    "fade-scale-in": h.fadeScale.in,
+    "fade-scale-out": h.fadeScale.out,
+    "fade-slide-up-in": h.fadeSlideUp.in,
+    "fade-slide-up-out": h.fadeSlideUp.out,
+    "fade-slide-down-in": h.fadeSlideDown.in,
+    "fade-slide-down-out": h.fadeSlideDown.out,
+    "fade-slide-left-in": h.fadeSlideLeft.in,
+    "fade-slide-left-out": h.fadeSlideLeft.out,
+    "fade-slide-right-in": h.fadeSlideRight.in,
+    "fade-slide-right-out": h.fadeSlideRight.out
+  }
+}, a = {
+  // No radius
+  none: "0",
+  // Extra small radius
+  xs: "0.125rem",
+  // 2px
+  // Small radius
+  sm: "0.25rem",
+  // 4px (base unit)
+  // Default radius (base)
+  DEFAULT: "0.25rem",
+  // 4px (same as sm)
+  base: "0.25rem",
+  // 4px (alias)
+  // Medium radius
+  md: "0.375rem",
+  // 6px
+  // Large radius
+  lg: "0.5rem",
+  // 8px (2 × base)
+  // Extra large radius
+  xl: "0.75rem",
+  // 12px (3 × base)
+  // 2XL radius
+  "2xl": "1rem",
+  // 16px (4 × base)
+  // 3XL radius
+  "3xl": "1.5rem",
+  // 24px (6 × base)
+  // Full radius (circular)
+  full: "9999px"
+}, c = {
+  // Button radius standards
+  button: {
+    sm: a.sm,
+    // 4px (compact buttons)
+    md: a.md,
+    // 6px (default buttons)
+    lg: a.lg,
+    // 8px (large buttons)
+    pill: a.full
+    // Full (pill buttons)
+  },
+  // Card radius standards
+  card: {
+    sm: a.sm,
+    // 4px (compact cards)
+    md: a.md,
+    // 6px (default cards)
+    lg: a.lg,
+    // 8px (large cards)
+    xl: a.xl
+    // 12px (feature cards)
+  },
+  // Input/Form field radius standards
+  input: {
+    sm: a.sm,
+    // 4px (compact inputs)
+    md: a.md,
+    // 6px (default inputs)
+    lg: a.lg
+    // 8px (large inputs)
+  },
+  // Badge/Status radius standards
+  badge: {
+    sm: a.xs,
+    // 2px (compact badges)
+    md: a.sm,
+    // 4px (default badges)
+    lg: a.md,
+    // 6px (large badges)
+    pill: a.full
+    // Full (pill badges)
+  },
+  // Avatar radius standards
+  avatar: {
+    sm: a.full,
+    // Full (small avatars)
+    md: a.full,
+    // Full (default avatars)
+    lg: a.full,
+    // Full (large avatars)
+    square: a.md
+    // 6px (square avatars)
+  },
+  // Modal/Dialog radius standards
+  modal: {
+    sm: a.md,
+    // 6px (small modals)
+    md: a.lg,
+    // 8px (default modals)
+    lg: a.xl,
+    // 12px (large modals)
+    xl: a["2xl"]
+    // 16px (extra large modals)
+  },
+  // Tooltip radius standards
+  tooltip: {
+    sm: a.sm,
+    // 4px (default tooltips)
+    md: a.md
+    // 6px (large tooltips)
+  },
+  // Toast/Notification radius standards
+  toast: {
+    sm: a.md,
+    // 6px (compact toasts)
+    md: a.lg,
+    // 8px (default toasts)
+    lg: a.xl
+    // 12px (large toasts)
+  },
+  // Chip/Tag radius standards
+  chip: {
+    sm: a.xs,
+    // 2px (compact chips)
+    md: a.sm,
+    // 4px (default chips)
+    lg: a.md,
+    // 6px (large chips)
+    pill: a.full
+    // Full (pill chips)
+  },
+  // Image/Media radius standards
+  image: {
+    none: a.none,
+    // 0 (sharp images)
+    sm: a.sm,
+    // 4px (subtle rounding)
+    md: a.md,
+    // 6px (default)
+    lg: a.lg,
+    // 8px (rounded)
+    xl: a.xl,
+    // 12px (very rounded)
+    full: a.full
+    // Full (circular images)
+  }
+}, j = {
+  // Border radius scale
+  "--radius-none": a.none,
+  "--radius-xs": a.xs,
+  "--radius-sm": a.sm,
+  "--radius-base": a.base,
+  "--radius-md": a.md,
+  "--radius-lg": a.lg,
+  "--radius-xl": a.xl,
+  "--radius-2xl": a["2xl"],
+  "--radius-3xl": a["3xl"],
+  "--radius-full": a.full,
+  // Default radius variable (commonly used)
+  "--radius": a.md,
+  // Default to medium (6px)
+  // Component-specific radius variables
+  "--radius-button": c.button.md,
+  "--radius-card": c.card.md,
+  "--radius-input": c.input.md,
+  "--radius-badge": c.badge.md,
+  "--radius-modal": c.modal.md,
+  "--radius-tooltip": c.tooltip.sm,
+  "--radius-toast": c.toast.md,
+  "--radius-chip": c.chip.md,
+  "--radius-image": c.image.md
+}, C = {
+  borderRadius: {
+    ...a,
+    // Add component-specific aliases
+    button: c.button.md,
+    card: c.card.md,
+    input: c.input.md,
+    badge: c.badge.md,
+    modal: c.modal.md,
+    tooltip: c.tooltip.sm,
+    toast: c.toast.md,
+    chip: c.chip.md,
+    image: c.image.md
+  }
+}, x = {
+  black: "0 0 0",
+  // Black color for shadows (rgb format)
+  overlay: "0 0 0"
+  // Black color for overlays (rgba format)
+}, f = {
+  xs: "0.05",
+  sm: "0.1",
+  md: "0.1",
+  lg: "0.1",
+  xl: "0.1",
+  "2xl": "0.25",
+  overlay: "0.5",
+  backdrop: "0.5"
+}, n = {
+  none: "none",
+  xs: `0 1px 2px 0 rgb(${x.black} / ${f.xs})`,
+  sm: `0 1px 3px 0 rgb(${x.black} / ${f.sm}), 0 1px 2px -1px rgb(${x.black} / ${f.sm})`,
+  md: `0 4px 6px -1px rgb(${x.black} / ${f.md}), 0 2px 4px -2px rgb(${x.black} / ${f.md})`,
+  lg: `0 10px 15px -3px rgb(${x.black} / ${f.lg}), 0 4px 6px -4px rgb(${x.black} / ${f.lg})`,
+  xl: `0 20px 25px -5px rgb(${x.black} / ${f.xl}), 0 8px 10px -6px rgb(${x.black} / ${f.xl})`,
+  "2xl": `0 25px 50px -12px rgb(${x.black} / ${f["2xl"]})`
+}, d = {
+  xs: "0 1px 2px 0 hsl(var(--primary-500) / 0.15)",
+  sm: "0 2px 4px 0 hsl(var(--primary-500) / 0.2)",
+  md: "0 4px 8px 0 hsl(var(--primary-500) / 0.3)",
+  lg: "0 8px 16px 0 hsl(var(--primary-500) / 0.4)",
+  xl: "0 12px 24px 0 hsl(var(--primary-500) / 0.5)",
+  "2xl": "0 16px 32px 0 hsl(var(--primary-500) / 0.6)"
+}, p = {
+  xs: "0 1px 2px 0 hsl(var(--accent-500) / 0.15)",
+  sm: "0 2px 4px 0 hsl(var(--accent-500) / 0.2)",
+  md: "0 4px 8px 0 hsl(var(--accent-500) / 0.3)",
+  lg: "0 8px 16px 0 hsl(var(--accent-500) / 0.4)",
+  xl: "0 12px 24px 0 hsl(var(--accent-500) / 0.5)",
+  "2xl": "0 16px 32px 0 hsl(var(--accent-500) / 0.6)"
+}, g = {
+  // Primary glow effects
+  "glow-primary": "0 0 20px 0 hsl(var(--primary-500) / 0.5), 0 0 40px 0 hsl(var(--primary-500) / 0.3)",
+  "glow-primary-subtle": "0 0 8px 0 hsl(var(--primary-500) / 0.3)",
+  "glow-primary-medium": "0 0 16px 0 hsl(var(--primary-500) / 0.5)",
+  "glow-primary-strong": "0 0 24px 0 hsl(var(--primary-500) / 0.6)",
+  // Accent glow effects
+  "glow-accent": "0 0 20px 0 hsl(var(--accent-500) / 0.5), 0 0 40px 0 hsl(var(--accent-500) / 0.3)",
+  "glow-accent-subtle": "0 0 8px 0 hsl(var(--accent-500) / 0.3)",
+  "glow-accent-medium": "0 0 16px 0 hsl(var(--accent-500) / 0.5)",
+  "glow-accent-strong": "0 0 24px 0 hsl(var(--accent-500) / 0.6)"
+}, y = {
+  default: "0 0 0 3px hsl(var(--ring) / 0.5)",
+  primary: "0 0 0 3px hsl(var(--primary-500) / 0.3)",
+  accent: "0 0 0 3px hsl(var(--accent-500) / 0.3)",
+  "focus-primary": "0 0 0 3px hsl(var(--primary-500) / 0.3)",
+  "focus-accent": "0 0 0 3px hsl(var(--accent-500) / 0.3)"
+}, W = {
+  // Elevation shadows
+  "--shadow-none": n.none,
+  "--shadow-xs": n.xs,
+  "--shadow-sm": n.sm,
+  "--shadow-md": n.md,
+  "--shadow-lg": n.lg,
+  "--shadow-xl": n.xl,
+  "--shadow-2xl": n["2xl"],
+  // Primary colored shadows
+  "--shadow-primary-xs": d.xs,
+  "--shadow-primary-sm": d.sm,
+  "--shadow-primary-md": d.md,
+  "--shadow-primary-lg": d.lg,
+  "--shadow-primary-xl": d.xl,
+  "--shadow-primary-2xl": d["2xl"],
+  // Accent colored shadows
+  "--shadow-accent-xs": p.xs,
+  "--shadow-accent-sm": p.sm,
+  "--shadow-accent-md": p.md,
+  "--shadow-accent-lg": p.lg,
+  "--shadow-accent-xl": p.xl,
+  "--shadow-accent-2xl": p["2xl"],
+  // Glow effects
+  "--glow-primary": g["glow-primary"],
+  "--glow-primary-subtle": g["glow-primary-subtle"],
+  "--glow-primary-medium": g["glow-primary-medium"],
+  "--glow-primary-strong": g["glow-primary-strong"],
+  "--glow-accent": g["glow-accent"],
+  "--glow-accent-subtle": g["glow-accent-subtle"],
+  "--glow-accent-medium": g["glow-accent-medium"],
+  "--glow-accent-strong": g["glow-accent-strong"],
+  // Focus rings
+  "--focus-ring-default": y.default,
+  "--focus-ring-primary": y.primary,
+  "--focus-ring-accent": y.accent,
+  "--focus-primary": y["focus-primary"],
+  "--focus-accent": y["focus-accent"]
+}, X = {
+  card: {
+    default: n.sm,
+    hover: n.md,
+    active: n.xs,
+    selected: d.sm
+  },
+  button: {
+    default: n.xs,
+    hover: n.sm,
+    active: n.none,
+    focus: y.primary
+  },
+  "button-accent": {
+    default: p.xs,
+    hover: p.sm,
+    active: n.none,
+    focus: y.accent
+  },
+  modal: {
+    default: n.xl,
+    backdrop: `rgba(${x.overlay}, ${f.backdrop})`
+  },
+  dropdown: {
+    default: n.md,
+    hover: n.lg
+  },
+  tooltip: {
+    default: n.sm
+  },
+  toast: {
+    default: n.lg,
+    success: "0 10px 15px -3px hsl(var(--semantic-success) / 0.3)",
+    error: "0 10px 15px -3px hsl(var(--semantic-error) / 0.3)"
+  }
+}, Y = {
+  boxShadow: {
+    // Elevation shadows
+    none: n.none,
+    xs: n.xs,
+    sm: n.sm,
+    md: n.md,
+    lg: n.lg,
+    xl: n.xl,
+    "2xl": n["2xl"],
+    // Primary colored shadows
+    "primary-xs": d.xs,
+    "primary-sm": d.sm,
+    "primary-md": d.md,
+    "primary-lg": d.lg,
+    "primary-xl": d.xl,
+    "primary-2xl": d["2xl"],
+    // Accent colored shadows
+    "accent-xs": p.xs,
+    "accent-sm": p.sm,
+    "accent-md": p.md,
+    "accent-lg": p.lg,
+    "accent-xl": p.xl,
+    "accent-2xl": p["2xl"],
+    // Glow effects
+    "glow-primary": g["glow-primary"],
+    "glow-primary-subtle": g["glow-primary-subtle"],
+    "glow-primary-medium": g["glow-primary-medium"],
+    "glow-primary-strong": g["glow-primary-strong"],
+    "glow-accent": g["glow-accent"],
+    "glow-accent-subtle": g["glow-accent-subtle"],
+    "glow-accent-medium": g["glow-accent-medium"],
+    "glow-accent-strong": g["glow-accent-strong"],
+    // Focus rings (using box-shadow for focus states)
+    "focus-ring": y.default,
+    "focus-primary": y["focus-primary"],
+    "focus-accent": y["focus-accent"]
+  },
+  // Ring width (for focus rings using ring utilities)
+  ringWidth: {
+    DEFAULT: "3px",
+    sm: "2px",
+    md: "3px",
+    lg: "4px"
+  },
+  // Ring color (for focus rings)
+  ringColor: {
+    DEFAULT: "hsl(var(--ring) / 0.5)",
+    primary: "hsl(var(--primary-500) / 0.3)",
+    accent: "hsl(var(--accent-500) / 0.3)",
+    "focus-primary": "hsl(var(--primary-500) / 0.3)",
+    "focus-accent": "hsl(var(--accent-500) / 0.3)"
+  }
+}, l = {
+  // Primary font - Inter (default sans)
+  sans: [
+    "Inter",
+    "ui-sans-serif",
+    "system-ui",
+    "-apple-system",
+    "BlinkMacSystemFont",
+    "Segoe UI",
+    "Roboto",
+    "Helvetica Neue",
+    "Arial",
+    "Noto Sans",
+    "sans-serif",
+    "Apple Color Emoji",
+    "Segoe UI Emoji",
+    "Segoe UI Symbol",
+    "Noto Color Emoji"
+  ],
+  // Optional font - Satoshi
+  satoshi: [
+    "Satoshi",
+    "Inter",
+    "ui-sans-serif",
+    "system-ui",
+    "-apple-system",
+    "BlinkMacSystemFont",
+    "Segoe UI",
+    "Roboto",
+    "sans-serif"
+  ],
+  // Display font - Clash Display (for headings and hero sections)
+  display: [
+    "Clash Display",
+    "Inter",
+    "ui-sans-serif",
+    "system-ui",
+    "-apple-system",
+    "BlinkMacSystemFont",
+    "Segoe UI",
+    "Roboto",
+    "sans-serif"
+  ],
+  // Serif font family
+  serif: ["ui-serif", "Georgia", "Cambria", "Times New Roman", "Times", "serif"],
+  // Monospace font family
+  mono: [
+    "ui-monospace",
+    "SFMono-Regular",
+    "Menlo",
+    "Monaco",
+    "Consolas",
+    "Liberation Mono",
+    "Courier New",
+    "monospace"
+  ]
+}, t = {
+  // text-xs: 12px base, scales from 0.75rem to 0.875rem
+  xs: [
+    "clamp(0.75rem, 0.7rem + 0.125vw, 0.875rem)",
+    { lineHeight: "1rem", letterSpacing: "0.05em" }
+  ],
+  // text-sm: 14px base, scales from 0.875rem to 1rem
+  sm: [
+    "clamp(0.875rem, 0.8rem + 0.25vw, 1rem)",
+    { lineHeight: "1.25rem", letterSpacing: "0.025em" }
+  ],
+  // text-base: 16px base, scales from 1rem to 1.125rem
+  base: ["clamp(1rem, 0.95rem + 0.25vw, 1.125rem)", { lineHeight: "1.5rem", letterSpacing: "0em" }],
+  // text-lg: 18px base, scales from 1.125rem to 1.25rem
+  lg: [
+    "clamp(1.125rem, 1rem + 0.5vw, 1.25rem)",
+    { lineHeight: "1.75rem", letterSpacing: "-0.025em" }
+  ],
+  // text-xl: 20px base, scales from 1.25rem to 1.5rem
+  xl: [
+    "clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem)",
+    { lineHeight: "1.75rem", letterSpacing: "-0.025em" }
+  ],
+  // text-2xl: 24px base, scales from 1.5rem to 2rem
+  "2xl": [
+    "clamp(1.5rem, 1.25rem + 1.25vw, 2rem)",
+    { lineHeight: "2rem", letterSpacing: "-0.05em" }
+  ],
+  // text-3xl: 30px base, scales from 1.875rem to 2.5rem
+  "3xl": [
+    "clamp(1.875rem, 1.5rem + 1.875vw, 2.5rem)",
+    { lineHeight: "2.25rem", letterSpacing: "-0.05em" }
+  ],
+  // text-4xl: 36px base, scales from 2.25rem to 3rem
+  "4xl": [
+    "clamp(2.25rem, 1.75rem + 2.5vw, 3rem)",
+    { lineHeight: "2.5rem", letterSpacing: "-0.025em" }
+  ],
+  // text-5xl: 48px base, scales from 3rem to 4rem
+  "5xl": ["clamp(3rem, 2rem + 5vw, 4rem)", { lineHeight: "1", letterSpacing: "-0.025em" }],
+  // text-6xl: 60px base, scales from 3.75rem to 5rem
+  "6xl": ["clamp(3.75rem, 2.5rem + 6.25vw, 5rem)", { lineHeight: "1", letterSpacing: "-0.05em" }],
+  // text-7xl: 72px base (optional, for hero sections)
+  "7xl": ["clamp(4.5rem, 3rem + 7.5vw, 6rem)", { lineHeight: "1", letterSpacing: "-0.05em" }],
+  // text-8xl: 96px base (optional, for hero sections)
+  "8xl": ["clamp(6rem, 4rem + 10vw, 8rem)", { lineHeight: "1", letterSpacing: "-0.05em" }],
+  // text-9xl: 128px base (optional, for hero sections)
+  "9xl": ["clamp(8rem, 5rem + 15vw, 12rem)", { lineHeight: "1", letterSpacing: "-0.05em" }]
+}, o = {
+  thin: "100",
+  extralight: "200",
+  light: "300",
+  normal: "400",
+  medium: "500",
+  semibold: "600",
+  bold: "700",
+  extrabold: "800",
+  black: "900"
+}, s = {
+  none: "1",
+  tight: "1.25",
+  snug: "1.375",
+  normal: "1.5",
+  relaxed: "1.625",
+  loose: "2"
+}, r = {
+  tighter: "-0.05em",
+  tight: "-0.025em",
+  normal: "0em",
+  wide: "0.025em",
+  wider: "0.05em",
+  widest: "0.1em"
+}, V = {
+  // Font families
+  "--font-sans": l.sans.join(", "),
+  "--font-satoshi": l.satoshi.join(", "),
+  "--font-display": l.display.join(", "),
+  "--font-serif": l.serif.join(", "),
+  "--font-mono": l.mono.join(", "),
+  // Font sizes (using clamp values)
+  "--font-size-xs": t.xs[0],
+  "--font-size-sm": t.sm[0],
+  "--font-size-base": t.base[0],
+  "--font-size-lg": t.lg[0],
+  "--font-size-xl": t.xl[0],
+  "--font-size-2xl": t["2xl"][0],
+  "--font-size-3xl": t["3xl"][0],
+  "--font-size-4xl": t["4xl"][0],
+  "--font-size-5xl": t["5xl"][0],
+  "--font-size-6xl": t["6xl"][0],
+  // Font weights
+  "--font-weight-thin": o.thin,
+  "--font-weight-extralight": o.extralight,
+  "--font-weight-light": o.light,
+  "--font-weight-normal": o.normal,
+  "--font-weight-medium": o.medium,
+  "--font-weight-semibold": o.semibold,
+  "--font-weight-bold": o.bold,
+  "--font-weight-extrabold": o.extrabold,
+  "--font-weight-black": o.black,
+  // Line heights
+  "--line-height-none": s.none,
+  "--line-height-tight": s.tight,
+  "--line-height-snug": s.snug,
+  "--line-height-normal": s.normal,
+  "--line-height-relaxed": s.relaxed,
+  "--line-height-loose": s.loose,
+  // Letter spacing
+  "--letter-spacing-tighter": r.tighter,
+  "--letter-spacing-tight": r.tight,
+  "--letter-spacing-normal": r.normal,
+  "--letter-spacing-wide": r.wide,
+  "--letter-spacing-wider": r.wider,
+  "--letter-spacing-widest": r.widest
+}, R = {
+  // Display styles (for hero sections)
+  display: {
+    fontFamily: l.display.join(", "),
+    fontSize: t["6xl"][0],
+    fontWeight: o.bold,
+    lineHeight: s.none,
+    letterSpacing: r.tight
+  },
+  // Heading styles
+  h1: {
+    fontFamily: l.display.join(", "),
+    fontSize: t["5xl"][0],
+    fontWeight: o.bold,
+    lineHeight: s.tight,
+    letterSpacing: r.tight
+  },
+  h2: {
+    fontFamily: l.display.join(", "),
+    fontSize: t["4xl"][0],
+    fontWeight: o.bold,
+    lineHeight: s.tight,
+    letterSpacing: r.tight
+  },
+  h3: {
+    fontFamily: l.sans.join(", "),
+    fontSize: t["3xl"][0],
+    fontWeight: o.semibold,
+    lineHeight: s.snug,
+    letterSpacing: r.normal
+  },
+  h4: {
+    fontFamily: l.sans.join(", "),
+    fontSize: t["2xl"][0],
+    fontWeight: o.semibold,
+    lineHeight: s.snug,
+    letterSpacing: r.normal
+  },
+  h5: {
+    fontFamily: l.sans.join(", "),
+    fontSize: t.xl[0],
+    fontWeight: o.medium,
+    lineHeight: s.normal,
+    letterSpacing: r.normal
+  },
+  h6: {
+    fontFamily: l.sans.join(", "),
+    fontSize: t.lg[0],
+    fontWeight: o.medium,
+    lineHeight: s.normal,
+    letterSpacing: r.normal
+  },
+  // Body text styles
+  body: {
+    fontFamily: l.sans.join(", "),
+    fontSize: t.base[0],
+    fontWeight: o.normal,
+    lineHeight: s.relaxed,
+    letterSpacing: r.normal
+  },
+  "body-sm": {
+    fontFamily: l.sans.join(", "),
+    fontSize: t.sm[0],
+    fontWeight: o.normal,
+    lineHeight: s.normal,
+    letterSpacing: r.normal
+  },
+  "body-xs": {
+    fontFamily: l.sans.join(", "),
+    fontSize: t.xs[0],
+    fontWeight: o.normal,
+    lineHeight: s.normal,
+    letterSpacing: r.wide
+  },
+  // Label styles
+  label: {
+    fontFamily: l.sans.join(", "),
+    fontSize: t.sm[0],
+    fontWeight: o.medium,
+    lineHeight: s.normal,
+    letterSpacing: r.wide
+  },
+  "label-sm": {
+    fontFamily: l.sans.join(", "),
+    fontSize: t.xs[0],
+    fontWeight: o.medium,
+    lineHeight: s.normal,
+    letterSpacing: r.wider
+  },
+  // Caption styles
+  caption: {
+    fontFamily: l.sans.join(", "),
+    fontSize: t.xs[0],
+    fontWeight: o.normal,
+    lineHeight: s.normal,
+    letterSpacing: r.wide
+  }
+}, U = {
+  fontFamily: {
+    sans: [...l.sans],
+    satoshi: [...l.satoshi],
+    display: [...l.display],
+    serif: [...l.serif],
+    mono: [...l.mono]
+  },
+  fontSize: {
+    xs: [
+      t.xs[0],
+      { lineHeight: t.xs[1].lineHeight, letterSpacing: t.xs[1].letterSpacing }
+    ],
+    sm: [
+      t.sm[0],
+      { lineHeight: t.sm[1].lineHeight, letterSpacing: t.sm[1].letterSpacing }
+    ],
+    md: [
+      t.base[0],
+      { lineHeight: t.base[1].lineHeight, letterSpacing: t.base[1].letterSpacing }
+    ],
+    base: [
+      t.base[0],
+      { lineHeight: t.base[1].lineHeight, letterSpacing: t.base[1].letterSpacing }
+    ],
+    lg: [
+      t.lg[0],
+      { lineHeight: t.lg[1].lineHeight, letterSpacing: t.lg[1].letterSpacing }
+    ],
+    xl: [
+      t.xl[0],
+      { lineHeight: t.xl[1].lineHeight, letterSpacing: t.xl[1].letterSpacing }
+    ],
+    "2xl": [
+      t["2xl"][0],
+      {
+        lineHeight: t["2xl"][1].lineHeight,
+        letterSpacing: t["2xl"][1].letterSpacing
+      }
+    ],
+    "3xl": [
+      t["3xl"][0],
+      {
+        lineHeight: t["3xl"][1].lineHeight,
+        letterSpacing: t["3xl"][1].letterSpacing
+      }
+    ],
+    "4xl": [
+      t["4xl"][0],
+      {
+        lineHeight: t["4xl"][1].lineHeight,
+        letterSpacing: t["4xl"][1].letterSpacing
+      }
+    ],
+    "5xl": [
+      t["5xl"][0],
+      {
+        lineHeight: t["5xl"][1].lineHeight,
+        letterSpacing: t["5xl"][1].letterSpacing
+      }
+    ],
+    "6xl": [
+      t["6xl"][0],
+      {
+        lineHeight: t["6xl"][1].lineHeight,
+        letterSpacing: t["6xl"][1].letterSpacing
+      }
+    ],
+    "7xl": [
+      t["7xl"][0],
+      {
+        lineHeight: t["7xl"][1].lineHeight,
+        letterSpacing: t["7xl"][1].letterSpacing
+      }
+    ],
+    "8xl": [
+      t["8xl"][0],
+      {
+        lineHeight: t["8xl"][1].lineHeight,
+        letterSpacing: t["8xl"][1].letterSpacing
+      }
+    ],
+    "9xl": [
+      t["9xl"][0],
+      {
+        lineHeight: t["9xl"][1].lineHeight,
+        letterSpacing: t["9xl"][1].letterSpacing
+      }
+    ]
+  },
+  fontWeight: { ...o },
+  lineHeight: { ...s },
+  letterSpacing: { ...r }
+}, D = {
+  ...t,
+  md: t.base
+};
+export {
+  m as A,
+  i as B,
+  z as C,
+  l as D,
+  t as E,
+  o as F,
+  s as G,
+  r as H,
+  V as I,
+  R as J,
+  D as K,
+  F as a,
+  Y as b,
+  k as c,
+  U as d,
+  u as e,
+  S as f,
+  b as g,
+  v as h,
+  H as i,
+  w as j,
+  h as k,
+  a as l,
+  $ as m,
+  c as n,
+  f as o,
+  n as p,
+  d as q,
+  j as r,
+  x as s,
+  C as t,
+  p as u,
+  g as v,
+  y as w,
+  W as x,
+  X as y,
+  e as z
+};