@salesmind-ai/design-system 0.6.0 → 0.7.0

package/dist/theme/index.cjs

@@ -1,54 +1,50 @@
 "use client";
 'use strict';
 
-var chunk6D22TFLA_cjs = require('../chunk-6D22TFLA.cjs');
-var chunk5LA3T22E_cjs = require('../chunk-5LA3T22E.cjs');
+var chunkR3ZECV5P_cjs = require('../chunk-R3ZECV5P.cjs');
+var chunkEPD4ZEPY_cjs = require('../chunk-EPD4ZEPY.cjs');
 
 
 
 Object.defineProperty(exports, "ColorPicker", {
   enumerable: true,
-  get: function () { return chunk6D22TFLA_cjs.ColorPicker; }
+  get: function () { return chunkR3ZECV5P_cjs.ColorPicker; }
 });
 Object.defineProperty(exports, "ThemeSelector", {
   enumerable: true,
-  get: function () { return chunk6D22TFLA_cjs.ThemeSelector; }
+  get: function () { return chunkR3ZECV5P_cjs.ThemeSelector; }
 });
 Object.defineProperty(exports, "VoidBackground", {
   enumerable: true,
-  get: function () { return chunk6D22TFLA_cjs.VoidBackground; }
-});
-Object.defineProperty(exports, "AppearancePanel", {
-  enumerable: true,
-  get: function () { return chunk5LA3T22E_cjs.AppearancePanel; }
+  get: function () { return chunkR3ZECV5P_cjs.VoidBackground; }
 });
 Object.defineProperty(exports, "AppearanceProvider", {
   enumerable: true,
-  get: function () { return chunk5LA3T22E_cjs.AppearanceProvider; }
+  get: function () { return chunkEPD4ZEPY_cjs.AppearanceProvider; }
 });
 Object.defineProperty(exports, "accentForegroundRgb", {
   enumerable: true,
-  get: function () { return chunk5LA3T22E_cjs.accentForegroundRgb; }
+  get: function () { return chunkEPD4ZEPY_cjs.accentForegroundRgb; }
 });
 Object.defineProperty(exports, "hexToRgb", {
   enumerable: true,
-  get: function () { return chunk5LA3T22E_cjs.hexToRgb; }
+  get: function () { return chunkEPD4ZEPY_cjs.hexToRgb; }
 });
 Object.defineProperty(exports, "initializeAppearance", {
   enumerable: true,
-  get: function () { return chunk5LA3T22E_cjs.initializeAppearance; }
+  get: function () { return chunkEPD4ZEPY_cjs.initializeAppearance; }
 });
 Object.defineProperty(exports, "prefersReducedMotion", {
   enumerable: true,
-  get: function () { return chunk5LA3T22E_cjs.prefersReducedMotion; }
+  get: function () { return chunkEPD4ZEPY_cjs.prefersReducedMotion; }
 });
 Object.defineProperty(exports, "relativeLuminance", {
   enumerable: true,
-  get: function () { return chunk5LA3T22E_cjs.relativeLuminance; }
+  get: function () { return chunkEPD4ZEPY_cjs.relativeLuminance; }
 });
 Object.defineProperty(exports, "useAppearance", {
   enumerable: true,
-  get: function () { return chunk5LA3T22E_cjs.useAppearance; }
+  get: function () { return chunkEPD4ZEPY_cjs.useAppearance; }
 });
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.cjs.map

package/dist/theme/index.css

@@ -58,250 +58,6 @@
   transition: color var(--transition-fast);
 }
 
