@salesmind-ai/design-system 0.1.12 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/dist/index.cjs +362 -693
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.css +213 -222
  4. package/dist/index.css.map +1 -1
  5. package/dist/index.d.cts +1 -37
  6. package/dist/index.d.ts +1 -37
  7. package/dist/index.js +364 -689
  8. package/dist/index.js.map +1 -1
  9. package/dist/styles/styles.css +40 -2
  10. package/dist/web/index.cjs +37 -24
  11. package/dist/web/index.cjs.map +1 -1
  12. package/dist/web/index.css +17 -0
  13. package/dist/web/index.css.map +1 -1
  14. package/dist/web/index.d.cts +6 -2
  15. package/dist/web/index.d.ts +6 -2
  16. package/dist/web/index.js +37 -24
  17. package/dist/web/index.js.map +1 -1
  18. package/package.json +1 -1
package/dist/web/index.css.map CHANGED
@@ -1 +1 @@
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\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"],"mappings":"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","names":[]}
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":";AAIA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,OAAK,IAAI;AACT,UAAQ;AACR,UAAQ;AACR,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,iBAAe,IAAI;AACnB,SAAO,IAAI;AACX,WAAS;AACT,eAAa;AACb,WAAS;AACT,cAAY;AACZ,iBAAe;AAGf,mBAAiB,KAAK,MAAM,SAAS;AACrC,2BAAyB,KAAK,MAAM,SAAS;AAG7C;AAAA,IACE,WAAW,IAAI,mBAAmB;AAAA,IAClC,WAAW,IAAI,mBAAmB;AAAA,IAClC,UAAU,IAAI;AAClB;AAGA,CA9BC,SA8BS;AACR,WAAS;AACT,YAAU;AACV,SAAO;AACP,iBAAe;AACf,WAAS,IAAI;AACb;AAAA,IAAY;AAAA,MAAgB,MAAM;AAAA,MAAE,IAAI,iBAAiB,EAAE;AAAA,MAAE,IAAI,oBAAoB;AACrF,QACE,gBAAgB,KAAK,EAAE,GAAG,WAAW,EACrC,gBAAgB,KAAK,EAAE;AACzB,kBAAgB;AAChB,gBACE,gBAAgB,KAAK,EAAE,GAAG,WAAW,EACrC,gBAAgB,KAAK,EAAE;AACzB,0BAAwB;AACxB,kBAAgB;AAChB,cAAY,WAAW,IAAI;AAC7B;AAGA,CAlDC,SAkDS;AACR,cAAY,IAAI;AAClB;AAGA,CAvDC,SAuDS;AACR,WAAS;AACT,UAAQ;AACR,aAAW;AACb;AAMA,CAAC;AACC,cAAY,IAAI;AAChB,SAAO,IAAI,kBAAkB,EAAE;AAC/B;AAAA,IAAY,IAAI,0BAA0B;AAAA,IAAE,IAAI,qBAAqB;AAAA,IAAE,IAAI;AAK3E,mBAAiB;AACjB,2BAAyB;AAC3B;AAEA,CAZC,kBAYkB;AACjB;AAAA,IAAY;AAAA,MACV,MAAM;AAAA,MACN,IAAI,0BAA0B,EAAE;AAAA,MAChC,KAAK,IAAI,iBAAiB,EAAE,KAAK;AAErC;AAEA,CApBC,kBAoBkB,MAAM,KAAK;AAC5B,cAAY,IAAI;AAChB;AAAA,IACE,IAAI,2BAA2B;AAAA,IAAE,IAAI,qBAAqB;AAAA,IAAE,IAAI;AAClE,aAAW,WAAW;AACxB;AAEA,CA3BC,kBA2BkB,MAAM,KAAK,UAAU;AACtC;AAAA,IAAY;AAAA,MACV,MAAM;AAAA,MACN,IAAI,0BAA0B,EAAE;AAAA,MAChC,KAAK,IAAI,iBAAiB,EAAE,MAAM;AAEtC;AAEA,CAnCC,kBAmCkB,OAAO,KAAK;AAC7B,aAAW,WAAW;AACtB;AAAA,IAAY,IAAI,4BAA4B;AAAA,IAAE,IAAI,qBAAqB;AAAA,IAAE,IAAI;AAC/E;AAMA,CAAC;AACC,cAAY,IAAI;AAChB,cAAY,IAAI,iCAAiC,EAAE,IAAI;AACzD;AAEA,CALC,oBAKoB,MAAM,KAAK;AAC9B,cAAY,IAAI;AAChB,cAAY,IAAI,kCAAkC,EAAE,IAAI;AACxD,aAAW,WAAW;AACxB;AAEA,CAXC,oBAWoB,MAAM,KAAK,UAAU;AACxC;AAAA,IAAY;AAAA,MACV,MAAM;AAAA,MACN,IAAI,uBAAuB,EAAE;AAAA,MAC7B,IAAI,0BAA0B;AAElC;AAEA,CAnBC,oBAmBoB,OAAO,KAAK;AAC/B,aAAW,WAAW;AACtB,cAAY,IAAI;AAClB;AAMA,CAAC;AACC,cAAY;AACZ,cAAY;AACZ,mBAAiB;AACjB,2BAAyB;AACzB,SAAO,IAAI;AACX;AAAA,IACE,WAAW,IAAI,mBAAmB;AAAA,IAClC,MAAM,IAAI,mBAAmB;AAAA,IAC7B,WAAW,IAAI,mBAAmB;AAAA,IAClC,UAAU,IAAI;AAClB;AAEA,CAbC,kBAakB;AACjB;AAAA,IAAY;AAAA,MAAgB,MAAM;AAAA,MAAE,IAAI,mBAAmB,EAAE;AAAA,MAAE,IAAI,sBAAsB;AAC3F;AAEA,CAjBC,kBAiBkB,MAAM,KAAK;AAC5B,cAAY,KAAK,IAAI,iBAAiB,EAAE;AACxC,SAAO,IAAI;AACX,mBAAiB,KAAK,MAAM,SAAS;AACrC,2BAAyB,KAAK,MAAM,SAAS;AAC7C;AAAA,IACE,IAAI,gCAAgC;AAAA,IACpC,IAAI,qBAAqB;AAAA,IACzB,EAAE,EAAE,KAAK,KAAK,IAAI,iBAAiB,EAAE;AACvC,aAAW,WAAW;AACxB;AAEA,CA7BC,kBA6BkB,MAAM,KAAK,UAAU;AACtC;AAAA,IAAY;AAAA,MACV,MADU;AAAA,MAEV,KAAK,IAAI,iBAAiB,EAAE,KAAK,EAFvB;AAAA,MAGV,KAAK,IAAI,iBAAiB,EAAE,KAAK;AAErC;AAEA,CArCC,kBAqCkB,OAAO,KAAK;AAC7B,aAAW,WAAW;AACtB,cAAY,KAAK,IAAI,iBAAiB,EAAE;AAC1C;AAMA,CAAC;AACC,cAAY;AACZ,cAAY;AACZ,mBAAiB;AACjB,2BAAyB;AACzB,SAAO,IAAI;AACb;AAEA,CARC,gBAQgB;AACf,WAAS;AACX;AAEA,CAZC,gBAYgB,MAAM,KAAK;AAC1B,cAAY,IAAI;AAChB,SAAO,IAAI;AACb;AAEA,CAjBC,gBAiBgB,OAAO,KAAK;AAC3B,cAAY,IAAI;AAClB;AAMA,CAAC;AACC,cAAY;AACZ,cAAY;AACZ,mBAAiB;AACjB,2BAAyB;AACzB,SAAO,IAAI;AACX,yBAAuB;AACvB,UAAQ;AACR,WAAS;AACX;AAEA,CAXC,eAWe;AACd,WAAS;AACX;AAEA,CAfC,eAee,MAAM,KAAK;AACzB,mBAAiB;AACnB;AAEA,CAnBC,eAmBe,OAAO,KAAK;AAC1B,WAAS;AACX;AAMA,CAAC;AACC,cAAY,IAAI,oBAAoB,EAAE,KAAK,IAAI,kBAAkB,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE;AACjF,SAAO,IAAI,sBAAsB,EAAE;AACnC;AAAA,IAAY,IAAI,0BAA0B;AAAA,IAAE,IAAI,qBAAqB;AAAA,IACnE,EAAE,EAAE,KAAK,KAAK,IAAI,kBAAkB,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE;AAGtD,mBAAiB;AACjB,2BAAyB;AAC3B;AAEA,CAXC,sBAWsB;AACrB;AAAA,IAAY;AAAA,MACV,MAAM;AAAA,MACN,IAAI,0BAA0B,EAAE;AAAA,MAChC,KAAK,IAAI,kBAAkB,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM;AAErD;AAEA,CAnBC,sBAmBsB,MAAM,KAAK;AAChC,cAAY,IAAI,0BAA0B,EAAE,KAAK,IAAI,kBAAkB,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE;AACvF;AAAA,IAAY,IAAI,2BAA2B;AAAA,IAAE,IAAI,qBAAqB;AAAA,IACpE,EAAE,EAAE,KAAK,KAAK,IAAI,kBAAkB,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE;AACtD,aAAW,WAAW;AACxB;AAEA,CA1BC,sBA0BsB,MAAM,KAAK,UAAU;AAC1C;AAAA,IAAY;AAAA,MACV,MAAM;AAAA,MACN,IAAI,0BAA0B,EAAE;AAAA,MAChC,KAAK,IAAI,kBAAkB,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK;AAEpD;AAEA,CAlCC,sBAkCsB,OAAO,KAAK;AACjC,aAAW,WAAW;AACtB,cAAY,IAAI,2BAA2B,EAAE,KAAK,IAAI,kBAAkB,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE;AAC1F;AAMA,CAAC;AACC,aAAW,IAAI;AACf,WAAS,IAAI,WAAW,IAAI;AAC5B,UAAQ;AACV;AAEA,CAAC;AACC,aAAW,IAAI;AACf,WAAS,IAAI,WAAW,IAAI;AAC5B,UAAQ;AACV;AAEA,CAAC;AACC,aAAW,IAAI;AACf,WAAS,IAAI,WAAW,IAAI;AAC5B,UAAQ;AACV;AAMA,CAAC;AACC,WAAS;AACT,gBAAc;AAChB;AAEA,CALC,eAKe,CA3Bf;AA4BC,SAAO;AACT;AAEA,CATC,eASe,CAzBf;AA0BC,SAAO;AACT;AAEA,CAbC,eAae,CAvBf;AAwBC,SAAO;AACT;AAMA,OAAO,CAAC,gBAAgB,EAAE;AACxB,GAlUD;AAmUG,YAAQ,IAAI,MAAM,IAAI;AACxB;AAEA,GAtUD,SAsUW;AACR,aAAS;AACX;AAEA,GAzQD;AA0QG,gBAAY,KAAK,IAAI,iBAAiB,EAAE;AAC1C;AAEA,GAjOD;AAkOG,gBAAY,IAAI;AAClB;AAEA,GA3JD;AA4JG,kBAAc;AAChB;AAEA,GA/JD,gBA+JkB,MAAM,KAAK;AAC1B,kBAAc,IAAI;AACpB;AAEA,GA1ID;AA2IG,YAAQ;AACR,qBAAiB;AACnB;AAEA,GApHD;AAqHG,gBAAY,KAAK,IAAI,kBAAkB,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE;AACzD;AACF;AAMA,UAAU,IAAI,CAAC,eAAe,EAAE,KAAK;AACnC,GAxSD;AAySG,gBAAY,KAAK,IAAI,iBAAiB,EAAE;AAC1C;AAEA,GAhQD;AAiQG,gBAAY,IAAI;AAClB;AACF;AAMA,KAAK,CAAC,kBAAoB,CArTzB,kBAqT4C;AAC7C,KAAK,CAAC,2BAA6B,CAtTlC,kBAsTqD;AACpD;AAAA,IAAY;AAAA,MACV,MAAM;AAAA,MACN,IAAI,yBAAyB,EAAE;AAAA,MAC/B,KAAK,IAAI,iBAAiB,EAAE,MAAM;AAEtC;AAEA,KAAK,CAAC,kBAAoB,CA9TzB,kBA8T4C,MAAM,KAAK,UAAU;AAClE,KAAK,CAAC,2BAA6B,CA/TlC,kBA+TqD,MAAM,KAAK,UAAU;AACzE;AAAA,IAAY;AAAA,MACV,MAAM;AAAA,MACN,IAAI,0BAA0B,EAAE;AAAA,MAChC,KAAK,IAAI,iBAAiB,EAAE,KAAK;AAErC;AAEA,KAAK,CAAC,kBAAoB,CA7JzB,sBA6JgD;AACjD,KAAK,CAAC,2BAA6B,CA9JlC,sBA8JyD;AACxD;AAAA,IAAY;AAAA,MACV,MAAM;AAAA,MACN,IAAI,yBAAyB,EAAE;AAAA,MAC/B,KAAK,IAAI,kBAAkB,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM;AAErD;AAEA,KAAK,CAAC,kBAAoB,CAtKzB,sBAsKgD,MAAM,KAAK,UAAU;AACtE,KAAK,CAAC,2BAA6B,CAvKlC,sBAuKyD,MAAM,KAAK,UAAU;AAC7E;AAAA,IAAY;AAAA,MACV,MAAM;AAAA,MACN,IAAI,yBAAyB,EAAE;AAAA,MAC/B,KAAK,IAAI,kBAAkB,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM;AAErD;AAEA,CAAC;AACC,YAAU;AACV,UAAQ;AACR,WAAS;AACX;AAEA,CAAC;AACC,YAAU;AACV,OAAK;AACL,QAAM;AACN,aAAW,UAAU,IAAI,EAAE;AAC3B,aAAW,eAAe,GAAG,OAAO;AACtC;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,OAAK;AACL,cAAY;AACd;AAEA,CAAC;AACC,cAAY;AACd;AAEA,WAfa;AAgBX;AACE,eAAW,UAAU,IAAI,EAAE,MAAM,OAAO;AAC1C;AACA;AACE,eAAW,UAAU,IAAI,EAAE,MAAM,OAAO;AAC1C;AACF;;;AC7bA,CAAC;AACC,YAAU;AACV,UAAQ,IAAI,WAAW,EAAE;AACzB,QAAM,IAAI,WAAW,EAAE;AACvB,SAAO,IAAI,WAAW,EAAE;AACxB,WAAS;AACT,iBAAe;AACf,aAAW;AAGX,WAAS;AACT,aAAW,WAAW;AACtB,cACE,QAAQ,KAAK,IAAI,EACjB,UAAU,KAAK;AACnB;AAGA,CAlBC,iBAkBiB,CAAC;AACjB,WAAS;AACT,aAAW,WAAW;AACxB;AAGA,CAxBC,iBAwBiB,CAAC;AACjB,WAAS;AACT,aAAW,WAAW;AACtB,kBAAgB;AAClB;AAEA,CAAC;AACC,YAAU;AACV,WAAS;AACT,kBAAgB;AAChB,eAAa;AACb,OAAK,IAAI,WAAW,EAAE;AACtB,iBAAe,IAAI,WAAW,EAAE;AAChC,UAAQ,IAAI,MAAM,IAAI,eAAe,EAAE,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAC3D,cAAY,IAAI,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AAC/C,WAAS,IAAI,WAAW,EAAE;AAC1B,cAAY,IAAI,YAAY,EAAE,EAAE,KAAK,KAAK,MAAM,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC9D,mBAAiB,KAAK;AACxB;AAEA,OAAO,CAAC,SAAS,EAAE;AACjB,GAfD;AAgBG,oBAAgB;AAChB,iBAAa;AACb,qBAAiB;AACnB;AACF;AAEA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK,IAAI,WAAW,EAAE;AACxB;AAEA,CAAC;AACC,aAAW,IAAI,cAAc,EAAE;AAC/B,eAAa;AACb,SAAO,IAAI,cAAc,EAAE;AAC3B,UAAQ;AACV;AAEA,CAAC;AACC,aAAW,IAAI,cAAc,EAAE;AAC/B,SAAO,IAAI,gBAAgB,EAAE,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACjD,UAAQ;AACV;AAEA,CAAC;AACC,eAAa,IAAI,WAAW,EAAE;AAC9B,SAAO,IAAI,eAAe,EAAE;AAC5B,mBAAiB;AACnB;AAEA,CANC,uBAMuB;AACtB,mBAAiB;AACnB;AAEA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK,IAAI,WAAW,EAAE;AACtB,SAAO;AACT;AAEA,OAAO,CAAC,SAAS,EAAE;AACjB,GARD;AASG,oBAAgB;AAChB,WAAO;AACT;AACF;AAEA,CAAC;AACC,YAAU;AACV,OAAK,IAAI,WAAW,EAAE;AACtB,SAAO,IAAI,WAAW,EAAE;AACxB,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,cAAY;AACZ,UAAQ;AACR,SAAO,IAAI,YAAY,EAAE,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAC7C,UAAQ;AACR,WAAS,IAAI,WAAW,EAAE;AAC1B,iBAAe,IAAI,WAAW,EAAE;AAChC,cAAY,MAAM;AACpB;AAEA,CAhBC,wBAgBwB;AACvB,SAAO,IAAI,cAAc,EAAE;AAC7B;AAEA,OAAO,CAAC,SAAS,EAAE;AACjB,GArBD;AAsBG,aAAS;AACX;AACF;AAMA,OAAO,CAAC,sBAAsB,EAAE;AAC9B,GA9HD;AA+HG,gBAAY;AACd;AACF;","names":[]}
package/dist/web/index.d.cts CHANGED
@@ -309,6 +309,10 @@ declare function createSchemaGenerators(brand: BrandConfig, supportedLanguages?:
309
309
  lowPrice: string;
310
310
  highPrice: string;
311
311
  offerCount: string;
312
+ priceSpecification: {
313
+ '@type': string;
314
+ description: string;
315
+ };
312
316
  };
