@fab1o978/react-ui 0.1.0 → 0.1.2

package/dist/index.css

@@ -775,6 +775,17 @@
   --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.4);
   --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.5), 0 2px 4px -2px rgb(0 0 0 / 0.4);
 }
+.ColorPicker_module_colorPicker[data-theme=dark] {
+  --color-neutral-0: #0f172a;
+  --color-neutral-100: #1e293b;
+  --color-neutral-200: #334155;
+  --color-neutral-400: #94a3b8;
+  --color-neutral-600: #cbd5e1;
+  --color-neutral-900: #f8fafc;
+  --color-surface: #1e293b;
+  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.4);
+  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.5), 0 2px 4px -2px rgb(0 0 0 / 0.4);
+}
 .ColorPicker_module_colorPicker {
   display: inline-flex;
   flex-direction: column;

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/styles/tokens.scss","../src/components/Button/Button.module.scss","../src/styles/tokens.scss","../src/components/Input/Input.module.scss","../src/styles/tokens.scss","../src/components/Badge/Badge.module.scss","../src/components/RainCanvas/RainCanvas.module.scss","../src/styles/tokens.scss","../src/components/Timeline/Timeline.module.scss","../src/styles/tokens.scss","../src/components/ColorPicker/ColorPicker.module.scss"],"sourcesContent":["@use \"sass:color\";\n\n@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap\");\n\n// Accent di default — cambia qui per aggiornare tutta la libreria\n$accent: #3b82f6;\n\n:root {\n  // Accent scale — derivata da $accent a compile time\n  --accent:        #{$accent};\n  --accent-dot:    #{color.scale($accent, $lightness: 12%)};\n  --accent-track:  #{$accent};\n  --accent-ring:   #{$accent};\n  --accent-glow:   #{color.change($accent, $alpha: 0.3)};\n  --accent-light:  #{color.scale($accent, $lightness: 45%, $saturation: -20%)};\n\n  // Primary scale (mantenuta per retrocompatibilità con Button, Badge, Input)\n  --color-primary-50:  #{color.scale($accent, $lightness: 49%, $saturation: -30%)};\n  --color-primary-100: #{color.scale($accent, $lightness: 42%, $saturation: -15%)};\n  --color-primary-400: #{color.scale($accent, $lightness: 12%)};\n  --color-primary-500: #{$accent};\n  --color-primary-600: #{color.scale($accent, $lightness: -10%)};\n  --color-primary-700: #{color.scale($accent, $lightness: -20%)};\n\n  // Neutral\n  --color-neutral-0:   #ffffff;\n  --color-neutral-100: #f3f4f6;\n  --color-neutral-200: #e5e7eb;\n  --color-neutral-400: #9ca3af;\n  --color-neutral-600: #4b5563;\n  --color-neutral-900: #111827;\n\n  // Semantic\n  --color-success-500: #22c55e;\n  --color-success-600: #16a34a;\n  --color-danger-500:  #ef4444;\n  --color-danger-600:  #dc2626;\n  --color-warning-500: #f59e0b;\n  --color-warning-600: #d97706;\n\n  // Typography\n  --font-family-base: \"Inter\", system-ui, -apple-system, sans-serif;\n  --font-size-xs: 0.75rem;\n  --font-size-sm: 0.875rem;\n  --font-size-md: 1rem;\n  --font-size-lg: 1.125rem;\n\n  // Spacing\n  --spacing-1: 0.25rem;\n  --spacing-2: 0.5rem;\n  --spacing-3: 0.75rem;\n  --spacing-4: 1rem;\n\n  // Radius\n  --radius-sm:   0.25rem;\n  --radius-md:   0.375rem;\n  --radius-lg:   0.5rem;\n  --radius-full: 9999px;\n\n  // Shadows\n  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n\n  // Transitions\n  --transition-fast: 150ms ease;\n\n  // Surface (background di card/panel)\n  --color-surface:          #ffffff;\n  --color-surface-elevated: #ffffff;\n}\n\n// ─── Dark theme ────────────────────────────────────────────────────────────────\n// Applicato via data-theme=\"dark\" sull'elemento root (gestito da Storybook decorator\n// e dall'app consumer). I componenti non devono fare nulla di speciale: basta che\n// usino i token var() e riceveranno automaticamente i valori dark.\n\n[data-theme=\"dark\"] {\n  // Neutral (scala invertita)\n  --color-neutral-0:   #0f172a;\n  --color-neutral-100: #1e293b;\n  --color-neutral-200: #334155;\n  --color-neutral-400: #94a3b8;\n  --color-neutral-600: #cbd5e1;\n  --color-neutral-900: #f8fafc;\n\n  // Surface\n  --color-surface:          #1e293b;\n  --color-surface-elevated: #273549;\n\n  // Primary scale dark (per il default accent blu — le sfumature chiare diventano scure)\n  --color-primary-50:  #172554;\n  --color-primary-100: #1e3a8a;\n  // 400 / 500 / 600 / 700 rimangono invariati (abbastanza saturi su bg scuro)\n\n  // Accent light: variante scura\n  --accent-light: #172554;\n\n  // Shadows (più forti su bg scuro)\n  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.4);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.5), 0 2px 4px -2px rgb(0 0 0 / 0.4);\n}\n","@import \"../../styles/tokens.scss\";\n\n.button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--spacing-2);\n  font-family: var(--font-family-base);\n  font-weight: 500;\n  letter-spacing: -0.01em;\n  border: 1px solid transparent;\n  border-radius: var(--radius-md);\n  cursor: pointer;\n  transition: background-color var(--transition-fast),\n    border-color var(--transition-fast), color var(--transition-fast),\n    box-shadow var(--transition-fast);\n  white-space: nowrap;\n  text-decoration: none;\n  outline-offset: 2px;\n}\n\n.button:focus-visible {\n  outline: 2px solid var(--color-primary-500);\n}\n\n.button:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n/* Variants */\n.primary {\n  background-color: var(--color-primary-600);\n  color: var(--color-neutral-0);\n}\n.primary:hover:not(:disabled) {\n  background-color: var(--color-primary-700);\n}\n\n.secondary {\n  background-color: var(--color-neutral-0);\n  color: var(--color-neutral-900);\n  border-color: var(--color-neutral-200);\n  box-shadow: var(--shadow-sm);\n}\n.secondary:hover:not(:disabled) {\n  background-color: var(--color-neutral-100);\n}\n\n.danger {\n  background-color: var(--color-danger-500);\n  color: var(--color-neutral-0);\n}\n.danger:hover:not(:disabled) {\n  background-color: var(--color-danger-600);\n}\n\n.ghost {\n  background-color: transparent;\n  color: var(--color-neutral-600);\n}\n.ghost:hover:not(:disabled) {\n  background-color: var(--color-neutral-100);\n  color: var(--color-neutral-900);\n}\n\n/* Sizes */\n.sm {\n  font-size: var(--font-size-xs);\n  padding: var(--spacing-1) var(--spacing-3);\n  height: 2rem;\n}\n\n.md {\n  font-size: var(--font-size-sm);\n  padding: var(--spacing-2) var(--spacing-4);\n  height: 2.5rem;\n}\n\n.lg {\n  font-size: var(--font-size-md);\n  padding: var(--spacing-3) var(--spacing-4);\n  height: 3rem;\n}\n\n.fullWidth {\n  width: 100%;\n}\n\n/* Loading */\n.loading {\n  position: relative;\n}\n\n.spinner {\n  width: 1em;\n  height: 1em;\n  border: 2px solid currentColor;\n  border-top-color: transparent;\n  border-radius: var(--radius-full);\n  animation: spin 0.6s linear infinite;\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n","@use \"sass:color\";\n\n@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap\");\n\n// Accent di default — cambia qui per aggiornare tutta la libreria\n$accent: #3b82f6;\n\n:root {\n  // Accent scale — derivata da $accent a compile time\n  --accent:        #{$accent};\n  --accent-dot:    #{color.scale($accent, $lightness: 12%)};\n  --accent-track:  #{$accent};\n  --accent-ring:   #{$accent};\n  --accent-glow:   #{color.change($accent, $alpha: 0.3)};\n  --accent-light:  #{color.scale($accent, $lightness: 45%, $saturation: -20%)};\n\n  // Primary scale (mantenuta per retrocompatibilità con Button, Badge, Input)\n  --color-primary-50:  #{color.scale($accent, $lightness: 49%, $saturation: -30%)};\n  --color-primary-100: #{color.scale($accent, $lightness: 42%, $saturation: -15%)};\n  --color-primary-400: #{color.scale($accent, $lightness: 12%)};\n  --color-primary-500: #{$accent};\n  --color-primary-600: #{color.scale($accent, $lightness: -10%)};\n  --color-primary-700: #{color.scale($accent, $lightness: -20%)};\n\n  // Neutral\n  --color-neutral-0:   #ffffff;\n  --color-neutral-100: #f3f4f6;\n  --color-neutral-200: #e5e7eb;\n  --color-neutral-400: #9ca3af;\n  --color-neutral-600: #4b5563;\n  --color-neutral-900: #111827;\n\n  // Semantic\n  --color-success-500: #22c55e;\n  --color-success-600: #16a34a;\n  --color-danger-500:  #ef4444;\n  --color-danger-600:  #dc2626;\n  --color-warning-500: #f59e0b;\n  --color-warning-600: #d97706;\n\n  // Typography\n  --font-family-base: \"Inter\", system-ui, -apple-system, sans-serif;\n  --font-size-xs: 0.75rem;\n  --font-size-sm: 0.875rem;\n  --font-size-md: 1rem;\n  --font-size-lg: 1.125rem;\n\n  // Spacing\n  --spacing-1: 0.25rem;\n  --spacing-2: 0.5rem;\n  --spacing-3: 0.75rem;\n  --spacing-4: 1rem;\n\n  // Radius\n  --radius-sm:   0.25rem;\n  --radius-md:   0.375rem;\n  --radius-lg:   0.5rem;\n  --radius-full: 9999px;\n\n  // Shadows\n  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n\n  // Transitions\n  --transition-fast: 150ms ease;\n\n  // Surface (background di card/panel)\n  --color-surface:          #ffffff;\n  --color-surface-elevated: #ffffff;\n}\n\n// ─── Dark theme ────────────────────────────────────────────────────────────────\n// Applicato via data-theme=\"dark\" sull'elemento root (gestito da Storybook decorator\n// e dall'app consumer). I componenti non devono fare nulla di speciale: basta che\n// usino i token var() e riceveranno automaticamente i valori dark.\n\n[data-theme=\"dark\"] {\n  // Neutral (scala invertita)\n  --color-neutral-0:   #0f172a;\n  --color-neutral-100: #1e293b;\n  --color-neutral-200: #334155;\n  --color-neutral-400: #94a3b8;\n  --color-neutral-600: #cbd5e1;\n  --color-neutral-900: #f8fafc;\n\n  // Surface\n  --color-surface:          #1e293b;\n  --color-surface-elevated: #273549;\n\n  // Primary scale dark (per il default accent blu — le sfumature chiare diventano scure)\n  --color-primary-50:  #172554;\n  --color-primary-100: #1e3a8a;\n  // 400 / 500 / 600 / 700 rimangono invariati (abbastanza saturi su bg scuro)\n\n  // Accent light: variante scura\n  --accent-light: #172554;\n\n  // Shadows (più forti su bg scuro)\n  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.4);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.5), 0 2px 4px -2px rgb(0 0 0 / 0.4);\n}\n","@import \"../../styles/tokens.scss\";\n\n.wrapper {\n  display: inline-flex;\n  flex-direction: column;\n  gap: var(--spacing-1);\n}\n\n.fullWidth {\n  width: 100%;\n}\n\n.label {\n  font-family: var(--font-family-base);\n  font-size: var(--font-size-sm);\n  font-weight: 500;\n  color: var(--color-neutral-900);\n  letter-spacing: -0.01em;\n}\n\n.inputWrapper {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.input {\n  width: 100%;\n  font-family: var(--font-family-base);\n  border: 1px solid var(--color-neutral-200);\n  border-radius: var(--radius-md);\n  background-color: var(--color-neutral-0);\n  color: var(--color-neutral-900);\n  outline: none;\n  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);\n}\n\n.input::placeholder {\n  color: var(--color-neutral-400);\n}\n\n.input:focus {\n  border-color: var(--color-primary-500);\n  box-shadow: 0 0 0 3px var(--color-primary-100);\n}\n\n.input:disabled {\n  background-color: var(--color-neutral-100);\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.input.error {\n  border-color: var(--color-danger-500);\n}\n\n.input.error:focus {\n  box-shadow: 0 0 0 3px rgb(239 68 68 / 0.15);\n}\n\n/* Sizes */\n.sm .input {\n  font-size: var(--font-size-xs);\n  padding: var(--spacing-1) var(--spacing-2);\n  height: 2rem;\n}\n\n.md .input {\n  font-size: var(--font-size-sm);\n  padding: var(--spacing-2) var(--spacing-3);\n  height: 2.5rem;\n}\n\n.lg .input {\n  font-size: var(--font-size-md);\n  padding: var(--spacing-3) var(--spacing-4);\n  height: 3rem;\n}\n\n/* Adornments */\n.adornment {\n  position: absolute;\n  left: var(--spacing-3);\n  display: flex;\n  align-items: center;\n  color: var(--color-neutral-400);\n  pointer-events: none;\n}\n\n.adornmentEnd {\n  left: unset;\n  right: var(--spacing-3);\n}\n\n.sm .withStart { padding-left: 2rem; }\n.md .withStart { padding-left: 2.25rem; }\n.lg .withStart { padding-left: 2.5rem; }\n\n.sm .withEnd { padding-right: 2rem; }\n.md .withEnd { padding-right: 2.25rem; }\n.lg .withEnd { padding-right: 2.5rem; }\n\n.helperText {\n  font-family: var(--font-family-base);\n  font-size: var(--font-size-xs);\n  color: var(--color-neutral-400);\n}\n\n.errorText {\n  font-family: var(--font-family-base);\n  font-size: var(--font-size-xs);\n  color: var(--color-danger-500);\n}\n","@use \"sass:color\";\n\n@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap\");\n\n// Accent di default — cambia qui per aggiornare tutta la libreria\n$accent: #3b82f6;\n\n:root {\n  // Accent scale — derivata da $accent a compile time\n  --accent:        #{$accent};\n  --accent-dot:    #{color.scale($accent, $lightness: 12%)};\n  --accent-track:  #{$accent};\n  --accent-ring:   #{$accent};\n  --accent-glow:   #{color.change($accent, $alpha: 0.3)};\n  --accent-light:  #{color.scale($accent, $lightness: 45%, $saturation: -20%)};\n\n  // Primary scale (mantenuta per retrocompatibilità con Button, Badge, Input)\n  --color-primary-50:  #{color.scale($accent, $lightness: 49%, $saturation: -30%)};\n  --color-primary-100: #{color.scale($accent, $lightness: 42%, $saturation: -15%)};\n  --color-primary-400: #{color.scale($accent, $lightness: 12%)};\n  --color-primary-500: #{$accent};\n  --color-primary-600: #{color.scale($accent, $lightness: -10%)};\n  --color-primary-700: #{color.scale($accent, $lightness: -20%)};\n\n  // Neutral\n  --color-neutral-0:   #ffffff;\n  --color-neutral-100: #f3f4f6;\n  --color-neutral-200: #e5e7eb;\n  --color-neutral-400: #9ca3af;\n  --color-neutral-600: #4b5563;\n  --color-neutral-900: #111827;\n\n  // Semantic\n  --color-success-500: #22c55e;\n  --color-success-600: #16a34a;\n  --color-danger-500:  #ef4444;\n  --color-danger-600:  #dc2626;\n  --color-warning-500: #f59e0b;\n  --color-warning-600: #d97706;\n\n  // Typography\n  --font-family-base: \"Inter\", system-ui, -apple-system, sans-serif;\n  --font-size-xs: 0.75rem;\n  --font-size-sm: 0.875rem;\n  --font-size-md: 1rem;\n  --font-size-lg: 1.125rem;\n\n  // Spacing\n  --spacing-1: 0.25rem;\n  --spacing-2: 0.5rem;\n  --spacing-3: 0.75rem;\n  --spacing-4: 1rem;\n\n  // Radius\n  --radius-sm:   0.25rem;\n  --radius-md:   0.375rem;\n  --radius-lg:   0.5rem;\n  --radius-full: 9999px;\n\n  // Shadows\n  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n\n  // Transitions\n  --transition-fast: 150ms ease;\n\n  // Surface (background di card/panel)\n  --color-surface:          #ffffff;\n  --color-surface-elevated: #ffffff;\n}\n\n// ─── Dark theme ────────────────────────────────────────────────────────────────\n// Applicato via data-theme=\"dark\" sull'elemento root (gestito da Storybook decorator\n// e dall'app consumer). I componenti non devono fare nulla di speciale: basta che\n// usino i token var() e riceveranno automaticamente i valori dark.\n\n[data-theme=\"dark\"] {\n  // Neutral (scala invertita)\n  --color-neutral-0:   #0f172a;\n  --color-neutral-100: #1e293b;\n  --color-neutral-200: #334155;\n  --color-neutral-400: #94a3b8;\n  --color-neutral-600: #cbd5e1;\n  --color-neutral-900: #f8fafc;\n\n  // Surface\n  --color-surface:          #1e293b;\n  --color-surface-elevated: #273549;\n\n  // Primary scale dark (per il default accent blu — le sfumature chiare diventano scure)\n  --color-primary-50:  #172554;\n  --color-primary-100: #1e3a8a;\n  // 400 / 500 / 600 / 700 rimangono invariati (abbastanza saturi su bg scuro)\n\n  // Accent light: variante scura\n  --accent-light: #172554;\n\n  // Shadows (più forti su bg scuro)\n  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.4);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.5), 0 2px 4px -2px rgb(0 0 0 / 0.4);\n}\n","@import \"../../styles/tokens.scss\";\n\n.badge {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--spacing-1);\n  font-family: var(--font-family-base);\n  font-weight: 500;\n  letter-spacing: 0.01em;\n  border-radius: var(--radius-full);\n  white-space: nowrap;\n}\n\n/* Sizes */\n.sm {\n  font-size: var(--font-size-xs);\n  padding: 0.1rem var(--spacing-2);\n}\n\n.md {\n  font-size: var(--font-size-xs);\n  padding: var(--spacing-1) var(--spacing-3);\n}\n\n/* Variants */\n.default {\n  background-color: var(--color-neutral-100);\n  color: var(--color-neutral-600);\n}\n\n.primary {\n  background-color: var(--color-primary-50);\n  color: var(--color-primary-700);\n}\n\n.success {\n  background-color: #f0fdf4;\n  color: var(--color-success-600);\n}\n\n.warning {\n  background-color: #fffbeb;\n  color: var(--color-warning-600);\n}\n\n.danger {\n  background-color: #fef2f2;\n  color: var(--color-danger-600);\n}\n\n/* Dot indicator */\n.dotIndicator {\n  width: 0.5rem;\n  height: 0.5rem;\n  border-radius: var(--radius-full);\n  background-color: currentColor;\n  flex-shrink: 0;\n}\n",".wrapper {\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n}\n\n/* Scie umide — sotto il contenuto */\n.trailCanvas {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  display: block;\n  z-index: 1;\n  pointer-events: none;\n}\n\n/* Form e contenuto — sopra le scie */\n.content {\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n/* Le gocce DOM stanno sopra tutto, ma pointer-events: none (impostato inline) */\n.dropContainer {\n  position: absolute;\n  inset: 0;\n  z-index: 3;\n}\n","@use \"sass:color\";\n\n@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap\");\n\n// Accent di default — cambia qui per aggiornare tutta la libreria\n$accent: #3b82f6;\n\n:root {\n  // Accent scale — derivata da $accent a compile time\n  --accent:        #{$accent};\n  --accent-dot:    #{color.scale($accent, $lightness: 12%)};\n  --accent-track:  #{$accent};\n  --accent-ring:   #{$accent};\n  --accent-glow:   #{color.change($accent, $alpha: 0.3)};\n  --accent-light:  #{color.scale($accent, $lightness: 45%, $saturation: -20%)};\n\n  // Primary scale (mantenuta per retrocompatibilità con Button, Badge, Input)\n  --color-primary-50:  #{color.scale($accent, $lightness: 49%, $saturation: -30%)};\n  --color-primary-100: #{color.scale($accent, $lightness: 42%, $saturation: -15%)};\n  --color-primary-400: #{color.scale($accent, $lightness: 12%)};\n  --color-primary-500: #{$accent};\n  --color-primary-600: #{color.scale($accent, $lightness: -10%)};\n  --color-primary-700: #{color.scale($accent, $lightness: -20%)};\n\n  // Neutral\n  --color-neutral-0:   #ffffff;\n  --color-neutral-100: #f3f4f6;\n  --color-neutral-200: #e5e7eb;\n  --color-neutral-400: #9ca3af;\n  --color-neutral-600: #4b5563;\n  --color-neutral-900: #111827;\n\n  // Semantic\n  --color-success-500: #22c55e;\n  --color-success-600: #16a34a;\n  --color-danger-500:  #ef4444;\n  --color-danger-600:  #dc2626;\n  --color-warning-500: #f59e0b;\n  --color-warning-600: #d97706;\n\n  // Typography\n  --font-family-base: \"Inter\", system-ui, -apple-system, sans-serif;\n  --font-size-xs: 0.75rem;\n  --font-size-sm: 0.875rem;\n  --font-size-md: 1rem;\n  --font-size-lg: 1.125rem;\n\n  // Spacing\n  --spacing-1: 0.25rem;\n  --spacing-2: 0.5rem;\n  --spacing-3: 0.75rem;\n  --spacing-4: 1rem;\n\n  // Radius\n  --radius-sm:   0.25rem;\n  --radius-md:   0.375rem;\n  --radius-lg:   0.5rem;\n  --radius-full: 9999px;\n\n  // Shadows\n  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n\n  // Transitions\n  --transition-fast: 150ms ease;\n\n  // Surface (background di card/panel)\n  --color-surface:          #ffffff;\n  --color-surface-elevated: #ffffff;\n}\n\n// ─── Dark theme ────────────────────────────────────────────────────────────────\n// Applicato via data-theme=\"dark\" sull'elemento root (gestito da Storybook decorator\n// e dall'app consumer). I componenti non devono fare nulla di speciale: basta che\n// usino i token var() e riceveranno automaticamente i valori dark.\n\n[data-theme=\"dark\"] {\n  // Neutral (scala invertita)\n  --color-neutral-0:   #0f172a;\n  --color-neutral-100: #1e293b;\n  --color-neutral-200: #334155;\n  --color-neutral-400: #94a3b8;\n  --color-neutral-600: #cbd5e1;\n  --color-neutral-900: #f8fafc;\n\n  // Surface\n  --color-surface:          #1e293b;\n  --color-surface-elevated: #273549;\n\n  // Primary scale dark (per il default accent blu — le sfumature chiare diventano scure)\n  --color-primary-50:  #172554;\n  --color-primary-100: #1e3a8a;\n  // 400 / 500 / 600 / 700 rimangono invariati (abbastanza saturi su bg scuro)\n\n  // Accent light: variante scura\n  --accent-light: #172554;\n\n  // Shadows (più forti su bg scuro)\n  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.4);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.5), 0 2px 4px -2px rgb(0 0 0 / 0.4);\n}\n","@use \"../../styles/tokens\" as *;\n\n// --- Tokens locali ---\n// Usa --timeline-accent-* se passato via prop, altrimenti fallback ai token globali\n$dot-size: 1.25rem;\n$connector-thickness: 2px;\n$color-pending: var(--color-neutral-200);\n\n$accent-dot:   var(--timeline-accent-dot,   var(--accent-dot));\n$accent-track: var(--timeline-accent-track, var(--accent-track));\n$accent-ring:  var(--timeline-accent-ring,  var(--accent-ring));\n$accent-glow:  var(--timeline-accent-glow,  var(--accent-glow));\n\n// --- Reset lista ---\n.timeline {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  font-family: var(--font-family-base);\n}\n\n// =====================\n// VERTICALE (default)\n// =====================\n.vertical {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n\n  .item {\n    display: grid;\n    grid-template-columns: $dot-size 1fr;\n    column-gap: 1rem;\n    align-items: stretch;\n  }\n\n  .track {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: $dot-size;\n  }\n\n  .connector {\n    flex: 1;\n    width: 0;\n    min-height: 0.5rem;\n    border-left: $connector-thickness dashed $color-pending;\n    transition: border-color 0.3s ease;\n  }\n\n  .content {\n    padding-bottom: 1.75rem;\n    padding-top: 0.1rem;\n  }\n\n  .item.last .content {\n    padding-bottom: 0;\n  }\n}\n\n// =======================\n// ORIZZONTALE\n// =======================\n.horizontal {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n\n  .item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    flex: 1;\n    min-width: 0;\n\n  }\n\n  .track {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    width: 100%;\n  }\n\n  .connector {\n    flex: 1;\n    height: 0;\n    min-width: 1rem;\n    border-top: $connector-thickness dashed $color-pending;\n    transition: border-color 0.3s ease;\n  }\n\n\n\n  .content {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    padding-top: 0.75rem;\n    padding-inline: 0.5rem;\n  }\n}\n\n// =====================\n// DOT\n// =====================\n.dot {\n  width: $dot-size;\n  height: $dot-size;\n  border-radius: 50%;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 0.6rem;\n  position: relative;\n  z-index: 1;\n  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;\n\n  // pending\n  background-color: var(--color-neutral-0);\n  border: $connector-thickness solid $color-pending;\n  color: var(--color-neutral-400);\n}\n\n.iconSlot {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 0.65rem;\n  line-height: 1;\n}\n\n// =====================\n// STATUS\n// =====================\n.completed {\n  .dot {\n    background-color: $accent-dot;\n    border-color: $accent-dot;\n    color: var(--color-neutral-0);\n    box-shadow: 0 0 0 3px $accent-ring;\n    animation: dotIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;\n    animation-delay: var(--dot-delay, 0s);\n  }\n}\n\n.active {\n  .dot {\n    background-color: var(--color-neutral-0);\n    border-color: $accent-track;\n    border-width: 2px;\n    box-shadow: 0 0 0 3px $accent-ring;\n    animation: pulse 2s ease-in-out infinite;\n  }\n}\n\n.pending {\n  .dot {\n    box-shadow: 0 0 0 3px var(--color-neutral-200);\n  }\n}\n\n// =====================\n// CONTENT\n// =====================\n.label {\n  display: block;\n  font-size: var(--font-size-xs);\n  color: var(--color-neutral-400);\n  margin-bottom: 0.2rem;\n  letter-spacing: 0.01em;\n}\n\n.title {\n  display: block;\n  font-size: var(--font-size-sm);\n  font-weight: 600;\n  color: var(--color-neutral-900);\n  letter-spacing: -0.01em;\n}\n\n.description {\n  margin: 0.35rem 0 0;\n  font-size: var(--font-size-xs);\n  color: var(--color-neutral-600);\n  line-height: 1.5;\n}\n\n// Status: titolo più sbiadito per pending\n.pending .title {\n  color: var(--color-neutral-400);\n  font-weight: 500;\n}\n\n// Connettore invisibile — tiene lo spazio ma non mostra la linea\n.connectorHidden {\n  border-color: transparent !important;\n}\n\n// Connettore completato — sovrascrive dashed con solid + colore accent\n.connectorDone {\n  border-color: $accent-track !important;\n  border-style: solid !important;\n}\n\n// =====================\n// ANIMAZIONI\n// =====================\n@keyframes dotIn {\n  0% {\n    transform: scale(0.5);\n    background-color: var(--color-neutral-0);\n    border-color: var(--color-neutral-200);\n    box-shadow: 0 0 0 3px var(--color-neutral-200);\n    color: transparent;\n  }\n  40% {\n    background-color: $accent-dot;\n    border-color: $accent-dot;\n    box-shadow: 0 0 0 3px $accent-ring;\n    color: var(--color-neutral-0);\n  }\n  50%  { transform: scale(1.06); }\n  70%  { transform: scale(0.97); }\n  85%  { transform: scale(1.02); }\n  100% { transform: scale(1); }\n}\n\n@keyframes pulse {\n  0%, 100% { box-shadow: 0 0 0 3px $accent-ring; }\n  50%       { box-shadow: 0 0 0 3px $accent-ring, 0 0 0 6px $accent-glow; }\n}\n","@use \"sass:color\";\n\n@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap\");\n\n// Accent di default — cambia qui per aggiornare tutta la libreria\n$accent: #3b82f6;\n\n:root {\n  // Accent scale — derivata da $accent a compile time\n  --accent:        #{$accent};\n  --accent-dot:    #{color.scale($accent, $lightness: 12%)};\n  --accent-track:  #{$accent};\n  --accent-ring:   #{$accent};\n  --accent-glow:   #{color.change($accent, $alpha: 0.3)};\n  --accent-light:  #{color.scale($accent, $lightness: 45%, $saturation: -20%)};\n\n  // Primary scale (mantenuta per retrocompatibilità con Button, Badge, Input)\n  --color-primary-50:  #{color.scale($accent, $lightness: 49%, $saturation: -30%)};\n  --color-primary-100: #{color.scale($accent, $lightness: 42%, $saturation: -15%)};\n  --color-primary-400: #{color.scale($accent, $lightness: 12%)};\n  --color-primary-500: #{$accent};\n  --color-primary-600: #{color.scale($accent, $lightness: -10%)};\n  --color-primary-700: #{color.scale($accent, $lightness: -20%)};\n\n  // Neutral\n  --color-neutral-0:   #ffffff;\n  --color-neutral-100: #f3f4f6;\n  --color-neutral-200: #e5e7eb;\n  --color-neutral-400: #9ca3af;\n  --color-neutral-600: #4b5563;\n  --color-neutral-900: #111827;\n\n  // Semantic\n  --color-success-500: #22c55e;\n  --color-success-600: #16a34a;\n  --color-danger-500:  #ef4444;\n  --color-danger-600:  #dc2626;\n  --color-warning-500: #f59e0b;\n  --color-warning-600: #d97706;\n\n  // Typography\n  --font-family-base: \"Inter\", system-ui, -apple-system, sans-serif;\n  --font-size-xs: 0.75rem;\n  --font-size-sm: 0.875rem;\n  --font-size-md: 1rem;\n  --font-size-lg: 1.125rem;\n\n  // Spacing\n  --spacing-1: 0.25rem;\n  --spacing-2: 0.5rem;\n  --spacing-3: 0.75rem;\n  --spacing-4: 1rem;\n\n  // Radius\n  --radius-sm:   0.25rem;\n  --radius-md:   0.375rem;\n  --radius-lg:   0.5rem;\n  --radius-full: 9999px;\n\n  // Shadows\n  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n\n  // Transitions\n  --transition-fast: 150ms ease;\n\n  // Surface (background di card/panel)\n  --color-surface:          #ffffff;\n  --color-surface-elevated: #ffffff;\n}\n\n// ─── Dark theme ────────────────────────────────────────────────────────────────\n// Applicato via data-theme=\"dark\" sull'elemento root (gestito da Storybook decorator\n// e dall'app consumer). I componenti non devono fare nulla di speciale: basta che\n// usino i token var() e riceveranno automaticamente i valori dark.\n\n[data-theme=\"dark\"] {\n  // Neutral (scala invertita)\n  --color-neutral-0:   #0f172a;\n  --color-neutral-100: #1e293b;\n  --color-neutral-200: #334155;\n  --color-neutral-400: #94a3b8;\n  --color-neutral-600: #cbd5e1;\n  --color-neutral-900: #f8fafc;\n\n  // Surface\n  --color-surface:          #1e293b;\n  --color-surface-elevated: #273549;\n\n  // Primary scale dark (per il default accent blu — le sfumature chiare diventano scure)\n  --color-primary-50:  #172554;\n  --color-primary-100: #1e3a8a;\n  // 400 / 500 / 600 / 700 rimangono invariati (abbastanza saturi su bg scuro)\n\n  // Accent light: variante scura\n  --accent-light: #172554;\n\n  // Shadows (più forti su bg scuro)\n  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.4);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.5), 0 2px 4px -2px rgb(0 0 0 / 0.4);\n}\n","@use \"../../styles/tokens\" as *;\n\n$accent-base:  var(--colorpicker-accent,       var(--accent));\n$accent-ring:  var(--colorpicker-accent-ring,  var(--accent-ring));\n$accent-glow:  var(--colorpicker-accent-glow,  var(--accent-glow));\n$accent-light: var(--colorpicker-accent-light, var(--accent-light));\n\n$disc: 200px;\n$slider-w: 20px;\n$thumb-size: 20px;\n$gap: 0.5rem;\n\n// ─── Card ──────────────────────────────────────────────────────────────────────\n\n.colorPicker {\n  display: inline-flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  padding: 1rem;\n  background: var(--color-surface);\n  backdrop-filter: blur(16px);\n  -webkit-backdrop-filter: blur(16px);\n  border: 1px solid var(--color-neutral-200);\n  border-radius: var(--radius-lg);\n  box-shadow: var(--shadow-md), 0 0 0 1px rgba(0,0,0,0.04);\n  font-family: var(--font-family-base);\n  width: calc(#{$disc} + 2rem); // disc + card padding (1rem × 2 sides)\n  box-sizing: border-box;\n  user-select: none;\n}\n\n// ─── Disc + L slider row ───────────────────────────────────────────────────────\n\n.topRow {\n  display: flex;\n  justify-content: center;\n}\n\n.discWrapper {\n  position: relative;\n  width: $disc;\n  height: $disc;\n  flex-shrink: 0;\n  border-radius: 50%;\n  box-shadow: 0 0 0 1.5px var(--color-neutral-200);\n}\n\n.disc {\n  display: block;\n  width: $disc;\n  height: $disc;\n  cursor: crosshair;\n  border-radius: 50%;\n}\n\n.dot {\n  position: absolute;\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  border: 2px solid;\n  transform: translate(-50%, -50%);\n  pointer-events: none;\n  box-shadow: 0 0 0 1.5px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.2);\n  background: transparent;\n}\n\n// ─── Lightness slider (horizontal) ────────────────────────────────────────────\n\n.lSlider {\n  position: relative;\n  height: 10px;\n  border-radius: 5px;\n  cursor: ew-resize;\n  margin-block: 5px;\n  background-color: var(--color-neutral-200);\n  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);\n}\n\n.lThumb {\n  position: absolute;\n  top: 50%;\n  width: $thumb-size;\n  height: $thumb-size;\n  border-radius: 50%;\n  transform: translate(-50%, -50%);\n  background: white;\n  border: 2px solid rgba(0, 0, 0, 0.2);\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);\n  pointer-events: none;\n}\n\n// ─── Alpha slider (horizontal) ────────────────────────────────────────────────\n\n.alphaSlider {\n  position: relative;\n  height: 10px;\n  border-radius: 5px;\n  cursor: ew-resize;\n  margin-block: 5px;\n  background-color: var(--color-neutral-200);\n  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);\n}\n\n\n.alphaThumb {\n  position: absolute;\n  top: 50%;\n  width: $thumb-size;\n  height: $thumb-size;\n  border-radius: 50%;\n  transform: translate(-50%, -50%);\n  background: white;\n  border: 2px solid rgba(0, 0, 0, 0.2);\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);\n  pointer-events: none;\n}\n\n// ─── Preview swatch ────────────────────────────────────────────────────────────\n\n.previewSwatch {\n  width: 100%;\n  height: 48px;\n  border-radius: var(--radius-md);\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  padding: 0 0.5rem;\n  box-sizing: border-box;\n}\n\n.eyedropperBtn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  border: none;\n  border-radius: var(--radius-sm);\n  background: rgba(255, 255, 255, 0.25);\n  color: rgba(255, 255, 255, 0.9);\n  cursor: pointer;\n  backdrop-filter: blur(4px);\n  transition: background var(--transition-fast);\n\n  &:hover {\n    background: rgba(255, 255, 255, 0.4);\n  }\n}\n\n// ─── Inputs ────────────────────────────────────────────────────────────────────\n\n.inputSection {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.tabs {\n  display: flex;\n  background: var(--color-neutral-100);\n  border-radius: var(--radius-sm);\n  padding: 2px;\n  gap: 2px;\n}\n\n.tab {\n  flex: 1;\n  padding: 0.2rem 0;\n  font-size: 0.65rem;\n  font-weight: 600;\n  letter-spacing: 0.04em;\n  border: none;\n  border-radius: calc(var(--radius-sm) - 1px);\n  background: transparent;\n  color: var(--color-neutral-400);\n  cursor: pointer;\n  transition: background var(--transition-fast), color var(--transition-fast);\n\n  &:hover:not(.tabActive) {\n    color: var(--color-neutral-600);\n  }\n}\n\n.tabActive {\n  background: $accent-base;\n  color: #fff;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);\n}\n\n.inputWrapper {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.inputAddon {\n  position: absolute;\n  left: 0.5rem;\n  font-size: var(--font-size-xs);\n  font-family: \"SF Mono\", \"Fira Code\", \"Consolas\", monospace;\n  color: var(--color-neutral-400);\n  pointer-events: none;\n  line-height: 1;\n}\n\n.input {\n  width: 100%;\n  box-sizing: border-box;\n  padding: 0.4rem 2rem; // symmetric: room for # on left and copy icon on right\n  border: 1px solid var(--color-neutral-200);\n  border-radius: var(--radius-sm);\n  font-size: var(--font-size-xs);\n  font-family: \"SF Mono\", \"Fira Code\", \"Consolas\", monospace;\n  color: var(--color-neutral-900);\n  background: var(--color-neutral-0);\n  outline: none;\n  text-align: center;\n  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);\n\n  &:focus {\n    border-color: $accent-base;\n    box-shadow: 0 0 0 2px $accent-glow;\n  }\n}\n\n.inputCopyBtn {\n  position: absolute;\n  right: 0.35rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 22px;\n  height: 22px;\n  border: none;\n  border-radius: var(--radius-sm);\n  background: transparent;\n  color: var(--color-neutral-400);\n  cursor: pointer;\n  transition: background var(--transition-fast), color var(--transition-fast);\n\n  &:hover {\n    background: var(--color-neutral-100);\n    color: var(--color-neutral-900);\n  }\n}\n\n\n// ─── Recent colors ─────────────────────────────────────────────────────────────\n\n.recents {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding-top: 0.25rem;\n  border-top: 1px solid var(--color-neutral-100);\n  overflow: hidden;\n}\n\n.recentsLabel {\n  font-size: 0.6rem;\n  font-weight: 600;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  color: var(--color-neutral-400);\n  flex-shrink: 0;\n}\n\n.swatches {\n  display: flex;\n  gap: 0.35rem;\n  flex-wrap: nowrap;\n  overflow: hidden;\n}\n\n.recentSwatch {\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  border: 1.5px solid rgba(0, 0, 0, 0.1);\n  cursor: pointer;\n  padding: 0;\n  flex-shrink: 0;\n}\n"],"mappings":";;;;AAOA;AAEE,YAAA;AACA,gBAAA,IAAA,KAAA,EAAA,GAAA,EAAA;AACA,kBAAA;AACA,iBAAA;AACA,iBAAA,KAAA,EAAA,EAAA,GAAA,EAAA,GAAA,EAAA;AACA,kBAAA,IAAA,OAAA,EAAA,OAAA,EAAA;AAGA,sBAAA,IAAA,QAAA,EAAA,QAAA,EAAA;AACA,uBAAA,IAAA,QAAA,EAAA,QAAA,EAAA;AACA,uBAAA,IAAA,KAAA,EAAA,GAAA,EAAA;AACA,uBAAA;AACA,uBAAA,IAAA,aAAA,EAAA,cAAA,EAAA;AACA,uBAAA,IAAA,YAAA,EAAA,aAAA,EAAA;AAGA,qBAAA;AACA,uBAAA;AACA,uBAAA;AACA,uBAAA;AACA,uBAAA;AACA,uBAAA;AAGA,uBAAA;AACA,uBAAA;AACA,sBAAA;AACA,sBAAA;AACA,uBAAA;AACA,uBAAA;AAGA;IAAA,OAAA;IAAA,SAAA;IAAA,aAAA;IAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AAGA,eAAA;AACA,eAAA;AACA,eAAA;AACA,eAAA;AAGA,eAAA;AACA,eAAA;AACA,eAAA;AACA,iBAAA;AAGA,eAAA,EAAA,IAAA,IAAA,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA;AACA,eAAA,EAAA,IAAA,IAAA,KAAA,IAAA,EAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,IAAA,IAAA,KAAA,IAAA,EAAA,EAAA,EAAA,EAAA;AAGA,qBAAA,MAAA;AAGA,mBAAA;AACA,4BAAA;;AAQF,CAAA;AAEE,qBAAA;AACA,uBAAA;AACA,uBAAA;AACA,uBAAA;AACA,uBAAA;AACA,uBAAA;AAGA,mBAAA;AACA,4BAAA;AAGA,sBAAA;AACA,uBAAA;AAIA,kBAAA;AAGA,eAAA,EAAA,IAAA,IAAA,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA;AACA,eAAA,EAAA,IAAA,IAAA,KAAA,IAAA,EAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,IAAA,IAAA,KAAA,IAAA,EAAA,EAAA,EAAA,EAAA;;ACjGF,CAAAA;AACE,WAAA;AACA,eAAA;AACA,mBAAA;AACA,OAAA,IAAA;AACA,eAAA,IAAA;AACA,eAAA;AACA,kBAAA;AACA,UAAA,IAAA,MAAA;AACA,iBAAA,IAAA;AACA,UAAA;AACA;IAAA,iBAAA,IAAA,kBAAA;IAAA,aAAA,IAAA,kBAAA;IAAA,MAAA,IAAA,kBAAA;IAAA,WAAA,IAAA;AAGA,eAAA;AACA,mBAAA;AACA,kBAAA;;AAGF,CAnBAA,oBAmBA;AACE,WAAA,IAAA,MAAA,IAAA;;AAGF,CAvBAA,oBAuBA;AACE,WAAA;AACA,UAAA;;AAIF,CAAAC;AACE,oBAAA,IAAA;AACA,SAAA,IAAA;;AAEF,CAJAA,qBAIA,MAAA,KAAA;AACE,oBAAA,IAAA;;AAGF,CAAAC;AACE,oBAAA,IAAA;AACA,SAAA,IAAA;AACA,gBAAA,IAAA;AACA,cAAA,IAAA;;AAEF,CANAA,uBAMA,MAAA,KAAA;AACE,oBAAA,IAAA;;AAGF,CAAAC;AACE,oBAAA,IAAA;AACA,SAAA,IAAA;;AAEF,CAJAA,oBAIA,MAAA,KAAA;AACE,oBAAA,IAAA;;AAGF,CAAAC;AACE,oBAAA;AACA,SAAA,IAAA;;AAEF,CAJAA,mBAIA,MAAA,KAAA;AACE,oBAAA,IAAA;AACA,SAAA,IAAA;;AAIF,CAAAC;AACE,aAAA,IAAA;AACA,WAAA,IAAA,aAAA,IAAA;AACA,UAAA;;AAGF,CAAAC;AACE,aAAA,IAAA;AACA,WAAA,IAAA,aAAA,IAAA;AACA,UAAA;;AAGF,CAAAC;AACE,aAAA,IAAA;AACA,WAAA,IAAA,aAAA,IAAA;AACA,UAAA;;AAGF,CAAAC;AACE,SAAA;;AAIF,CAAAC;AACE,YAAA;;AAGF,CAAAC;AACE,SAAA;AACA,UAAA;AACA,UAAA,IAAA,MAAA;AACA,oBAAA;AACA,iBAAA,IAAA;AACA,aAAA,mBAAA,KAAA,OAAA;;AAGF,WAHEC;AAIA;AACE,eAAA,OAAA;;;;;AClGJ;AAEE,YAAA;AACA,gBAAA,IAAA,KAAA,EAAA,GAAA,EAAA;AACA,kBAAA;AACA,iBAAA;AACA,iBAAA,KAAA,EAAA,EAAA,GAAA,EAAA,GAAA,EAAA;AACA,kBAAA,IAAA,OAAA,EAAA,OAAA,EAAA;AAGA,sBAAA,IAAA,QAAA,EAAA,QAAA,EAAA;AACA,uBAAA,IAAA,QAAA,EAAA,QAAA,EAAA;AACA,uBAAA,IAAA,KAAA,EAAA,GAAA,EAAA;AACA,uBAAA;AACA,uBAAA,IAAA,aAAA,EAAA,cAAA,EAAA;AACA,uBAAA,IAAA,YAAA,EAAA,aAAA,EAAA;AAGA,qBAAA;AACA,uBAAA;AACA,uBAAA;AACA,uBAAA;AACA,uBAAA;AACA,uBAAA;AAGA,uBAAA;AACA,uBAAA;AACA,sBAAA;AACA,sBAAA;AACA,uBAAA;AACA,uBAAA;AAGA;IAAA,OAAA;IAAA,SAAA;IAAA,aAAA;IAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AAGA,eAAA;AACA,eAAA;AACA,eAAA;AACA,eAAA;AAGA,eAAA;AACA,eAAA;AACA,eAAA;AACA,iBAAA;AAGA,eAAA,EAAA,IAAA,IAAA,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA;AACA,eAAA,EAAA,IAAA,IAAA,KAAA,IAAA,EAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,IAAA,IAAA,KAAA,IAAA,EAAA,EAAA,EAAA,EAAA;AAGA,qBAAA,MAAA;AAGA,mBAAA;AACA,4BAAA;;AAQF,CAAA;AAEE,qBAAA;AACA,uBAAA;AACA,uBAAA;AACA,uBAAA;AACA,uBAAA;AACA,uBAAA;AAGA,mBAAA;AACA,4BAAA;AAGA,sBAAA;AACA,uBAAA;AAIA,kBAAA;AAGA,eAAA,EAAA,IAAA,IAAA,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA;AACA,eAAA,EAAA,IAAA,IAAA,KAAA,IAAA,EAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,IAAA,IAAA,KAAA,IAAA,EAAA,EAAA,EAAA,EAAA;;ACjGF,CAAAC;AACE,WAAA;AACA,kBAAA;AACA,OAAA,IAAA;;AAGF,CAAAC;AACE,SAAA;;AAGF,CAAAC;AACE,eAAA,IAAA;AACA,aAAA,IAAA;AACA,eAAA;AACA,SAAA,IAAA;AACA,kBAAA;;AAGF,CAAAC;AACE,YAAA;AACA,WAAA;AACA,eAAA;;AAGF,CAAAC;AACE,SAAA;AACA,eAAA,IAAA;AACA,UAAA,IAAA,MAAA,IAAA;AACA,iBAAA,IAAA;AACA,oBAAA,IAAA;AACA,SAAA,IAAA;AACA,WAAA;AACA,cAAA,aAAA,IAAA,kBAAA,EAAA,WAAA,IAAA;;AAGF,CAXAA,kBAWA;AACE,SAAA,IAAA;;AAGF,CAfAA,kBAeA;AACE,gBAAA,IAAA;AACA,cAAA,EAAA,EAAA,EAAA,IAAA,IAAA;;AAGF,CApBAA,kBAoBA;AACE,oBAAA,IAAA;AACA,UAAA;AACA,WAAA;;AAGF,CA1BAA,kBA0BA,CAAAC;AACE,gBAAA,IAAA;;AAGF,CA9BAD,kBA8BA,CAJAC,kBAIA;AACE,cAAA,EAAA,EAAA,EAAA,IAAA,KAAA,GAAA,EAAA,EAAA,EAAA,EAAA,EAAA;;AAIF,CAAAC,gBAAA,CAnCAF;AAoCE,aAAA,IAAA;AACA,WAAA,IAAA,aAAA,IAAA;AACA,UAAA;;AAGF,CAAAG,gBAAA,CAzCAH;AA0CE,aAAA,IAAA;AACA,WAAA,IAAA,aAAA,IAAA;AACA,UAAA;;AAGF,CAAAI,gBAAA,CA/CAJ;AAgDE,aAAA,IAAA;AACA,WAAA,IAAA,aAAA,IAAA;AACA,UAAA;;AAIF,CAAAK;AACE,YAAA;AACA,QAAA,IAAA;AACA,WAAA;AACA,eAAA;AACA,SAAA,IAAA;AACA,kBAAA;;AAGF,CAAAC;AACE,QAAA;AACA,SAAA,IAAA;;AAGF,CAjCAJ,gBAiCA,CAAAK;AAAiB,gBAAA;;AACjB,CA5BAJ,gBA4BA,CADAI;AACiB,gBAAA;;AACjB,CAvBAH,gBAuBA,CAFAG;AAEiB,gBAAA;;AAEjB,CArCAL,gBAqCA,CAAAM;AAAe,iBAAA;;AACf,CAhCAL,gBAgCA,CADAK;AACe,iBAAA;;AACf,CA3BAJ,gBA2BA,CAFAI;AAEe,iBAAA;;AAEf,CAAAC;AACE,eAAA,IAAA;AACA,aAAA,IAAA;AACA,SAAA,IAAA;;AAGF,CAAAC;AACE,eAAA,IAAA;AACA,aAAA,IAAA;AACA,SAAA,IAAA;;;;ACxGF;AAEE,YAAA;AACA,gBAAA,IAAA,KAAA,EAAA,GAAA,EAAA;AACA,kBAAA;AACA,iBAAA;AACA,iBAAA,KAAA,EAAA,EAAA,GAAA,EAAA,GAAA,EAAA;AACA,kBAAA,IAAA,OAAA,EAAA,OAAA,EAAA;AAGA,sBAAA,IAAA,QAAA,EAAA,QAAA,EAAA;AACA,uBAAA,IAAA,QAAA,EAAA,QAAA,EAAA;AACA,uBAAA,IAAA,KAAA,EAAA,GAAA,EAAA;AACA,uBAAA;AACA,uBAAA,IAAA,aAAA,EAAA,cAAA,EAAA;AACA,uBAAA,IAAA,YAAA,EAAA,aAAA,EAAA;AAGA,qBAAA;AACA,uBAAA;AACA,uBAAA;AACA,uBAAA;AACA,uBAAA;AACA,uBAAA;AAGA,uBAAA;AACA,uBAAA;AACA,sBAAA;AACA,sBAAA;AACA,uBAAA;AACA,uBAAA;AAGA;IAAA,OAAA;IAAA,SAAA;IAAA,aAAA;IAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AAGA,eAAA;AACA,eAAA;AACA,eAAA;AACA,eAAA;AAGA,eAAA;AACA,eAAA;AACA,eAAA;AACA,iBAAA;AAGA,eAAA,EAAA,IAAA,IAAA,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA;AACA,eAAA,EAAA,IAAA,IAAA,KAAA,IAAA,EAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,IAAA,IAAA,KAAA,IAAA,EAAA,EAAA,EAAA,EAAA;AAGA,qBAAA,MAAA;AAGA,mBAAA;AACA,4BAAA;;AAQF,CAAA;AAEE,qBAAA;AACA,uBAAA;AACA,uBAAA;AACA,uBAAA;AACA,uBAAA;AACA,uBAAA;AAGA,mBAAA;AACA,4BAAA;AAGA,sBAAA;AACA,uBAAA;AAIA,kBAAA;AAGA,eAAA,EAAA,IAAA,IAAA,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA;AACA,eAAA,EAAA,IAAA,IAAA,KAAA,IAAA,EAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,IAAA,IAAA,KAAA,IAAA,EAAA,EAAA,EAAA,EAAA;;ACjGF,CAAAC;AACE,WAAA;AACA,eAAA;AACA,OAAA,IAAA;AACA,eAAA,IAAA;AACA,eAAA;AACA,kBAAA;AACA,iBAAA,IAAA;AACA,eAAA;;AAIF,CAAAC;AACE,aAAA,IAAA;AACA,WAAA,OAAA,IAAA;;AAGF,CAAAC;AACE,aAAA,IAAA;AACA,WAAA,IAAA,aAAA,IAAA;;AAIF,CAAAC;AACE,oBAAA,IAAA;AACA,SAAA,IAAA;;AAGF,CAAAC;AACE,oBAAA,IAAA;AACA,SAAA,IAAA;;AAGF,CAAAC;AACE,oBAAA;AACA,SAAA,IAAA;;AAGF,CAAAC;AACE,oBAAA;AACA,SAAA,IAAA;;AAGF,CAAAC;AACE,oBAAA;AACA,SAAA,IAAA;;AAIF,CAAAC;AACE,SAAA;AACA,UAAA;AACA,iBAAA,IAAA;AACA,oBAAA;AACA,eAAA;;;;ACxDF,CAAAC;AACE,YAAA;AACA,YAAA;AACA,SAAA;AACA,UAAA;;AAIF,CAAAC;AACE,YAAA;AACA,SAAA;AACA,SAAA;AACA,UAAA;AACA,WAAA;AACA,WAAA;AACA,kBAAA;;AAIF,CAAAC;AACE,YAAA;AACA,SAAA;AACA,WAAA;AACA,WAAA;AACA,eAAA;AACA,mBAAA;;AAIF,CAAAC;AACE,YAAA;AACA,SAAA;AACA,WAAA;;;;ACzBF;AAEE,YAAA;AACA,gBAAA,IAAA,KAAA,EAAA,GAAA,EAAA;AACA,kBAAA;AACA,iBAAA;AACA,iBAAA,KAAA,EAAA,EAAA,GAAA,EAAA,GAAA,EAAA;AACA,kBAAA,IAAA,OAAA,EAAA,OAAA,EAAA;AAGA,sBAAA,IAAA,QAAA,EAAA,QAAA,EAAA;AACA,uBAAA,IAAA,QAAA,EAAA,QAAA,EAAA;AACA,uBAAA,IAAA,KAAA,EAAA,GAAA,EAAA;AACA,uBAAA;AACA,uBAAA,IAAA,aAAA,EAAA,cAAA,EAAA;AACA,uBAAA,IAAA,YAAA,EAAA,aAAA,EAAA;AAGA,qBAAA;AACA,uBAAA;AACA,uBAAA;AACA,uBAAA;AACA,uBAAA;AACA,uBAAA;AAGA,uBAAA;AACA,uBAAA;AACA,sBAAA;AACA,sBAAA;AACA,uBAAA;AACA,uBAAA;AAGA;IAAA,OAAA;IAAA,SAAA;IAAA,aAAA;IAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AAGA,eAAA;AACA,eAAA;AACA,eAAA;AACA,eAAA;AAGA,eAAA;AACA,eAAA;AACA,eAAA;AACA,iBAAA;AAGA,eAAA,EAAA,IAAA,IAAA,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA;AACA,eAAA,EAAA,IAAA,IAAA,KAAA,IAAA,EAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,IAAA,IAAA,KAAA,IAAA,EAAA,EAAA,EAAA,EAAA;AAGA,qBAAA,MAAA;AAGA,mBAAA;AACA,4BAAA;;AAQF,CAAA;AAEE,qBAAA;AACA,uBAAA;AACA,uBAAA;AACA,uBAAA;AACA,uBAAA;AACA,uBAAA;AAGA,mBAAA;AACA,4BAAA;AAGA,sBAAA;AACA,uBAAA;AAIA,kBAAA;AAGA,eAAA,EAAA,IAAA,IAAA,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA;AACA,eAAA,EAAA,IAAA,IAAA,KAAA,IAAA,EAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,IAAA,IAAA,KAAA,IAAA,EAAA,EAAA,EAAA,EAAA;;ACrFF,CAAAC;AACE,cAAA;AACA,UAAA;AACA,WAAA;AACA,eAAA,IAAA;;AAMF,CAAAC;AACE,WAAA;AACA,kBAAA;AACA,OAAA;;AAEA,CALFA,yBAKE,CAAAC;AACE,WAAA;AACA,yBAAA,QAAA;AACA,cAAA;AACA,eAAA;;AAGF,CAZFD,yBAYE,CAAAE;AACE,WAAA;AACA,kBAAA;AACA,eAAA;AACA,SApCO;;AAuCT,CAnBFF,yBAmBE,CAAAG;AACE,QAAA;AACA,SAAA;AACA,cAAA;AACA,eAAA,IAAA,OAAA,IAAA;AACA,cAAA,aAAA,KAAA;;AAGF,CA3BFH,yBA2BE,CAAAI;AACE,kBAAA;AACA,eAAA;;AAGF,CAhCFJ,yBAgCE,CA3BAC,oBA2BA,CAAAI,qBAAA,CALAD;AAME,kBAAA;;AAOJ,CAAAE;AACE,WAAA;AACA,kBAAA;AACA,eAAA;;AAEA,CALFA,2BAKE,CAxCAL;AAyCE,WAAA;AACA,kBAAA;AACA,eAAA;AACA,QAAA;AACA,aAAA;;AAIF,CAdFK,2BAcE,CA1CAJ;AA2CE,WAAA;AACA,kBAAA;AACA,eAAA;AACA,SAAA;;AAGF,CArBFI,2BAqBE,CA1CAH;AA2CE,QAAA;AACA,UAAA;AACA,aAAA;AACA,cAAA,IAAA,OAAA,IAAA;AACA,cAAA,aAAA,KAAA;;AAKF,CA/BFG,2BA+BE,CA5CAF;AA6CE,WAAA;AACA,kBAAA;AACA,eAAA;AACA,cAAA;AACA,eAAA;AACA,kBAAA;;AAOJ,CAAAG;AACE,SAzGS;AA0GT,UA1GS;AA2GT,iBAAA;AACA,eAAA;AACA,WAAA;AACA,eAAA;AACA,mBAAA;AACA,aAAA;AACA,YAAA;AACA,WAAA;AACA;IAAA,iBAAA,KAAA,IAAA;IAAA,aAAA,KAAA,IAAA;IAAA,WAAA,KAAA;AAGA,oBAAA,IAAA;AACA,UAAA,IAAA,MAAA,IAAA;AACA,SAAA,IAAA;;AAGF,CAAAC;AACE,WAAA;AACA,eAAA;AACA,mBAAA;AACA,aAAA;AACA,eAAA;;AAOA,CAAAC,0BAAA,CA/BFF;AAgCI,oBApIW,IAAA,qBAAA,EAAA,IAAA;AAqIX,gBArIW,IAAA,qBAAA,EAAA,IAAA;AAsIX,SAAA,IAAA;AACA,cAAA,EAAA,EAAA,EAAA,IAAA,IAAA,sBAAA,EAAA,IAAA;AACA,aAAA,sBAAA,KAAA,aAAA,KAAA,EAAA,KAAA,EAAA,IAAA,EAAA,OAAA;AACA,mBAAA,IAAA,WAAA,EAAA;;AAKF,CAAAG,uBAAA,CA1CFH;AA2CI,oBAAA,IAAA;AACA,gBA/IW,IAAA,uBAAA,EAAA,IAAA;AAgJX,gBAAA;AACA,cAAA,EAAA,EAAA,EAAA,IAAA,IAAA,sBAAA,EAAA,IAAA;AACA,aAAA,sBAAA,GAAA,YAAA;;AAKF,CAAAI,wBAAA,CApDFJ;AAqDI,cAAA,EAAA,EAAA,EAAA,IAAA,IAAA;;AAOJ,CAAAK;AACE,WAAA;AACA,aAAA,IAAA;AACA,SAAA,IAAA;AACA,iBAAA;AACA,kBAAA;;AAGF,CAAAC;AACE,WAAA;AACA,aAAA,IAAA;AACA,eAAA;AACA,SAAA,IAAA;AACA,kBAAA;;AAGF,CAAAC;AACE,UAAA,QAAA,EAAA;AACA,aAAA,IAAA;AACA,SAAA,IAAA;AACA,eAAA;;AAIF,CAhCEH,wBAgCF,CAhBAE;AAiBE,SAAA,IAAA;AACA,eAAA;;AAIF,CAAAE;AACE,gBAAA;;AAIF,CAAAC;AACE,gBAAA,IAAA,uBAAA,EAAA,IAAA;AACA,gBAAA;;AAMF,WAnEIC;AAoEF;AACE,eAAA,MAAA;AACA,sBAAA,IAAA;AACA,kBAAA,IAAA;AACA,gBAAA,EAAA,EAAA,EAAA,IAAA,IAAA;AACA,WAAA;;AAEF;AACE,sBApNW,IAAA,qBAAA,EAAA,IAAA;AAqNX,kBArNW,IAAA,qBAAA,EAAA,IAAA;AAsNX,gBAAA,EAAA,EAAA,EAAA,IAAA,IAAA,sBAAA,EAAA,IAAA;AACA,WAAA,IAAA;;AAEF;AAAO,eAAA,MAAA;;AACP;AAAO,eAAA,MAAA;;AACP;AAAO,eAAA,MAAA;;AACP;AAAO,eAAA,MAAA;;;AAGT,WA5EIC;AA6EF;AAAW,gBAAA,EAAA,EAAA,EAAA,IAAA,IAAA,sBAAA,EAAA,IAAA;;AACX;AAAY,gBAAA,EAAA,EAAA,EAAA,IAAA,IAAA,sBAAA,EAAA,IAAA,eAAA,EAAA,EAAA,EAAA,EAAA,IAAA,IAAA,sBAAA,EAAA,IAAA;;;;;AClOd;AAEE,YAAA;AACA,gBAAA,IAAA,KAAA,EAAA,GAAA,EAAA;AACA,kBAAA;AACA,iBAAA;AACA,iBAAA,KAAA,EAAA,EAAA,GAAA,EAAA,GAAA,EAAA;AACA,kBAAA,IAAA,OAAA,EAAA,OAAA,EAAA;AAGA,sBAAA,IAAA,QAAA,EAAA,QAAA,EAAA;AACA,uBAAA,IAAA,QAAA,EAAA,QAAA,EAAA;AACA,uBAAA,IAAA,KAAA,EAAA,GAAA,EAAA;AACA,uBAAA;AACA,uBAAA,IAAA,aAAA,EAAA,cAAA,EAAA;AACA,uBAAA,IAAA,YAAA,EAAA,aAAA,EAAA;AAGA,qBAAA;AACA,uBAAA;AACA,uBAAA;AACA,uBAAA;AACA,uBAAA;AACA,uBAAA;AAGA,uBAAA;AACA,uBAAA;AACA,sBAAA;AACA,sBAAA;AACA,uBAAA;AACA,uBAAA;AAGA;IAAA,OAAA;IAAA,SAAA;IAAA,aAAA;IAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AAGA,eAAA;AACA,eAAA;AACA,eAAA;AACA,eAAA;AAGA,eAAA;AACA,eAAA;AACA,eAAA;AACA,iBAAA;AAGA,eAAA,EAAA,IAAA,IAAA,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA;AACA,eAAA,EAAA,IAAA,IAAA,KAAA,IAAA,EAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,IAAA,IAAA,KAAA,IAAA,EAAA,EAAA,EAAA,EAAA;AAGA,qBAAA,MAAA;AAGA,mBAAA;AACA,4BAAA;;AAQF,CAAA;AAEE,qBAAA;AACA,uBAAA;AACA,uBAAA;AACA,uBAAA;AACA,uBAAA;AACA,uBAAA;AAGA,mBAAA;AACA,4BAAA;AAGA,sBAAA;AACA,uBAAA;AAIA,kBAAA;AAGA,eAAA,EAAA,IAAA,IAAA,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA;AACA,eAAA,EAAA,IAAA,IAAA,KAAA,IAAA,EAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,IAAA,IAAA,KAAA,IAAA,EAAA,EAAA,EAAA,EAAA;;ACrFF,CAAAC;AACE,WAAA;AACA,kBAAA;AACA,OAAA;AACA,WAAA;AACA,cAAA,IAAA;AACA,mBAAA,KAAA;AACA,2BAAA,KAAA;AACA,UAAA,IAAA,MAAA,IAAA;AACA,iBAAA,IAAA;AACA,cAAA,IAAA,YAAA,EAAA,EAAA,EAAA,EAAA,IAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;AACA,eAAA,IAAA;AACA,SAAA,KAAA,MAAA,EAAA;AACA,cAAA;AACA,eAAA;;AAKF,CAAAC;AACE,WAAA;AACA,mBAAA;;AAGF,CAAAC;AACE,YAAA;AACA,SAjCK;AAkCL,UAlCK;AAmCL,eAAA;AACA,iBAAA;AACA,cAAA,EAAA,EAAA,EAAA,MAAA,IAAA;;AAGF,CAAAC;AACE,WAAA;AACA,SA1CK;AA2CL,UA3CK;AA4CL,UAAA;AACA,iBAAA;;AAGF,CAAAC;AACE,YAAA;AACA,SAAA;AACA,UAAA;AACA,iBAAA;AACA,UAAA,IAAA;AACA,aAAA,UAAA,IAAA,EAAA;AACA,kBAAA;AACA,cAAA,EAAA,EAAA,EAAA,MAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,IAAA,IAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;AACA,cAAA;;AAKF,CAAAC;AACE,YAAA;AACA,UAAA;AACA,iBAAA;AACA,UAAA;AACA,gBAAA;AACA,oBAAA,IAAA;AACA,cAAA,MAAA,EAAA,IAAA,IAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;;AAGF,CAAAC;AACE,YAAA;AACA,OAAA;AACA,SAzEW;AA0EX,UA1EW;AA2EX,iBAAA;AACA,aAAA,UAAA,IAAA,EAAA;AACA,cAAA;AACA,UAAA,IAAA,MAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;AACA,cAAA,EAAA,IAAA,IAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;AACA,kBAAA;;AAKF,CAAAC;AACE,YAAA;AACA,UAAA;AACA,iBAAA;AACA,UAAA;AACA,gBAAA;AACA,oBAAA,IAAA;AACA,cAAA,MAAA,EAAA,IAAA,IAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;;AAIF,CAAAC;AACE,YAAA;AACA,OAAA;AACA,SAnGW;AAoGX,UApGW;AAqGX,iBAAA;AACA,aAAA,UAAA,IAAA,EAAA;AACA,cAAA;AACA,UAAA,IAAA,MAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;AACA,cAAA,EAAA,IAAA,IAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;AACA,kBAAA;;AAKF,CAAAC;AACE,SAAA;AACA,UAAA;AACA,iBAAA,IAAA;AACA,UAAA,IAAA,MAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;AACA,cAAA,MAAA,EAAA,IAAA,IAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;AACA,YAAA;AACA,WAAA;AACA,eAAA;AACA,mBAAA;AACA,WAAA,EAAA;AACA,cAAA;;AAGF,CAAAC;AACE,WAAA;AACA,eAAA;AACA,mBAAA;AACA,SAAA;AACA,UAAA;AACA,UAAA;AACA,iBAAA,IAAA;AACA,cAAA,KAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA;AACA,SAAA,KAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA;AACA,UAAA;AACA,mBAAA,KAAA;AACA,cAAA,WAAA,IAAA;;AAEA,CAdFA,gCAcE;AACE,cAAA,KAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA;;AAMJ,CAAAC;AACE,WAAA;AACA,kBAAA;AACA,OAAA;;AAGF,CAAAC;AACE,WAAA;AACA,cAAA,IAAA;AACA,iBAAA,IAAA;AACA,WAAA;AACA,OAAA;;AAGF,CAAAC;AACE,QAAA;AACA,WAAA,OAAA;AACA,aAAA;AACA,eAAA;AACA,kBAAA;AACA,UAAA;AACA,iBAAA,KAAA,IAAA,aAAA,EAAA;AACA,cAAA;AACA,SAAA,IAAA;AACA,UAAA;AACA,cAAA,WAAA,IAAA,kBAAA,EAAA,MAAA,IAAA;;AAEA,CAbFA,sBAaE,MAAA,KAAA,CAAAC;AACE,SAAA,IAAA;;AAIJ,CALEA;AAMA,cA1La,IAAA,oBAAA,EAAA,IAAA;AA2Lb,SAAA;AACA,cAAA,EAAA,IAAA,IAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;;AAGF,CAAAC;AACE,YAAA;AACA,WAAA;AACA,eAAA;;AAGF,CAAAC;AACE,YAAA;AACA,QAAA;AACA,aAAA,IAAA;AACA;IAAA,SAAA;IAAA,WAAA;IAAA,UAAA;IAAA;AACA,SAAA,IAAA;AACA,kBAAA;AACA,eAAA;;AAGF,CAAAC;AACE,SAAA;AACA,cAAA;AACA,WAAA,OAAA;AACA,UAAA,IAAA,MAAA,IAAA;AACA,iBAAA,IAAA;AACA,aAAA,IAAA;AACA;IAAA,SAAA;IAAA,WAAA;IAAA,UAAA;IAAA;AACA,SAAA,IAAA;AACA,cAAA,IAAA;AACA,WAAA;AACA,cAAA;AACA,cAAA,aAAA,IAAA,kBAAA,EAAA,WAAA,IAAA;;AAEA,CAdFA,wBAcE;AACE,gBA9NW,IAAA,oBAAA,EAAA,IAAA;AA+NX,cAAA,EAAA,EAAA,EAAA,IAAA,IAAA,yBAAA,EAAA,IAAA;;AAIJ,CAAAC;AACE,YAAA;AACA,SAAA;AACA,WAAA;AACA,eAAA;AACA,mBAAA;AACA,SAAA;AACA,UAAA;AACA,UAAA;AACA,iBAAA,IAAA;AACA,cAAA;AACA,SAAA,IAAA;AACA,UAAA;AACA,cAAA,WAAA,IAAA,kBAAA,EAAA,MAAA,IAAA;;AAEA,CAfFA,+BAeE;AACE,cAAA,IAAA;AACA,SAAA,IAAA;;AAOJ,CAAAC;AACE,WAAA;AACA,eAAA;AACA,OAAA;AACA,eAAA;AACA,cAAA,IAAA,MAAA,IAAA;AACA,YAAA;;AAGF,CAAAC;AACE,aAAA;AACA,eAAA;AACA,kBAAA;AACA,kBAAA;AACA,SAAA,IAAA;AACA,eAAA;;AAGF,CAAAC;AACE,WAAA;AACA,OAAA;AACA,aAAA;AACA,YAAA;;AAGF,CAAAC;AACE,SAAA;AACA,UAAA;AACA,iBAAA;AACA,UAAA,MAAA,MAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;AACA,UAAA;AACA,WAAA;AACA,eAAA;;","names":["button","primary","secondary","danger","ghost","sm","md","lg","fullWidth","loading","spinner","spin","wrapper","fullWidth","label","inputWrapper","input","error","sm","md","lg","adornment","adornmentEnd","withStart","withEnd","helperText","errorText","badge","sm","md","default","primary","success","warning","danger","dotIndicator","wrapper","trailCanvas","content","dropContainer","timeline","vertical","item","track","connector","content","last","horizontal","dot","iconSlot","completed","active","pending","label","title","description","connectorHidden","connectorDone","dotIn","pulse","colorPicker","topRow","discWrapper","disc","dot","lSlider","lThumb","alphaSlider","alphaThumb","previewSwatch","eyedropperBtn","inputSection","tabs","tab","tabActive","inputWrapper","inputAddon","input","inputCopyBtn","recents","recentsLabel","swatches","recentSwatch"]}
+{"version":3,"sources":["../src/styles/tokens.scss","../src/components/Button/Button.module.scss","../src/styles/tokens.scss","../src/components/Input/Input.module.scss","../src/styles/tokens.scss","../src/components/Badge/Badge.module.scss","../src/components/RainCanvas/RainCanvas.module.scss","../src/styles/tokens.scss","../src/components/Timeline/Timeline.module.scss","../src/styles/tokens.scss","../src/components/ColorPicker/ColorPicker.module.scss"],"sourcesContent":["@use \"sass:color\";\n\n@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap\");\n\n// Accent di default — cambia qui per aggiornare tutta la libreria\n$accent: #3b82f6;\n\n:root {\n  // Accent scale — derivata da $accent a compile time\n  --accent:        #{$accent};\n  --accent-dot:    #{color.scale($accent, $lightness: 12%)};\n  --accent-track:  #{$accent};\n  --accent-ring:   #{$accent};\n  --accent-glow:   #{color.change($accent, $alpha: 0.3)};\n  --accent-light:  #{color.scale($accent, $lightness: 45%, $saturation: -20%)};\n\n  // Primary scale (mantenuta per retrocompatibilità con Button, Badge, Input)\n  --color-primary-50:  #{color.scale($accent, $lightness: 49%, $saturation: -30%)};\n  --color-primary-100: #{color.scale($accent, $lightness: 42%, $saturation: -15%)};\n  --color-primary-400: #{color.scale($accent, $lightness: 12%)};\n  --color-primary-500: #{$accent};\n  --color-primary-600: #{color.scale($accent, $lightness: -10%)};\n  --color-primary-700: #{color.scale($accent, $lightness: -20%)};\n\n  // Neutral\n  --color-neutral-0:   #ffffff;\n  --color-neutral-100: #f3f4f6;\n  --color-neutral-200: #e5e7eb;\n  --color-neutral-400: #9ca3af;\n  --color-neutral-600: #4b5563;\n  --color-neutral-900: #111827;\n\n  // Semantic\n  --color-success-500: #22c55e;\n  --color-success-600: #16a34a;\n  --color-danger-500:  #ef4444;\n  --color-danger-600:  #dc2626;\n  --color-warning-500: #f59e0b;\n  --color-warning-600: #d97706;\n\n  // Typography\n  --font-family-base: \"Inter\", system-ui, -apple-system, sans-serif;\n  --font-size-xs: 0.75rem;\n  --font-size-sm: 0.875rem;\n  --font-size-md: 1rem;\n  --font-size-lg: 1.125rem;\n\n  // Spacing\n  --spacing-1: 0.25rem;\n  --spacing-2: 0.5rem;\n  --spacing-3: 0.75rem;\n  --spacing-4: 1rem;\n\n  // Radius\n  --radius-sm:   0.25rem;\n  --radius-md:   0.375rem;\n  --radius-lg:   0.5rem;\n  --radius-full: 9999px;\n\n  // Shadows\n  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n\n  // Transitions\n  --transition-fast: 150ms ease;\n\n  // Surface (background di card/panel)\n  --color-surface:          #ffffff;\n  --color-surface-elevated: #ffffff;\n}\n\n// ─── Dark theme ────────────────────────────────────────────────────────────────\n// Applicato via data-theme=\"dark\" sull'elemento root (gestito da Storybook decorator\n// e dall'app consumer). I componenti non devono fare nulla di speciale: basta che\n// usino i token var() e riceveranno automaticamente i valori dark.\n\n[data-theme=\"dark\"] {\n  // Neutral (scala invertita)\n  --color-neutral-0:   #0f172a;\n  --color-neutral-100: #1e293b;\n  --color-neutral-200: #334155;\n  --color-neutral-400: #94a3b8;\n  --color-neutral-600: #cbd5e1;\n  --color-neutral-900: #f8fafc;\n\n  // Surface\n  --color-surface:          #1e293b;\n  --color-surface-elevated: #273549;\n\n  // Primary scale dark (per il default accent blu — le sfumature chiare diventano scure)\n  --color-primary-50:  #172554;\n  --color-primary-100: #1e3a8a;\n  // 400 / 500 / 600 / 700 rimangono invariati (abbastanza saturi su bg scuro)\n\n  // Accent light: variante scura\n  --accent-light: #172554;\n\n  // Shadows (più forti su bg scuro)\n  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.4);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.5), 0 2px 4px -2px rgb(0 0 0 / 0.4);\n}\n","@import \"../../styles/tokens.scss\";\n\n.button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--spacing-2);\n  font-family: var(--font-family-base);\n  font-weight: 500;\n  letter-spacing: -0.01em;\n  border: 1px solid transparent;\n  border-radius: var(--radius-md);\n  cursor: pointer;\n  transition: background-color var(--transition-fast),\n    border-color var(--transition-fast), color var(--transition-fast),\n    box-shadow var(--transition-fast);\n  white-space: nowrap;\n  text-decoration: none;\n  outline-offset: 2px;\n}\n\n.button:focus-visible {\n  outline: 2px solid var(--color-primary-500);\n}\n\n.button:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n/* Variants */\n.primary {\n  background-color: var(--color-primary-600);\n  color: var(--color-neutral-0);\n}\n.primary:hover:not(:disabled) {\n  background-color: var(--color-primary-700);\n}\n\n.secondary {\n  background-color: var(--color-neutral-0);\n  color: var(--color-neutral-900);\n  border-color: var(--color-neutral-200);\n  box-shadow: var(--shadow-sm);\n}\n.secondary:hover:not(:disabled) {\n  background-color: var(--color-neutral-100);\n}\n\n.danger {\n  background-color: var(--color-danger-500);\n  color: var(--color-neutral-0);\n}\n.danger:hover:not(:disabled) {\n  background-color: var(--color-danger-600);\n}\n\n.ghost {\n  background-color: transparent;\n  color: var(--color-neutral-600);\n}\n.ghost:hover:not(:disabled) {\n  background-color: var(--color-neutral-100);\n  color: var(--color-neutral-900);\n}\n\n/* Sizes */\n.sm {\n  font-size: var(--font-size-xs);\n  padding: var(--spacing-1) var(--spacing-3);\n  height: 2rem;\n}\n\n.md {\n  font-size: var(--font-size-sm);\n  padding: var(--spacing-2) var(--spacing-4);\n  height: 2.5rem;\n}\n\n.lg {\n  font-size: var(--font-size-md);\n  padding: var(--spacing-3) var(--spacing-4);\n  height: 3rem;\n}\n\n.fullWidth {\n  width: 100%;\n}\n\n/* Loading */\n.loading {\n  position: relative;\n}\n\n.spinner {\n  width: 1em;\n  height: 1em;\n  border: 2px solid currentColor;\n  border-top-color: transparent;\n  border-radius: var(--radius-full);\n  animation: spin 0.6s linear infinite;\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n","@use \"sass:color\";\n\n@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap\");\n\n// Accent di default — cambia qui per aggiornare tutta la libreria\n$accent: #3b82f6;\n\n:root {\n  // Accent scale — derivata da $accent a compile time\n  --accent:        #{$accent};\n  --accent-dot:    #{color.scale($accent, $lightness: 12%)};\n  --accent-track:  #{$accent};\n  --accent-ring:   #{$accent};\n  --accent-glow:   #{color.change($accent, $alpha: 0.3)};\n  --accent-light:  #{color.scale($accent, $lightness: 45%, $saturation: -20%)};\n\n  // Primary scale (mantenuta per retrocompatibilità con Button, Badge, Input)\n  --color-primary-50:  #{color.scale($accent, $lightness: 49%, $saturation: -30%)};\n  --color-primary-100: #{color.scale($accent, $lightness: 42%, $saturation: -15%)};\n  --color-primary-400: #{color.scale($accent, $lightness: 12%)};\n  --color-primary-500: #{$accent};\n  --color-primary-600: #{color.scale($accent, $lightness: -10%)};\n  --color-primary-700: #{color.scale($accent, $lightness: -20%)};\n\n  // Neutral\n  --color-neutral-0:   #ffffff;\n  --color-neutral-100: #f3f4f6;\n  --color-neutral-200: #e5e7eb;\n  --color-neutral-400: #9ca3af;\n  --color-neutral-600: #4b5563;\n  --color-neutral-900: #111827;\n\n  // Semantic\n  --color-success-500: #22c55e;\n  --color-success-600: #16a34a;\n  --color-danger-500:  #ef4444;\n  --color-danger-600:  #dc2626;\n  --color-warning-500: #f59e0b;\n  --color-warning-600: #d97706;\n\n  // Typography\n  --font-family-base: \"Inter\", system-ui, -apple-system, sans-serif;\n  --font-size-xs: 0.75rem;\n  --font-size-sm: 0.875rem;\n  --font-size-md: 1rem;\n  --font-size-lg: 1.125rem;\n\n  // Spacing\n  --spacing-1: 0.25rem;\n  --spacing-2: 0.5rem;\n  --spacing-3: 0.75rem;\n  --spacing-4: 1rem;\n\n  // Radius\n  --radius-sm:   0.25rem;\n  --radius-md:   0.375rem;\n  --radius-lg:   0.5rem;\n  --radius-full: 9999px;\n\n  // Shadows\n  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n\n  // Transitions\n  --transition-fast: 150ms ease;\n\n  // Surface (background di card/panel)\n  --color-surface:          #ffffff;\n  --color-surface-elevated: #ffffff;\n}\n\n// ─── Dark theme ────────────────────────────────────────────────────────────────\n// Applicato via data-theme=\"dark\" sull'elemento root (gestito da Storybook decorator\n// e dall'app consumer). I componenti non devono fare nulla di speciale: basta che\n// usino i token var() e riceveranno automaticamente i valori dark.\n\n[data-theme=\"dark\"] {\n  // Neutral (scala invertita)\n  --color-neutral-0:   #0f172a;\n  --color-neutral-100: #1e293b;\n  --color-neutral-200: #334155;\n  --color-neutral-400: #94a3b8;\n  --color-neutral-600: #cbd5e1;\n  --color-neutral-900: #f8fafc;\n\n  // Surface\n  --color-surface:          #1e293b;\n  --color-surface-elevated: #273549;\n\n  // Primary scale dark (per il default accent blu — le sfumature chiare diventano scure)\n  --color-primary-50:  #172554;\n  --color-primary-100: #1e3a8a;\n  // 400 / 500 / 600 / 700 rimangono invariati (abbastanza saturi su bg scuro)\n\n  // Accent light: variante scura\n  --accent-light: #172554;\n\n  // Shadows (più forti su bg scuro)\n  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.4);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.5), 0 2px 4px -2px rgb(0 0 0 / 0.4);\n}\n","@import \"../../styles/tokens.scss\";\n\n.wrapper {\n  display: inline-flex;\n  flex-direction: column;\n  gap: var(--spacing-1);\n}\n\n.fullWidth {\n  width: 100%;\n}\n\n.label {\n  font-family: var(--font-family-base);\n  font-size: var(--font-size-sm);\n  font-weight: 500;\n  color: var(--color-neutral-900);\n  letter-spacing: -0.01em;\n}\n\n.inputWrapper {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.input {\n  width: 100%;\n  font-family: var(--font-family-base);\n  border: 1px solid var(--color-neutral-200);\n  border-radius: var(--radius-md);\n  background-color: var(--color-neutral-0);\n  color: var(--color-neutral-900);\n  outline: none;\n  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);\n}\n\n.input::placeholder {\n  color: var(--color-neutral-400);\n}\n\n.input:focus {\n  border-color: var(--color-primary-500);\n  box-shadow: 0 0 0 3px var(--color-primary-100);\n}\n\n.input:disabled {\n  background-color: var(--color-neutral-100);\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.input.error {\n  border-color: var(--color-danger-500);\n}\n\n.input.error:focus {\n  box-shadow: 0 0 0 3px rgb(239 68 68 / 0.15);\n}\n\n/* Sizes */\n.sm .input {\n  font-size: var(--font-size-xs);\n  padding: var(--spacing-1) var(--spacing-2);\n  height: 2rem;\n}\n\n.md .input {\n  font-size: var(--font-size-sm);\n  padding: var(--spacing-2) var(--spacing-3);\n  height: 2.5rem;\n}\n\n.lg .input {\n  font-size: var(--font-size-md);\n  padding: var(--spacing-3) var(--spacing-4);\n  height: 3rem;\n}\n\n/* Adornments */\n.adornment {\n  position: absolute;\n  left: var(--spacing-3);\n  display: flex;\n  align-items: center;\n  color: var(--color-neutral-400);\n  pointer-events: none;\n}\n\n.adornmentEnd {\n  left: unset;\n  right: var(--spacing-3);\n}\n\n.sm .withStart { padding-left: 2rem; }\n.md .withStart { padding-left: 2.25rem; }\n.lg .withStart { padding-left: 2.5rem; }\n\n.sm .withEnd { padding-right: 2rem; }\n.md .withEnd { padding-right: 2.25rem; }\n.lg .withEnd { padding-right: 2.5rem; }\n\n.helperText {\n  font-family: var(--font-family-base);\n  font-size: var(--font-size-xs);\n  color: var(--color-neutral-400);\n}\n\n.errorText {\n  font-family: var(--font-family-base);\n  font-size: var(--font-size-xs);\n  color: var(--color-danger-500);\n}\n","@use \"sass:color\";\n\n@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap\");\n\n// Accent di default — cambia qui per aggiornare tutta la libreria\n$accent: #3b82f6;\n\n:root {\n  // Accent scale — derivata da $accent a compile time\n  --accent:        #{$accent};\n  --accent-dot:    #{color.scale($accent, $lightness: 12%)};\n  --accent-track:  #{$accent};\n  --accent-ring:   #{$accent};\n  --accent-glow:   #{color.change($accent, $alpha: 0.3)};\n  --accent-light:  #{color.scale($accent, $lightness: 45%, $saturation: -20%)};\n\n  // Primary scale (mantenuta per retrocompatibilità con Button, Badge, Input)\n  --color-primary-50:  #{color.scale($accent, $lightness: 49%, $saturation: -30%)};\n  --color-primary-100: #{color.scale($accent, $lightness: 42%, $saturation: -15%)};\n  --color-primary-400: #{color.scale($accent, $lightness: 12%)};\n  --color-primary-500: #{$accent};\n  --color-primary-600: #{color.scale($accent, $lightness: -10%)};\n  --color-primary-700: #{color.scale($accent, $lightness: -20%)};\n\n  // Neutral\n  --color-neutral-0:   #ffffff;\n  --color-neutral-100: #f3f4f6;\n  --color-neutral-200: #e5e7eb;\n  --color-neutral-400: #9ca3af;\n  --color-neutral-600: #4b5563;\n  --color-neutral-900: #111827;\n\n  // Semantic\n  --color-success-500: #22c55e;\n  --color-success-600: #16a34a;\n  --color-danger-500:  #ef4444;\n  --color-danger-600:  #dc2626;\n  --color-warning-500: #f59e0b;\n  --color-warning-600: #d97706;\n\n  // Typography\n  --font-family-base: \"Inter\", system-ui, -apple-system, sans-serif;\n  --font-size-xs: 0.75rem;\n  --font-size-sm: 0.875rem;\n  --font-size-md: 1rem;\n  --font-size-lg: 1.125rem;\n\n  // Spacing\n  --spacing-1: 0.25rem;\n  --spacing-2: 0.5rem;\n  --spacing-3: 0.75rem;\n  --spacing-4: 1rem;\n\n  // Radius\n  --radius-sm:   0.25rem;\n  --radius-md:   0.375rem;\n  --radius-lg:   0.5rem;\n  --radius-full: 9999px;\n\n  // Shadows\n  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n\n  // Transitions\n  --transition-fast: 150ms ease;\n\n  // Surface (background di card/panel)\n  --color-surface:          #ffffff;\n  --color-surface-elevated: #ffffff;\n}\n\n// ─── Dark theme ────────────────────────────────────────────────────────────────\n// Applicato via data-theme=\"dark\" sull'elemento root (gestito da Storybook decorator\n// e dall'app consumer). I componenti non devono fare nulla di speciale: basta che\n// usino i token var() e riceveranno automaticamente i valori dark.\n\n[data-theme=\"dark\"] {\n  // Neutral (scala invertita)\n  --color-neutral-0:   #0f172a;\n  --color-neutral-100: #1e293b;\n  --color-neutral-200: #334155;\n  --color-neutral-400: #94a3b8;\n  --color-neutral-600: #cbd5e1;\n  --color-neutral-900: #f8fafc;\n\n  // Surface\n  --color-surface:          #1e293b;\n  --color-surface-elevated: #273549;\n\n  // Primary scale dark (per il default accent blu — le sfumature chiare diventano scure)\n  --color-primary-50:  #172554;\n  --color-primary-100: #1e3a8a;\n  // 400 / 500 / 600 / 700 rimangono invariati (abbastanza saturi su bg scuro)\n\n  // Accent light: variante scura\n  --accent-light: #172554;\n\n  // Shadows (più forti su bg scuro)\n  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.4);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.5), 0 2px 4px -2px rgb(0 0 0 / 0.4);\n}\n","@import \"../../styles/tokens.scss\";\n\n.badge {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--spacing-1);\n  font-family: var(--font-family-base);\n  font-weight: 500;\n  letter-spacing: 0.01em;\n  border-radius: var(--radius-full);\n  white-space: nowrap;\n}\n\n/* Sizes */\n.sm {\n  font-size: var(--font-size-xs);\n  padding: 0.1rem var(--spacing-2);\n}\n\n.md {\n  font-size: var(--font-size-xs);\n  padding: var(--spacing-1) var(--spacing-3);\n}\n\n/* Variants */\n.default {\n  background-color: var(--color-neutral-100);\n  color: var(--color-neutral-600);\n}\n\n.primary {\n  background-color: var(--color-primary-50);\n  color: var(--color-primary-700);\n}\n\n.success {\n  background-color: #f0fdf4;\n  color: var(--color-success-600);\n}\n\n.warning {\n  background-color: #fffbeb;\n  color: var(--color-warning-600);\n}\n\n.danger {\n  background-color: #fef2f2;\n  color: var(--color-danger-600);\n}\n\n/* Dot indicator */\n.dotIndicator {\n  width: 0.5rem;\n  height: 0.5rem;\n  border-radius: var(--radius-full);\n  background-color: currentColor;\n  flex-shrink: 0;\n}\n",".wrapper {\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n}\n\n/* Scie umide — sotto il contenuto */\n.trailCanvas {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  display: block;\n  z-index: 1;\n  pointer-events: none;\n}\n\n/* Form e contenuto — sopra le scie */\n.content {\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n/* Le gocce DOM stanno sopra tutto, ma pointer-events: none (impostato inline) */\n.dropContainer {\n  position: absolute;\n  inset: 0;\n  z-index: 3;\n}\n","@use \"sass:color\";\n\n@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap\");\n\n// Accent di default — cambia qui per aggiornare tutta la libreria\n$accent: #3b82f6;\n\n:root {\n  // Accent scale — derivata da $accent a compile time\n  --accent:        #{$accent};\n  --accent-dot:    #{color.scale($accent, $lightness: 12%)};\n  --accent-track:  #{$accent};\n  --accent-ring:   #{$accent};\n  --accent-glow:   #{color.change($accent, $alpha: 0.3)};\n  --accent-light:  #{color.scale($accent, $lightness: 45%, $saturation: -20%)};\n\n  // Primary scale (mantenuta per retrocompatibilità con Button, Badge, Input)\n  --color-primary-50:  #{color.scale($accent, $lightness: 49%, $saturation: -30%)};\n  --color-primary-100: #{color.scale($accent, $lightness: 42%, $saturation: -15%)};\n  --color-primary-400: #{color.scale($accent, $lightness: 12%)};\n  --color-primary-500: #{$accent};\n  --color-primary-600: #{color.scale($accent, $lightness: -10%)};\n  --color-primary-700: #{color.scale($accent, $lightness: -20%)};\n\n  // Neutral\n  --color-neutral-0:   #ffffff;\n  --color-neutral-100: #f3f4f6;\n  --color-neutral-200: #e5e7eb;\n  --color-neutral-400: #9ca3af;\n  --color-neutral-600: #4b5563;\n  --color-neutral-900: #111827;\n\n  // Semantic\n  --color-success-500: #22c55e;\n  --color-success-600: #16a34a;\n  --color-danger-500:  #ef4444;\n  --color-danger-600:  #dc2626;\n  --color-warning-500: #f59e0b;\n  --color-warning-600: #d97706;\n\n  // Typography\n  --font-family-base: \"Inter\", system-ui, -apple-system, sans-serif;\n  --font-size-xs: 0.75rem;\n  --font-size-sm: 0.875rem;\n  --font-size-md: 1rem;\n  --font-size-lg: 1.125rem;\n\n  // Spacing\n  --spacing-1: 0.25rem;\n  --spacing-2: 0.5rem;\n  --spacing-3: 0.75rem;\n  --spacing-4: 1rem;\n\n  // Radius\n  --radius-sm:   0.25rem;\n  --radius-md:   0.375rem;\n  --radius-lg:   0.5rem;\n  --radius-full: 9999px;\n\n  // Shadows\n  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n\n  // Transitions\n  --transition-fast: 150ms ease;\n\n  // Surface (background di card/panel)\n  --color-surface:          #ffffff;\n  --color-surface-elevated: #ffffff;\n}\n\n// ─── Dark theme ────────────────────────────────────────────────────────────────\n// Applicato via data-theme=\"dark\" sull'elemento root (gestito da Storybook decorator\n// e dall'app consumer). I componenti non devono fare nulla di speciale: basta che\n// usino i token var() e riceveranno automaticamente i valori dark.\n\n[data-theme=\"dark\"] {\n  // Neutral (scala invertita)\n  --color-neutral-0:   #0f172a;\n  --color-neutral-100: #1e293b;\n  --color-neutral-200: #334155;\n  --color-neutral-400: #94a3b8;\n  --color-neutral-600: #cbd5e1;\n  --color-neutral-900: #f8fafc;\n\n  // Surface\n  --color-surface:          #1e293b;\n  --color-surface-elevated: #273549;\n\n  // Primary scale dark (per il default accent blu — le sfumature chiare diventano scure)\n  --color-primary-50:  #172554;\n  --color-primary-100: #1e3a8a;\n  // 400 / 500 / 600 / 700 rimangono invariati (abbastanza saturi su bg scuro)\n\n  // Accent light: variante scura\n  --accent-light: #172554;\n\n  // Shadows (più forti su bg scuro)\n  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.4);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.5), 0 2px 4px -2px rgb(0 0 0 / 0.4);\n}\n","@use \"../../styles/tokens\" as *;\n\n// --- Tokens locali ---\n// Usa --timeline-accent-* se passato via prop, altrimenti fallback ai token globali\n$dot-size: 1.25rem;\n$connector-thickness: 2px;\n$color-pending: var(--color-neutral-200);\n\n$accent-dot:   var(--timeline-accent-dot,   var(--accent-dot));\n$accent-track: var(--timeline-accent-track, var(--accent-track));\n$accent-ring:  var(--timeline-accent-ring,  var(--accent-ring));\n$accent-glow:  var(--timeline-accent-glow,  var(--accent-glow));\n\n// --- Reset lista ---\n.timeline {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  font-family: var(--font-family-base);\n}\n\n// =====================\n// VERTICALE (default)\n// =====================\n.vertical {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n\n  .item {\n    display: grid;\n    grid-template-columns: $dot-size 1fr;\n    column-gap: 1rem;\n    align-items: stretch;\n  }\n\n  .track {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: $dot-size;\n  }\n\n  .connector {\n    flex: 1;\n    width: 0;\n    min-height: 0.5rem;\n    border-left: $connector-thickness dashed $color-pending;\n    transition: border-color 0.3s ease;\n  }\n\n  .content {\n    padding-bottom: 1.75rem;\n    padding-top: 0.1rem;\n  }\n\n  .item.last .content {\n    padding-bottom: 0;\n  }\n}\n\n// =======================\n// ORIZZONTALE\n// =======================\n.horizontal {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n\n  .item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    flex: 1;\n    min-width: 0;\n\n  }\n\n  .track {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    width: 100%;\n  }\n\n  .connector {\n    flex: 1;\n    height: 0;\n    min-width: 1rem;\n    border-top: $connector-thickness dashed $color-pending;\n    transition: border-color 0.3s ease;\n  }\n\n\n\n  .content {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    padding-top: 0.75rem;\n    padding-inline: 0.5rem;\n  }\n}\n\n// =====================\n// DOT\n// =====================\n.dot {\n  width: $dot-size;\n  height: $dot-size;\n  border-radius: 50%;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 0.6rem;\n  position: relative;\n  z-index: 1;\n  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;\n\n  // pending\n  background-color: var(--color-neutral-0);\n  border: $connector-thickness solid $color-pending;\n  color: var(--color-neutral-400);\n}\n\n.iconSlot {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 0.65rem;\n  line-height: 1;\n}\n\n// =====================\n// STATUS\n// =====================\n.completed {\n  .dot {\n    background-color: $accent-dot;\n    border-color: $accent-dot;\n    color: var(--color-neutral-0);\n    box-shadow: 0 0 0 3px $accent-ring;\n    animation: dotIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;\n    animation-delay: var(--dot-delay, 0s);\n  }\n}\n\n.active {\n  .dot {\n    background-color: var(--color-neutral-0);\n    border-color: $accent-track;\n    border-width: 2px;\n    box-shadow: 0 0 0 3px $accent-ring;\n    animation: pulse 2s ease-in-out infinite;\n  }\n}\n\n.pending {\n  .dot {\n    box-shadow: 0 0 0 3px var(--color-neutral-200);\n  }\n}\n\n// =====================\n// CONTENT\n// =====================\n.label {\n  display: block;\n  font-size: var(--font-size-xs);\n  color: var(--color-neutral-400);\n  margin-bottom: 0.2rem;\n  letter-spacing: 0.01em;\n}\n\n.title {\n  display: block;\n  font-size: var(--font-size-sm);\n  font-weight: 600;\n  color: var(--color-neutral-900);\n  letter-spacing: -0.01em;\n}\n\n.description {\n  margin: 0.35rem 0 0;\n  font-size: var(--font-size-xs);\n  color: var(--color-neutral-600);\n  line-height: 1.5;\n}\n\n// Status: titolo più sbiadito per pending\n.pending .title {\n  color: var(--color-neutral-400);\n  font-weight: 500;\n}\n\n// Connettore invisibile — tiene lo spazio ma non mostra la linea\n.connectorHidden {\n  border-color: transparent !important;\n}\n\n// Connettore completato — sovrascrive dashed con solid + colore accent\n.connectorDone {\n  border-color: $accent-track !important;\n  border-style: solid !important;\n}\n\n// =====================\n// ANIMAZIONI\n// =====================\n@keyframes dotIn {\n  0% {\n    transform: scale(0.5);\n    background-color: var(--color-neutral-0);\n    border-color: var(--color-neutral-200);\n    box-shadow: 0 0 0 3px var(--color-neutral-200);\n    color: transparent;\n  }\n  40% {\n    background-color: $accent-dot;\n    border-color: $accent-dot;\n    box-shadow: 0 0 0 3px $accent-ring;\n    color: var(--color-neutral-0);\n  }\n  50%  { transform: scale(1.06); }\n  70%  { transform: scale(0.97); }\n  85%  { transform: scale(1.02); }\n  100% { transform: scale(1); }\n}\n\n@keyframes pulse {\n  0%, 100% { box-shadow: 0 0 0 3px $accent-ring; }\n  50%       { box-shadow: 0 0 0 3px $accent-ring, 0 0 0 6px $accent-glow; }\n}\n","@use \"sass:color\";\n\n@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap\");\n\n// Accent di default — cambia qui per aggiornare tutta la libreria\n$accent: #3b82f6;\n\n:root {\n  // Accent scale — derivata da $accent a compile time\n  --accent:        #{$accent};\n  --accent-dot:    #{color.scale($accent, $lightness: 12%)};\n  --accent-track:  #{$accent};\n  --accent-ring:   #{$accent};\n  --accent-glow:   #{color.change($accent, $alpha: 0.3)};\n  --accent-light:  #{color.scale($accent, $lightness: 45%, $saturation: -20%)};\n\n  // Primary scale (mantenuta per retrocompatibilità con Button, Badge, Input)\n  --color-primary-50:  #{color.scale($accent, $lightness: 49%, $saturation: -30%)};\n  --color-primary-100: #{color.scale($accent, $lightness: 42%, $saturation: -15%)};\n  --color-primary-400: #{color.scale($accent, $lightness: 12%)};\n  --color-primary-500: #{$accent};\n  --color-primary-600: #{color.scale($accent, $lightness: -10%)};\n  --color-primary-700: #{color.scale($accent, $lightness: -20%)};\n\n  // Neutral\n  --color-neutral-0:   #ffffff;\n  --color-neutral-100: #f3f4f6;\n  --color-neutral-200: #e5e7eb;\n  --color-neutral-400: #9ca3af;\n  --color-neutral-600: #4b5563;\n  --color-neutral-900: #111827;\n\n  // Semantic\n  --color-success-500: #22c55e;\n  --color-success-600: #16a34a;\n  --color-danger-500:  #ef4444;\n  --color-danger-600:  #dc2626;\n  --color-warning-500: #f59e0b;\n  --color-warning-600: #d97706;\n\n  // Typography\n  --font-family-base: \"Inter\", system-ui, -apple-system, sans-serif;\n  --font-size-xs: 0.75rem;\n  --font-size-sm: 0.875rem;\n  --font-size-md: 1rem;\n  --font-size-lg: 1.125rem;\n\n  // Spacing\n  --spacing-1: 0.25rem;\n  --spacing-2: 0.5rem;\n  --spacing-3: 0.75rem;\n  --spacing-4: 1rem;\n\n  // Radius\n  --radius-sm:   0.25rem;\n  --radius-md:   0.375rem;\n  --radius-lg:   0.5rem;\n  --radius-full: 9999px;\n\n  // Shadows\n  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n\n  // Transitions\n  --transition-fast: 150ms ease;\n\n  // Surface (background di card/panel)\n  --color-surface:          #ffffff;\n  --color-surface-elevated: #ffffff;\n}\n\n// ─── Dark theme ────────────────────────────────────────────────────────────────\n// Applicato via data-theme=\"dark\" sull'elemento root (gestito da Storybook decorator\n// e dall'app consumer). I componenti non devono fare nulla di speciale: basta che\n// usino i token var() e riceveranno automaticamente i valori dark.\n\n[data-theme=\"dark\"] {\n  // Neutral (scala invertita)\n  --color-neutral-0:   #0f172a;\n  --color-neutral-100: #1e293b;\n  --color-neutral-200: #334155;\n  --color-neutral-400: #94a3b8;\n  --color-neutral-600: #cbd5e1;\n  --color-neutral-900: #f8fafc;\n\n  // Surface\n  --color-surface:          #1e293b;\n  --color-surface-elevated: #273549;\n\n  // Primary scale dark (per il default accent blu — le sfumature chiare diventano scure)\n  --color-primary-50:  #172554;\n  --color-primary-100: #1e3a8a;\n  // 400 / 500 / 600 / 700 rimangono invariati (abbastanza saturi su bg scuro)\n\n  // Accent light: variante scura\n  --accent-light: #172554;\n\n  // Shadows (più forti su bg scuro)\n  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.4);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.5), 0 2px 4px -2px rgb(0 0 0 / 0.4);\n}\n","@use \"../../styles/tokens\" as *;\n\n$accent-base:  var(--colorpicker-accent,       var(--accent));\n$accent-ring:  var(--colorpicker-accent-ring,  var(--accent-ring));\n$accent-glow:  var(--colorpicker-accent-glow,  var(--accent-glow));\n$accent-light: var(--colorpicker-accent-light, var(--accent-light));\n\n$disc: 200px;\n$slider-w: 20px;\n$thumb-size: 20px;\n$gap: 0.5rem;\n\n// ─── Dark theme scoped sull'elemento (prop theme=\"dark\") ──────────────────────\n// Sovrascrive i token globali localmente — non dipende dal data-theme dell'app.\n\n.colorPicker[data-theme=\"dark\"] {\n  --color-neutral-0:   #0f172a;\n  --color-neutral-100: #1e293b;\n  --color-neutral-200: #334155;\n  --color-neutral-400: #94a3b8;\n  --color-neutral-600: #cbd5e1;\n  --color-neutral-900: #f8fafc;\n  --color-surface:     #1e293b;\n  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.4);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.5), 0 2px 4px -2px rgb(0 0 0 / 0.4);\n}\n\n// ─── Card ──────────────────────────────────────────────────────────────────────\n\n.colorPicker {\n  display: inline-flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  padding: 1rem;\n  background: var(--color-surface);\n  backdrop-filter: blur(16px);\n  -webkit-backdrop-filter: blur(16px);\n  border: 1px solid var(--color-neutral-200);\n  border-radius: var(--radius-lg);\n  box-shadow: var(--shadow-md), 0 0 0 1px rgba(0,0,0,0.04);\n  font-family: var(--font-family-base);\n  width: calc(#{$disc} + 2rem); // disc + card padding (1rem × 2 sides)\n  box-sizing: border-box;\n  user-select: none;\n}\n\n// ─── Disc + L slider row ───────────────────────────────────────────────────────\n\n.topRow {\n  display: flex;\n  justify-content: center;\n}\n\n.discWrapper {\n  position: relative;\n  width: $disc;\n  height: $disc;\n  flex-shrink: 0;\n  border-radius: 50%;\n  box-shadow: 0 0 0 1.5px var(--color-neutral-200);\n}\n\n.disc {\n  display: block;\n  width: $disc;\n  height: $disc;\n  cursor: crosshair;\n  border-radius: 50%;\n}\n\n.dot {\n  position: absolute;\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  border: 2px solid;\n  transform: translate(-50%, -50%);\n  pointer-events: none;\n  box-shadow: 0 0 0 1.5px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.2);\n  background: transparent;\n}\n\n// ─── Lightness slider (horizontal) ────────────────────────────────────────────\n\n.lSlider {\n  position: relative;\n  height: 10px;\n  border-radius: 5px;\n  cursor: ew-resize;\n  margin-block: 5px;\n  background-color: var(--color-neutral-200);\n  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);\n}\n\n.lThumb {\n  position: absolute;\n  top: 50%;\n  width: $thumb-size;\n  height: $thumb-size;\n  border-radius: 50%;\n  transform: translate(-50%, -50%);\n  background: white;\n  border: 2px solid rgba(0, 0, 0, 0.2);\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);\n  pointer-events: none;\n}\n\n// ─── Alpha slider (horizontal) ────────────────────────────────────────────────\n\n.alphaSlider {\n  position: relative;\n  height: 10px;\n  border-radius: 5px;\n  cursor: ew-resize;\n  margin-block: 5px;\n  background-color: var(--color-neutral-200);\n  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);\n}\n\n\n.alphaThumb {\n  position: absolute;\n  top: 50%;\n  width: $thumb-size;\n  height: $thumb-size;\n  border-radius: 50%;\n  transform: translate(-50%, -50%);\n  background: white;\n  border: 2px solid rgba(0, 0, 0, 0.2);\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);\n  pointer-events: none;\n}\n\n// ─── Preview swatch ────────────────────────────────────────────────────────────\n\n.previewSwatch {\n  width: 100%;\n  height: 48px;\n  border-radius: var(--radius-md);\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  padding: 0 0.5rem;\n  box-sizing: border-box;\n}\n\n.eyedropperBtn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  border: none;\n  border-radius: var(--radius-sm);\n  background: rgba(255, 255, 255, 0.25);\n  color: rgba(255, 255, 255, 0.9);\n  cursor: pointer;\n  backdrop-filter: blur(4px);\n  transition: background var(--transition-fast);\n\n  &:hover {\n    background: rgba(255, 255, 255, 0.4);\n  }\n}\n\n// ─── Inputs ────────────────────────────────────────────────────────────────────\n\n.inputSection {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.tabs {\n  display: flex;\n  background: var(--color-neutral-100);\n  border-radius: var(--radius-sm);\n  padding: 2px;\n  gap: 2px;\n}\n\n.tab {\n  flex: 1;\n  padding: 0.2rem 0;\n  font-size: 0.65rem;\n  font-weight: 600;\n  letter-spacing: 0.04em;\n  border: none;\n  border-radius: calc(var(--radius-sm) - 1px);\n  background: transparent;\n  color: var(--color-neutral-400);\n  cursor: pointer;\n  transition: background var(--transition-fast), color var(--transition-fast);\n\n  &:hover:not(.tabActive) {\n    color: var(--color-neutral-600);\n  }\n}\n\n.tabActive {\n  background: $accent-base;\n  color: #fff;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);\n}\n\n.inputWrapper {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.inputAddon {\n  position: absolute;\n  left: 0.5rem;\n  font-size: var(--font-size-xs);\n  font-family: \"SF Mono\", \"Fira Code\", \"Consolas\", monospace;\n  color: var(--color-neutral-400);\n  pointer-events: none;\n  line-height: 1;\n}\n\n.input {\n  width: 100%;\n  box-sizing: border-box;\n  padding: 0.4rem 2rem; // symmetric: room for # on left and copy icon on right\n  border: 1px solid var(--color-neutral-200);\n  border-radius: var(--radius-sm);\n  font-size: var(--font-size-xs);\n  font-family: \"SF Mono\", \"Fira Code\", \"Consolas\", monospace;\n  color: var(--color-neutral-900);\n  background: var(--color-neutral-0);\n  outline: none;\n  text-align: center;\n  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);\n\n  &:focus {\n    border-color: $accent-base;\n    box-shadow: 0 0 0 2px $accent-glow;\n  }\n}\n\n.inputCopyBtn {\n  position: absolute;\n  right: 0.35rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 22px;\n  height: 22px;\n  border: none;\n  border-radius: var(--radius-sm);\n  background: transparent;\n  color: var(--color-neutral-400);\n  cursor: pointer;\n  transition: background var(--transition-fast), color var(--transition-fast);\n\n  &:hover {\n    background: var(--color-neutral-100);\n    color: var(--color-neutral-900);\n  }\n}\n\n\n// ─── Recent colors ─────────────────────────────────────────────────────────────\n\n.recents {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding-top: 0.25rem;\n  border-top: 1px solid var(--color-neutral-100);\n  overflow: hidden;\n}\n\n.recentsLabel {\n  font-size: 0.6rem;\n  font-weight: 600;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  color: var(--color-neutral-400);\n  flex-shrink: 0;\n}\n\n.swatches {\n  display: flex;\n  gap: 0.35rem;\n  flex-wrap: nowrap;\n  overflow: hidden;\n}\n\n.recentSwatch {\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  border: 1.5px solid rgba(0, 0, 0, 0.1);\n  cursor: pointer;\n  padding: 0;\n  flex-shrink: 0;\n}\n"],"mappings":"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","names":["button","primary","secondary","danger","ghost","sm","md","lg","fullWidth","loading","spinner","spin","wrapper","fullWidth","label","inputWrapper","input","error","sm","md","lg","adornment","adornmentEnd","withStart","withEnd","helperText","errorText","badge","sm","md","default","primary","success","warning","danger","dotIndicator","wrapper","trailCanvas","content","dropContainer","timeline","vertical","item","track","connector","content","last","horizontal","dot","iconSlot","completed","active","pending","label","title","description","connectorHidden","connectorDone","dotIn","pulse","colorPicker","topRow","discWrapper","disc","dot","lSlider","lThumb","alphaSlider","alphaThumb","previewSwatch","eyedropperBtn","inputSection","tabs","tab","tabActive","inputWrapper","inputAddon","input","inputCopyBtn","recents","recentsLabel","swatches","recentSwatch"]}

package/dist/index.js

@@ -682,7 +682,8 @@ var ColorPicker = ({
   showAlpha = true,
   recentColors = [],
   accent,
-  className
+  className,
+  theme
 }) => {
   const init = parseInitial(value);
   const [h, setH] = useState(init[0]);
@@ -861,6 +862,7 @@ var ColorPicker = ({
     "div",
     {
       className: [ColorPicker_module_default.colorPicker, className ?? ""].filter(Boolean).join(" "),
+      "data-theme": theme,
       style: accentVars,
       children: [
         /* @__PURE__ */ jsx("div", { className: ColorPicker_module_default.topRow, children: /* @__PURE__ */ jsxs("div", { className: ColorPicker_module_default.discWrapper, children: [