-/* src/components/AppearancePanel/AppearancePanel.css */
-@media (max-width: 768px) {
-  .ds-appearance-panel {
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    max-width: 100%;
-    border-radius: var(--radius-panel) var(--radius-panel) 0 0;
-    z-index: var(--z-modal);
-    animation: ds-panel-slide-up 0.3s cubic-bezier(0.16, 1, 0.3, 1);
-    max-height: 60vh;
-    overflow-y: auto;
-    padding-bottom: env(safe-area-inset-bottom, 24px);
-  }
-  .ds-appearance-panel::before {
-    border-radius: var(--radius-panel) var(--radius-panel) 0 0;
-  }
-}
-@keyframes ds-panel-slide-up {
-  from {
-    transform: translateY(100%);
-  }
-  to {
-    transform: translateY(0);
-  }
-}
-.ds-appearance-panel {
-  position: relative;
-  padding: var(--space-6);
-  border-radius: var(--radius-card);
-  max-width: 400px;
-  max-height: 85vh;
-  overflow-y: auto;
-  background: var(--glass-base);
-  backdrop-filter: var(--glass-backdrop);
-  -webkit-backdrop-filter: var(--glass-backdrop);
-  box-shadow: var(--glass-shadow-combined);
-}
-.ds-appearance-panel::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;
-}
-.ds-appearance-panel__title {
-  font-family: var(--font-family);
-  font-size: var(--font-size-lg);
-  font-weight: var(--font-weight-semibold);
-  color: var(--text-primary);
-  margin: 0 0 var(--space-6);
-}
-.ds-appearance-panel__section {
-  border: none;
-  padding: 0;
-  margin: 0 0 var(--space-6);
-}
-.ds-appearance-panel__section:last-of-type {
-  margin-bottom: var(--space-4);
-}
-.ds-appearance-panel__legend {
-  font-family: var(--font-family);
-  font-size: var(--font-size-xs);
-  font-weight: var(--font-weight-semibold);
-  color: var(--text-tertiary);
-  text-transform: uppercase;
-  letter-spacing: var(--letter-spacing-wide);
-  margin-bottom: var(--space-3);
-}
-.ds-appearance-panel__options {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-2);
-}
-.ds-appearance-panel__options--row {
-  flex-direction: row;
-  gap: var(--space-3);
-}
-.ds-appearance-panel__options--row .ds-appearance-panel__option {
-  flex: 1;
-}
-.ds-appearance-panel__option {
-  display: flex;
-  align-items: center;
-  gap: var(--space-3);
-  padding: var(--space-3) var(--space-4);
-  border-radius: var(--radius-button);
-  cursor: pointer;
-  transition: background var(--transition-glass);
-  background: transparent;
-}
-.ds-appearance-panel__option:hover {
-  background: var(--glass-base-hover);
-}
-.ds-appearance-panel__option--active {
-  background: rgba(var(--accent-rgb), 0.15);
-}
-.ds-appearance-panel__option--active:hover {
-  background: rgba(var(--accent-rgb), 0.2);
-}
-.ds-appearance-panel__option--toggle {
-  flex-direction: column;
-  align-items: flex-start;
-  gap: var(--space-1);
-  padding: var(--space-3);
-  text-align: center;
-}
-.ds-appearance-panel__option--toggle .ds-appearance-panel__option-content {
-  width: 100%;
-  text-align: center;
-}
-.ds-appearance-panel__radio {
-  appearance: none;
-  width: 16px;
-  height: 16px;
-  border-radius: 50%;
-  border: 2px solid var(--text-tertiary);
-  transition: all var(--transition-glass);
-  flex-shrink: 0;
-}
-.ds-appearance-panel__option--toggle .ds-appearance-panel__radio {
-  position: absolute;
-  opacity: 0;
-  pointer-events: none;
-}
-.ds-appearance-panel__option--active .ds-appearance-panel__radio {
-  border-color: rgba(var(--accent-rgb), 1);
-  background: rgba(var(--accent-rgb), 1);
-  box-shadow: 0 0 8px rgba(var(--accent-rgb), 0.4);
-}
-.ds-appearance-panel__option-content {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-0-5);
-}
-.ds-appearance-panel__option-label {
-  font-family: var(--font-family);
-  font-size: var(--font-size-base);
-  color: var(--text-primary);
-}
-.ds-appearance-panel__option-description {
-  font-family: var(--font-family);
-  font-size: var(--font-size-xs);
-  color: var(--text-tertiary);
-}
-.ds-appearance-panel__color-picker {
-  margin-top: var(--space-4);
-  padding: var(--space-4);
-  border-radius: var(--radius-button);
-  background: var(--glass-base);
-  border: 1px solid rgba(var(--accent-rgb), 0.2);
-}
-.ds-appearance-panel__color-label {
-  display: block;
-  font-family: var(--font-family);
-  font-size: var(--font-size-xs);
-  font-weight: var(--font-weight-medium);
-  color: var(--text-secondary);
-  margin-bottom: var(--space-2);
-}
-.ds-appearance-panel__color-input-wrapper {
-  display: flex;
-  align-items: center;
-  gap: var(--space-3);
-}
-.ds-appearance-panel__color-input {
-  width: 48px;
-  height: 48px;
-  padding: 0;
-  border: none;
-  border-radius: var(--radius-badge);
-  cursor: pointer;
-  background: transparent;
-  overflow: hidden;
-}
-.ds-appearance-panel__color-input::-webkit-color-swatch-wrapper {
-  padding: 0;
-}
-.ds-appearance-panel__color-input::-webkit-color-swatch {
-  border: 2px solid var(--rim-light-top);
-  border-radius: var(--radius-badge);
-  box-shadow: var(--shadow-md);
-}
-.ds-appearance-panel__color-input::-moz-color-swatch {
-  border: 2px solid var(--rim-light-top);
-  border-radius: var(--radius-badge);
-  box-shadow: var(--shadow-md);
-}
-.ds-appearance-panel__color-input:focus-visible {
-  outline: none;
-  box-shadow: var(--focus-ring);
-  border-radius: var(--radius-badge);
-}
-.ds-appearance-panel__color-value {
-  font-family: var(--font-family-mono);
-  font-size: var(--font-size-sm);
-  color: var(--text-secondary);
-  padding: var(--space-2) var(--space-3);
-  background: var(--glass-base);
-  border-radius: var(--radius-badge);
-  border: 1px solid var(--rim-light-bottom);
-}
-.ds-appearance-panel__reset {
-  display: block;
-  width: 100%;
-  padding: var(--space-3) var(--space-4);
-  border: none;
-  border-radius: var(--radius-button);
-  background: var(--btn-secondary-bg);
-  color: var(--text-secondary);
-  font-family: var(--font-family);
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-medium);
-  cursor: pointer;
-  transition: all var(--transition-glass);
-}
-.ds-appearance-panel__reset:hover {
-  background: var(--btn-secondary-bg-hover);
-  color: var(--text-primary);
-}
-.ds-appearance-panel__reset:focus-visible {
-  box-shadow: var(--focus-ring);
-  outline: none;
-}
-@media (prefers-contrast: more) {
-  .ds-appearance-panel {
-    border: 1px solid var(--hc-border);
-  }
-  .ds-appearance-panel__color-picker {
-    border: 1px solid var(--hc-border);
-  }
-}
-
 /* src/components/ColorPicker/ColorPicker.css */
 .ds-color-picker {
   display: flex;
@@ -421,7 +177,7 @@
       to bottom,
       var(--void-grid-color) 1px,
       transparent 1px);