313
317
  author: {
314
318
  '@type': string;
@@ -811,7 +815,7 @@ interface CookieConsentProps {
811
815
  /**
812
816
  * CookieConsent — GDPR-compliant cookie consent banner.
813
817
  *
814
- * - Animated entrance/exit via framer-motion
818
+ * - Animated entrance/exit via CSS transitions (no framer-motion)
815
819
  * - Respects prior consent stored in localStorage
816
820
  * - Dispatches a `cookie_consent_granted` event on the window for analytics loaders
817
821
  * - Uses DS Button component
@@ -826,7 +830,7 @@ interface CookieConsentProps {
826
830
  * />
827
831
  * ```
828
832
  */
829
- declare function CookieConsent({ delay, privacyUrl, onAccept, onDecline, labels, className, }: CookieConsentProps): react_jsx_runtime.JSX.Element;
833
+ declare function CookieConsent({ delay, privacyUrl, onAccept, onDecline, labels, className, }: CookieConsentProps): react_jsx_runtime.JSX.Element | null;
830
834
 
831
835
  /**
832
836
  * React hook that tracks cookie consent status.
package/dist/web/index.d.ts CHANGED
@@ -309,6 +309,10 @@ declare function createSchemaGenerators(brand: BrandConfig, supportedLanguages?:
309
309
  lowPrice: string;
310
310
  highPrice: string;
311
311
  offerCount: string;
312
+ priceSpecification: {
313
+ '@type': string;
314
+ description: string;
315
+ };
312
316
  };
313
317
  author: {
314
318
  '@type': string;
@@ -811,7 +815,7 @@ interface CookieConsentProps {
811
815
  /**
812
816
  * CookieConsent — GDPR-compliant cookie consent banner.
813
817
  *
814
- * - Animated entrance/exit via framer-motion
818
+ * - Animated entrance/exit via CSS transitions (no framer-motion)
815
819
  * - Respects prior consent stored in localStorage
816
820
  * - Dispatches a `cookie_consent_granted` event on the window for analytics loaders
817
821
  * - Uses DS Button component
@@ -826,7 +830,7 @@ interface CookieConsentProps {
826
830
  * />
827
831
  * ```
828
832
  */
829
- declare function CookieConsent({ delay, privacyUrl, onAccept, onDecline, labels, className, }: CookieConsentProps): react_jsx_runtime.JSX.Element;
833
+ declare function CookieConsent({ delay, privacyUrl, onAccept, onDecline, labels, className, }: CookieConsentProps): react_jsx_runtime.JSX.Element | null;
830
834
 
831
835
  /**
832
836
  * React hook that tracks cookie consent status.
package/dist/web/index.js CHANGED
@@ -3,7 +3,6 @@ import { jsx, jsxs } from 'react/jsx-runtime';
3
3
  import React, { createContext, forwardRef, useState, useEffect, useContext, useCallback, useMemo } from 'react';
4
4
  import { Slot } from '@radix-ui/react-slot';
5
5
  import clsx from 'clsx';
6
- import { AnimatePresence, motion } from 'framer-motion';
7
6
  import { X } from 'lucide-react';
8
7
 
9
8
  // src/web/seo/schema-generators.ts
@@ -149,9 +148,13 @@ function createSchemaGenerators(brand, supportedLanguages = ["en", "fr", "es"])
149
148
  offers: {
150
149
  "@type": "AggregateOffer",
151
150
  priceCurrency: "USD",
152
- lowPrice: "19",
153
- highPrice: "500",
154
- offerCount: "4"
151
+ lowPrice: "0",
152
+ highPrice: "0",
153
+ offerCount: "2",
154
+ priceSpecification: {
155
+ "@type": "PriceSpecification",
156
+ description: "Custom pricing \u2014 contact sales for a tailored quote"
157
+ }
155
158
  },
156
159
  author: {
157
160
  "@type": "Organization",
@@ -406,14 +409,14 @@ function createSchemaGenerators(brand, supportedLanguages = ["en", "fr", "es"])
406
409
  };
407
410
  },
408
411
  /** Service schema — Growth motion service offerings. */
409
- service(motion2, locale = "en") {
412
+ service(motion, locale = "en") {
410
413
  return {
411
414
  "@context": "https://schema.org",
412
415
  "@type": "Service",
413
- "@id": ENTITY_IDS.service(motion2.slug),
414
- name: motion2.name,
415
- description: motion2.description,
416
- url: motion2.url.startsWith("http") ? motion2.url : `${brand.url}${motion2.url}`,
416
+ "@id": ENTITY_IDS.service(motion.slug),
417
+ name: motion.name,
418
+ description: motion.description,
419
+ url: motion.url.startsWith("http") ? motion.url : `${brand.url}${motion.url}`,
417
420
  provider: {
418
421
  "@type": "Organization",
419
422
  "@id": ENTITY_IDS.organization,
@@ -422,11 +425,11 @@ function createSchemaGenerators(brand, supportedLanguages = ["en", "fr", "es"])
422
425
  inLanguage: locale,
423
426
  availableLanguage: [...supportedLanguages],
424
427
  areaServed: "Worldwide",
425
- ...motion2.price ? {
428
+ ...motion.price ? {
426
429
  offers: {
427
430
  "@type": "Offer",
428
- price: motion2.price.replace(/[^0-9.]/g, "") || "0",
429
- priceCurrency: motion2.priceCurrency || "USD",
431
+ price: motion.price.replace(/[^0-9.]/g, "") || "0",
432
+ priceCurrency: motion.priceCurrency || "USD",
430
433
  availability: "https://schema.org/InStock"
431
434
  }
432
435
  } : {},
@@ -939,34 +942,44 @@ function CookieConsent({
939
942
  labels,
940
943
  className
941
944
  }) {
942
- const [isVisible, setIsVisible] = useState(false);
945
+ const [state, setState] = useState("idle");
943
946
  useEffect(() => {
944
947
  const consent = localStorage.getItem(COOKIE_CONSENT_KEY);
945
948
  if (!consent) {
946
- const timer = setTimeout(() => setIsVisible(true), delay);
949
+ const timer = setTimeout(() => setState("open"), delay);
947
950
  return () => clearTimeout(timer);
951
+ } else {
952
+ setState("closed");
948
953
  }
949
954
  }, [delay]);
955
+ const handleDismiss = useCallback(() => {
956
+ setState("closing");
957
+ }, []);
950
958
  const handleAccept = useCallback(() => {
951
959
  localStorage.setItem(COOKIE_CONSENT_KEY, "granted");
952
- setIsVisible(false);
960
+ handleDismiss();
953
961
  if (typeof window !== "undefined") {
954
962
  window.dispatchEvent(new Event(COOKIE_CONSENT_EVENT));
955
963
  }
956
964
  onAccept?.();
957
- }, [onAccept]);
965
+ }, [onAccept, handleDismiss]);
958
966
  const handleDecline = useCallback(() => {
959
967
  localStorage.setItem(COOKIE_CONSENT_KEY, "denied");
960
- setIsVisible(false);
968
+ handleDismiss();
961
969
  onDecline?.();
962
- }, [onDecline]);
963
- return /* @__PURE__ */ jsx(AnimatePresence, { children: isVisible && /* @__PURE__ */ jsx(
964
- motion.div,
970
+ }, [onDecline, handleDismiss]);
971
+ const handleTransitionEnd = useCallback(() => {
972
+ if (state === "closing") {
973
+ setState("closed");
974
+ }
975
+ }, [state]);
976
+ if (state === "idle" || state === "closed") return null;
977
+ return /* @__PURE__ */ jsx(
978
+ "div",
965
979
  {
966
- initial: { y: 100, opacity: 0 },
967
- animate: { y: 0, opacity: 1 },
968
- exit: { y: 100, opacity: 0 },
969
980
  className: `ds-cookie-consent ${className ?? ""}`,
981
+ "data-state": state === "open" ? "open" : "closed",
982
+ onTransitionEnd: handleTransitionEnd,
970
983
  role: "dialog",
971
984
  "aria-label": labels?.title ?? "Cookie consent",
972
985
  children: /* @__PURE__ */ jsxs("div", { className: "ds-cookie-consent__inner", children: [
@@ -992,7 +1005,7 @@ function CookieConsent({
992
1005
  )
993
1006
  ] })
994
1007
  }
995
- ) });
1008
+ );
996
1009
  }
997
1010
 
998
1011
  // src/web/analytics/use-cookie-consent.ts