@sirlund/mindset-ui 0.1.0

package/dist/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Button/Button.css","../src/components/Card/Card.css","../src/components/Icon/Icon.css","../src/tokens/tokens.css"],"sourcesContent":["/* Import design tokens */\n@import '../../tokens/tokens.css';\n\n/* Button Base Styles */\n.btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--gap-xs);\n  border: none;\n  border-radius: var(--radius-m);\n  font-family: var(--font-family-default);\n  font-weight: 500;\n  text-decoration: none;\n  cursor: pointer;\n  transition: all 0.2s ease-in-out;\n  position: relative;\n  outline: none;\n  user-select: none;\n  white-space: nowrap;\n}\n\n.btn:focus-visible {\n  outline: 2px solid var(--color-accent-default);\n  outline-offset: 2px;\n}\n\n/* Button Sizes */\n.btn--xsmall {\n  padding: var(--gap-3xs) var(--gap-2xs);\n  font-size: var(--font-size-xs);\n  line-height: 16px;\n  min-height: var(--scale-300);\n}\n\n.btn--small {\n  padding: var(--gap-2xs) var(--gap-s);\n  font-size: var(--font-size-s);\n  line-height: 20px;\n  min-height: var(--scale-400);\n}\n\n.btn--medium {\n  padding: var(--gap-xs) var(--gap-m);\n  font-size: var(--font-size-m);\n  line-height: 24px;\n  min-height: var(--scale-500);\n}\n\n.btn--large {\n  padding: var(--gap-s) var(--gap-xl);\n  font-size: 18px;\n  line-height: 28px;\n  min-height: var(--scale-600);\n}\n\n/* Button Variants */\n/* Primary = Dark/Inverted background */\n.btn--primary {\n  background-color: var(--color-surface-background-inverted);\n  color: var(--color-content-on-inverted-heading);\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n}\n\n.btn--primary:hover:not(.btn--disabled):not(.btn--loading) {\n  background-color: var(--color-surface-background-inverted);\n  opacity: 0.9;\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n}\n\n.btn--primary:active:not(.btn--disabled):not(.btn--loading) {\n  background-color: var(--color-surface-background-inverted);\n  opacity: 0.8;\n  transform: translateY(1px);\n}\n\n/* Accent = Blue/Secondary */\n.btn--accent {\n  background-color: var(--color-accent-default);\n  color: var(--color-content-on-inverted-heading);\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n}\n\n.btn--accent:hover:not(.btn--disabled):not(.btn--loading) {\n  background-color: var(--color-accent-strong);\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n}\n\n.btn--accent:active:not(.btn--disabled):not(.btn--loading) {\n  background-color: var(--color-accent-strong);\n  transform: translateY(1px);\n}\n\n/* Tertiary = Ghost with border */\n.btn--tertiary {\n  background-color: transparent;\n  color: var(--color-accent-default);\n  border: var(--stroke-thin) solid var(--color-stroke-medium);\n}\n\n.btn--tertiary:hover:not(.btn--disabled):not(.btn--loading) {\n  background-color: var(--color-accent-weaker);\n  border-color: var(--color-stroke-medium);\n}\n\n.btn--tertiary:active:not(.btn--disabled):not(.btn--loading) {\n  background-color: var(--color-accent-weak);\n  transform: translateY(1px);\n}\n\n/* Text = No background or border */\n.btn--text {\n  background-color: transparent;\n  color: var(--color-accent-default);\n  border: none;\n  box-shadow: none;\n}\n\n.btn--text:hover:not(.btn--disabled):not(.btn--loading) {\n  background-color: var(--color-accent-weaker);\n}\n\n.btn--text:active:not(.btn--disabled):not(.btn--loading) {\n  background-color: var(--color-accent-weak);\n  transform: translateY(1px);\n}\n\n/* Danger = Destructive actions */\n.btn--danger {\n  background-color: var(--color-feedback-negative-default);\n  color: var(--color-content-on-inverted-heading);\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n}\n\n.btn--danger:hover:not(.btn--disabled):not(.btn--loading) {\n  background-color: var(--color-feedback-negative-strong);\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n}\n\n.btn--danger:active:not(.btn--disabled):not(.btn--loading) {\n  background-color: var(--color-feedback-negative-strong);\n  transform: translateY(1px);\n}\n\n/* Button States */\n.btn--disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.btn--loading {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.btn--full-width {\n  width: 100%;\n}\n\n/* Button Content */\n.btn__content {\n  display: flex;\n  align-items: center;\n  gap: var(--gap-xs);\n}\n\n.btn__icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.btn__icon--start {\n  margin-right: 0;\n}\n\n.btn__icon--end {\n  margin-left: 0;\n}\n\n/* Loading Spinner */\n.btn__spinner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  margin-right: var(--gap-xs);\n}\n\n.btn__spinner-icon {\n  width: var(--scale-200);\n  height: var(--scale-200);\n  animation: spin 0.8s linear infinite;\n}\n\n.btn--xsmall .btn__spinner-icon {\n  width: var(--scale-150);\n  height: var(--scale-150);\n}\n\n.btn--small .btn__spinner-icon {\n  width: var(--scale-175);\n  height: var(--scale-175);\n}\n\n.btn--large .btn__spinner-icon {\n  width: var(--scale-225);\n  height: var(--scale-225);\n}\n\n.btn__spinner-circle {\n  stroke-dasharray: 60;\n  stroke-dashoffset: 45;\n  transform-origin: center;\n}\n\n@keyframes spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n/* Responsive Design */\n@media (max-width: 640px) {\n  .btn--large {\n    padding: var(--gap-2xs) var(--gap-l);\n    font-size: var(--font-size-m);\n    min-height: var(--scale-550);\n  }\n  \n  .btn--medium {\n    padding: var(--gap-xs) var(--gap-s);\n    font-size: var(--font-size-s);\n    min-height: var(--scale-500);\n  }\n}\n","@import '../../tokens/tokens.css';\n\n/* Card Base Styles */\n.card {\n  background-color: var(--color-surface-default);\n  border-radius: var(--radius-m);\n  border: var(--stroke-thin) solid var(--color-stroke-subtle);\n  overflow: hidden;\n  width: 100%;\n  max-width: var(--max-width-tablet);\n}\n\n.card__container {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n/* Card Header */\n.card__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: var(--gap-l);\n  gap: var(--gap-m);\n}\n\n.card__header-title {\n  display: flex;\n  align-items: center;\n  gap: var(--gap-xs);\n  flex: 1;\n}\n\n.card__header-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--scale-400);\n  height: var(--scale-400);\n  flex-shrink: 0;\n}\n\n.card__header-text {\n  font-family: var(--font-family-default);\n  font-size: var(--font-size-s);\n  font-weight: 600;\n  line-height: 1.1;\n  color: var(--color-content-secondary);\n  white-space: nowrap;\n}\n\n.card__header-action {\n  height: var(--scale-400);\n  min-width: var(--scale-800);\n  max-width: var(--max-width-tablet);\n}\n\n.card__action-button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  padding: 0 var(--gap-m);\n  border: none;\n  background: transparent;\n  border-radius: var(--radius-s);\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n}\n\n.card__action-button:hover {\n  background-color: var(--color-surface-layer);\n}\n\n.card__action-text {\n  font-family: var(--font-family-default);\n  font-size: var(--font-size-s);\n  font-weight: 600;\n  line-height: 1.2;\n  color: var(--color-accent-default);\n  white-space: nowrap;\n}\n\n/* Card Body */\n.card__body {\n  padding: var(--gap-l);\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-xs);\n}\n\n.card__content {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-l);\n}\n\n/* Plan Section */\n.card__plan {\n  display: flex;\n  align-items: center;\n  gap: var(--gap-s);\n}\n\n.card__plan-icon {\n  width: var(--scale-500);\n  height: var(--scale-500);\n  flex-shrink: 0;\n}\n\n.card__plan-name {\n  font-family: var(--font-family-default);\n  font-size: var(--scale-400);\n  font-weight: 600;\n  line-height: 1.2;\n  color: var(--color-content-primary);\n  flex: 1;\n}\n\n/* Price Section */\n.card__price-section {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-xs);\n}\n\n.card__price {\n  display: flex;\n  align-items: center;\n  gap: var(--gap-xs);\n  font-family: var(--font-family-default);\n  font-weight: 600;\n}\n\n.card__price-currency {\n  font-size: var(--font-size-l);\n  line-height: 1.3;\n  color: var(--color-content-secondary);\n}\n\n.card__price-amount {\n  font-size: var(--font-size-xl);\n  line-height: 1.2;\n  color: var(--color-content-primary);\n}\n\n.card__price-period {\n  font-size: var(--font-size-l);\n  line-height: 1.3;\n  color: var(--color-content-secondary);\n  width: var(--scale-1750);\n}\n\n/* Seats Section */\n.card__seats {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-xs);\n}\n\n.card__seats-divider {\n  height: var(--stroke-thin);\n  background-color: var(--color-stroke-subtle);\n  margin: var(--gap-xs) 0;\n}\n\n.card__seats-info {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0;\n}\n\n.card__seats-count {\n  display: flex;\n  align-items: center;\n  gap: var(--gap-xs);\n  font-family: var(--font-family-default);\n  font-size: var(--font-size-s);\n  font-weight: 600;\n  line-height: 1.1;\n  color: var(--color-content-tertiary);\n  flex: 1;\n}\n\n.card__seats-teams {\n  display: flex;\n  align-items: center;\n  gap: var(--gap-xs);\n}\n\n.card__seats-multiplier {\n  font-size: var(--font-size-l);\n  line-height: 1.3;\n  color: var(--color-content-secondary);\n}\n\n.card__seats-number {\n  font-size: var(--font-size-xl);\n  line-height: 1.2;\n  color: var(--color-content-primary);\n}\n\n.card__seats-text {\n  font-size: var(--font-size-l);\n  line-height: 1.3;\n  color: var(--color-content-secondary);\n}\n\n.card__seats-edit {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: var(--scale-400);\n  padding: 0 var(--gap-3xs);\n  border: none;\n  background: transparent;\n  border-radius: var(--radius-s);\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n}\n\n.card__seats-edit:hover {\n  background-color: var(--color-surface-layer);\n}\n\n.card__seats-edit span {\n  font-family: var(--font-family-default);\n  font-size: var(--font-size-s);\n  font-weight: 600;\n  line-height: 1.2;\n  color: var(--color-accent-default);\n}\n\n.card__seats-upgrade {\n  font-family: var(--font-family-default);\n  font-size: var(--font-size-xs);\n  font-weight: 400;\n  line-height: 1.2;\n  color: var(--color-content-tertiary);\n  text-align: right;\n  width: var(--scale-1600);\n}\n\n/* Card Footer */\n.card__footer {\n  background-color: var(--color-surface-layer);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: var(--gap-m) var(--gap-l);\n  gap: var(--gap-m);\n  border-radius: 0 0 var(--radius-m) var(--radius-m);\n}\n\n.card__footer-left {\n  display: flex;\n  align-items: center;\n  gap: var(--gap-xs);\n  flex: 1;\n}\n\n.card__footer-price {\n  display: flex;\n  align-items: center;\n  gap: var(--gap-3xs);\n  font-family: var(--font-family-default);\n  font-weight: 600;\n}\n\n.card__footer-currency {\n  font-size: var(--font-size-xl);\n  line-height: 1.2;\n  color: var(--color-content-secondary);\n}\n\n.card__footer-amount {\n  font-size: var(--scale-400);\n  line-height: 1.2;\n  color: var(--color-content-primary);\n}\n\n.card__footer-label {\n  font-family: var(--font-family-default);\n  font-size: var(--font-size-s);\n  font-weight: 400;\n  line-height: 1.2;\n  color: var(--color-content-primary);\n  flex: 1;\n}\n\n.card__footer-right {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  justify-content: center;\n  min-width: var(--scale-1250);\n}\n\n.card__footer-renewal {\n  font-family: var(--font-family-default);\n  font-size: var(--font-size-s);\n  font-weight: 400;\n  line-height: 1.2;\n  color: var(--color-content-secondary);\n}\n\n.card__footer-date {\n  font-family: var(--font-family-default);\n  font-size: var(--font-size-s);\n  font-weight: 400;\n  line-height: 1.2;\n  color: var(--color-content-secondary);\n}\n\n/* Plan Icons */\n.plan-icon {\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n\n.plan-icon__square {\n  position: absolute;\n  background-color: var(--color-surface-layer-strong);\n  border-radius: var(--radius-xs);\n}\n\n/* Starter Plan Icons */\n.plan-icon--starter .plan-icon__square--left {\n  top: 27.5%;\n  left: 0;\n  right: 55%;\n  bottom: 27.5%;\n}\n\n.plan-icon--starter .plan-icon__square--right {\n  top: 27.5%;\n  left: 55%;\n  right: 0;\n  bottom: 27.5%;\n}\n\n/* Individual Plan Icons */\n.plan-icon--individual .plan-icon__square--top-left {\n  top: 0;\n  left: 0;\n  right: 55%;\n  bottom: 55%;\n}\n\n.plan-icon--individual .plan-icon__square--bottom-left {\n  top: 55%;\n  left: 0;\n  right: 55%;\n  bottom: 0;\n}\n\n.plan-icon--individual .plan-icon__square--top-right {\n  top: 0;\n  left: 55%;\n  right: 0;\n  bottom: 55%;\n}\n\n.plan-icon--individual .plan-icon__square--bottom-right {\n  top: 55%;\n  left: 55%;\n  right: 0;\n  bottom: 0;\n}\n\n/* Teams Plan Icons */\n.plan-icon--teams .plan-icon__square--top-left {\n  top: 0;\n  left: 0;\n  right: 70%;\n  bottom: 70%;\n}\n\n.plan-icon--teams .plan-icon__square--middle-left {\n  top: 35%;\n  left: 0;\n  right: 70%;\n  bottom: 35%;\n}\n\n.plan-icon--teams .plan-icon__square--bottom-center {\n  top: 70%;\n  left: 35%;\n  right: 35%;\n  bottom: 0;\n}\n\n.plan-icon--teams .plan-icon__square--top-center {\n  top: 0;\n  left: 35%;\n  right: 35%;\n  bottom: 70%;\n}\n\n.plan-icon--teams .plan-icon__square--middle-right {\n  top: 35%;\n  left: 70%;\n  right: 0;\n  bottom: 35%;\n}\n\n.plan-icon--teams .plan-icon__square--center {\n  top: 35%;\n  left: 35%;\n  right: 35%;\n  bottom: 35%;\n}\n\n.plan-icon--teams .plan-icon__square--bottom-right {\n  top: 70%;\n  left: 70%;\n  right: 0;\n  bottom: 0;\n}\n\n/* Responsive Design */\n@media (max-width: 640px) {\n  .card {\n    max-width: 100%;\n  }\n  \n  .card__header {\n    padding: var(--gap-m);\n    gap: var(--gap-s);\n  }\n  \n  .card__body {\n    padding: var(--gap-m);\n  }\n  \n  .card__footer {\n    padding: var(--gap-s) var(--gap-m);\n  }\n  \n  .card__plan-name {\n    font-size: var(--scale-350);\n  }\n  \n  .card__price-amount {\n    font-size: var(--font-size-l);\n  }\n  \n  .card__footer-amount {\n    font-size: var(--scale-350);\n  }\n}\n","@import '../../tokens/tokens.css';\n\n/* Icon Base Styles */\n.icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  user-select: none;\n  cursor: default;\n}\n\n.icon svg {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\n/* Icon Sizes */\n.icon--xs {\n  width: var(--scale-200);\n  height: var(--scale-200);\n}\n\n.icon--s {\n  width: var(--scale-250);\n  height: var(--scale-250);\n}\n\n.icon--m {\n  width: var(--scale-300);\n  height: var(--scale-300);\n}\n\n.icon--l {\n  width: var(--scale-400);\n  height: var(--scale-400);\n}\n\n/* Clickable Icons */\n.icon[onclick] {\n  cursor: pointer;\n  transition: opacity 0.2s ease;\n}\n\n.icon[onclick]:hover {\n  opacity: 0.7;\n}\n\n.icon[onclick]:active {\n  opacity: 0.5;\n}\n\n/* Icon Colors */\n.icon--primary {\n  color: var(--color-content-primary);\n}\n\n.icon--secondary {\n  color: var(--color-content-secondary);\n}\n\n.icon--accent {\n  color: var(--color-accent-default);\n}\n\n.icon--success {\n  color: var(--color-feedback-positive-default);\n}\n\n.icon--warning {\n  color: var(--color-feedback-warning-default);\n}\n\n.icon--error {\n  color: var(--color-feedback-negative-default);\n}\n\n.icon--white {\n  color: var(--color-content-on-inverted-heading);\n}\n\n/* Responsive Design */\n@media (max-width: 640px) {\n  .icon--l {\n    width: var(--scale-350);\n    height: var(--scale-350);\n  }\n  \n  .icon--m {\n    width: var(--scale-275);\n    height: var(--scale-275);\n  }\n}\n\n","/**\n * MindSet Design System - Design Tokens\n * Auto-generated from Figma variables\n * \n * Token Categories:\n * - Primitives: Base scale, typography\n * - Colors: Base colors, system colors, semantic colors\n * - Dimensions: Spacing, radius, stroke\n */\n\n:root {\n  /* ========================================\n     PRIMITIVES - Scale\n     ======================================== */\n  \n  --scale-0: 0px;\n  --scale-12-5: 1px;\n  --scale-25: 2px;\n  --scale-50: 4px;\n  --scale-75: 6px;\n  --scale-100: 8px;\n  --scale-150: 12px;\n  --scale-175: 14px;\n  --scale-200: 16px;\n  --scale-250: 20px;\n  --scale-300: 24px;\n  --scale-400: 32px;\n  --scale-500: 40px;\n  --scale-600: 48px;\n  --scale-700: 56px;\n  --scale-800: 64px;\n  --scale-900: 72px;\n  --scale-1000: 80px;\n  --scale-2000: 160px;\n  --scale-2500: 200px;\n\n  /* ========================================\n     PRIMITIVES - Typography\n     ======================================== */\n  \n  /* Font Families */\n  --font-family-default: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;\n  --font-family-mono: 'Fira Code', 'Monaco', 'Courier New', monospace;\n  \n  /* Font Sizes */\n  --font-size-xs: var(--scale-150); /* 12px */\n  --font-size-s: var(--scale-175); /* 14px */\n  --font-size-m: var(--scale-200); /* 16px */\n  --font-size-l: var(--scale-250); /* 20px */\n  --font-size-xl: var(--scale-300); /* 24px */\n\n  /* ========================================\n     DIMENSIONS - Gap/Spacing\n     ======================================== */\n  \n  --gap-none: var(--scale-0); /* 0px */\n  --gap-3xs: var(--scale-25); /* 2px */\n  --gap-2xs: var(--scale-50); /* 4px */\n  --gap-xs: var(--scale-100); /* 8px */\n  --gap-s: var(--scale-150); /* 12px */\n  --gap-m: var(--scale-200); /* 16px */\n  --gap-l: var(--scale-250); /* 20px */\n  --gap-xl: var(--scale-300); /* 24px */\n  --gap-2xl: var(--scale-400); /* 32px */\n  --gap-3xl: var(--scale-500); /* 40px */\n  --gap-4xl: var(--scale-600); /* 48px */\n  --gap-5xl: var(--scale-700); /* 56px */\n  --gap-6xl: var(--scale-800); /* 64px */\n  --gap-7xl: var(--scale-1000); /* 80px */\n\n  /* ========================================\n     DIMENSIONS - Border Radius\n     ======================================== */\n  \n  --radius-none: 0px;\n  --radius-xs: var(--scale-50); /* 4px */\n  --radius-s: var(--scale-75); /* 6px */\n  --radius-m: var(--scale-100); /* 8px */\n  --radius-l: var(--scale-150); /* 12px */\n  --radius-xl: var(--scale-200); /* 16px */\n  --radius-rounded: 9999px; /* Fully rounded */\n\n  /* ========================================\n     DIMENSIONS - Stroke Width\n     ======================================== */\n  \n  --stroke-none: 0px;\n  --stroke-thin: 1px;\n  --stroke-light: 1.25px;\n  --stroke-medium: 1.5px;\n  --stroke-large: 2px;\n\n  /* ========================================\n     DIMENSIONS - Container Max Widths\n     ======================================== */\n  \n  --max-width-mobile: 480px;\n  --max-width-tablet-portrait: 768px;\n  --max-width-tablet-landscape: 1024px;\n  --max-width-desktop: 1440px;\n  --max-width-desktop-lg: 1600px;\n  --max-width-desktop-xl: 1980px;\n\n  /* ========================================\n     COLORS - Base (Light Mode)\n     ======================================== */\n  \n  /* Base Colors */\n  --color-base-black: rgb(18, 18, 19);\n  --color-base-white: rgb(254, 254, 255);\n  \n  /* Grey Scale */\n  --color-grey-100: rgb(246, 246, 247);\n  --color-grey-200: rgb(234, 234, 234);\n  --color-grey-300: rgb(204, 204, 205);\n  --color-grey-400: rgb(153, 153, 154);\n  --color-grey-500: rgb(109, 109, 110);\n  --color-grey-600: rgb(63, 63, 70);\n  --color-grey-700: rgb(41, 41, 42);\n  \n  /* Blue Scale */\n  --color-blue-100: rgb(232, 243, 255);\n  --color-blue-200: rgb(180, 211, 255);\n  --color-blue-300: rgb(76, 150, 255);\n  --color-blue-400: rgb(0, 105, 255);\n  --color-blue-500: rgb(0, 75, 183);\n  --color-blue-600: rgb(0, 46, 111);\n  --color-blue-700: rgb(0, 31, 75);\n  \n  /* Red Scale */\n  --color-red-100: rgb(255, 243, 241);\n  --color-red-200: rgb(254, 209, 201);\n  --color-red-300: rgb(237, 115, 99);\n  --color-red-400: rgb(205, 73, 55);\n  --color-red-500: rgb(189, 54, 36);\n  --color-red-600: rgb(168, 32, 13);\n  --color-red-700: rgb(128, 20, 5);\n  \n  /* Green Scale */\n  --color-green-100: rgb(240, 254, 241);\n  --color-green-200: rgb(204, 238, 206);\n  --color-green-300: rgb(104, 178, 111);\n  --color-green-400: rgb(52, 134, 60);\n  --color-green-500: rgb(18, 121, 29);\n  --color-green-600: rgb(8, 93, 17);\n  --color-green-700: rgb(3, 65, 10);\n  \n  /* Yellow Scale */\n  --color-yellow-100: rgb(255, 249, 227);\n  --color-yellow-200: rgb(253, 239, 190);\n  --color-yellow-300: rgb(245, 218, 117);\n  --color-yellow-400: rgb(237, 200, 67);\n  --color-yellow-500: rgb(177, 142, 14);\n  --color-yellow-600: rgb(129, 101, 0);\n  --color-yellow-700: rgb(87, 68, 0);\n  \n  /* Pink Scale */\n  --color-pink-100: rgb(252, 228, 236);\n  --color-pink-200: rgb(246, 179, 200);\n  --color-pink-300: rgb(241, 130, 165);\n  --color-pink-400: rgb(235, 81, 129);\n  --color-pink-500: rgb(169, 58, 93);\n  --color-pink-600: rgb(102, 35, 56);\n  --color-pink-700: rgb(69, 24, 38);\n  \n  /* Jade Scale */\n  --color-jade-100: rgb(223, 247, 237);\n  --color-jade-200: rgb(164, 232, 205);\n  --color-jade-300: rgb(104, 217, 172);\n  --color-jade-400: rgb(45, 202, 140);\n  --color-jade-500: rgb(32, 145, 100);\n  --color-jade-600: rgb(20, 88, 61);\n  --color-jade-700: rgb(13, 59, 41);\n  \n  /* Violet Scale */\n  --color-violet-100: rgb(235, 230, 246);\n  --color-violet-200: rgb(197, 183, 228);\n  --color-violet-300: rgb(160, 136, 211);\n  --color-violet-400: rgb(122, 89, 194);\n  --color-violet-500: rgb(88, 64, 139);\n  --color-violet-600: rgb(53, 39, 84);\n  --color-violet-700: rgb(36, 26, 57);\n  \n  /* Amber Scale */\n  --color-amber-100: rgb(251, 239, 225);\n  --color-amber-200: rgb(243, 210, 170);\n  --color-amber-300: rgb(236, 181, 114);\n  --color-amber-400: rgb(228, 152, 59);\n  --color-amber-500: rgb(164, 109, 42);\n  --color-amber-600: rgb(99, 66, 26);\n  --color-amber-700: rgb(67, 45, 17);\n  \n  /* Teal Scale */\n  --color-teal-100: rgb(227, 239, 243);\n  --color-teal-200: rgb(177, 210, 220);\n  --color-teal-300: rgb(126, 180, 197);\n  --color-teal-400: rgb(75, 151, 174);\n  --color-teal-500: rgb(54, 108, 125);\n  --color-teal-600: rgb(33, 66, 76);\n  --color-teal-700: rgb(22, 44, 51);\n\n  /* Alpha Colors */\n  --color-alpha-black-100: rgba(18, 18, 19, 0.1);\n  --color-alpha-black-200: rgba(18, 18, 19, 0.2);\n  --color-alpha-black-300: rgba(18, 18, 19, 0.25);\n  --color-alpha-black-400: rgba(18, 18, 19, 0.4);\n  --color-alpha-black-500: rgba(18, 18, 19, 0.5);\n  --color-alpha-black-600: rgba(18, 18, 19, 0.6);\n  --color-alpha-black-700: rgba(18, 18, 19, 0.7);\n  --color-alpha-black-800: rgba(18, 18, 19, 0.85);\n  \n  --color-alpha-white-100: rgba(254, 254, 255, 0.2);\n  --color-alpha-white-200: rgba(254, 254, 255, 0.3);\n  --color-alpha-white-300: rgba(254, 254, 255, 0.4);\n  --color-alpha-white-400: rgba(254, 254, 255, 0.5);\n  --color-alpha-white-500: rgba(254, 254, 255, 0.6);\n  --color-alpha-white-600: rgba(254, 254, 255, 0.7);\n  --color-alpha-white-700: rgba(254, 254, 255, 0.8);\n  --color-alpha-white-800: rgba(254, 254, 255, 0.9);\n\n  /* ========================================\n     SYSTEM COLORS - Semantic Tokens (Light Mode)\n     ======================================== */\n  \n  /* Accent Colors */\n  --color-accent-default: var(--color-blue-400);\n  --color-accent-subtle: var(--color-blue-300);\n  --color-accent-strong: var(--color-blue-600);\n  --color-accent-lighter: var(--color-blue-100);\n  --color-accent-light: var(--color-blue-200);\n  \n  /* Primary Colors */\n  --color-primary-default: var(--color-base-black);\n  --color-primary-inverted: var(--color-base-white);\n  --color-primary-subtle: var(--color-grey-500);\n  --color-primary-light: var(--color-grey-200);\n  \n  /* Surface Colors */\n  --color-surface-background: var(--color-base-white);\n  --color-surface-background-inverted: var(--color-base-black);\n  --color-surface-background-inverted-alpha: var(--color-alpha-black-800);\n  --color-surface-layer: var(--color-grey-100);\n  --color-surface-layer-strong: var(--color-grey-200);\n  --color-surface-layer-stronger: var(--color-grey-300);\n  --color-surface-elevated: var(--color-base-white);\n  --color-surface-elevated-inverted: var(--color-base-black);\n  --color-surface-accent: var(--color-blue-400);\n  --color-surface-input: var(--color-alpha-white-500);\n  \n  /* Content/Text Colors */\n  --color-content-heading: var(--color-base-black);\n  --color-content-primary: var(--color-grey-700);\n  --color-content-secondary: var(--color-grey-500);\n  --color-content-disabled: var(--color-grey-400);\n  --color-content-inverted: var(--color-base-white);\n  --color-content-accent: var(--color-blue-400);\n  --color-content-error: var(--color-red-400);\n  --color-content-success: var(--color-green-400);\n  --color-content-warning: var(--color-yellow-400);\n  \n  /* Content On Inverted */\n  --color-content-on-inverted-heading: var(--color-base-white);\n  --color-content-on-inverted-primary: var(--color-grey-100);\n  --color-content-on-inverted-secondary: var(--color-grey-400);\n  --color-content-on-inverted-disabled: var(--color-grey-500);\n  --color-content-on-inverted-accent: var(--color-blue-300);\n  \n  /* Icon Colors */\n  --color-icon-primary: var(--color-grey-700);\n  --color-icon-secondary: var(--color-grey-500);\n  --color-icon-disabled: var(--color-grey-400);\n  --color-icon-inverted: var(--color-base-white);\n  --color-icon-accent: var(--color-blue-400);\n  --color-icon-accent-subtle: var(--color-blue-300);\n  --color-icon-accent-strong: var(--color-blue-500);\n  --color-icon-error: var(--color-red-400);\n  --color-icon-success: var(--color-green-400);\n  --color-icon-warning: var(--color-yellow-400);\n  \n  /* Icon On Inverted */\n  --color-icon-on-inverted-primary: var(--color-grey-100);\n  --color-icon-on-inverted-secondary: var(--color-grey-400);\n  --color-icon-on-inverted-disabled: var(--color-grey-500);\n  --color-icon-on-inverted-accent: var(--color-blue-300);\n  \n  /* Stroke/Border Colors */\n  --color-stroke-subtle: var(--color-grey-200);\n  --color-stroke-medium: var(--color-grey-300);\n  --color-stroke-strong: var(--color-grey-400);\n  --color-stroke-alpha-subtle: var(--color-alpha-black-100);\n  --color-stroke-alpha-medium: var(--color-alpha-black-300);\n  --color-stroke-alpha-strong: var(--color-alpha-black-500);\n  \n  /* Stroke On Dark */\n  --color-stroke-on-dark-subtle: var(--color-grey-600);\n  --color-stroke-on-dark-medium: var(--color-grey-500);\n  --color-stroke-on-dark-strong: var(--color-grey-400);\n  --color-stroke-on-dark-alpha-subtle: var(--color-alpha-white-100);\n  --color-stroke-on-dark-alpha-medium: var(--color-alpha-white-300);\n  --color-stroke-on-dark-alpha-strong: var(--color-alpha-white-500);\n  \n  /* Feedback Colors */\n  --color-feedback-negative-light: var(--color-red-100);\n  --color-feedback-negative-default: var(--color-red-400);\n  --color-feedback-negative-strong: var(--color-red-600);\n  \n  --color-feedback-positive-light: var(--color-green-100);\n  --color-feedback-positive-default: var(--color-green-400);\n  --color-feedback-positive-strong: var(--color-green-600);\n  \n  --color-feedback-warning-light: var(--color-yellow-100);\n  --color-feedback-warning-default: var(--color-yellow-400);\n  --color-feedback-warning-strong: var(--color-yellow-500);\n  \n  /* Build System Colors (for code/tech contexts) */\n  --color-build-action: var(--color-jade-400);\n  --color-build-data: var(--color-violet-400);\n  --color-build-function: var(--color-amber-400);\n  --color-build-input: var(--color-teal-400);\n  --color-build-workflow: var(--color-pink-400);\n}\n\n/* ========================================\n   DARK MODE OVERRIDES\n   ======================================== */\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    /* System Colors - Dark Mode adjustments */\n    --color-accent-lighter: var(--color-blue-700);\n    --color-accent-light: var(--color-blue-600);\n    --color-accent-subtle: var(--color-blue-500);\n    --color-accent-strong: var(--color-blue-300);\n    \n    --color-primary-default: var(--color-base-white);\n    --color-primary-inverted: var(--color-base-black);\n    --color-primary-subtle: var(--color-grey-300);\n    --color-primary-light: var(--color-grey-700);\n    \n    --color-surface-background: var(--color-base-black);\n    --color-surface-background-inverted: var(--color-base-white);\n    --color-surface-background-inverted-alpha: var(--color-alpha-grey-600-800);\n    --color-surface-layer: var(--color-grey-700);\n    --color-surface-layer-strong: var(--color-grey-600);\n    --color-surface-layer-stronger: var(--color-grey-500);\n    --color-surface-elevated: var(--color-grey-600);\n    --color-surface-elevated-inverted: var(--color-grey-600);\n    --color-surface-accent: var(--color-blue-600);\n    --color-surface-input: var(--color-alpha-black-500);\n    \n    --color-content-heading: var(--color-base-white);\n    --color-content-primary: var(--color-grey-300);\n    --color-content-secondary: var(--color-grey-400);\n    --color-content-disabled: var(--color-grey-500);\n    --color-content-inverted: var(--color-base-black);\n    --color-content-accent: var(--color-blue-300);\n    --color-content-error: var(--color-red-300);\n    --color-content-success: var(--color-green-300);\n    --color-content-warning: var(--color-yellow-300);\n    \n    --color-icon-primary: var(--color-grey-300);\n    --color-icon-secondary: var(--color-grey-400);\n    --color-icon-disabled: var(--color-grey-500);\n    --color-icon-inverted: var(--color-base-black);\n    --color-icon-accent: var(--color-blue-300);\n    --color-icon-accent-subtle: var(--color-blue-400);\n    --color-icon-accent-strong: var(--color-blue-200);\n    --color-icon-error: var(--color-red-300);\n    --color-icon-success: var(--color-green-300);\n    --color-icon-warning: var(--color-yellow-300);\n    \n    --color-stroke-subtle: var(--color-grey-600);\n    --color-stroke-medium: var(--color-grey-500);\n    --color-stroke-strong: var(--color-grey-400);\n    --color-stroke-alpha-subtle: var(--color-alpha-white-100);\n    --color-stroke-alpha-medium: var(--color-alpha-white-300);\n    --color-stroke-alpha-strong: var(--color-alpha-white-500);\n    \n    --color-feedback-negative-light: var(--color-red-700);\n    --color-feedback-negative-strong: var(--color-red-300);\n    \n    --color-feedback-positive-light: var(--color-green-700);\n    --color-feedback-positive-strong: var(--color-green-300);\n    \n    --color-feedback-warning-light: var(--color-yellow-700);\n    --color-feedback-warning-strong: var(--color-yellow-300);\n    \n    --color-build-action: var(--color-jade-300);\n    --color-build-data: var(--color-violet-300);\n    --color-build-function: var(--color-amber-300);\n    --color-build-input: var(--color-teal-300);\n    --color-build-workflow: var(--color-pink-300);\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export { Button, type ButtonProps } from './components/Button';
+export { Card, type CardProps } from './components/Card';
+export { Icon, type IconProps, type IconName, type IconSize } from './components/Icon';
+export { tokens, colors, spacing, getCSSVar } from './tokens';
+export type { Scale, FontFamily, FontSize, Gap, Radius, Stroke, MaxWidth } from './tokens';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGvF,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC9D,YAAY,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC"}

package/dist/index.js

@@ -0,0 +1,488 @@
+// src/components/Button/Button.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Button = ({
+  children,
+  variant = "primary",
+  size = "medium",
+  disabled = false,
+  loading = false,
+  fullWidth = false,
+  startIcon,
+  endIcon,
+  onClick,
+  type = "button",
+  className = "",
+  ...props
+}) => {
+  const baseClasses = "btn";
+  const variantClass = `btn--${variant}`;
+  const sizeClass = `btn--${size}`;
+  const disabledClass = disabled ? "btn--disabled" : "";
+  const loadingClass = loading ? "btn--loading" : "";
+  const fullWidthClass = fullWidth ? "btn--full-width" : "";
+  const classes = [
+    baseClasses,
+    variantClass,
+    sizeClass,
+    disabledClass,
+    loadingClass,
+    fullWidthClass,
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type,
+      className: classes,
+      disabled: disabled || loading,
+      onClick,
+      ...props,
+      children: [
+        loading && /* @__PURE__ */ jsx("span", { className: "btn__spinner", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+          "svg",
+          {
+            className: "btn__spinner-icon",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: /* @__PURE__ */ jsx(
+              "circle",
+              {
+                className: "btn__spinner-circle",
+                cx: "12",
+                cy: "12",
+                r: "9",
+                stroke: "currentColor",
+                strokeWidth: "3",
+                strokeLinecap: "round"
+              }
+            )
+          }
+        ) }),
+        startIcon && !loading && /* @__PURE__ */ jsx("span", { className: "btn__icon btn__icon--start", "aria-hidden": "true", children: startIcon }),
+        /* @__PURE__ */ jsx("span", { className: "btn__content", children }),
+        endIcon && !loading && /* @__PURE__ */ jsx("span", { className: "btn__icon btn__icon--end", "aria-hidden": "true", children: endIcon })
+      ]
+    }
+  );
+};
+
+// src/components/Card/Card.tsx
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var PlanIcons = ({ planType = "Starter" }) => {
+  if (planType === "Individual") {
+    return /* @__PURE__ */ jsxs2("div", { className: "plan-icon plan-icon--individual", children: [
+      /* @__PURE__ */ jsx2("div", { className: "plan-icon__square plan-icon__square--top-left" }),
+      /* @__PURE__ */ jsx2("div", { className: "plan-icon__square plan-icon__square--bottom-left" }),
+      /* @__PURE__ */ jsx2("div", { className: "plan-icon__square plan-icon__square--top-right" }),
+      /* @__PURE__ */ jsx2("div", { className: "plan-icon__square plan-icon__square--bottom-right" })
+    ] });
+  }
+  if (planType === "Teams") {
+    return /* @__PURE__ */ jsxs2("div", { className: "plan-icon plan-icon--teams", children: [
+      /* @__PURE__ */ jsx2("div", { className: "plan-icon__square plan-icon__square--top-left" }),
+      /* @__PURE__ */ jsx2("div", { className: "plan-icon__square plan-icon__square--middle-left" }),
+      /* @__PURE__ */ jsx2("div", { className: "plan-icon__square plan-icon__square--bottom-center" }),
+      /* @__PURE__ */ jsx2("div", { className: "plan-icon__square plan-icon__square--top-center" }),
+      /* @__PURE__ */ jsx2("div", { className: "plan-icon__square plan-icon__square--middle-right" }),
+      /* @__PURE__ */ jsx2("div", { className: "plan-icon__square plan-icon__square--center" }),
+      /* @__PURE__ */ jsx2("div", { className: "plan-icon__square plan-icon__square--bottom-right" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs2("div", { className: "plan-icon plan-icon--starter", children: [
+    /* @__PURE__ */ jsx2("div", { className: "plan-icon__square plan-icon__square--left" }),
+    /* @__PURE__ */ jsx2("div", { className: "plan-icon__square plan-icon__square--right" })
+  ] });
+};
+var Card = ({
+  plan = "Starter",
+  price = 0,
+  pricePeriod = "/Month",
+  seats = 1,
+  canEditSeats = false,
+  nextBillingAmount = 0,
+  renewalDate = "Sep 07, 2024",
+  className = "",
+  onActionClick
+}) => {
+  const getPlanPrice = () => {
+    switch (plan) {
+      case "Individual":
+        return 20;
+      case "Teams":
+        return 49;
+      default:
+        return 0;
+    }
+  };
+  const getSeatsText = () => {
+    if (plan === "Teams") {
+      return `${seats} Monthly seats`;
+    }
+    return "1 Monthly seat";
+  };
+  const getUpgradeText = () => {
+    if (plan === "Starter" || plan === "Individual") {
+      return "Upgrade to Teams unlock multiple seats";
+    }
+    return "";
+  };
+  const getNextBillingAmount = () => {
+    if (plan === "Teams") {
+      return price * seats;
+    }
+    return nextBillingAmount;
+  };
+  const actualPrice = price || getPlanPrice();
+  const actualNextBilling = getNextBillingAmount();
+  return /* @__PURE__ */ jsx2("div", { className: `card ${className}`, children: /* @__PURE__ */ jsxs2("div", { className: "card__container", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "card__header", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "card__header-title", children: [
+        /* @__PURE__ */ jsx2("div", { className: "card__header-icon", children: /* @__PURE__ */ jsxs2("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+          /* @__PURE__ */ jsx2("path", { d: "M8 2V5M16 2V5M3.5 9.09H20.5M21 8.5V17C21 20 19.5 22 16 22H8C4.5 22 3 20 3 17V8.5C3 5.5 4.5 3.5 8 3.5H16C19.5 3.5 21 5.5 21 8.5Z", stroke: "#6d6d6e", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+          /* @__PURE__ */ jsx2("path", { d: "M12 13.2H12.01M8.8 13.2H8.81M15.2 13.2H15.21", stroke: "#6d6d6e", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+        ] }) }),
+        /* @__PURE__ */ jsx2("div", { className: "card__header-text", children: "Plan" })
+      ] }),
+      /* @__PURE__ */ jsx2("div", { className: "card__header-action", children: /* @__PURE__ */ jsx2(
+        "button",
+        {
+          className: "card__action-button",
+          onClick: onActionClick,
+          children: /* @__PURE__ */ jsx2("span", { className: "card__action-text", children: "Edit" })
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx2("div", { className: "card__body", children: /* @__PURE__ */ jsxs2("div", { className: "card__content", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "card__plan", children: [
+        /* @__PURE__ */ jsx2("div", { className: "card__plan-icon", children: /* @__PURE__ */ jsx2(PlanIcons, { planType: plan }) }),
+        /* @__PURE__ */ jsx2("div", { className: "card__plan-name", children: plan })
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { className: "card__price-section", children: [
+        /* @__PURE__ */ jsxs2("div", { className: "card__price", children: [
+          /* @__PURE__ */ jsx2("span", { className: "card__price-currency", children: "$" }),
+          /* @__PURE__ */ jsx2("span", { className: "card__price-amount", children: actualPrice }),
+          /* @__PURE__ */ jsx2("span", { className: "card__price-period", children: pricePeriod })
+        ] }),
+        /* @__PURE__ */ jsxs2("div", { className: "card__seats", children: [
+          /* @__PURE__ */ jsx2("div", { className: "card__seats-divider" }),
+          /* @__PURE__ */ jsxs2("div", { className: "card__seats-info", children: [
+            /* @__PURE__ */ jsx2("div", { className: "card__seats-count", children: plan === "Teams" ? /* @__PURE__ */ jsxs2("div", { className: "card__seats-teams", children: [
+              /* @__PURE__ */ jsx2("span", { className: "card__seats-multiplier", children: "x" }),
+              /* @__PURE__ */ jsx2("span", { className: "card__seats-number", children: seats }),
+              /* @__PURE__ */ jsx2("span", { className: "card__seats-text", children: "Monthly seats" }),
+              canEditSeats && /* @__PURE__ */ jsx2("button", { className: "card__seats-edit", children: /* @__PURE__ */ jsx2("span", { children: "Edit" }) })
+            ] }) : /* @__PURE__ */ jsxs2(Fragment, { children: [
+              /* @__PURE__ */ jsx2("span", { className: "card__seats-number", children: "1" }),
+              /* @__PURE__ */ jsx2("span", { className: "card__seats-text", children: "Monthly seat" })
+            ] }) }),
+            getUpgradeText() && /* @__PURE__ */ jsx2("div", { className: "card__seats-upgrade", children: getUpgradeText() })
+          ] })
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs2("div", { className: "card__footer", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "card__footer-left", children: [
+        /* @__PURE__ */ jsxs2("div", { className: "card__footer-price", children: [
+          /* @__PURE__ */ jsx2("span", { className: "card__footer-currency", children: "$" }),
+          /* @__PURE__ */ jsx2("span", { className: "card__footer-amount", children: actualNextBilling })
+        ] }),
+        /* @__PURE__ */ jsx2("div", { className: "card__footer-label", children: "Next plan bill" })
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { className: "card__footer-right", children: [
+        /* @__PURE__ */ jsx2("div", { className: "card__footer-renewal", children: "Renews on" }),
+        /* @__PURE__ */ jsx2("div", { className: "card__footer-date", children: renewalDate })
+      ] })
+    ] })
+  ] }) });
+};
+
+// src/components/Icon/Icon.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var Icon = ({
+  name,
+  size = "M",
+  className = "",
+  color = "#29292a",
+  onClick
+}) => {
+  const sizeMap = {
+    XS: 16,
+    S: 20,
+    M: 24,
+    L: 32
+  };
+  const iconSize = sizeMap[size];
+  const iconPaths = {
+    "add": "M12 5v14M5 12h14",
+    "add-circle": "M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zM12 8v8M8 12h8",
+    "alert-circle": "M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zM12 8v4M12 16h.01",
+    "alert-triangle": "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0zM12 9v4M12 17h.01",
+    "archive": "M21 8v13H3V8M1 3h22l-1 5H2zM10 12h4",
+    "arrow-down": "M12 5v14M19 12l-7 7-7-7",
+    "arrow-left": "M19 12H5M12 19l-7-7 7-7",
+    "arrow-right": "M5 12h14M12 5l7 7-7 7",
+    "arrow-up": "M12 19V5M5 12l7-7 7 7",
+    "bell": "M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9M13.73 21a2 2 0 0 1-3.46 0",
+    "trash": "M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6M10 11v6M14 11v6",
+    "building": "M3 21h18M5 21V7l8-4v18M19 21V11l-6-4",
+    "calendar": "M8 2v4M16 2v4M3 10h18M5 4h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z",
+    "camera": "M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2zM12 17a4 4 0 1 0 0-8 4 4 0 0 0 0 8z",
+    "check": "M20 6L9 17l-5-5",
+    "chevron-down": "M6 9l6 6 6-6",
+    "chevron-left": "M15 18l-6-6 6-6",
+    "chevron-right": "M9 18l6-6-6-6",
+    "chevron-up": "M18 15l-6-6-6 6",
+    "close": "M18 6L6 18M6 6l12 12",
+    "mail": "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2zM22 6l-10 7L2 6",
+    "folder": "M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z",
+    "folder-open": "M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2zM2 9h20",
+    "lock": "M19 11H5a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7a2 2 0 0 0-2-2zM7 11V7a5 5 0 0 1 10 0v4",
+    "menu": "M3 12h18M3 6h18M3 18h18",
+    "pencil": "M12 20h9M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z",
+    "question-circle": "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3M12 17h.01M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0z",
+    "remove": "M18 6L6 18M6 6l12 12",
+    "search": "M21 21l-6-6m2-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0z",
+    "settings": "M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1 1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z",
+    "upload": "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M17 8l-5-5-5 5M12 3v12",
+    "user": "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2M12 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8z",
+    "view": "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8zM12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6z",
+    "view-off": "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24M1 1l22 22"
+  };
+  const path = iconPaths[name];
+  if (!path) {
+    console.warn(`Icon "${name}" not found`);
+    return null;
+  }
+  return /* @__PURE__ */ jsx3(
+    "div",
+    {
+      className: `icon icon--${size.toLowerCase()} ${className}`,
+      onClick,
+      style: { color },
+      children: /* @__PURE__ */ jsx3(
+        "svg",
+        {
+          width: iconSize,
+          height: iconSize,
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          children: /* @__PURE__ */ jsx3("path", { d: path })
+        }
+      )
+    }
+  );
+};
+
+// src/tokens/tokens.ts
+var tokens = {
+  // Scale
+  scale: {
+    0: "0px",
+    12.5: "1px",
+    25: "2px",
+    50: "4px",
+    75: "6px",
+    100: "8px",
+    150: "12px",
+    175: "14px",
+    200: "16px",
+    250: "20px",
+    300: "24px",
+    400: "32px",
+    500: "40px",
+    600: "48px",
+    700: "56px",
+    800: "64px",
+    900: "72px",
+    1e3: "80px",
+    2e3: "160px",
+    2500: "200px"
+  },
+  // Typography
+  typography: {
+    fontFamily: {
+      default: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif",
+      mono: "'Fira Code', 'Monaco', 'Courier New', monospace"
+    },
+    fontSize: {
+      xs: "12px",
+      s: "14px",
+      m: "16px",
+      l: "20px",
+      xl: "24px"
+    }
+  },
+  // Spacing/Gap
+  gap: {
+    none: "0px",
+    "3xs": "2px",
+    "2xs": "4px",
+    xs: "8px",
+    s: "12px",
+    m: "16px",
+    l: "20px",
+    xl: "24px",
+    "2xl": "32px",
+    "3xl": "40px",
+    "4xl": "48px",
+    "5xl": "56px",
+    "6xl": "64px",
+    "7xl": "80px"
+  },
+  // Border Radius
+  radius: {
+    none: "0px",
+    xs: "4px",
+    s: "6px",
+    m: "8px",
+    l: "12px",
+    xl: "16px",
+    rounded: "9999px"
+  },
+  // Stroke Width
+  stroke: {
+    none: "0px",
+    thin: "1px",
+    light: "1.25px",
+    medium: "1.5px",
+    large: "2px"
+  },
+  // Container Max Widths
+  maxWidth: {
+    mobile: "480px",
+    tabletPortrait: "768px",
+    tabletLandscape: "1024px",
+    desktop: "1440px",
+    desktopLg: "1600px",
+    desktopXl: "1980px"
+  }
+};
+var getCSSVar = (name) => `var(--${name})`;
+var spacing = {
+  none: getCSSVar("gap-none"),
+  "3xs": getCSSVar("gap-3xs"),
+  "2xs": getCSSVar("gap-2xs"),
+  xs: getCSSVar("gap-xs"),
+  s: getCSSVar("gap-s"),
+  m: getCSSVar("gap-m"),
+  l: getCSSVar("gap-l"),
+  xl: getCSSVar("gap-xl"),
+  "2xl": getCSSVar("gap-2xl"),
+  "3xl": getCSSVar("gap-3xl"),
+  "4xl": getCSSVar("gap-4xl"),
+  "5xl": getCSSVar("gap-5xl"),
+  "6xl": getCSSVar("gap-6xl"),
+  "7xl": getCSSVar("gap-7xl")
+};
+var colors = {
+  // Accent
+  accent: {
+    default: getCSSVar("color-accent-default"),
+    subtle: getCSSVar("color-accent-subtle"),
+    strong: getCSSVar("color-accent-strong"),
+    lighter: getCSSVar("color-accent-lighter"),
+    light: getCSSVar("color-accent-light")
+  },
+  // Primary
+  primary: {
+    default: getCSSVar("color-primary-default"),
+    inverted: getCSSVar("color-primary-inverted"),
+    subtle: getCSSVar("color-primary-subtle"),
+    light: getCSSVar("color-primary-light")
+  },
+  // Surface
+  surface: {
+    background: getCSSVar("color-surface-background"),
+    backgroundInverted: getCSSVar("color-surface-background-inverted"),
+    layer: getCSSVar("color-surface-layer"),
+    layerStrong: getCSSVar("color-surface-layer-strong"),
+    layerStronger: getCSSVar("color-surface-layer-stronger"),
+    elevated: getCSSVar("color-surface-elevated"),
+    accent: getCSSVar("color-surface-accent"),
+    input: getCSSVar("color-surface-input")
+  },
+  // Content/Text
+  content: {
+    heading: getCSSVar("color-content-heading"),
+    primary: getCSSVar("color-content-primary"),
+    secondary: getCSSVar("color-content-secondary"),
+    disabled: getCSSVar("color-content-disabled"),
+    inverted: getCSSVar("color-content-inverted"),
+    accent: getCSSVar("color-content-accent"),
+    error: getCSSVar("color-content-error"),
+    success: getCSSVar("color-content-success"),
+    warning: getCSSVar("color-content-warning")
+  },
+  // Content On Inverted
+  contentOnInverted: {
+    heading: getCSSVar("color-content-on-inverted-heading"),
+    primary: getCSSVar("color-content-on-inverted-primary"),
+    secondary: getCSSVar("color-content-on-inverted-secondary"),
+    disabled: getCSSVar("color-content-on-inverted-disabled"),
+    accent: getCSSVar("color-content-on-inverted-accent")
+  },
+  // Icon
+  icon: {
+    primary: getCSSVar("color-icon-primary"),
+    secondary: getCSSVar("color-icon-secondary"),
+    disabled: getCSSVar("color-icon-disabled"),
+    inverted: getCSSVar("color-icon-inverted"),
+    accent: getCSSVar("color-icon-accent"),
+    accentSubtle: getCSSVar("color-icon-accent-subtle"),
+    accentStrong: getCSSVar("color-icon-accent-strong"),
+    error: getCSSVar("color-icon-error"),
+    success: getCSSVar("color-icon-success"),
+    warning: getCSSVar("color-icon-warning")
+  },
+  // Stroke/Border
+  stroke: {
+    subtle: getCSSVar("color-stroke-subtle"),
+    medium: getCSSVar("color-stroke-medium"),
+    strong: getCSSVar("color-stroke-strong"),
+    alphaSubtle: getCSSVar("color-stroke-alpha-subtle"),
+    alphaMedium: getCSSVar("color-stroke-alpha-medium"),
+    alphaStrong: getCSSVar("color-stroke-alpha-strong")
+  },
+  // Feedback
+  feedback: {
+    negative: {
+      light: getCSSVar("color-feedback-negative-light"),
+      default: getCSSVar("color-feedback-negative-default"),
+      strong: getCSSVar("color-feedback-negative-strong")
+    },
+    positive: {
+      light: getCSSVar("color-feedback-positive-light"),
+      default: getCSSVar("color-feedback-positive-default"),
+      strong: getCSSVar("color-feedback-positive-strong")
+    },
+    warning: {
+      light: getCSSVar("color-feedback-warning-light"),
+      default: getCSSVar("color-feedback-warning-default"),
+      strong: getCSSVar("color-feedback-warning-strong")
+    }
+  },
+  // Build System
+  build: {
+    action: getCSSVar("color-build-action"),
+    data: getCSSVar("color-build-data"),
+    function: getCSSVar("color-build-function"),
+    input: getCSSVar("color-build-input"),
+    workflow: getCSSVar("color-build-workflow")
+  }
+};
+var tokens_default = tokens;
+export {
+  Button,
+  Card,
+  Icon,
+  colors,
+  getCSSVar,
+  spacing,
+  tokens_default as tokens
+};
+//# sourceMappingURL=index.js.map