-  background-size: var(--void-grid-size) var(--void-grid-size);
+  background-size: var(--grid-cell-web) var(--grid-cell-web);
   mask-image:
     radial-gradient(
       ellipse 70% 60% at 50% 40%,

package/dist/theme/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/ThemeSelector/ThemeSelector.css","../../src/components/AppearancePanel/AppearancePanel.css","../../src/components/ColorPicker/ColorPicker.css","../../src/components/VoidBackground/VoidBackground.css"],"sourcesContent":[".ds-theme-selector {\n  display: inline-flex;\n  align-items: center;\n  border: 1px solid var(--rim-light-top);\n  border-radius: var(--radius-badge);\n  padding: var(--space-1);\n  gap: var(--space-1);\n}\n\n[data-theme='light'] .ds-theme-selector,\n[data-theme='light-contrast'] .ds-theme-selector {\n  background-color: var(--void-base);\n}\n\n[data-theme='dark'] .ds-theme-selector,\n[data-theme='dark-contrast'] .ds-theme-selector {\n  background: var(--glass-base);\n  backdrop-filter: var(--glass-backdrop);\n  -webkit-backdrop-filter: var(--glass-backdrop);\n}\n\n.ds-theme-selector__btn {\n  display: flex;\n  align-items: center;\n  gap: var(--space-2);\n  padding: var(--space-2) var(--space-3);\n  border: none;\n  background: transparent;\n  color: var(--text-secondary);\n  font-family: inherit;\n  font-size: var(--font-size-sm, 14px);\n  font-weight: 500;\n  border-radius: var(--radius-badge);\n  cursor: pointer;\n  transition: color var(--transition-fast), background-color var(--transition-fast);\n  line-height: 1;\n  white-space: nowrap;\n}\n\n.ds-theme-selector__btn:hover {\n  color: var(--text-primary);\n  background-color: var(--interactive-hover-bg);\n}\n\n.ds-theme-selector__btn--active {\n  background-color: rgba(var(--accent-rgb),.2);\n  box-shadow: none;\n}\n\n[data-theme='light'] .ds-theme-selector__btn--active .ds-theme-selector__label,\n[data-theme='light-contrast'] .ds-theme-selector__btn--active .ds-theme-selector__label,\n[data-theme='dark'] .ds-theme-selector__btn--active .ds-theme-selector__label,\n[data-theme='dark-contrast'] .ds-theme-selector__btn--active .ds-theme-selector__label {\n  color: var(--text-secondary);\n}\n\n.ds-theme-selector__btn--active .ds-theme-selector__icon {\n  color: rgb(var(--accent-rgb));\n}\n\n.ds-theme-selector__icon {\n  width: 16px;\n  height: 16px;\n  color: inherit;\n  transition: color var(--transition-fast);\n}\n","/* ============================================================================\n   RESPONSIVE MORPHING — Bottom Sheet on Mobile\n   ============================================================================ */\n\n@media (max-width: 768px) {\n  .ds-appearance-panel {\n    position: fixed;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    max-width: 100%;\n    border-radius: var(--radius-panel) var(--radius-panel) 0 0;\n\n    /* Ensure it sits above everything */\n    z-index: var(--z-modal);\n\n    /* Animation: Slide Up */\n    animation: ds-panel-slide-up 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n\n    /* Ensure scrollability but keep context visible (60% height) */\n    max-height: 60vh;\n    overflow-y: auto;\n\n    /* Add safe area for iPhone home indicator */\n    padding-bottom: env(safe-area-inset-bottom, 24px);\n  }\n\n  /* Reset border radius for internal items if needed */\n  .ds-appearance-panel::before {\n    border-radius: var(--radius-panel) var(--radius-panel) 0 0;\n  }\n}\n\n@keyframes ds-panel-slide-up {\n  from {\n    transform: translateY(100%);\n  }\n  to {\n    transform: translateY(0);\n  }\n}\n\n/* ============================================================================\n   APPEARANCE PANEL — Glass Treatment\n   ============================================================================ */\n\n.ds-appearance-panel {\n  position: relative;\n  padding: var(--space-6);\n  border-radius: var(--radius-card);\n  max-width: 400px;\n\n  /* Fix for desktop height overflow */\n  max-height: 85vh;\n  overflow-y: auto;\n\n  /* Glass treatment */\n  background: var(--glass-base);\n  backdrop-filter: var(--glass-backdrop);\n  -webkit-backdrop-filter: var(--glass-backdrop);\n  box-shadow: var(--glass-shadow-combined);\n}\n\n/* Rim light */\n.ds-appearance-panel::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}\n\n.ds-appearance-panel__title {\n  font-family: var(--font-family);\n  font-size: var(--font-size-lg);\n  font-weight: var(--font-weight-semibold);\n  color: var(--text-primary);\n  margin: 0 0 var(--space-6);\n}\n\n.ds-appearance-panel__section {\n  border: none;\n  padding: 0;\n  margin: 0 0 var(--space-6);\n}\n\n.ds-appearance-panel__section:last-of-type {\n  margin-bottom: var(--space-4);\n}\n\n.ds-appearance-panel__legend {\n  font-family: var(--font-family);\n  font-size: var(--font-size-xs);\n  font-weight: var(--font-weight-semibold);\n  color: var(--text-tertiary);\n  text-transform: uppercase;\n  letter-spacing: var(--letter-spacing-wide);\n  margin-bottom: var(--space-3);\n}\n\n.ds-appearance-panel__options {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n}\n\n/* Row layout for toggles (Density, Geometry) */\n.ds-appearance-panel__options--row {\n  flex-direction: row;\n  gap: var(--space-3);\n}\n\n.ds-appearance-panel__options--row .ds-appearance-panel__option {\n  flex: 1;\n}\n\n.ds-appearance-panel__option {\n  display: flex;\n  align-items: center;\n  gap: var(--space-3);\n  padding: var(--space-3) var(--space-4);\n  border-radius: var(--radius-button);\n  cursor: pointer;\n  transition: background var(--transition-glass);\n\n  /* Glass base */\n  background: transparent;\n}\n\n.ds-appearance-panel__option:hover {\n  background: var(--glass-base-hover);\n}\n\n.ds-appearance-panel__option--active {\n  background: rgba(var(--accent-rgb), 0.15);\n}\n\n.ds-appearance-panel__option--active:hover {\n  background: rgba(var(--accent-rgb), 0.2);\n}\n\n/* Toggle variant styling */\n.ds-appearance-panel__option--toggle {\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--space-1);\n  padding: var(--space-3);\n  text-align: center;\n}\n\n.ds-appearance-panel__option--toggle .ds-appearance-panel__option-content {\n  width: 100%;\n  text-align: center;\n}\n\n.ds-appearance-panel__radio {\n  appearance: none;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  border: 2px solid var(--text-tertiary);\n  transition: all var(--transition-glass);\n  flex-shrink: 0;\n}\n\n/* Hide radio in toggle variant */\n.ds-appearance-panel__option--toggle .ds-appearance-panel__radio {\n  position: absolute;\n  opacity: 0;\n  pointer-events: none;\n}\n\n.ds-appearance-panel__option--active .ds-appearance-panel__radio {\n  border-color: rgba(var(--accent-rgb), 1);\n  background: rgba(var(--accent-rgb), 1);\n  box-shadow: 0 0 8px rgba(var(--accent-rgb), 0.4);\n}\n\n.ds-appearance-panel__option-content {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-0-5);\n}\n\n.ds-appearance-panel__option-label {\n  font-family: var(--font-family);\n  font-size: var(--font-size-base);\n  color: var(--text-primary);\n}\n\n.ds-appearance-panel__option-description {\n  font-family: var(--font-family);\n  font-size: var(--font-size-xs);\n  color: var(--text-tertiary);\n}\n\n/* ============================================================================\n   COLOR PICKER — Custom Brand\n   ============================================================================ */\n\n.ds-appearance-panel__color-picker {\n  margin-top: var(--space-4);\n  padding: var(--space-4);\n  border-radius: var(--radius-button);\n  background: var(--glass-base);\n  border: 1px solid rgba(var(--accent-rgb), 0.2);\n}\n\n.ds-appearance-panel__color-label {\n  display: block;\n  font-family: var(--font-family);\n  font-size: var(--font-size-xs);\n  font-weight: var(--font-weight-medium);\n  color: var(--text-secondary);\n  margin-bottom: var(--space-2);\n}\n\n.ds-appearance-panel__color-input-wrapper {\n  display: flex;\n  align-items: center;\n  gap: var(--space-3);\n}\n\n.ds-appearance-panel__color-input {\n  width: 48px;\n  height: 48px;\n  padding: 0;\n  border: none;\n  border-radius: var(--radius-badge);\n  cursor: pointer;\n  background: transparent;\n  overflow: hidden;\n}\n\n/* Style the color input swatch */\n.ds-appearance-panel__color-input::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n\n.ds-appearance-panel__color-input::-webkit-color-swatch {\n  border: 2px solid var(--rim-light-top);\n  border-radius: var(--radius-badge);\n  box-shadow: var(--shadow-md);\n}\n\n.ds-appearance-panel__color-input::-moz-color-swatch {\n  border: 2px solid var(--rim-light-top);\n  border-radius: var(--radius-badge);\n  box-shadow: var(--shadow-md);\n}\n\n.ds-appearance-panel__color-input:focus-visible {\n  outline: none;\n  box-shadow: var(--focus-ring);\n  border-radius: var(--radius-badge);\n}\n\n.ds-appearance-panel__color-value {\n  font-family: var(--font-family-mono);\n  font-size: var(--font-size-sm);\n  color: var(--text-secondary);\n  padding: var(--space-2) var(--space-3);\n  background: var(--glass-base);\n  border-radius: var(--radius-badge);\n  border: 1px solid var(--rim-light-bottom);\n}\n\n/* ============================================================================\n   RESET BUTTON\n   ============================================================================ */\n\n.ds-appearance-panel__reset {\n  display: block;\n  width: 100%;\n  padding: var(--space-3) var(--space-4);\n  border: none;\n  border-radius: var(--radius-button);\n  background: var(--btn-secondary-bg);\n  color: var(--text-secondary);\n  font-family: var(--font-family);\n  font-size: var(--font-size-sm);\n  font-weight: var(--font-weight-medium);\n  cursor: pointer;\n  transition: all var(--transition-glass);\n}\n\n.ds-appearance-panel__reset:hover {\n  background: var(--btn-secondary-bg-hover);\n  color: var(--text-primary);\n}\n\n.ds-appearance-panel__reset:focus-visible {\n  box-shadow: var(--focus-ring);\n  outline: none;\n}\n\n/* ============================================================================\n   HIGH CONTRAST MODE\n   ============================================================================ */\n\n@media (prefers-contrast: more) {\n  .ds-appearance-panel {\n    border: 1px solid var(--hc-border);\n  }\n\n  .ds-appearance-panel__color-picker {\n    border: 1px solid var(--hc-border);\n  }\n}\n",".ds-color-picker {\n  display: flex;\n  align-items: center;\n  gap: var(--space-1);\n  padding: var(--space-1);\n  border-radius: var(--radius-badge);\n  background: var(--interactive-hover-bg);\n  border: 1px solid var(--rim-light-bottom);\n}\n\n.ds-color-picker__swatch {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--space-1);\n  border: none;\n  border-radius: var(--radius-xs);\n  background: transparent;\n  cursor: pointer;\n  transition: background var(--transition-fast);\n}\n\n.ds-color-picker__swatch:hover {\n  background: var(--interactive-hover-bg);\n}\n\n.ds-color-picker__swatch--active {\n  background: var(--interactive-active-bg);\n}\n\n.ds-color-picker__dot {\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  background: var(--swatch-color);\n  border: 1.5px solid var(--rim-light-bottom);\n  transition: box-shadow var(--transition-fast);\n}\n\n.ds-color-picker__swatch--active .ds-color-picker__dot {\n  box-shadow: 0 0 0 2px var(--swatch-color);\n}\n\n/* Native <input type=\"color\"> hidden behind the custom swatch */\n.ds-color-picker__swatch--custom {\n  position: relative;\n}\n\n.ds-color-picker__native-input {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  cursor: pointer;\n  border: none;\n  padding: 0;\n}\n","/* ============================================================================\n   VOID BACKGROUND — LEVEL 0 ATMOSPHERIC SYSTEM\n   ============================================================================ */\n\n.void {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  min-height: 100vh;\n  overflow: hidden;\n  isolation: isolate;\n}\n\n/* ==========================================================================\n   Layer 1: Base Color — Deep purple-black\n   ========================================================================== */\n\n.void__base {\n  position: absolute;\n  inset: 0;\n  background-color: var(--void-base);\n  z-index: -4;\n}\n\n/* ==========================================================================\n   Layer 2: Light Orbs — Brand colors as light sources\n   ========================================================================== */\n\n.void__orbs {\n  position: absolute;\n  inset: 0;\n  z-index: -3;\n  pointer-events: none;\n}\n\n.void__orb {\n  position: absolute;\n  border-radius: 50%;\n  mix-blend-mode: screen;\n  filter: blur(140px);\n  opacity: 0.6;\n}\n\n/* Warm Orb: Yellow → Pink gradient, positioned near primary content */\n.void__orb--warm {\n  width: 800px;\n  height: 800px;\n  top: 10%;\n  right: 10%;\n  background: radial-gradient(\n    circle at center,\n    rgba(var(--void-orb-yellow-rgb), 0.4) 0%,\n    rgba(var(--void-orb-pink-rgb), 0.3) 40%,\n    transparent 70%\n  );\n}\n\n/* Purple Orb: Deep purple for depth balance */\n.void__orb--purple {\n  width: 600px;\n  height: 600px;\n  bottom: 10%;\n  left: 10%;\n  background: radial-gradient(\n    circle at center,\n    rgba(var(--void-orb-purple-rgb), 0.5) 0%,\n    rgba(var(--void-orb-purple-rgb), 0.2) 50%,\n    transparent 70%\n  );\n}\n\n/* ==========================================================================\n   Layer 3: Engineered Grid — 80×80px with radial fade\n   ========================================================================== */\n\n.void__grid {\n  position: absolute;\n  inset: 0;\n  z-index: -2;\n  pointer-events: none;\n  background-image:\n    linear-gradient(to right, var(--void-grid-color) 1px, transparent 1px),\n    linear-gradient(to bottom, var(--void-grid-color) 1px, transparent 1px);\n  background-size: var(--void-grid-size) var(--void-grid-size);\n  /* Grid fades toward edges — CRITICAL */\n  mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, black 0%, transparent 100%);\n  -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, black 0%, transparent 100%);\n}\n\n/* ==========================================================================\n   Layer 4: Film Grain — Static noise texture\n   ========================================================================== */\n\n.void__grain {\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n  pointer-events: none;\n  opacity: var(--void-grid-grain-opacity, 0.04);\n  background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\");\n  background-repeat: repeat;\n  background-size: 200px 200px;\n}\n\n/* ==========================================================================\n   Content Layer\n   ========================================================================== */\n\n.void__content {\n  position: relative;\n  z-index: 1;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n/* ==========================================================================\n   Utility: Inline Void (for smaller containers)\n   ========================================================================== */\n\n.void--inline {\n  min-height: auto;\n}\n\n.void--inline .void__content {\n  min-height: auto;\n}\n\n/* ==========================================================================\n   Reduced Motion: Disable any future animations\n   ========================================================================== */\n\n@media (prefers-reduced-motion: reduce) {\n  .void__orb {\n    animation: none;\n  }\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/ThemeSelector/ThemeSelector.css","../../src/components/ColorPicker/ColorPicker.css","../../src/components/VoidBackground/VoidBackground.css"],"sourcesContent":[".ds-theme-selector {\n  display: inline-flex;\n  align-items: center;\n  border: 1px solid var(--rim-light-top);\n  border-radius: var(--radius-badge);\n  padding: var(--space-1);\n  gap: var(--space-1);\n}\n\n[data-theme='light'] .ds-theme-selector,\n[data-theme='light-contrast'] .ds-theme-selector {\n  background-color: var(--void-base);\n}\n\n[data-theme='dark'] .ds-theme-selector,\n[data-theme='dark-contrast'] .ds-theme-selector {\n  background: var(--glass-base);\n  backdrop-filter: var(--glass-backdrop);\n  -webkit-backdrop-filter: var(--glass-backdrop);\n}\n\n.ds-theme-selector__btn {\n  display: flex;\n  align-items: center;\n  gap: var(--space-2);\n  padding: var(--space-2) var(--space-3);\n  border: none;\n  background: transparent;\n  color: var(--text-secondary);\n  font-family: inherit;\n  font-size: var(--font-size-sm, 14px);\n  font-weight: 500;\n  border-radius: var(--radius-badge);\n  cursor: pointer;\n  transition: color var(--transition-fast), background-color var(--transition-fast);\n  line-height: 1;\n  white-space: nowrap;\n}\n\n.ds-theme-selector__btn:hover {\n  color: var(--text-primary);\n  background-color: var(--interactive-hover-bg);\n}\n\n.ds-theme-selector__btn--active {\n  background-color: rgba(var(--accent-rgb),.2);\n  box-shadow: none;\n}\n\n[data-theme='light'] .ds-theme-selector__btn--active .ds-theme-selector__label,\n[data-theme='light-contrast'] .ds-theme-selector__btn--active .ds-theme-selector__label,\n[data-theme='dark'] .ds-theme-selector__btn--active .ds-theme-selector__label,\n[data-theme='dark-contrast'] .ds-theme-selector__btn--active .ds-theme-selector__label {\n  color: var(--text-secondary);\n}\n\n.ds-theme-selector__btn--active .ds-theme-selector__icon {\n  color: rgb(var(--accent-rgb));\n}\n\n.ds-theme-selector__icon {\n  width: 16px;\n  height: 16px;\n  color: inherit;\n  transition: color var(--transition-fast);\n}\n",".ds-color-picker {\n  display: flex;\n  align-items: center;\n  gap: var(--space-1);\n  padding: var(--space-1);\n  border-radius: var(--radius-badge);\n  background: var(--interactive-hover-bg);\n  border: 1px solid var(--rim-light-bottom);\n}\n\n.ds-color-picker__swatch {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--space-1);\n  border: none;\n  border-radius: var(--radius-xs);\n  background: transparent;\n  cursor: pointer;\n  transition: background var(--transition-fast);\n}\n\n.ds-color-picker__swatch:hover {\n  background: var(--interactive-hover-bg);\n}\n\n.ds-color-picker__swatch--active {\n  background: var(--interactive-active-bg);\n}\n\n.ds-color-picker__dot {\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  background: var(--swatch-color);\n  border: 1.5px solid var(--rim-light-bottom);\n  transition: box-shadow var(--transition-fast);\n}\n\n.ds-color-picker__swatch--active .ds-color-picker__dot {\n  box-shadow: 0 0 0 2px var(--swatch-color);\n}\n\n/* Native <input type=\"color\"> hidden behind the custom swatch */\n.ds-color-picker__swatch--custom {\n  position: relative;\n}\n\n.ds-color-picker__native-input {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  cursor: pointer;\n  border: none;\n  padding: 0;\n}\n","/* ============================================================================\n   VOID BACKGROUND — LEVEL 0 ATMOSPHERIC SYSTEM\n   ============================================================================ */\n\n.void {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  min-height: 100vh;\n  overflow: hidden;\n  isolation: isolate;\n}\n\n/* ==========================================================================\n   Layer 1: Base Color — Deep purple-black\n   ========================================================================== */\n\n.void__base {\n  position: absolute;\n  inset: 0;\n  background-color: var(--void-base);\n  z-index: -4;\n}\n\n/* ==========================================================================\n   Layer 2: Light Orbs — Brand colors as light sources\n   ========================================================================== */\n\n.void__orbs {\n  position: absolute;\n  inset: 0;\n  z-index: -3;\n  pointer-events: none;\n}\n\n.void__orb {\n  position: absolute;\n  border-radius: 50%;\n  mix-blend-mode: screen;\n  filter: blur(140px);\n  opacity: 0.6;\n}\n\n/* Warm Orb: Yellow → Pink gradient, positioned near primary content */\n.void__orb--warm {\n  width: 800px;\n  height: 800px;\n  top: 10%;\n  right: 10%;\n  background: radial-gradient(\n    circle at center,\n    rgba(var(--void-orb-yellow-rgb), 0.4) 0%,\n    rgba(var(--void-orb-pink-rgb), 0.3) 40%,\n    transparent 70%\n  );\n}\n\n/* Purple Orb: Deep purple for depth balance */\n.void__orb--purple {\n  width: 600px;\n  height: 600px;\n  bottom: 10%;\n  left: 10%;\n  background: radial-gradient(\n    circle at center,\n    rgba(var(--void-orb-purple-rgb), 0.5) 0%,\n    rgba(var(--void-orb-purple-rgb), 0.2) 50%,\n    transparent 70%\n  );\n}\n\n/* ==========================================================================\n   Layer 3: Engineered Grid — 80×80px with radial fade\n   ========================================================================== */\n\n.void__grid {\n  position: absolute;\n  inset: 0;\n  z-index: -2;\n  pointer-events: none;\n  background-image:\n    linear-gradient(to right, var(--void-grid-color) 1px, transparent 1px),\n    linear-gradient(to bottom, var(--void-grid-color) 1px, transparent 1px);\n  background-size: var(--grid-cell-web) var(--grid-cell-web);\n  /* Grid fades toward edges — CRITICAL */\n  mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, black 0%, transparent 100%);\n  -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, black 0%, transparent 100%);\n}\n\n/* ==========================================================================\n   Layer 4: Film Grain — Static noise texture\n   ========================================================================== */\n\n.void__grain {\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n  pointer-events: none;\n  opacity: var(--void-grid-grain-opacity, 0.04);\n  background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\");\n  background-repeat: repeat;\n  background-size: 200px 200px;\n}\n\n/* ==========================================================================\n   Content Layer\n   ========================================================================== */\n\n.void__content {\n  position: relative;\n  z-index: 1;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n/* ==========================================================================\n   Utility: Inline Void (for smaller containers)\n   ========================================================================== */\n\n.void--inline {\n  min-height: auto;\n}\n\n.void--inline .void__content {\n  min-height: auto;\n}\n\n/* ==========================================================================\n   Reduced Motion: Disable any future animations\n   ========================================================================== */\n\n@media (prefers-reduced-motion: reduce) {\n  .void__orb {\n    animation: none;\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/theme/index.d.cts

@@ -1,6 +1,5 @@
 export { A as AppearanceContextValue, a as AppearanceProvider, b as AppearanceProviderProps, c as AppearanceSettings, B as Brand, D as Density, N as NavPlacement, R as Radius, T as Theme, d as accentForegroundRgb, h as hexToRgb, i as initializeAppearance, p as prefersReducedMotion, r as relativeLuminance, u as useAppearance } from '../AppearanceProvider-B_o-H39e.cjs';
 import React__default from 'react';
-export { A as AppearancePanel, a as AppearancePanelLabels, b as AppearancePanelProps } from '../AppearancePanel-UT57J69V.cjs';
 import 'react/jsx-runtime';
 
 interface VoidBackgroundProps {
@@ -16,6 +15,8 @@ interface VoidBackgroundProps {
 /**
  * VoidBackground — The Void Signature Design System Level 0 Environment
  *
+ * @deprecated since v2; use AuroraVoid from @salesmind-ai/design-system. Will be removed in v3.
+ *
  * A four-layer atmospheric background system:
  * 1. Base Color — Deep purple-black (#08040a)
  * 2. Light Orbs — Radial gradients with mix-blend-mode: screen
@@ -23,6 +24,8 @@ interface VoidBackgroundProps {
  * 4. Film Grain — Static SVG noise for texture
  *
  * The Void is not decoration — it is the lighting engine for the UI.
+ *
+ * @see AuroraVoid
  */
 declare const VoidBackground: React__default.ForwardRefExoticComponent<VoidBackgroundProps & React__default.RefAttributes<HTMLDivElement>>;
 

package/dist/theme/index.d.ts

@@ -1,6 +1,5 @@
 export { A as AppearanceContextValue, a as AppearanceProvider, b as AppearanceProviderProps, c as AppearanceSettings, B as Brand, D as Density, N as NavPlacement, R as Radius, T as Theme, d as accentForegroundRgb, h as hexToRgb, i as initializeAppearance, p as prefersReducedMotion, r as relativeLuminance, u as useAppearance } from '../AppearanceProvider-B_o-H39e.js';
 import React__default from 'react';
-export { A as AppearancePanel, a as AppearancePanelLabels, b as AppearancePanelProps } from '../AppearancePanel-UT57J69V.js';
 import 'react/jsx-runtime';
 
 interface VoidBackgroundProps {
@@ -16,6 +15,8 @@ interface VoidBackgroundProps {
 /**
  * VoidBackground — The Void Signature Design System Level 0 Environment
  *
+ * @deprecated since v2; use AuroraVoid from @salesmind-ai/design-system. Will be removed in v3.
+ *
  * A four-layer atmospheric background system:
  * 1. Base Color — Deep purple-black (#08040a)
  * 2. Light Orbs — Radial gradients with mix-blend-mode: screen
@@ -23,6 +24,8 @@ interface VoidBackgroundProps {
  * 4. Film Grain — Static SVG noise for texture
  *
  * The Void is not decoration — it is the lighting engine for the UI.
+ *
+ * @see AuroraVoid
  */
 declare const VoidBackground: React__default.ForwardRefExoticComponent<VoidBackgroundProps & React__default.RefAttributes<HTMLDivElement>>;
 

package/dist/theme/index.js

@@ -1,5 +1,5 @@
 "use client";
-export { ColorPicker, ThemeSelector, VoidBackground } from '../chunk-HDVAMYSG.js';
-export { AppearancePanel, AppearanceProvider, accentForegroundRgb, hexToRgb, initializeAppearance, prefersReducedMotion, relativeLuminance, useAppearance } from '../chunk-7UZ5DETZ.js';
+export { ColorPicker, ThemeSelector, VoidBackground } from '../chunk-27Y5ESMM.js';
+export { AppearanceProvider, accentForegroundRgb, hexToRgb, initializeAppearance, prefersReducedMotion, relativeLuminance, useAppearance } from '../chunk-MBAG654R.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/web/client/index.cjs

@@ -1,8 +1,8 @@
 "use client";
 'use strict';
 
-var chunkYTYDQBVY_cjs = require('../../chunk-YTYDQBVY.cjs');
-require('../../chunk-H2Y6BSTL.cjs');
+var chunk2VVRZBUR_cjs = require('../../chunk-2VVRZBUR.cjs');
+require('../../chunk-7EUR3AKV.cjs');
 var chunkVC5LMUVQ_cjs = require('../../chunk-VC5LMUVQ.cjs');
 require('../../chunk-LJADZITX.cjs');
 
@@ -10,35 +10,35 @@ require('../../chunk-LJADZITX.cjs');
 
 Object.defineProperty(exports, "AnalyticsProvider", {
   enumerable: true,
-  get: function () { return chunkYTYDQBVY_cjs.AnalyticsProvider; }
+  get: function () { return chunk2VVRZBUR_cjs.AnalyticsProvider; }
 });
 Object.defineProperty(exports, "COOKIE_CONSENT_EVENT", {
   enumerable: true,
-  get: function () { return chunkYTYDQBVY_cjs.COOKIE_CONSENT_EVENT; }
+  get: function () { return chunk2VVRZBUR_cjs.COOKIE_CONSENT_EVENT; }
 });
 Object.defineProperty(exports, "COOKIE_CONSENT_KEY", {
   enumerable: true,
-  get: function () { return chunkYTYDQBVY_cjs.COOKIE_CONSENT_KEY; }
+  get: function () { return chunk2VVRZBUR_cjs.COOKIE_CONSENT_KEY; }
 });
 Object.defineProperty(exports, "CookieConsent", {
   enumerable: true,
-  get: function () { return chunkYTYDQBVY_cjs.CookieConsent; }
+  get: function () { return chunk2VVRZBUR_cjs.CookieConsent; }
 });
 Object.defineProperty(exports, "createAnalyticsLoader", {
   enumerable: true,
-  get: function () { return chunkYTYDQBVY_cjs.createAnalyticsLoader; }
+  get: function () { return chunk2VVRZBUR_cjs.createAnalyticsLoader; }
 });
 Object.defineProperty(exports, "loadClarity", {
   enumerable: true,
-  get: function () { return chunkYTYDQBVY_cjs.loadClarity; }
+  get: function () { return chunk2VVRZBUR_cjs.loadClarity; }
 });
 Object.defineProperty(exports, "loadGoogleAnalytics", {
   enumerable: true,
-  get: function () { return chunkYTYDQBVY_cjs.loadGoogleAnalytics; }
+  get: function () { return chunk2VVRZBUR_cjs.loadGoogleAnalytics; }
 });
 Object.defineProperty(exports, "useCookieConsent", {
   enumerable: true,
-  get: function () { return chunkYTYDQBVY_cjs.useCookieConsent; }
+  get: function () { return chunk2VVRZBUR_cjs.useCookieConsent; }
 });
 Object.defineProperty(exports, "useAnalytics", {
   enumerable: true,

package/dist/web/client/index.css

@@ -316,6 +316,105 @@
       var(--glass-highlight-light) 0%,
       rgba(var(--status-error-rgb, 239, 68, 68), 0.08) 100%);
 }
+.ds-button--aurora-primary {
+  background:
+    linear-gradient(
+      135deg,
+      var(--aurora-pink-raw),
+      var(--aurora-gold-raw));
+  color: var(--text-primary);
+  box-shadow:
+    var(--shadow-interactive-rest),
+    var(--glass-shadow-inner),
+    inset 0 0 0 1px var(--glass-white-border-low),
+    0 0 30px rgba(var(--brand-pink-rgb, 221, 56, 84), 0.25);
+  backdrop-filter: none;
+  -webkit-backdrop-filter: none;
+}
+.ds-button--aurora-primary::before {
+  background:
+    linear-gradient(
+      180deg,
+      var(--glass-highlight-strong) 0%,
+      rgba(var(--brand-pink-rgb, 221, 56, 84), 0.2) 100%);
+}
+.ds-button--aurora-primary:hover:not(:disabled) {
+  background:
+    linear-gradient(
+      135deg,
+      var(--aurora-pink-high),
+      var(--aurora-gold-high));
+  box-shadow:
+    var(--shadow-interactive-hover),
+    var(--glass-shadow-inner),
+    inset 0 0 0 1px var(--glass-white-border-mid),
+    0 0 40px rgba(var(--brand-pink-rgb, 221, 56, 84), 0.35);
+  transform: translateY(-1px);
+}
+.ds-button--aurora-primary:hover:not(:disabled)::before {
+  background:
+    linear-gradient(
+      180deg,
+      var(--glass-highlight-bright) 0%,
+      rgba(var(--brand-pink-rgb, 221, 56, 84), 0.25) 100%);
+}
+.ds-button--aurora-primary:active:not(:disabled) {
+  transform: translateY(0);
+  box-shadow:
+    var(--shadow-interactive-active),
+    var(--glass-shadow-inner),
+    inset 0 0 0 1px var(--glass-white-border-low),
+    0 0 20px rgba(var(--brand-pink-rgb, 221, 56, 84), 0.2);
+}
+.ds-button--aurora-secondary {
+  background:
+    linear-gradient(
+      135deg,
+      var(--aurora-plum-raw),
+      var(--aurora-pink-raw));
+  color: var(--text-primary);
+  box-shadow:
+    var(--shadow-interactive-rest),
+    var(--glass-shadow-inner),
+    inset 0 0 0 1px var(--glass-white-border-low),
+    0 0 24px rgba(var(--brand-pink-rgb, 221, 56, 84), 0.15);
+  backdrop-filter: none;
+  -webkit-backdrop-filter: none;
+}
+.ds-button--aurora-secondary::before {
+  background:
+    linear-gradient(
+      180deg,
+      var(--glass-highlight-medium) 0%,
+      rgba(var(--brand-pink-rgb, 221, 56, 84), 0.15) 100%);
+}
+.ds-button--aurora-secondary:hover:not(:disabled) {
+  background:
+    linear-gradient(
+      135deg,
+      var(--aurora-plum-high),
+      var(--aurora-pink-high));
+  box-shadow:
+    var(--shadow-interactive-hover),
+    var(--glass-shadow-inner),
+    inset 0 0 0 1px var(--glass-white-border-mid),
+    0 0 32px rgba(var(--brand-pink-rgb, 221, 56, 84), 0.25);
+  transform: translateY(-1px);
+}
+.ds-button--aurora-secondary:hover:not(:disabled)::before {
+  background:
+    linear-gradient(
+      180deg,
+      var(--glass-highlight-strong) 0%,
+      rgba(var(--brand-pink-rgb, 221, 56, 84), 0.2) 100%);
+}
+.ds-button--aurora-secondary:active:not(:disabled) {
+  transform: translateY(0);
+  box-shadow:
+    var(--shadow-interactive-active),
+    var(--glass-shadow-inner),
+    inset 0 0 0 1px var(--glass-white-border-low);
+}
 .ds-button--loading {
   position: relative;
   cursor: not-allowed;
@@ -453,4 +552,23 @@
     transition: none;
   }
 }
+@media (max-width: 767px) {
+  .ds-cookie-consent__inner {
+    max-height: 25vh;
+    overflow: hidden;
+    gap: var(--spacing-1, 0.25rem);
+    padding-block: var(--spacing-2, 0.5rem);
+  }
+  .ds-cookie-consent__content {
+    flex: 1;
+    min-height: 0;
+    overflow-y: auto;
+  }
+  .ds-cookie-consent__actions {
+    flex-shrink: 0;
+  }
+  .ds-cookie-consent__actions button {
+    min-height: 2.75rem;
+  }
+}
 /*# sourceMappingURL=index.css.map */