@tenerife.music/ui 1.0.8 → 1.0.13

package/dist/typography-DHym9KAP.js

@@ -1,1196 +0,0 @@
-"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
-};