@salesmind-ai/design-system 0.3.0 → 0.3.1

package/dist/web/client/index.css

@@ -0,0 +1,456 @@
+/* src/components/Button/Button.css */
+.ds-button {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--space-2);
+  border: none;
+  cursor: pointer;
+  font-family: var(--font-family);
+  font-weight: var(--font-weight-medium);
+  border-radius: var(--radius-button);
+  color: var(--text-primary);
+  outline: none;
+  white-space: nowrap;
+  hyphens: none;
+  word-break: normal;
+  overflow-wrap: normal;
+  backdrop-filter: blur(12px) saturate(140%);
+  -webkit-backdrop-filter: blur(12px) saturate(140%);
+  transition:
+    background var(--transition-glass),
+    box-shadow var(--transition-glass),
+    transform var(--transition-glass);
+}
+.ds-button::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  padding: var(--space-px);
+  background:
+    linear-gradient(
+      180deg,
+      var(--rim-light-top) 0%,
+      var(--rim-light-bottom) 100%);
+  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+  mask-composite: exclude;
+  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+  -webkit-mask-composite: xor;
+  pointer-events: none;
+  transition: background var(--transition-glass);
+}
+.ds-button:focus-visible {
+  box-shadow: var(--focus-ring);
+}
+.ds-button:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+  transform: none !important;
+}
+.ds-button--primary {
+  background: var(--btn-primary-bg);
+  color: var(--btn-primary-text, #ffffff);
+  box-shadow:
+    var(--shadow-interactive-rest),
+    var(--glass-shadow-inner),
+    var(--btn-primary-glow);
+  backdrop-filter: none;
+  -webkit-backdrop-filter: none;
+}
+.ds-button--primary::before {
+  background:
+    linear-gradient(
+      180deg,
+      var(--glass-highlight-strong) 0%,
+      rgba(var(--brand-pink-rgb), 0.2) 100%);
+}
+.ds-button--primary:hover:not(:disabled) {
+  background: var(--btn-primary-bg-hover);
+  box-shadow:
+    var(--shadow-interactive-hover),
+    var(--glass-shadow-inner),
+    var(--btn-primary-glow-hover);
+  transform: translateY(-1px);
+}
+.ds-button--primary:hover:not(:disabled)::before {
+  background:
+    linear-gradient(
+      180deg,
+      var(--glass-highlight-bright) 0%,
+      rgba(var(--brand-pink-rgb), 0.25) 100%);
+}
+.ds-button--primary:active:not(:disabled) {
+  transform: translateY(0);
+  box-shadow:
+    var(--shadow-interactive-active),
+    var(--glass-shadow-inner),
+    var(--btn-primary-glow);
+}
+.ds-button--secondary {
+  background: var(--btn-secondary-bg);
+  box-shadow: var(--shadow-interactive-rest-subtle), var(--glass-shadow-inner);
+}
+.ds-button--secondary:hover:not(:disabled) {
+  background: var(--btn-secondary-bg-hover);
+  box-shadow: var(--shadow-interactive-hover-subtle), var(--glass-shadow-inner);
+  transform: translateY(-1px);
+}
+.ds-button--secondary:hover:not(:disabled)::before {
+  background:
+    linear-gradient(
+      180deg,
+      var(--rim-light-hover-top) 0%,
+      var(--rim-light-hover-bottom) 100%);
+}
+.ds-button--secondary:active:not(:disabled) {
+  transform: translateY(0);
+  background: var(--glass-base-active);
+}
+.ds-button--outline {
+  background: transparent;
+  box-shadow: none;
+  backdrop-filter: none;
+  -webkit-backdrop-filter: none;
+  color: var(--text-secondary);
+  transition:
+    background var(--transition-glass),
+    color var(--transition-glass),
+    box-shadow var(--transition-glass),
+    transform var(--transition-glass);
+}
+.ds-button--outline::before {
+  background:
+    linear-gradient(
+      180deg,
+      var(--outline-rim-top) 0%,
+      var(--outline-rim-bottom) 100%);
+}
+.ds-button--outline:hover:not(:disabled) {
+  background: rgba(var(--brand-pink-rgb), 0.05);
+  color: var(--text-primary);
+  backdrop-filter: blur(12px) saturate(140%);
+  -webkit-backdrop-filter: blur(12px) saturate(140%);
+  box-shadow:
+    var(--shadow-interactive-rest-light),
+    var(--glass-shadow-inner),
+    0 0 16px rgba(var(--brand-pink-rgb), 0.1);
+  transform: translateY(-1px);
+}
+.ds-button--outline:hover:not(:disabled)::before {
+  background:
+    linear-gradient(
+      180deg,
+      rgba(var(--brand-pink-rgb), 0.3) 0%,
+      rgba(var(--brand-pink-rgb), 0.1) 100%);
+}
+.ds-button--outline:active:not(:disabled) {
+  transform: translateY(0);
+  background: rgba(var(--brand-pink-rgb), 0.1);
+}
+.ds-button--ghost {
+  background: transparent;
+  box-shadow: none;
+  backdrop-filter: none;
+  -webkit-backdrop-filter: none;
+  color: var(--text-secondary);
+}
+.ds-button--ghost::before {
+  display: none;
+}
+.ds-button--ghost:hover:not(:disabled) {
+  background: var(--interactive-hover-bg);
+  color: var(--text-primary);
+}
+.ds-button--ghost:active:not(:disabled) {
+  background: var(--interactive-active-bg);
+}
+.ds-button--link {
+  background: transparent;
+  box-shadow: none;
+  backdrop-filter: none;
+  -webkit-backdrop-filter: none;
+  color: var(--brand-pink);
+  text-underline-offset: 4px;
+  height: auto;
+  padding: 0;
+}
+.ds-button--link::before {
+  display: none;
+}
+.ds-button--link:hover:not(:disabled) {
+  text-decoration: underline;
+}
+.ds-button--link:active:not(:disabled) {
+  opacity: 0.8;
+}
+.ds-button--destructive {
+  background: var(--btn-destructive-bg, rgba(var(--status-error-rgb, 239, 68, 68), 0.6));
+  color: var(--btn-destructive-text, #ffffff);
+  box-shadow:
+    var(--shadow-interactive-rest),
+    var(--glass-shadow-inner),
+    0 0 20px rgba(var(--status-error-rgb, 239, 68, 68), 0.15);
+  backdrop-filter: none;
+  -webkit-backdrop-filter: none;
+}
+.ds-button--destructive::before {
+  background:
+    linear-gradient(
+      180deg,
+      var(--glass-highlight-medium) 0%,
+      rgba(var(--status-error-rgb, 239, 68, 68), 0.15) 100%);
+}
+.ds-button--destructive:hover:not(:disabled) {
+  background: var(--btn-destructive-bg-hover, rgba(var(--status-error-rgb, 239, 68, 68), 0.75));
+  box-shadow:
+    var(--shadow-interactive-hover),
+    var(--glass-shadow-inner),
+    0 0 24px rgba(var(--status-error-rgb, 239, 68, 68), 0.25);
+  transform: translateY(-1px);
+}
+.ds-button--destructive:hover:not(:disabled)::before {
+  background:
+    linear-gradient(
+      180deg,
+      var(--glass-highlight-strong) 0%,
+      rgba(var(--status-error-rgb, 239, 68, 68), 0.2) 100%);
+}
+.ds-button--destructive:active:not(:disabled) {
+  transform: translateY(0);
+  background: var(--btn-destructive-bg-active, rgba(var(--status-error-rgb, 239, 68, 68), 0.85));
+}
+.ds-button--sm {
+  font-size: var(--font-size-sm);
+  padding: var(--space-2) var(--space-4);
+  height: 2rem;
+}
+.ds-button--md {
+  font-size: var(--font-size-base);
+  padding: var(--space-2) var(--space-5);
+  height: 2.5rem;
+}
+.ds-button--lg {
+  font-size: var(--font-size-lg);
+  padding: var(--space-3) var(--space-6);
+  height: 3rem;
+}
+.ds-button--icon {
+  padding: 0;
+  aspect-ratio: 1;
+}
+.ds-button--icon.ds-button--sm {
+  width: 2rem;
+}
+.ds-button--icon.ds-button--md {
+  width: 2.5rem;
+}
+.ds-button--icon.ds-button--lg {
+  width: 3rem;
+}
+@media (prefers-contrast: more) {
+  .ds-button {
+    border: 1px solid var(--hc-border);
+  }
+  .ds-button::before {
+    display: none;
+  }
+  .ds-button--primary {
+    background: rgba(var(--brand-pink-rgb), 0.8);
+  }
+  .ds-button--secondary {
+    background: var(--hc-surface-subtle);
+  }
+  .ds-button--ghost {
+    border-color: transparent;
+  }
+  .ds-button--ghost:hover:not(:disabled) {
+    border-color: var(--hc-border-subtle);
+  }
+  .ds-button--link {
+    border: none;
+    text-decoration: underline;
+  }
+  .ds-button--destructive {
+    background: rgba(var(--status-error-rgb, 239, 68, 68), 0.85);
+  }
+}
+@supports not (backdrop-filter: blur(1px)) {
+  .ds-button--primary {
+    background: rgba(var(--brand-pink-rgb), 0.85);
+  }
+  .ds-button--secondary {
+    background: var(--fallback-surface);
+  }
+}
+:root[data-theme=light] .ds-button--primary::before,
+:root[data-theme=light-contrast] .ds-button--primary::before {
+  background:
+    linear-gradient(
+      180deg,
+      var(--glass-highlight-light) 0%,
+      rgba(var(--brand-pink-rgb), 0.08) 100%);
+}
+:root[data-theme=light] .ds-button--primary:hover:not(:disabled)::before,
+:root[data-theme=light-contrast] .ds-button--primary:hover:not(:disabled)::before {
+  background:
+    linear-gradient(
+      180deg,
+      var(--glass-highlight-medium) 0%,
+      rgba(var(--brand-pink-rgb), 0.1) 100%);
+}
+:root[data-theme=light] .ds-button--destructive::before,
+:root[data-theme=light-contrast] .ds-button--destructive::before {
+  background:
+    linear-gradient(
+      180deg,
+      var(--glass-highlight-light) 0%,
+      rgba(var(--status-error-rgb, 239, 68, 68), 0.06) 100%);
+}
+:root[data-theme=light] .ds-button--destructive:hover:not(:disabled)::before,
+:root[data-theme=light-contrast] .ds-button--destructive:hover:not(:disabled)::before {
+  background:
+    linear-gradient(
+      180deg,
+      var(--glass-highlight-light) 0%,
+      rgba(var(--status-error-rgb, 239, 68, 68), 0.08) 100%);
+}
+.ds-button--loading {
+  position: relative;
+  cursor: not-allowed;
+  opacity: 0.8;
+}
+.ds-button__spinner {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  animation: ds-button-spin 1s linear infinite;
+}
+.ds-button__content {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: inherit;
+  visibility: visible;
+}
+.ds-button__content--hidden {
+  visibility: hidden;
+}
+@keyframes ds-button-spin {
+  from {
+    transform: translate(-50%, -50%) rotate(0deg);
+  }
+  to {
+    transform: translate(-50%, -50%) rotate(360deg);
+  }
+}
+
+/* src/web/CookieConsent/CookieConsent.css */
+.ds-cookie-consent {
+  position: fixed;
+  bottom: var(--spacing-4, 1rem);
+  left: var(--spacing-4, 1rem);
+  right: var(--spacing-4, 1rem);
+  z-index: 50;
+  margin-inline: auto;
+  max-width: 56rem;
+  opacity: 0;
+  transform: translateY(100px);
+  transition: opacity 0.3s ease, transform 0.3s ease;
+}
+.ds-cookie-consent[data-state=open] {
+  opacity: 1;
+  transform: translateY(0);
+}
+.ds-cookie-consent[data-state=closed] {
+  opacity: 0;
+  transform: translateY(100px);
+  pointer-events: none;
+}
+.ds-cookie-consent__inner {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--spacing-4, 1rem);
+  border-radius: var(--radius-xl, 0.75rem);
+  border: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.1));
+  background: var(--bg-surface, rgba(10, 10, 10, 0.95));
+  padding: var(--spacing-6, 1.5rem);
+  box-shadow: var(--shadow-2xl, 0 25px 50px -12px rgba(0, 0, 0, 0.25));
+  backdrop-filter: blur(24px);
+}
+@media (min-width: 768px) {
+  .ds-cookie-consent__inner {
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+  }
+}
+.ds-cookie-consent__content {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-1, 0.25rem);
+}
+.ds-cookie-consent__title {
+  font-size: var(--font-size-sm, 0.875rem);
+  font-weight: 600;
+  color: var(--text-primary, #fff);
+  margin: 0;
+}
+.ds-cookie-consent__description {
+  font-size: var(--font-size-sm, 0.875rem);
+  color: var(--text-secondary, rgba(255, 255, 255, 0.5));
+  margin: 0;
+}
+.ds-cookie-consent__link {
+  margin-left: var(--spacing-1, 0.25rem);
+  color: var(--brand-primary, #ff005a);
+  text-decoration: none;
+}
+.ds-cookie-consent__link:hover {
+  text-decoration: underline;
+}
+.ds-cookie-consent__actions {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-2, 0.5rem);
+  width: 100%;
+}
+@media (min-width: 768px) {
+  .ds-cookie-consent__actions {
+    flex-direction: row;
+    width: auto;
+  }
+}
+.ds-cookie-consent__close {
+  position: absolute;
+  top: var(--spacing-2, 0.5rem);
+  right: var(--spacing-2, 0.5rem);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: none;
+  border: none;
+  color: var(--text-muted, rgba(255, 255, 255, 0.3));
+  cursor: pointer;
+  padding: var(--spacing-1, 0.25rem);
+  border-radius: var(--radius-sm, 0.25rem);
+  transition: color 0.15s;
+}
+.ds-cookie-consent__close:hover {
+  color: var(--text-primary, #fff);
+}
+@media (min-width: 768px) {
+  .ds-cookie-consent__close {
+    display: none;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .ds-cookie-consent {
+    transition: none;
+  }
+}
+/*# sourceMappingURL=index.css.map */

package/dist/web/client/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Button/Button.css","../../../src/web/CookieConsent/CookieConsent.css"],"sourcesContent":["/* ============================================================================\n   BUTTON — SIGNATURE GLASS TREATMENT\n   ============================================================================ */\n\n.ds-button {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--space-2);\n  border: none;\n  cursor: pointer;\n  font-family: var(--font-family);\n  font-weight: var(--font-weight-medium);\n  border-radius: var(--radius-button);\n  color: var(--text-primary);\n  outline: none;\n  white-space: nowrap;\n  hyphens: none;\n  word-break: normal;\n  overflow-wrap: normal;\n\n  /* Base glass optical treatment */\n  backdrop-filter: blur(12px) saturate(140%);\n  -webkit-backdrop-filter: blur(12px) saturate(140%);\n\n  /* Smooth Z-interaction transitions */\n  transition:\n    background var(--transition-glass),\n    box-shadow var(--transition-glass),\n    transform var(--transition-glass);\n}\n\n/* Rim light via pseudo-element */\n.ds-button::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  padding: var(--space-px);\n  background: linear-gradient(180deg, var(--rim-light-top) 0%, var(--rim-light-bottom) 100%);\n  mask:\n    linear-gradient(#fff 0 0) content-box,\n    linear-gradient(#fff 0 0);\n  mask-composite: exclude;\n  -webkit-mask:\n    linear-gradient(#fff 0 0) content-box,\n    linear-gradient(#fff 0 0);\n  -webkit-mask-composite: xor;\n  pointer-events: none;\n  transition: background var(--transition-glass);\n}\n\n/* Focus state */\n.ds-button:focus-visible {\n  box-shadow: var(--focus-ring);\n}\n\n/* Disabled state */\n.ds-button:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n  transform: none !important;\n}\n\n/* ==========================================================================\n   Primary Variant — Brand Pink @ 60% opacity + glow\n   ========================================================================== */\n\n.ds-button--primary {\n  background: var(--btn-primary-bg);\n  color: var(--btn-primary-text, #ffffff);\n  box-shadow: var(--shadow-interactive-rest), var(--glass-shadow-inner), var(--btn-primary-glow);\n\n  /* Primary is a solid accent button — disable glass bleed-through\n     to prevent dark backgrounds showing through when nested inside\n     glass cards or other backdrop-filter containers */\n  backdrop-filter: none;\n  -webkit-backdrop-filter: none;\n}\n\n.ds-button--primary::before {\n  background: linear-gradient(\n    180deg,\n    var(--glass-highlight-strong) 0%,\n    rgba(var(--brand-pink-rgb), 0.2) 100%\n  );\n}\n\n.ds-button--primary:hover:not(:disabled) {\n  background: var(--btn-primary-bg-hover);\n  box-shadow:\n    var(--shadow-interactive-hover), var(--glass-shadow-inner), var(--btn-primary-glow-hover);\n  transform: translateY(-1px);\n}\n\n.ds-button--primary:hover:not(:disabled)::before {\n  background: linear-gradient(\n    180deg,\n    var(--glass-highlight-bright) 0%,\n    rgba(var(--brand-pink-rgb), 0.25) 100%\n  );\n}\n\n.ds-button--primary:active:not(:disabled) {\n  transform: translateY(0);\n  box-shadow: var(--shadow-interactive-active), var(--glass-shadow-inner), var(--btn-primary-glow);\n}\n\n/* ==========================================================================\n   Secondary Variant — White @ 5% opacity + glass rim\n   ========================================================================== */\n\n.ds-button--secondary {\n  background: var(--btn-secondary-bg);\n  box-shadow: var(--shadow-interactive-rest-subtle), var(--glass-shadow-inner);\n}\n\n.ds-button--secondary:hover:not(:disabled) {\n  background: var(--btn-secondary-bg-hover);\n  box-shadow: var(--shadow-interactive-hover-subtle), var(--glass-shadow-inner);\n  transform: translateY(-1px);\n}\n\n.ds-button--secondary:hover:not(:disabled)::before {\n  background: linear-gradient(\n    180deg,\n    var(--rim-light-hover-top) 0%,\n    var(--rim-light-hover-bottom) 100%\n  );\n}\n\n.ds-button--secondary:active:not(:disabled) {\n  transform: translateY(0);\n  background: var(--glass-base-active);\n}\n\n/* ==========================================================================\n   Outline/Ghost Variant — Minimal glass, strong rim\n   ========================================================================== */\n\n.ds-button--outline {\n  background: transparent;\n  box-shadow: none;\n  backdrop-filter: none;\n  -webkit-backdrop-filter: none;\n  color: var(--text-secondary);\n  transition:\n    background var(--transition-glass),\n    color var(--transition-glass),\n    box-shadow var(--transition-glass),\n    transform var(--transition-glass);\n}\n\n.ds-button--outline::before {\n  background: linear-gradient(180deg, var(--outline-rim-top) 0%, var(--outline-rim-bottom) 100%);\n}\n\n.ds-button--outline:hover:not(:disabled) {\n  background: rgba(var(--brand-pink-rgb), 0.05);\n  color: var(--text-primary);\n  backdrop-filter: blur(12px) saturate(140%);\n  -webkit-backdrop-filter: blur(12px) saturate(140%);\n  box-shadow:\n    var(--shadow-interactive-rest-light),\n    var(--glass-shadow-inner),\n    0 0 16px rgba(var(--brand-pink-rgb), 0.1);\n  transform: translateY(-1px);\n}\n\n.ds-button--outline:hover:not(:disabled)::before {\n  background: linear-gradient(\n    180deg,\n    rgba(var(--brand-pink-rgb), 0.3) 0%,\n    rgba(var(--brand-pink-rgb), 0.1) 100%\n  );\n}\n\n.ds-button--outline:active:not(:disabled) {\n  transform: translateY(0);\n  background: rgba(var(--brand-pink-rgb), 0.1);\n}\n\n/* ==========================================================================\n   Ghost Variant — No background, no rim, hover reveals subtle glass\n   ========================================================================== */\n\n.ds-button--ghost {\n  background: transparent;\n  box-shadow: none;\n  backdrop-filter: none;\n  -webkit-backdrop-filter: none;\n  color: var(--text-secondary);\n}\n\n.ds-button--ghost::before {\n  display: none;\n}\n\n.ds-button--ghost:hover:not(:disabled) {\n  background: var(--interactive-hover-bg);\n  color: var(--text-primary);\n}\n\n.ds-button--ghost:active:not(:disabled) {\n  background: var(--interactive-active-bg);\n}\n\n/* ==========================================================================\n   Link Variant — Text only, underline on hover\n   ========================================================================== */\n\n.ds-button--link {\n  background: transparent;\n  box-shadow: none;\n  backdrop-filter: none;\n  -webkit-backdrop-filter: none;\n  color: var(--brand-pink);\n  text-underline-offset: 4px;\n  height: auto;\n  padding: 0;\n}\n\n.ds-button--link::before {\n  display: none;\n}\n\n.ds-button--link:hover:not(:disabled) {\n  text-decoration: underline;\n}\n\n.ds-button--link:active:not(:disabled) {\n  opacity: 0.8;\n}\n\n/* ==========================================================================\n   Destructive Variant — Danger/error action with red tones\n   ========================================================================== */\n\n.ds-button--destructive {\n  background: var(--btn-destructive-bg, rgba(var(--status-error-rgb, 239, 68, 68), 0.6));\n  color: var(--btn-destructive-text, #ffffff);\n  box-shadow: var(--shadow-interactive-rest), var(--glass-shadow-inner),\n    0 0 20px rgba(var(--status-error-rgb, 239, 68, 68), 0.15);\n\n  /* Destructive is a solid accent button — disable glass bleed-through */\n  backdrop-filter: none;\n  -webkit-backdrop-filter: none;\n}\n\n.ds-button--destructive::before {\n  background: linear-gradient(\n    180deg,\n    var(--glass-highlight-medium) 0%,\n    rgba(var(--status-error-rgb, 239, 68, 68), 0.15) 100%\n  );\n}\n\n.ds-button--destructive:hover:not(:disabled) {\n  background: var(--btn-destructive-bg-hover, rgba(var(--status-error-rgb, 239, 68, 68), 0.75));\n  box-shadow: var(--shadow-interactive-hover), var(--glass-shadow-inner),\n    0 0 24px rgba(var(--status-error-rgb, 239, 68, 68), 0.25);\n  transform: translateY(-1px);\n}\n\n.ds-button--destructive:hover:not(:disabled)::before {\n  background: linear-gradient(\n    180deg,\n    var(--glass-highlight-strong) 0%,\n    rgba(var(--status-error-rgb, 239, 68, 68), 0.2) 100%\n  );\n}\n\n.ds-button--destructive:active:not(:disabled) {\n  transform: translateY(0);\n  background: var(--btn-destructive-bg-active, rgba(var(--status-error-rgb, 239, 68, 68), 0.85));\n}\n\n/* ==========================================================================\n   Sizes\n   ========================================================================== */\n\n.ds-button--sm {\n  font-size: var(--font-size-sm);\n  padding: var(--space-2) var(--space-4);\n  height: 2rem;\n}\n\n.ds-button--md {\n  font-size: var(--font-size-base);\n  padding: var(--space-2) var(--space-5);\n  height: 2.5rem;\n}\n\n.ds-button--lg {\n  font-size: var(--font-size-lg);\n  padding: var(--space-3) var(--space-6);\n  height: 3rem;\n}\n\n/* ==========================================================================\n   Icon Button (square aspect ratio)\n   ========================================================================== */\n\n.ds-button--icon {\n  padding: 0;\n  aspect-ratio: 1;\n}\n\n.ds-button--icon.ds-button--sm {\n  width: 2rem;\n}\n\n.ds-button--icon.ds-button--md {\n  width: 2.5rem;\n}\n\n.ds-button--icon.ds-button--lg {\n  width: 3rem;\n}\n\n/* ==========================================================================\n   High Contrast Mode\n   ========================================================================== */\n\n@media (prefers-contrast: more) {\n  .ds-button {\n    border: 1px solid var(--hc-border);\n  }\n\n  .ds-button::before {\n    display: none;\n  }\n\n  .ds-button--primary {\n    background: rgba(var(--brand-pink-rgb), 0.8);\n  }\n\n  .ds-button--secondary {\n    background: var(--hc-surface-subtle);\n  }\n\n  .ds-button--ghost {\n    border-color: transparent;\n  }\n\n  .ds-button--ghost:hover:not(:disabled) {\n    border-color: var(--hc-border-subtle);\n  }\n\n  .ds-button--link {\n    border: none;\n    text-decoration: underline;\n  }\n\n  .ds-button--destructive {\n    background: rgba(var(--status-error-rgb, 239, 68, 68), 0.85);\n  }\n}\n\n/* ==========================================================================\n   Fallback for browsers without backdrop-filter\n   ========================================================================== */\n\n@supports not (backdrop-filter: blur(1px)) {\n  .ds-button--primary {\n    background: rgba(var(--brand-pink-rgb), 0.85);\n  }\n\n  .ds-button--secondary {\n    background: var(--fallback-surface);\n  }\n}\n\n/* ==========================================================================\n   Light Mode — Reduced glass optics for light backgrounds\n   ========================================================================== */\n\n:root[data-theme='light'] .ds-button--primary::before,\n:root[data-theme='light-contrast'] .ds-button--primary::before {\n  background: linear-gradient(\n    180deg,\n    var(--glass-highlight-light) 0%,\n    rgba(var(--brand-pink-rgb), 0.08) 100%\n  );\n}\n\n:root[data-theme='light'] .ds-button--primary:hover:not(:disabled)::before,\n:root[data-theme='light-contrast'] .ds-button--primary:hover:not(:disabled)::before {\n  background: linear-gradient(\n    180deg,\n    var(--glass-highlight-medium) 0%,\n    rgba(var(--brand-pink-rgb), 0.1) 100%\n  );\n}\n\n:root[data-theme='light'] .ds-button--destructive::before,\n:root[data-theme='light-contrast'] .ds-button--destructive::before {\n  background: linear-gradient(\n    180deg,\n    var(--glass-highlight-light) 0%,\n    rgba(var(--status-error-rgb, 239, 68, 68), 0.06) 100%\n  );\n}\n\n:root[data-theme='light'] .ds-button--destructive:hover:not(:disabled)::before,\n:root[data-theme='light-contrast'] .ds-button--destructive:hover:not(:disabled)::before {\n  background: linear-gradient(\n    180deg,\n    var(--glass-highlight-light) 0%,\n    rgba(var(--status-error-rgb, 239, 68, 68), 0.08) 100%\n  );\n}\n\n.ds-button--loading {\n  position: relative;\n  cursor: not-allowed;\n  opacity: 0.8;\n}\n\n.ds-button__spinner {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  animation: ds-button-spin 1s linear infinite;\n}\n\n.ds-button__content {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: inherit;\n  visibility: visible;\n}\n\n.ds-button__content--hidden {\n  visibility: hidden;\n}\n\n@keyframes ds-button-spin {\n  from {\n    transform: translate(-50%, -50%) rotate(0deg);\n  }\n  to {\n    transform: translate(-50%, -50%) rotate(360deg);\n  }\n}\n","/* CookieConsent — GDPR banner styles */\n\n.ds-cookie-consent {\n  position: fixed;\n  bottom: var(--spacing-4, 1rem);\n  left: var(--spacing-4, 1rem);\n  right: var(--spacing-4, 1rem);\n  z-index: 50;\n  margin-inline: auto;\n  max-width: 56rem;\n\n  /* CSS transition — replaces framer-motion */\n  opacity: 0;\n  transform: translateY(100px);\n  transition:\n    opacity 0.3s ease,\n    transform 0.3s ease;\n}\n\n/* Enter state — visible */\n.ds-cookie-consent[data-state='open'] {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n/* Exit state — slide down and fade out */\n.ds-cookie-consent[data-state='closed'] {\n  opacity: 0;\n  transform: translateY(100px);\n  pointer-events: none;\n}\n\n.ds-cookie-consent__inner {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--spacing-4, 1rem);\n  border-radius: var(--radius-xl, 0.75rem);\n  border: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.1));\n  background: var(--bg-surface, rgba(10, 10, 10, 0.95));\n  padding: var(--spacing-6, 1.5rem);\n  box-shadow: var(--shadow-2xl, 0 25px 50px -12px rgba(0, 0, 0, 0.25));\n  backdrop-filter: blur(24px);\n}\n\n@media (min-width: 768px) {\n  .ds-cookie-consent__inner {\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n  }\n}\n\n.ds-cookie-consent__content {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-1, 0.25rem);\n}\n\n.ds-cookie-consent__title {\n  font-size: var(--font-size-sm, 0.875rem);\n  font-weight: 600;\n  color: var(--text-primary, #fff);\n  margin: 0;\n}\n\n.ds-cookie-consent__description {\n  font-size: var(--font-size-sm, 0.875rem);\n  color: var(--text-secondary, rgba(255, 255, 255, 0.5));\n  margin: 0;\n}\n\n.ds-cookie-consent__link {\n  margin-left: var(--spacing-1, 0.25rem);\n  color: var(--brand-primary, #ff005a);\n  text-decoration: none;\n}\n\n.ds-cookie-consent__link:hover {\n  text-decoration: underline;\n}\n\n.ds-cookie-consent__actions {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-2, 0.5rem);\n  width: 100%;\n}\n\n@media (min-width: 768px) {\n  .ds-cookie-consent__actions {\n    flex-direction: row;\n    width: auto;\n  }\n}\n\n.ds-cookie-consent__close {\n  position: absolute;\n  top: var(--spacing-2, 0.5rem);\n  right: var(--spacing-2, 0.5rem);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: none;\n  border: none;\n  color: var(--text-muted, rgba(255, 255, 255, 0.3));\n  cursor: pointer;\n  padding: var(--spacing-1, 0.25rem);\n  border-radius: var(--radius-sm, 0.25rem);\n  transition: color 0.15s;\n}\n\n.ds-cookie-consent__close:hover {\n  color: var(--text-primary, #fff);\n}\n\n@media (min-width: 768px) {\n  .ds-cookie-consent__close {\n    display: none;\n  }\n}\n\n/* ==========================================================================\n   Reduced Motion\n   ========================================================================== */\n\n@media (prefers-reduced-motion: reduce) {\n  .ds-cookie-consent {\n    transition: none;\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/web/client/index.d.cts

@@ -0,0 +1,172 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+/**
+ * Generic analytics script loader.
+ *
+ * Framework-agnostic: injects a `<script>` tag into `<head>` once,
+ * guards against double-loading, and respects cookie consent.
+ *
+ * @example
+ * ```ts
+ * import { createAnalyticsLoader } from '@salesmind-ai/design-system/web';
+ *
+ * const loadGA = createAnalyticsLoader({
+ *   id: 'ga-script',
+ *   src: (gaId) => `https://www.googletagmanager.com/gtag/js?id=${gaId}`,
+ *   onLoad: (gaId) => {
+ *     window.dataLayer = window.dataLayer || [];
+ *     function gtag(...args: unknown[]) { window.dataLayer.push(args); }
+ *     gtag('js', new Date());
+ *     gtag('config', gaId);
+ *   },
+ * });
+ *
+ * // Later, after consent:
+ * loadGA('G-XXXXXX');
+ * ```
+ */
+interface AnalyticsLoaderConfig<TId extends string = string> {
+    /** Unique DOM id for the script element (prevents double-loading) */
+    id: string;
+    /** Build the script src URL from the tracking ID */
+    src: (trackingId: TId) => string;
+    /** Async attribute on the script tag (default: true) */
+    async?: boolean;
+    /** Called after the script is appended to the DOM */
+    onLoad?: (trackingId: TId) => void;
+    /** Custom inline script content instead of an external src */
+    inlineScript?: (trackingId: TId) => string;
+}
+/**
+ * Create a reusable analytics loader function.
+ * The returned function injects the script once and is safe to call multiple times.
+ */
+declare function createAnalyticsLoader<TId extends string = string>(config: AnalyticsLoaderConfig<TId>): (trackingId: TId) => void;
+declare global {
+    interface Window {
+        dataLayer: unknown[];
+        clarity?: (...args: unknown[]) => void;
+    }
+}
+/**
+ * Load Google Analytics (gtag.js).
+ * Call with your GA measurement ID after cookie consent.
+ */
+declare const loadGoogleAnalytics: (trackingId: string) => void;
+/**
+ * Load Microsoft Clarity.
+ * Call with your Clarity project ID after cookie consent.
+ */
+declare const loadClarity: (trackingId: string) => void;
+
+/** Cookie consent state */
+type ConsentStatus = 'granted' | 'denied' | null;
+/** Event name dispatched on window when consent changes */
+declare const COOKIE_CONSENT_EVENT = "cookie_consent_granted";
+/** localStorage key for cookie consent */
+declare const COOKIE_CONSENT_KEY = "cookie_consent";
+/** Labels for i18n support */
+interface CookieConsentLabels {
+    title?: string;
+    description?: string;
+    privacyLinkText?: string;
+    acceptLabel?: string;
+    declineLabel?: string;
+}
+interface CookieConsentProps {
+    /** Delay in ms before showing the banner (default: 1000) */
+    delay?: number;
+    /** URL to the privacy policy page (default: "/legal/privacy") */
+    privacyUrl?: string;
+    /** Called when the user accepts cookies */
+    onAccept?: () => void;
+    /** Called when the user declines cookies */
+    onDecline?: () => void;
+    /** Override default labels for i18n */
+    labels?: CookieConsentLabels;
+    /** Custom className for the container */
+    className?: string;
+}
+/**
+ * CookieConsent — GDPR-compliant cookie consent banner.
+ *
+ * - Animated entrance/exit via CSS transitions (no framer-motion)
+ * - Respects prior consent stored in localStorage
+ * - Dispatches a `cookie_consent_granted` event on the window for analytics loaders
+ * - Uses DS Button component
+ *
+ * @example
+ * ```tsx
+ * import { CookieConsent } from '@salesmind-ai/design-system/web';
+ *
+ * <CookieConsent
+ *   privacyUrl="/legal/privacy"
+ *   onAccept={() => loadGoogleAnalytics('G-XXXX')}
+ * />
+ * ```
+ */
+declare function CookieConsent({ delay, privacyUrl, onAccept, onDecline, labels, className, }: CookieConsentProps): react_jsx_runtime.JSX.Element | null;
+
+/**
+ * React hook that tracks cookie consent status.
+ *
+ * Returns `true` once the user has granted cookie consent,
+ * `false` if denied, `null` if not yet decided.
+ *
+ * Listens for the `cookie_consent_granted` window event dispatched
+ * by the CookieConsent component.
+ *
+ * @example
+ * ```tsx
+ * const hasConsent = useCookieConsent();
+ *
+ * useEffect(() => {
+ *   if (hasConsent) loadGoogleAnalytics('G-XXXX');
+ * }, [hasConsent]);
+ * ```
+ */
+declare function useCookieConsent(): ConsentStatus;
+
+/** Arbitrary properties bag attached to every analytics event. */
+type AnalyticsEventProps = Record<string, string | number | boolean | undefined>;
+/** Signature for the track function provided by AnalyticsProvider. */
+type TrackFn = (event: string, props?: AnalyticsEventProps) => void;
+/** Value exposed by the AnalyticsContext. */
+interface AnalyticsContextValue {
+    track: TrackFn;
+}
+
+/** Props for the AnalyticsProvider component */
+interface AnalyticsProviderProps {
+    /** Callback invoked on every track() call. Wire this to your analytics backend. */
+    onTrack: TrackFn;
+    /** Enable console logging in development (default: false) */
+    debug?: boolean;
+    children: ReactNode;
+}
+/**
+ * Provides analytics event tracking to all descendant DS components.
+ *
+ * @example
+ * ```tsx
+ * <AnalyticsProvider
+ *   onTrack={(event, props) => {
+ *     window.gtag?.('event', event, props);
+ *   }}
+ * >
+ *   <App />
+ * </AnalyticsProvider>
+ * ```
+ */
+declare function AnalyticsProvider({ onTrack, debug, children }: AnalyticsProviderProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Hook that returns the analytics `track` function.
+ *
+ * Safe to call without a wrapping `<AnalyticsProvider>` — all calls
+ * become no-ops in that case (Storybook, tests, SSR).
+ */
+declare function useAnalytics(): AnalyticsContextValue;
+
+export { type AnalyticsContextValue, type AnalyticsEventProps, type AnalyticsLoaderConfig, AnalyticsProvider, type AnalyticsProviderProps, COOKIE_CONSENT_EVENT, COOKIE_CONSENT_KEY, type ConsentStatus, CookieConsent, type CookieConsentLabels, type CookieConsentProps, type TrackFn, createAnalyticsLoader, loadClarity, loadGoogleAnalytics, useAnalytics, useCookieConsent };