@dev-dga/css 0.11.0 → 0.12.1

package/dist/themes.css

@@ -1,2 +1,2 @@
-.ddga-theme-sa-green{--ddga-color-primary:var(--ddga-sa-500);--ddga-color-primary-hover:var(--ddga-sa-600);--ddga-color-primary-active:var(--ddga-sa-700);--ddga-color-primary-foreground:#fff;--ddga-color-ring:var(--ddga-sa-500)}.ddga-theme-gray{--ddga-color-primary:var(--ddga-gray-500);--ddga-color-primary-hover:var(--ddga-gray-600);--ddga-color-primary-active:var(--ddga-gray-700);--ddga-color-primary-foreground:#fff;--ddga-color-ring:var(--ddga-gray-500)}.ddga-theme-error{--ddga-color-primary:var(--ddga-error-500);--ddga-color-primary-hover:var(--ddga-error-600);--ddga-color-primary-active:var(--ddga-error-700);--ddga-color-primary-foreground:#fff;--ddga-color-ring:var(--ddga-error-500)}.ddga-theme-warning{--ddga-color-primary:var(--ddga-warning-500);--ddga-color-primary-hover:var(--ddga-warning-600);--ddga-color-primary-active:var(--ddga-warning-700);--ddga-color-primary-foreground:#fff;--ddga-color-ring:var(--ddga-warning-500)}.ddga-theme-success{--ddga-color-primary:var(--ddga-success-500);--ddga-color-primary-hover:var(--ddga-success-600);--ddga-color-primary-active:var(--ddga-success-700);--ddga-color-primary-foreground:#fff;--ddga-color-ring:var(--ddga-success-500)}.ddga-theme-info{--ddga-color-primary:var(--ddga-info-500);--ddga-color-primary-hover:var(--ddga-info-600);--ddga-color-primary-active:var(--ddga-info-700);--ddga-color-primary-foreground:#fff;--ddga-color-ring:var(--ddga-info-500)}.ddga-theme-gold{--ddga-color-primary:var(--ddga-gold-500);--ddga-color-primary-hover:var(--ddga-gold-600);--ddga-color-primary-active:var(--ddga-gold-700);--ddga-color-primary-foreground:#0d121c;--ddga-color-ring:var(--ddga-gold-500)}.ddga-theme-lavender{--ddga-color-primary:var(--ddga-lavender-500);--ddga-color-primary-hover:var(--ddga-lavender-600);--ddga-color-primary-active:var(--ddga-lavender-700);--ddga-color-primary-foreground:#fff;--ddga-color-ring:var(--ddga-lavender-500)}
+.ddga-theme-sa-green{--ddga-brand-25:var(--ddga-sa-25);--ddga-brand-50:var(--ddga-sa-50);--ddga-brand-100:var(--ddga-sa-100);--ddga-brand-200:var(--ddga-sa-200);--ddga-brand-300:var(--ddga-sa-300);--ddga-brand-400:var(--ddga-sa-400);--ddga-brand-500:var(--ddga-sa-500);--ddga-brand-600:var(--ddga-sa-600);--ddga-brand-700:var(--ddga-sa-700);--ddga-brand-800:var(--ddga-sa-800);--ddga-brand-900:var(--ddga-sa-900);--ddga-brand-950:var(--ddga-sa-950);--ddga-color-primary-foreground:#fff}.ddga-theme-gray{--ddga-brand-25:var(--ddga-gray-25);--ddga-brand-50:var(--ddga-gray-50);--ddga-brand-100:var(--ddga-gray-100);--ddga-brand-200:var(--ddga-gray-200);--ddga-brand-300:var(--ddga-gray-300);--ddga-brand-400:var(--ddga-gray-400);--ddga-brand-500:var(--ddga-gray-500);--ddga-brand-600:var(--ddga-gray-600);--ddga-brand-700:var(--ddga-gray-700);--ddga-brand-800:var(--ddga-gray-800);--ddga-brand-900:var(--ddga-gray-900);--ddga-brand-950:var(--ddga-gray-950);--ddga-color-primary-foreground:#fff}.ddga-theme-error{--ddga-brand-25:var(--ddga-error-25);--ddga-brand-50:var(--ddga-error-50);--ddga-brand-100:var(--ddga-error-100);--ddga-brand-200:var(--ddga-error-200);--ddga-brand-300:var(--ddga-error-300);--ddga-brand-400:var(--ddga-error-400);--ddga-brand-500:var(--ddga-error-500);--ddga-brand-600:var(--ddga-error-600);--ddga-brand-700:var(--ddga-error-700);--ddga-brand-800:var(--ddga-error-800);--ddga-brand-900:var(--ddga-error-900);--ddga-brand-950:var(--ddga-error-950);--ddga-color-primary-foreground:#fff}.ddga-theme-warning{--ddga-brand-25:var(--ddga-warning-25);--ddga-brand-50:var(--ddga-warning-50);--ddga-brand-100:var(--ddga-warning-100);--ddga-brand-200:var(--ddga-warning-200);--ddga-brand-300:var(--ddga-warning-300);--ddga-brand-400:var(--ddga-warning-400);--ddga-brand-500:var(--ddga-warning-500);--ddga-brand-600:var(--ddga-warning-600);--ddga-brand-700:var(--ddga-warning-700);--ddga-brand-800:var(--ddga-warning-800);--ddga-brand-900:var(--ddga-warning-900);--ddga-brand-950:var(--ddga-warning-950);--ddga-color-primary-foreground:#fff}.ddga-theme-success{--ddga-brand-25:var(--ddga-success-25);--ddga-brand-50:var(--ddga-success-50);--ddga-brand-100:var(--ddga-success-100);--ddga-brand-200:var(--ddga-success-200);--ddga-brand-300:var(--ddga-success-300);--ddga-brand-400:var(--ddga-success-400);--ddga-brand-500:var(--ddga-success-500);--ddga-brand-600:var(--ddga-success-600);--ddga-brand-700:var(--ddga-success-700);--ddga-brand-800:var(--ddga-success-800);--ddga-brand-900:var(--ddga-success-900);--ddga-brand-950:var(--ddga-success-950);--ddga-color-primary-foreground:#fff}.ddga-theme-info{--ddga-brand-25:var(--ddga-info-25);--ddga-brand-50:var(--ddga-info-50);--ddga-brand-100:var(--ddga-info-100);--ddga-brand-200:var(--ddga-info-200);--ddga-brand-300:var(--ddga-info-300);--ddga-brand-400:var(--ddga-info-400);--ddga-brand-500:var(--ddga-info-500);--ddga-brand-600:var(--ddga-info-600);--ddga-brand-700:var(--ddga-info-700);--ddga-brand-800:var(--ddga-info-800);--ddga-brand-900:var(--ddga-info-900);--ddga-brand-950:var(--ddga-info-950);--ddga-color-primary-foreground:#fff}.ddga-theme-gold{--ddga-brand-25:var(--ddga-gold-25);--ddga-brand-50:var(--ddga-gold-50);--ddga-brand-100:var(--ddga-gold-100);--ddga-brand-200:var(--ddga-gold-200);--ddga-brand-300:var(--ddga-gold-300);--ddga-brand-400:var(--ddga-gold-400);--ddga-brand-500:var(--ddga-gold-500);--ddga-brand-600:var(--ddga-gold-600);--ddga-brand-700:var(--ddga-gold-700);--ddga-brand-800:var(--ddga-gold-800);--ddga-brand-900:var(--ddga-gold-900);--ddga-brand-950:var(--ddga-gold-950);--ddga-color-primary-foreground:#0d121c}.ddga-theme-lavender{--ddga-brand-25:var(--ddga-lavender-25);--ddga-brand-50:var(--ddga-lavender-50);--ddga-brand-100:var(--ddga-lavender-100);--ddga-brand-200:var(--ddga-lavender-200);--ddga-brand-300:var(--ddga-lavender-300);--ddga-brand-400:var(--ddga-lavender-400);--ddga-brand-500:var(--ddga-lavender-500);--ddga-brand-600:var(--ddga-lavender-600);--ddga-brand-700:var(--ddga-lavender-700);--ddga-brand-800:var(--ddga-lavender-800);--ddga-brand-900:var(--ddga-lavender-900);--ddga-brand-950:var(--ddga-lavender-950);--ddga-color-primary-foreground:#fff}
 /*# sourceMappingURL=themes.css.map */

package/dist/themes.css.map

@@ -1 +1 @@
-{"version":3,"mappings":"AACA,oOAQA,wOAQA,6OAQA,uPAQA,uPAQA,wOAQA,2OAQA","sources":["src/themes.css"],"sourcesContent":["/* Generated by tokens/scripts/generate-css.ts , do not edit by hand. */\n.ddga-theme-sa-green {\n  --ddga-color-primary: var(--ddga-sa-500);\n  --ddga-color-primary-hover: var(--ddga-sa-600);\n  --ddga-color-primary-active: var(--ddga-sa-700);\n  --ddga-color-primary-foreground: #FFFFFF;\n  --ddga-color-ring: var(--ddga-sa-500);\n}\n\n.ddga-theme-gray {\n  --ddga-color-primary: var(--ddga-gray-500);\n  --ddga-color-primary-hover: var(--ddga-gray-600);\n  --ddga-color-primary-active: var(--ddga-gray-700);\n  --ddga-color-primary-foreground: #FFFFFF;\n  --ddga-color-ring: var(--ddga-gray-500);\n}\n\n.ddga-theme-error {\n  --ddga-color-primary: var(--ddga-error-500);\n  --ddga-color-primary-hover: var(--ddga-error-600);\n  --ddga-color-primary-active: var(--ddga-error-700);\n  --ddga-color-primary-foreground: #FFFFFF;\n  --ddga-color-ring: var(--ddga-error-500);\n}\n\n.ddga-theme-warning {\n  --ddga-color-primary: var(--ddga-warning-500);\n  --ddga-color-primary-hover: var(--ddga-warning-600);\n  --ddga-color-primary-active: var(--ddga-warning-700);\n  --ddga-color-primary-foreground: #FFFFFF;\n  --ddga-color-ring: var(--ddga-warning-500);\n}\n\n.ddga-theme-success {\n  --ddga-color-primary: var(--ddga-success-500);\n  --ddga-color-primary-hover: var(--ddga-success-600);\n  --ddga-color-primary-active: var(--ddga-success-700);\n  --ddga-color-primary-foreground: #FFFFFF;\n  --ddga-color-ring: var(--ddga-success-500);\n}\n\n.ddga-theme-info {\n  --ddga-color-primary: var(--ddga-info-500);\n  --ddga-color-primary-hover: var(--ddga-info-600);\n  --ddga-color-primary-active: var(--ddga-info-700);\n  --ddga-color-primary-foreground: #FFFFFF;\n  --ddga-color-ring: var(--ddga-info-500);\n}\n\n.ddga-theme-gold {\n  --ddga-color-primary: var(--ddga-gold-500);\n  --ddga-color-primary-hover: var(--ddga-gold-600);\n  --ddga-color-primary-active: var(--ddga-gold-700);\n  --ddga-color-primary-foreground: #0D121C;\n  --ddga-color-ring: var(--ddga-gold-500);\n}\n\n.ddga-theme-lavender {\n  --ddga-color-primary: var(--ddga-lavender-500);\n  --ddga-color-primary-hover: var(--ddga-lavender-600);\n  --ddga-color-primary-active: var(--ddga-lavender-700);\n  --ddga-color-primary-foreground: #FFFFFF;\n  --ddga-color-ring: var(--ddga-lavender-500);\n}\n"],"names":[]}
+{"version":3,"mappings":"AACA,seAgBA,0fAgBA,ugBAgBA,iiBAgBA,iiBAgBA,0fAgBA,6fAgBA","sources":["src/themes.css"],"sourcesContent":["/* Generated by tokens/scripts/generate-css.ts , do not edit by hand. */\n.ddga-theme-sa-green {\n  --ddga-brand-25: var(--ddga-sa-25);\n  --ddga-brand-50: var(--ddga-sa-50);\n  --ddga-brand-100: var(--ddga-sa-100);\n  --ddga-brand-200: var(--ddga-sa-200);\n  --ddga-brand-300: var(--ddga-sa-300);\n  --ddga-brand-400: var(--ddga-sa-400);\n  --ddga-brand-500: var(--ddga-sa-500);\n  --ddga-brand-600: var(--ddga-sa-600);\n  --ddga-brand-700: var(--ddga-sa-700);\n  --ddga-brand-800: var(--ddga-sa-800);\n  --ddga-brand-900: var(--ddga-sa-900);\n  --ddga-brand-950: var(--ddga-sa-950);\n  --ddga-color-primary-foreground: #FFFFFF;\n}\n\n.ddga-theme-gray {\n  --ddga-brand-25: var(--ddga-gray-25);\n  --ddga-brand-50: var(--ddga-gray-50);\n  --ddga-brand-100: var(--ddga-gray-100);\n  --ddga-brand-200: var(--ddga-gray-200);\n  --ddga-brand-300: var(--ddga-gray-300);\n  --ddga-brand-400: var(--ddga-gray-400);\n  --ddga-brand-500: var(--ddga-gray-500);\n  --ddga-brand-600: var(--ddga-gray-600);\n  --ddga-brand-700: var(--ddga-gray-700);\n  --ddga-brand-800: var(--ddga-gray-800);\n  --ddga-brand-900: var(--ddga-gray-900);\n  --ddga-brand-950: var(--ddga-gray-950);\n  --ddga-color-primary-foreground: #FFFFFF;\n}\n\n.ddga-theme-error {\n  --ddga-brand-25: var(--ddga-error-25);\n  --ddga-brand-50: var(--ddga-error-50);\n  --ddga-brand-100: var(--ddga-error-100);\n  --ddga-brand-200: var(--ddga-error-200);\n  --ddga-brand-300: var(--ddga-error-300);\n  --ddga-brand-400: var(--ddga-error-400);\n  --ddga-brand-500: var(--ddga-error-500);\n  --ddga-brand-600: var(--ddga-error-600);\n  --ddga-brand-700: var(--ddga-error-700);\n  --ddga-brand-800: var(--ddga-error-800);\n  --ddga-brand-900: var(--ddga-error-900);\n  --ddga-brand-950: var(--ddga-error-950);\n  --ddga-color-primary-foreground: #FFFFFF;\n}\n\n.ddga-theme-warning {\n  --ddga-brand-25: var(--ddga-warning-25);\n  --ddga-brand-50: var(--ddga-warning-50);\n  --ddga-brand-100: var(--ddga-warning-100);\n  --ddga-brand-200: var(--ddga-warning-200);\n  --ddga-brand-300: var(--ddga-warning-300);\n  --ddga-brand-400: var(--ddga-warning-400);\n  --ddga-brand-500: var(--ddga-warning-500);\n  --ddga-brand-600: var(--ddga-warning-600);\n  --ddga-brand-700: var(--ddga-warning-700);\n  --ddga-brand-800: var(--ddga-warning-800);\n  --ddga-brand-900: var(--ddga-warning-900);\n  --ddga-brand-950: var(--ddga-warning-950);\n  --ddga-color-primary-foreground: #FFFFFF;\n}\n\n.ddga-theme-success {\n  --ddga-brand-25: var(--ddga-success-25);\n  --ddga-brand-50: var(--ddga-success-50);\n  --ddga-brand-100: var(--ddga-success-100);\n  --ddga-brand-200: var(--ddga-success-200);\n  --ddga-brand-300: var(--ddga-success-300);\n  --ddga-brand-400: var(--ddga-success-400);\n  --ddga-brand-500: var(--ddga-success-500);\n  --ddga-brand-600: var(--ddga-success-600);\n  --ddga-brand-700: var(--ddga-success-700);\n  --ddga-brand-800: var(--ddga-success-800);\n  --ddga-brand-900: var(--ddga-success-900);\n  --ddga-brand-950: var(--ddga-success-950);\n  --ddga-color-primary-foreground: #FFFFFF;\n}\n\n.ddga-theme-info {\n  --ddga-brand-25: var(--ddga-info-25);\n  --ddga-brand-50: var(--ddga-info-50);\n  --ddga-brand-100: var(--ddga-info-100);\n  --ddga-brand-200: var(--ddga-info-200);\n  --ddga-brand-300: var(--ddga-info-300);\n  --ddga-brand-400: var(--ddga-info-400);\n  --ddga-brand-500: var(--ddga-info-500);\n  --ddga-brand-600: var(--ddga-info-600);\n  --ddga-brand-700: var(--ddga-info-700);\n  --ddga-brand-800: var(--ddga-info-800);\n  --ddga-brand-900: var(--ddga-info-900);\n  --ddga-brand-950: var(--ddga-info-950);\n  --ddga-color-primary-foreground: #FFFFFF;\n}\n\n.ddga-theme-gold {\n  --ddga-brand-25: var(--ddga-gold-25);\n  --ddga-brand-50: var(--ddga-gold-50);\n  --ddga-brand-100: var(--ddga-gold-100);\n  --ddga-brand-200: var(--ddga-gold-200);\n  --ddga-brand-300: var(--ddga-gold-300);\n  --ddga-brand-400: var(--ddga-gold-400);\n  --ddga-brand-500: var(--ddga-gold-500);\n  --ddga-brand-600: var(--ddga-gold-600);\n  --ddga-brand-700: var(--ddga-gold-700);\n  --ddga-brand-800: var(--ddga-gold-800);\n  --ddga-brand-900: var(--ddga-gold-900);\n  --ddga-brand-950: var(--ddga-gold-950);\n  --ddga-color-primary-foreground: #0D121C;\n}\n\n.ddga-theme-lavender {\n  --ddga-brand-25: var(--ddga-lavender-25);\n  --ddga-brand-50: var(--ddga-lavender-50);\n  --ddga-brand-100: var(--ddga-lavender-100);\n  --ddga-brand-200: var(--ddga-lavender-200);\n  --ddga-brand-300: var(--ddga-lavender-300);\n  --ddga-brand-400: var(--ddga-lavender-400);\n  --ddga-brand-500: var(--ddga-lavender-500);\n  --ddga-brand-600: var(--ddga-lavender-600);\n  --ddga-brand-700: var(--ddga-lavender-700);\n  --ddga-brand-800: var(--ddga-lavender-800);\n  --ddga-brand-900: var(--ddga-lavender-900);\n  --ddga-brand-950: var(--ddga-lavender-950);\n  --ddga-color-primary-foreground: #FFFFFF;\n}\n"],"names":[]}

package/dist/variables.css

@@ -1,2 +1,2 @@
-:root{--ddga-color-primary:#25935f;--ddga-color-primary-hover:#1b8354;--ddga-color-primary-active:#166a45;--ddga-color-primary-foreground:#fff;--ddga-color-secondary:#f3f4f6;--ddga-color-secondary-hover:#e5e7eb;--ddga-color-secondary-foreground:#0d121c;--ddga-color-background:#fff;--ddga-color-foreground:#0d121c;--ddga-color-muted:#f3f4f6;--ddga-color-muted-foreground:#6c737f;--ddga-color-border:#e5e7eb;--ddga-color-input:#d2d6db;--ddga-color-card:#fff;--ddga-color-card-foreground:#0d121c;--ddga-color-destructive:#d92d20;--ddga-color-destructive-hover:#b42318;--ddga-color-destructive-foreground:#fff;--ddga-color-error:#d92d20;--ddga-color-error-hover:#b42318;--ddga-color-error-foreground:#fff;--ddga-color-success:#079455;--ddga-color-success-hover:#067647;--ddga-color-success-foreground:#fff;--ddga-color-warning:#dc6803;--ddga-color-warning-hover:#b54708;--ddga-color-warning-foreground:#fff;--ddga-color-info:#1570ef;--ddga-color-info-hover:#175cd3;--ddga-color-info-foreground:#fff;--ddga-color-ring:#25935f;--ddga-text-primary:#0d121c;--ddga-text-secondary:#4d5761;--ddga-text-tertiary:#6c737f;--ddga-text-placeholder:#9da4ae;--ddga-sa-25:#f7fdf9;--ddga-sa-50:#f3fcf6;--ddga-sa-100:#dff6e7;--ddga-sa-200:#b8eacb;--ddga-sa-300:#88d8ad;--ddga-sa-400:#54c08a;--ddga-sa-500:#25935f;--ddga-sa-600:#1b8354;--ddga-sa-700:#166a45;--ddga-sa-800:#14573a;--ddga-sa-900:#104631;--ddga-sa-950:#092a1e;--ddga-gray-25:#fcfcfd;--ddga-gray-50:#f9fafb;--ddga-gray-100:#f3f4f6;--ddga-gray-200:#e5e7eb;--ddga-gray-300:#d2d6db;--ddga-gray-400:#9da4ae;--ddga-gray-500:#6c737f;--ddga-gray-600:#4d5761;--ddga-gray-700:#384250;--ddga-gray-800:#1f2a37;--ddga-gray-900:#111927;--ddga-gray-950:#0d121c;--ddga-error-25:#fffbfa;--ddga-error-50:#fef3f2;--ddga-error-100:#fee4e2;--ddga-error-200:#fecdca;--ddga-error-300:#fda29b;--ddga-error-400:#f97066;--ddga-error-500:#f04438;--ddga-error-600:#d92d20;--ddga-error-700:#b42318;--ddga-error-800:#912018;--ddga-error-900:#7a271a;--ddga-error-950:#55160c;--ddga-warning-25:#fffcf5;--ddga-warning-50:#fffaeb;--ddga-warning-100:#fef0c7;--ddga-warning-200:#fedf89;--ddga-warning-300:#fec84b;--ddga-warning-400:#fdb022;--ddga-warning-500:#f79009;--ddga-warning-600:#dc6803;--ddga-warning-700:#b54708;--ddga-warning-800:#93370d;--ddga-warning-900:#7a2e0e;--ddga-warning-950:#4e1d09;--ddga-success-25:#f6fef9;--ddga-success-50:#ecfdf3;--ddga-success-100:#dcfae6;--ddga-success-200:#abefc6;--ddga-success-300:#75e0a7;--ddga-success-400:#47cd89;--ddga-success-500:#17b26a;--ddga-success-600:#079455;--ddga-success-700:#067647;--ddga-success-800:#085d3a;--ddga-success-900:#074d31;--ddga-success-950:#053321;--ddga-info-25:#f5faff;--ddga-info-50:#eff8ff;--ddga-info-100:#d1e9ff;--ddga-info-200:#b2ddff;--ddga-info-300:#84caff;--ddga-info-400:#53b1fd;--ddga-info-500:#2e90fa;--ddga-info-600:#1570ef;--ddga-info-700:#175cd3;--ddga-info-800:#1849a9;--ddga-info-900:#194185;--ddga-info-950:#102a56;--ddga-gold-25:#fffef7;--ddga-gold-50:#fffef2;--ddga-gold-100:#fffce6;--ddga-gold-200:#fcf3bd;--ddga-gold-300:#fae996;--ddga-gold-400:#f7d54d;--ddga-gold-500:#f5bd02;--ddga-gold-600:#dba102;--ddga-gold-700:#b87b02;--ddga-gold-800:#945c01;--ddga-gold-900:#6e3c00;--ddga-gold-950:#472400;--ddga-lavender-25:#fefcff;--ddga-lavender-50:#f9f5fa;--ddga-lavender-100:#f2e9f5;--ddga-lavender-200:#e1cce8;--ddga-lavender-300:#ccadd9;--ddga-lavender-400:#a57bba;--ddga-lavender-500:#80519f;--ddga-lavender-600:#6d428f;--ddga-lavender-700:#532d75;--ddga-lavender-800:#3d1d5e;--ddga-lavender-900:#281047;--ddga-lavender-950:#16072e;--ddga-font-ar:"IBM Plex Sans Arabic", "Noto Sans Arabic", sans-serif;--ddga-font-en:"IBM Plex Sans Arabic", "Inter", sans-serif;--ddga-font-mono:"IBM Plex Mono", monospace;--ddga-font-weight-regular:400;--ddga-font-weight-medium:500;--ddga-font-weight-semibold:600;--ddga-font-weight-bold:700;--ddga-font-size-xs:.75rem;--ddga-font-size-sm:.875rem;--ddga-font-size-base:1rem;--ddga-font-size-lg:1.125rem;--ddga-font-size-xl:1.25rem;--ddga-font-size-2xl:1.5rem;--ddga-font-size-3xl:2rem;--ddga-space-0:0;--ddga-space-1:.25rem;--ddga-space-2:.5rem;--ddga-space-3:.75rem;--ddga-space-4:1rem;--ddga-space-5:1.25rem;--ddga-space-6:1.5rem;--ddga-space-8:2rem;--ddga-space-10:2.5rem;--ddga-space-12:3rem;--ddga-space-16:4rem;--ddga-radius-none:0;--ddga-radius-sm:.25rem;--ddga-radius-md:.5rem;--ddga-radius-lg:.75rem;--ddga-radius-xl:1rem;--ddga-radius-full:9999px;--ddga-shadow-sm:0 1px 2px 0 #0000000d;--ddga-shadow-md:0 4px 6px -1px #0000001a;--ddga-shadow-lg:0 10px 15px -3px #0000001a;--ddga-shadow-none:none}
+:root{--ddga-color-primary:var(--ddga-brand-600);--ddga-color-primary-hover:var(--ddga-brand-700);--ddga-color-primary-active:var(--ddga-brand-900);--ddga-color-primary-foreground:#fff;--ddga-color-secondary:var(--ddga-gray-100);--ddga-color-secondary-hover:var(--ddga-gray-200);--ddga-color-secondary-foreground:var(--ddga-gray-950);--ddga-color-background:#fff;--ddga-color-foreground:var(--ddga-gray-950);--ddga-color-muted:var(--ddga-gray-100);--ddga-color-muted-foreground:var(--ddga-gray-500);--ddga-color-border:var(--ddga-gray-200);--ddga-color-input:var(--ddga-gray-300);--ddga-color-card:#fff;--ddga-color-card-foreground:var(--ddga-gray-950);--ddga-color-destructive:var(--ddga-error-600);--ddga-color-destructive-hover:var(--ddga-error-700);--ddga-color-destructive-foreground:#fff;--ddga-color-error:var(--ddga-error-600);--ddga-color-error-hover:var(--ddga-error-700);--ddga-color-error-foreground:#fff;--ddga-color-success:var(--ddga-success-600);--ddga-color-success-hover:var(--ddga-success-700);--ddga-color-success-foreground:#fff;--ddga-color-warning:var(--ddga-warning-600);--ddga-color-warning-hover:var(--ddga-warning-700);--ddga-color-warning-foreground:#fff;--ddga-color-info:var(--ddga-info-600);--ddga-color-info-hover:var(--ddga-info-700);--ddga-color-info-foreground:#fff;--ddga-color-ring:var(--ddga-brand-600);--ddga-color-focus-ring:var(--ddga-text-primary);--ddga-text-primary:#161616;--ddga-text-secondary:var(--ddga-gray-700);--ddga-text-tertiary:var(--ddga-gray-600);--ddga-text-placeholder:var(--ddga-gray-400);--ddga-sa-25:#f7fdf9;--ddga-sa-50:#f3fcf6;--ddga-sa-100:#dff6e7;--ddga-sa-200:#b8eacb;--ddga-sa-300:#88d8ad;--ddga-sa-400:#54c08a;--ddga-sa-500:#25935f;--ddga-sa-600:#1b8354;--ddga-sa-700:#166a45;--ddga-sa-800:#14573a;--ddga-sa-900:#104631;--ddga-sa-950:#092a1e;--ddga-sa-flag:#074d31;--ddga-brand-25:var(--ddga-sa-25);--ddga-brand-50:var(--ddga-sa-50);--ddga-brand-100:var(--ddga-sa-100);--ddga-brand-200:var(--ddga-sa-200);--ddga-brand-300:var(--ddga-sa-300);--ddga-brand-400:var(--ddga-sa-400);--ddga-brand-500:var(--ddga-sa-500);--ddga-brand-600:var(--ddga-sa-600);--ddga-brand-700:var(--ddga-sa-700);--ddga-brand-800:var(--ddga-sa-800);--ddga-brand-900:var(--ddga-sa-900);--ddga-brand-950:var(--ddga-sa-950);--ddga-gray-25:#fcfcfd;--ddga-gray-50:#f9fafb;--ddga-gray-100:#f3f4f6;--ddga-gray-200:#e5e7eb;--ddga-gray-300:#d2d6db;--ddga-gray-400:#9da4ae;--ddga-gray-500:#6c737f;--ddga-gray-600:#4d5761;--ddga-gray-700:#384250;--ddga-gray-800:#1f2a37;--ddga-gray-900:#111927;--ddga-gray-950:#0d121c;--ddga-error-25:#fffbfa;--ddga-error-50:#fef3f2;--ddga-error-100:#fee4e2;--ddga-error-200:#fecdca;--ddga-error-300:#fda29b;--ddga-error-400:#f97066;--ddga-error-500:#f04438;--ddga-error-600:#d92d20;--ddga-error-700:#b42318;--ddga-error-800:#912018;--ddga-error-900:#7a271a;--ddga-error-950:#55160c;--ddga-warning-25:#fffcf5;--ddga-warning-50:#fffaeb;--ddga-warning-100:#fef0c7;--ddga-warning-200:#fedf89;--ddga-warning-300:#fec84b;--ddga-warning-400:#fdb022;--ddga-warning-500:#f79009;--ddga-warning-600:#dc6803;--ddga-warning-700:#b54708;--ddga-warning-800:#93370d;--ddga-warning-900:#7a2e0e;--ddga-warning-950:#4e1d09;--ddga-success-25:#f6fef9;--ddga-success-50:#ecfdf3;--ddga-success-100:#dcfae6;--ddga-success-200:#abefc6;--ddga-success-300:#75e0a7;--ddga-success-400:#47cd89;--ddga-success-500:#17b26a;--ddga-success-600:#079455;--ddga-success-700:#067647;--ddga-success-800:#085d3a;--ddga-success-900:#074d31;--ddga-success-950:#053321;--ddga-info-25:#f5faff;--ddga-info-50:#eff8ff;--ddga-info-100:#d1e9ff;--ddga-info-200:#b2ddff;--ddga-info-300:#84caff;--ddga-info-400:#53b1fd;--ddga-info-500:#2e90fa;--ddga-info-600:#1570ef;--ddga-info-700:#175cd3;--ddga-info-800:#1849a9;--ddga-info-900:#194185;--ddga-info-950:#102a56;--ddga-gold-25:#fffef7;--ddga-gold-50:#fffef2;--ddga-gold-100:#fffce6;--ddga-gold-200:#fcf3bd;--ddga-gold-300:#fae996;--ddga-gold-400:#f7d54d;--ddga-gold-500:#f5bd02;--ddga-gold-600:#dba102;--ddga-gold-700:#b87b02;--ddga-gold-800:#945c01;--ddga-gold-900:#6e3c00;--ddga-gold-950:#472400;--ddga-lavender-25:#fefcff;--ddga-lavender-50:#f9f5fa;--ddga-lavender-100:#f2e9f5;--ddga-lavender-200:#e1cce8;--ddga-lavender-300:#ccadd9;--ddga-lavender-400:#a57bba;--ddga-lavender-500:#80519f;--ddga-lavender-600:#6d428f;--ddga-lavender-700:#532d75;--ddga-lavender-800:#3d1d5e;--ddga-lavender-900:#281047;--ddga-lavender-950:#16072e;--ddga-alpha-white-10:#ffffff1a;--ddga-alpha-white-20:#fff3;--ddga-alpha-white-30:#ffffff4d;--ddga-alpha-white-40:#fff6;--ddga-alpha-white-60:#fff9;--ddga-alpha-white-70:#ffffffb3;--ddga-alpha-white-80:#fffc;--ddga-alpha-white-90:#ffffffe6;--ddga-chart-1:#f7d54d;--ddga-chart-2:#88d8ad;--ddga-chart-3:#fdb022;--ddga-chart-4:#53b1fd;--ddga-chart-5:#80519f;--ddga-chart-6:#f97066;--ddga-font-ar:"IBM Plex Sans Arabic", "Noto Sans Arabic", sans-serif;--ddga-font-en:"IBM Plex Sans Arabic", "Inter", sans-serif;--ddga-font-mono:"IBM Plex Mono", monospace;--ddga-font-weight-regular:400;--ddga-font-weight-medium:500;--ddga-font-weight-semibold:600;--ddga-font-weight-bold:700;--ddga-font-size-2xs:.625rem;--ddga-font-size-xs:.75rem;--ddga-font-size-sm:.875rem;--ddga-font-size-base:1rem;--ddga-font-size-lg:1.125rem;--ddga-font-size-xl:1.25rem;--ddga-font-size-2xl:1.5rem;--ddga-font-size-3xl:2rem;--ddga-space-0:0;--ddga-space-1:.25rem;--ddga-space-2:.5rem;--ddga-space-3:.75rem;--ddga-space-4:1rem;--ddga-space-5:1.25rem;--ddga-space-6:1.5rem;--ddga-space-8:2rem;--ddga-space-10:2.5rem;--ddga-space-12:3rem;--ddga-space-16:4rem;--ddga-radius-none:0;--ddga-radius-xs:.125rem;--ddga-radius-sm:.25rem;--ddga-radius-md:.5rem;--ddga-radius-lg:.75rem;--ddga-radius-xl:1rem;--ddga-radius-full:9999px;--ddga-shadow-xs:0 1px 2px 0 #1018280d;--ddga-shadow-sm:0 1px 3px 0 #1018281a, 0 1px 2px 0 #1018280f;--ddga-shadow-md:0 2px 4px -2px #1018280f, 0 4px 8px -2px #1018281a;--ddga-shadow-lg:0 4px 6px -2px #10182808, 0 12px 16px -4px #10182814;--ddga-shadow-xl:0 8px 8px -4px #10182808, 0 20px 24px -4px #10182814;--ddga-shadow-2xl:0 24px 48px -12px #1018282e;--ddga-shadow-3xl:0 32px 64px -12px #10182824;--ddga-shadow-none:none}[data-theme]{--ddga-color-primary:var(--ddga-brand-600);--ddga-color-primary-hover:var(--ddga-brand-700);--ddga-color-primary-active:var(--ddga-brand-900);--ddga-color-ring:var(--ddga-brand-600)}
 /*# sourceMappingURL=variables.css.map */

package/dist/variables.css.map

@@ -1 +1 @@
-{"version":3,"mappings":"AAAA","sources":["src/variables.css"],"sourcesContent":[":root {\n  --ddga-color-primary: #25935F;\n  --ddga-color-primary-hover: #1B8354;\n  --ddga-color-primary-active: #166A45;\n  --ddga-color-primary-foreground: #FFFFFF;\n  --ddga-color-secondary: #F3F4F6;\n  --ddga-color-secondary-hover: #E5E7EB;\n  --ddga-color-secondary-foreground: #0D121C;\n  --ddga-color-background: #FFFFFF;\n  --ddga-color-foreground: #0D121C;\n  --ddga-color-muted: #F3F4F6;\n  --ddga-color-muted-foreground: #6C737F;\n  --ddga-color-border: #E5E7EB;\n  --ddga-color-input: #D2D6DB;\n  --ddga-color-card: #FFFFFF;\n  --ddga-color-card-foreground: #0D121C;\n  --ddga-color-destructive: #D92D20;\n  --ddga-color-destructive-hover: #B42318;\n  --ddga-color-destructive-foreground: #FFFFFF;\n  --ddga-color-error: #D92D20;\n  --ddga-color-error-hover: #B42318;\n  --ddga-color-error-foreground: #FFFFFF;\n  --ddga-color-success: #079455;\n  --ddga-color-success-hover: #067647;\n  --ddga-color-success-foreground: #FFFFFF;\n  --ddga-color-warning: #DC6803;\n  --ddga-color-warning-hover: #B54708;\n  --ddga-color-warning-foreground: #FFFFFF;\n  --ddga-color-info: #1570EF;\n  --ddga-color-info-hover: #175CD3;\n  --ddga-color-info-foreground: #FFFFFF;\n  --ddga-color-ring: #25935F;\n  --ddga-text-primary: #0D121C;\n  --ddga-text-secondary: #4D5761;\n  --ddga-text-tertiary: #6C737F;\n  --ddga-text-placeholder: #9DA4AE;\n  --ddga-sa-25: #F7FDF9;\n  --ddga-sa-50: #F3FCF6;\n  --ddga-sa-100: #DFF6E7;\n  --ddga-sa-200: #B8EACB;\n  --ddga-sa-300: #88D8AD;\n  --ddga-sa-400: #54C08A;\n  --ddga-sa-500: #25935F;\n  --ddga-sa-600: #1B8354;\n  --ddga-sa-700: #166A45;\n  --ddga-sa-800: #14573A;\n  --ddga-sa-900: #104631;\n  --ddga-sa-950: #092A1E;\n  --ddga-gray-25: #FCFCFD;\n  --ddga-gray-50: #F9FAFB;\n  --ddga-gray-100: #F3F4F6;\n  --ddga-gray-200: #E5E7EB;\n  --ddga-gray-300: #D2D6DB;\n  --ddga-gray-400: #9DA4AE;\n  --ddga-gray-500: #6C737F;\n  --ddga-gray-600: #4D5761;\n  --ddga-gray-700: #384250;\n  --ddga-gray-800: #1F2A37;\n  --ddga-gray-900: #111927;\n  --ddga-gray-950: #0D121C;\n  --ddga-error-25: #FFFBFA;\n  --ddga-error-50: #FEF3F2;\n  --ddga-error-100: #FEE4E2;\n  --ddga-error-200: #FECDCA;\n  --ddga-error-300: #FDA29B;\n  --ddga-error-400: #F97066;\n  --ddga-error-500: #F04438;\n  --ddga-error-600: #D92D20;\n  --ddga-error-700: #B42318;\n  --ddga-error-800: #912018;\n  --ddga-error-900: #7A271A;\n  --ddga-error-950: #55160C;\n  --ddga-warning-25: #FFFCF5;\n  --ddga-warning-50: #FFFAEB;\n  --ddga-warning-100: #FEF0C7;\n  --ddga-warning-200: #FEDF89;\n  --ddga-warning-300: #FEC84B;\n  --ddga-warning-400: #FDB022;\n  --ddga-warning-500: #F79009;\n  --ddga-warning-600: #DC6803;\n  --ddga-warning-700: #B54708;\n  --ddga-warning-800: #93370D;\n  --ddga-warning-900: #7A2E0E;\n  --ddga-warning-950: #4E1D09;\n  --ddga-success-25: #F6FEF9;\n  --ddga-success-50: #ECFDF3;\n  --ddga-success-100: #DCFAE6;\n  --ddga-success-200: #ABEFC6;\n  --ddga-success-300: #75E0A7;\n  --ddga-success-400: #47CD89;\n  --ddga-success-500: #17B26A;\n  --ddga-success-600: #079455;\n  --ddga-success-700: #067647;\n  --ddga-success-800: #085D3A;\n  --ddga-success-900: #074D31;\n  --ddga-success-950: #053321;\n  --ddga-info-25: #F5FAFF;\n  --ddga-info-50: #EFF8FF;\n  --ddga-info-100: #D1E9FF;\n  --ddga-info-200: #B2DDFF;\n  --ddga-info-300: #84CAFF;\n  --ddga-info-400: #53B1FD;\n  --ddga-info-500: #2E90FA;\n  --ddga-info-600: #1570EF;\n  --ddga-info-700: #175CD3;\n  --ddga-info-800: #1849A9;\n  --ddga-info-900: #194185;\n  --ddga-info-950: #102A56;\n  --ddga-gold-25: #FFFEF7;\n  --ddga-gold-50: #FFFEF2;\n  --ddga-gold-100: #FFFCE6;\n  --ddga-gold-200: #FCF3BD;\n  --ddga-gold-300: #FAE996;\n  --ddga-gold-400: #F7D54D;\n  --ddga-gold-500: #F5BD02;\n  --ddga-gold-600: #DBA102;\n  --ddga-gold-700: #B87B02;\n  --ddga-gold-800: #945C01;\n  --ddga-gold-900: #6E3C00;\n  --ddga-gold-950: #472400;\n  --ddga-lavender-25: #FEFCFF;\n  --ddga-lavender-50: #F9F5FA;\n  --ddga-lavender-100: #F2E9F5;\n  --ddga-lavender-200: #E1CCE8;\n  --ddga-lavender-300: #CCADD9;\n  --ddga-lavender-400: #A57BBA;\n  --ddga-lavender-500: #80519F;\n  --ddga-lavender-600: #6D428F;\n  --ddga-lavender-700: #532D75;\n  --ddga-lavender-800: #3D1D5E;\n  --ddga-lavender-900: #281047;\n  --ddga-lavender-950: #16072E;\n  --ddga-font-ar: 'IBM Plex Sans Arabic', 'Noto Sans Arabic', sans-serif;\n  --ddga-font-en: 'IBM Plex Sans Arabic', 'Inter', sans-serif;\n  --ddga-font-mono: 'IBM Plex Mono', monospace;\n  --ddga-font-weight-regular: 400;\n  --ddga-font-weight-medium: 500;\n  --ddga-font-weight-semibold: 600;\n  --ddga-font-weight-bold: 700;\n  --ddga-font-size-xs: 0.75rem;\n  --ddga-font-size-sm: 0.875rem;\n  --ddga-font-size-base: 1rem;\n  --ddga-font-size-lg: 1.125rem;\n  --ddga-font-size-xl: 1.25rem;\n  --ddga-font-size-2xl: 1.5rem;\n  --ddga-font-size-3xl: 2rem;\n  --ddga-space-0: 0;\n  --ddga-space-1: 0.25rem;\n  --ddga-space-2: 0.5rem;\n  --ddga-space-3: 0.75rem;\n  --ddga-space-4: 1rem;\n  --ddga-space-5: 1.25rem;\n  --ddga-space-6: 1.5rem;\n  --ddga-space-8: 2rem;\n  --ddga-space-10: 2.5rem;\n  --ddga-space-12: 3rem;\n  --ddga-space-16: 4rem;\n  --ddga-radius-none: 0;\n  --ddga-radius-sm: 0.25rem;\n  --ddga-radius-md: 0.5rem;\n  --ddga-radius-lg: 0.75rem;\n  --ddga-radius-xl: 1rem;\n  --ddga-radius-full: 9999px;\n  --ddga-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --ddga-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);\n  --ddga-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);\n  --ddga-shadow-none: none;\n}\n"],"names":[]}
+{"version":3,"mappings":"AAAA,+9LA2MA","sources":["src/variables.css"],"sourcesContent":[":root {\n  --ddga-color-primary: var(--ddga-brand-600);\n  --ddga-color-primary-hover: var(--ddga-brand-700);\n  --ddga-color-primary-active: var(--ddga-brand-900);\n  --ddga-color-primary-foreground: #FFFFFF;\n  --ddga-color-secondary: var(--ddga-gray-100);\n  --ddga-color-secondary-hover: var(--ddga-gray-200);\n  --ddga-color-secondary-foreground: var(--ddga-gray-950);\n  --ddga-color-background: #FFFFFF;\n  --ddga-color-foreground: var(--ddga-gray-950);\n  --ddga-color-muted: var(--ddga-gray-100);\n  --ddga-color-muted-foreground: var(--ddga-gray-500);\n  --ddga-color-border: var(--ddga-gray-200);\n  --ddga-color-input: var(--ddga-gray-300);\n  --ddga-color-card: #FFFFFF;\n  --ddga-color-card-foreground: var(--ddga-gray-950);\n  --ddga-color-destructive: var(--ddga-error-600);\n  --ddga-color-destructive-hover: var(--ddga-error-700);\n  --ddga-color-destructive-foreground: #FFFFFF;\n  --ddga-color-error: var(--ddga-error-600);\n  --ddga-color-error-hover: var(--ddga-error-700);\n  --ddga-color-error-foreground: #FFFFFF;\n  --ddga-color-success: var(--ddga-success-600);\n  --ddga-color-success-hover: var(--ddga-success-700);\n  --ddga-color-success-foreground: #FFFFFF;\n  --ddga-color-warning: var(--ddga-warning-600);\n  --ddga-color-warning-hover: var(--ddga-warning-700);\n  --ddga-color-warning-foreground: #FFFFFF;\n  --ddga-color-info: var(--ddga-info-600);\n  --ddga-color-info-hover: var(--ddga-info-700);\n  --ddga-color-info-foreground: #FFFFFF;\n  --ddga-color-ring: var(--ddga-brand-600);\n  --ddga-color-focus-ring: var(--ddga-text-primary);\n  --ddga-text-primary: #161616;\n  --ddga-text-secondary: var(--ddga-gray-700);\n  --ddga-text-tertiary: var(--ddga-gray-600);\n  --ddga-text-placeholder: var(--ddga-gray-400);\n  --ddga-sa-25: #F7FDF9;\n  --ddga-sa-50: #F3FCF6;\n  --ddga-sa-100: #DFF6E7;\n  --ddga-sa-200: #B8EACB;\n  --ddga-sa-300: #88D8AD;\n  --ddga-sa-400: #54C08A;\n  --ddga-sa-500: #25935F;\n  --ddga-sa-600: #1B8354;\n  --ddga-sa-700: #166A45;\n  --ddga-sa-800: #14573A;\n  --ddga-sa-900: #104631;\n  --ddga-sa-950: #092A1E;\n  --ddga-sa-flag: #074D31;\n  --ddga-brand-25: var(--ddga-sa-25);\n  --ddga-brand-50: var(--ddga-sa-50);\n  --ddga-brand-100: var(--ddga-sa-100);\n  --ddga-brand-200: var(--ddga-sa-200);\n  --ddga-brand-300: var(--ddga-sa-300);\n  --ddga-brand-400: var(--ddga-sa-400);\n  --ddga-brand-500: var(--ddga-sa-500);\n  --ddga-brand-600: var(--ddga-sa-600);\n  --ddga-brand-700: var(--ddga-sa-700);\n  --ddga-brand-800: var(--ddga-sa-800);\n  --ddga-brand-900: var(--ddga-sa-900);\n  --ddga-brand-950: var(--ddga-sa-950);\n  --ddga-gray-25: #FCFCFD;\n  --ddga-gray-50: #F9FAFB;\n  --ddga-gray-100: #F3F4F6;\n  --ddga-gray-200: #E5E7EB;\n  --ddga-gray-300: #D2D6DB;\n  --ddga-gray-400: #9DA4AE;\n  --ddga-gray-500: #6C737F;\n  --ddga-gray-600: #4D5761;\n  --ddga-gray-700: #384250;\n  --ddga-gray-800: #1F2A37;\n  --ddga-gray-900: #111927;\n  --ddga-gray-950: #0D121C;\n  --ddga-error-25: #FFFBFA;\n  --ddga-error-50: #FEF3F2;\n  --ddga-error-100: #FEE4E2;\n  --ddga-error-200: #FECDCA;\n  --ddga-error-300: #FDA29B;\n  --ddga-error-400: #F97066;\n  --ddga-error-500: #F04438;\n  --ddga-error-600: #D92D20;\n  --ddga-error-700: #B42318;\n  --ddga-error-800: #912018;\n  --ddga-error-900: #7A271A;\n  --ddga-error-950: #55160C;\n  --ddga-warning-25: #FFFCF5;\n  --ddga-warning-50: #FFFAEB;\n  --ddga-warning-100: #FEF0C7;\n  --ddga-warning-200: #FEDF89;\n  --ddga-warning-300: #FEC84B;\n  --ddga-warning-400: #FDB022;\n  --ddga-warning-500: #F79009;\n  --ddga-warning-600: #DC6803;\n  --ddga-warning-700: #B54708;\n  --ddga-warning-800: #93370D;\n  --ddga-warning-900: #7A2E0E;\n  --ddga-warning-950: #4E1D09;\n  --ddga-success-25: #F6FEF9;\n  --ddga-success-50: #ECFDF3;\n  --ddga-success-100: #DCFAE6;\n  --ddga-success-200: #ABEFC6;\n  --ddga-success-300: #75E0A7;\n  --ddga-success-400: #47CD89;\n  --ddga-success-500: #17B26A;\n  --ddga-success-600: #079455;\n  --ddga-success-700: #067647;\n  --ddga-success-800: #085D3A;\n  --ddga-success-900: #074D31;\n  --ddga-success-950: #053321;\n  --ddga-info-25: #F5FAFF;\n  --ddga-info-50: #EFF8FF;\n  --ddga-info-100: #D1E9FF;\n  --ddga-info-200: #B2DDFF;\n  --ddga-info-300: #84CAFF;\n  --ddga-info-400: #53B1FD;\n  --ddga-info-500: #2E90FA;\n  --ddga-info-600: #1570EF;\n  --ddga-info-700: #175CD3;\n  --ddga-info-800: #1849A9;\n  --ddga-info-900: #194185;\n  --ddga-info-950: #102A56;\n  --ddga-gold-25: #FFFEF7;\n  --ddga-gold-50: #FFFEF2;\n  --ddga-gold-100: #FFFCE6;\n  --ddga-gold-200: #FCF3BD;\n  --ddga-gold-300: #FAE996;\n  --ddga-gold-400: #F7D54D;\n  --ddga-gold-500: #F5BD02;\n  --ddga-gold-600: #DBA102;\n  --ddga-gold-700: #B87B02;\n  --ddga-gold-800: #945C01;\n  --ddga-gold-900: #6E3C00;\n  --ddga-gold-950: #472400;\n  --ddga-lavender-25: #FEFCFF;\n  --ddga-lavender-50: #F9F5FA;\n  --ddga-lavender-100: #F2E9F5;\n  --ddga-lavender-200: #E1CCE8;\n  --ddga-lavender-300: #CCADD9;\n  --ddga-lavender-400: #A57BBA;\n  --ddga-lavender-500: #80519F;\n  --ddga-lavender-600: #6D428F;\n  --ddga-lavender-700: #532D75;\n  --ddga-lavender-800: #3D1D5E;\n  --ddga-lavender-900: #281047;\n  --ddga-lavender-950: #16072E;\n  --ddga-alpha-white-10: rgba(255, 255, 255, 0.1);\n  --ddga-alpha-white-20: rgba(255, 255, 255, 0.2);\n  --ddga-alpha-white-30: rgba(255, 255, 255, 0.3);\n  --ddga-alpha-white-40: rgba(255, 255, 255, 0.4);\n  --ddga-alpha-white-60: rgba(255, 255, 255, 0.6);\n  --ddga-alpha-white-70: rgba(255, 255, 255, 0.7);\n  --ddga-alpha-white-80: rgba(255, 255, 255, 0.8);\n  --ddga-alpha-white-90: rgba(255, 255, 255, 0.9);\n  --ddga-chart-1: #F7D54D;\n  --ddga-chart-2: #88D8AD;\n  --ddga-chart-3: #FDB022;\n  --ddga-chart-4: #53B1FD;\n  --ddga-chart-5: #80519F;\n  --ddga-chart-6: #F97066;\n  --ddga-font-ar: 'IBM Plex Sans Arabic', 'Noto Sans Arabic', sans-serif;\n  --ddga-font-en: 'IBM Plex Sans Arabic', 'Inter', sans-serif;\n  --ddga-font-mono: 'IBM Plex Mono', monospace;\n  --ddga-font-weight-regular: 400;\n  --ddga-font-weight-medium: 500;\n  --ddga-font-weight-semibold: 600;\n  --ddga-font-weight-bold: 700;\n  --ddga-font-size-2xs: 0.625rem;\n  --ddga-font-size-xs: 0.75rem;\n  --ddga-font-size-sm: 0.875rem;\n  --ddga-font-size-base: 1rem;\n  --ddga-font-size-lg: 1.125rem;\n  --ddga-font-size-xl: 1.25rem;\n  --ddga-font-size-2xl: 1.5rem;\n  --ddga-font-size-3xl: 2rem;\n  --ddga-space-0: 0;\n  --ddga-space-1: 0.25rem;\n  --ddga-space-2: 0.5rem;\n  --ddga-space-3: 0.75rem;\n  --ddga-space-4: 1rem;\n  --ddga-space-5: 1.25rem;\n  --ddga-space-6: 1.5rem;\n  --ddga-space-8: 2rem;\n  --ddga-space-10: 2.5rem;\n  --ddga-space-12: 3rem;\n  --ddga-space-16: 4rem;\n  --ddga-radius-none: 0;\n  --ddga-radius-xs: 0.125rem;\n  --ddga-radius-sm: 0.25rem;\n  --ddga-radius-md: 0.5rem;\n  --ddga-radius-lg: 0.75rem;\n  --ddga-radius-xl: 1rem;\n  --ddga-radius-full: 9999px;\n  --ddga-shadow-xs: 0 1px 2px 0 rgb(16 24 40 / 0.05);\n  --ddga-shadow-sm: 0 1px 3px 0 rgb(16 24 40 / 0.1), 0 1px 2px 0 rgb(16 24 40 / 0.06);\n  --ddga-shadow-md: 0 2px 4px -2px rgb(16 24 40 / 0.06), 0 4px 8px -2px rgb(16 24 40 / 0.1);\n  --ddga-shadow-lg: 0 4px 6px -2px rgb(16 24 40 / 0.03), 0 12px 16px -4px rgb(16 24 40 / 0.08);\n  --ddga-shadow-xl: 0 8px 8px -4px rgb(16 24 40 / 0.03), 0 20px 24px -4px rgb(16 24 40 / 0.08);\n  --ddga-shadow-2xl: 0 24px 48px -12px rgb(16 24 40 / 0.18);\n  --ddga-shadow-3xl: 0 32px 64px -12px rgb(16 24 40 / 0.14);\n  --ddga-shadow-none: none;\n}\n\n[data-theme] {\n  --ddga-color-primary: var(--ddga-brand-600);\n  --ddga-color-primary-hover: var(--ddga-brand-700);\n  --ddga-color-primary-active: var(--ddga-brand-900);\n  --ddga-color-ring: var(--ddga-brand-600);\n}\n"],"names":[]}

package/package.json

@@ -1,25 +1,31 @@
 {
   "name": "@dev-dga/css",
-  "version": "0.11.0",
-  "description": "CSS for the DGA (Digital Government Authority) design system , reset, custom properties, dark theme, and per-component styles in cascade layers.",
+  "version": "0.12.1",
+  "description": "CSS for Saudi Arabia's DGA (Digital Government Authority) Platforms Code design system, an independent implementation. Reset, custom properties, dark theme, RTL, and per-component styles in cascade layers. Not affiliated with the DGA.",
   "keywords": [
     "css",
     "design-system",
     "dga",
+    "platforms-code",
     "saudi-arabia",
+    "saudi",
+    "ksa",
+    "government",
+    "gov",
     "rtl",
+    "arabic",
     "dark-mode",
-    "cascade-layers"
+    "cascade-layers",
+    "css-variables"
   ],
-  "homepage": "https://devdhaif.github.io/dev-dga/",
+  "homepage": "https://dev-dga-hub.vercel.app/",
   "bugs": {
-    "url": "https://github.com/DevDhaif/dev-dga/issues"
+    "url": "https://github.com/DevDhaif/dev-dga-hub/issues"
   },
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/DevDhaif/dev-dga.git",
-    "directory": "packages/css"
+    "url": "git+https://github.com/DevDhaif/dev-dga-hub.git"
   },
   "type": "module",
   "sideEffects": [
@@ -45,7 +51,7 @@
   },
   "devDependencies": {
     "lightningcss-cli": "^1.30.1",
-    "@dev-dga/tokens": "0.11.0"
+    "@dev-dga/tokens": "0.12.1"
   },
   "scripts": {
     "build": "node scripts/build.js",

package/dist/components/alert.css

@@ -1,2 +0,0 @@
-@layer ddga-components{.ddga-alert{--ddga-alert-accent:var(--ddga-color-info);--ddga-alert-bg:var(--ddga-info-100);--ddga-alert-fg:var(--ddga-info-700);align-items:flex-start;gap:var(--ddga-space-3);padding-block:var(--ddga-space-3);padding-inline:var(--ddga-space-4);border-radius:var(--ddga-radius-md);background-color:var(--ddga-alert-bg);color:var(--ddga-alert-fg);border:1px solid #0000;font-family:inherit;line-height:1.5;display:flex}.ddga-alert--info{--ddga-alert-accent:var(--ddga-color-info);--ddga-alert-bg:var(--ddga-info-100);--ddga-alert-fg:var(--ddga-info-700)}.ddga-alert--success{--ddga-alert-accent:var(--ddga-color-success);--ddga-alert-bg:var(--ddga-success-100);--ddga-alert-fg:var(--ddga-success-700)}.ddga-alert--warning{--ddga-alert-accent:var(--ddga-color-warning);--ddga-alert-bg:var(--ddga-warning-100);--ddga-alert-fg:var(--ddga-warning-700)}.ddga-alert--destructive{--ddga-alert-accent:var(--ddga-color-destructive);--ddga-alert-bg:var(--ddga-error-100);--ddga-alert-fg:var(--ddga-error-700)}.ddga-alert__icon{block-size:1.25em;inline-size:1.25em;color:var(--ddga-alert-accent);flex-shrink:0;justify-content:center;align-items:center;margin-block-start:.125em;display:inline-flex}.ddga-alert__icon>svg{block-size:100%;inline-size:100%}.ddga-alert__body{gap:var(--ddga-space-1);flex-direction:column;flex:1;min-inline-size:0;display:flex}.ddga-alert__title{font-size:var(--ddga-font-size-sm);font-weight:var(--ddga-font-weight-semibold);color:inherit;margin:0;line-height:1.4}.ddga-alert__description{font-size:var(--ddga-font-size-sm);color:inherit;opacity:.9;margin:0;line-height:1.5}.ddga-alert__close{block-size:1.5rem;inline-size:1.5rem;color:inherit;cursor:pointer;border-radius:var(--ddga-radius-sm);opacity:.7;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;margin-block-start:.125em;padding:0;transition:opacity .15s,background-color .15s;display:inline-flex}.ddga-alert__close>svg{block-size:1em;inline-size:1em}.ddga-alert__close:hover{opacity:1;background-color:#0000000f}.ddga-alert__close:focus-visible{box-shadow:0 0 0 2px var(--ddga-alert-accent);opacity:1;outline:none}[data-theme=dark] .ddga-alert--info{--ddga-alert-bg:#1570ef29;--ddga-alert-fg:var(--ddga-info-200,#b2ddff)}[data-theme=dark] .ddga-alert--success{--ddga-alert-bg:#0794552e;--ddga-alert-fg:var(--ddga-success-200,#abefc6)}[data-theme=dark] .ddga-alert--warning{--ddga-alert-bg:#dc68032e;--ddga-alert-fg:var(--ddga-warning-200,#fedf89)}[data-theme=dark] .ddga-alert--destructive{--ddga-alert-bg:#d92d202e;--ddga-alert-fg:var(--ddga-error-200,#fecdca)}[data-theme=dark] .ddga-alert__close:hover{background-color:#ffffff14}@media (forced-colors:active){.ddga-alert{border-color:canvastext}.ddga-alert__close:focus-visible{box-shadow:none;outline:2px solid highlight}}}
-/*# sourceMappingURL=alert.css.map */

package/dist/components/alert.css.map

@@ -1 +0,0 @@
-{"version":3,"mappings":"AAAA,uBAGE,kaAsBA,uIAMA,mJAMA,mJAMA,uJAQA,4LAYA,uDAOA,sGAQA,0IAQA,8GAWA,0TAoBA,sDAIA,8DAIA,sGAUA,2GAIA,iHAIA,iHAIA,mHAIA,sEAMA,8BACE,oCAGA","sources":["src/components/alert.css"],"sourcesContent":["@layer ddga-components {\n  /* ─── Base ─── */\n\n  .ddga-alert {\n    /* Each variant overrides --accent (icon + border) and --bg / --fg below.\n       Centralizing this in vars makes per-instance recoloring trivial. */\n    --ddga-alert-accent: var(--ddga-color-info);\n    --ddga-alert-bg: var(--ddga-info-100);\n    --ddga-alert-fg: var(--ddga-info-700);\n\n    display: flex;\n    align-items: flex-start;\n    gap: var(--ddga-space-3);\n    padding-block: var(--ddga-space-3);\n    padding-inline: var(--ddga-space-4);\n    border: 1px solid transparent;\n    border-radius: var(--ddga-radius-md);\n    background-color: var(--ddga-alert-bg);\n    color: var(--ddga-alert-fg);\n    font-family: inherit;\n    line-height: 1.5;\n  }\n\n  /* ─── Variants (tonal, matching Badge subtle family) ─── */\n\n  .ddga-alert--info {\n    --ddga-alert-accent: var(--ddga-color-info);\n    --ddga-alert-bg: var(--ddga-info-100);\n    --ddga-alert-fg: var(--ddga-info-700);\n  }\n\n  .ddga-alert--success {\n    --ddga-alert-accent: var(--ddga-color-success);\n    --ddga-alert-bg: var(--ddga-success-100);\n    --ddga-alert-fg: var(--ddga-success-700);\n  }\n\n  .ddga-alert--warning {\n    --ddga-alert-accent: var(--ddga-color-warning);\n    --ddga-alert-bg: var(--ddga-warning-100);\n    --ddga-alert-fg: var(--ddga-warning-700);\n  }\n\n  .ddga-alert--destructive {\n    --ddga-alert-accent: var(--ddga-color-destructive);\n    --ddga-alert-bg: var(--ddga-error-100);\n    --ddga-alert-fg: var(--ddga-error-700);\n  }\n\n  /* ─── Icon ─── */\n\n  .ddga-alert__icon {\n    flex-shrink: 0;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    inline-size: 1.25em;\n    block-size: 1.25em;\n    color: var(--ddga-alert-accent);\n    /* Nudge the icon to optical-center with the title. */\n    margin-block-start: 0.125em;\n  }\n\n  .ddga-alert__icon > svg {\n    inline-size: 100%;\n    block-size: 100%;\n  }\n\n  /* ─── Body (title + description container) ─── */\n\n  .ddga-alert__body {\n    flex: 1;\n    min-inline-size: 0;\n    display: flex;\n    flex-direction: column;\n    gap: var(--ddga-space-1);\n  }\n\n  .ddga-alert__title {\n    font-size: var(--ddga-font-size-sm);\n    font-weight: var(--ddga-font-weight-semibold);\n    line-height: 1.4;\n    margin: 0;\n    color: inherit;\n  }\n\n  .ddga-alert__description {\n    font-size: var(--ddga-font-size-sm);\n    line-height: 1.5;\n    margin: 0;\n    color: inherit;\n    /* Slight dimming for hierarchy under the title; works for both light + dark. */\n    opacity: 0.9;\n  }\n\n  /* ─── Close button ─── */\n\n  .ddga-alert__close {\n    flex-shrink: 0;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    inline-size: 1.5rem;\n    block-size: 1.5rem;\n    padding: 0;\n    border: 0;\n    background: transparent;\n    color: inherit;\n    cursor: pointer;\n    border-radius: var(--ddga-radius-sm);\n    opacity: 0.7;\n    transition:\n      opacity 150ms ease,\n      background-color 150ms ease;\n    /* Optical-center with the title. */\n    margin-block-start: 0.125em;\n  }\n  .ddga-alert__close > svg {\n    inline-size: 1em;\n    block-size: 1em;\n  }\n  .ddga-alert__close:hover {\n    opacity: 1;\n    background-color: rgb(0 0 0 / 0.06);\n  }\n  .ddga-alert__close:focus-visible {\n    outline: none;\n    box-shadow: 0 0 0 2px var(--ddga-alert-accent);\n    opacity: 1;\n  }\n\n  /* ─── Dark mode adjustments ─── */\n  /* The -100 tonal pairs are quite light against a dark page bg — bump the\n     destructive/warning shades and recolor the foreground for legibility. */\n\n  [data-theme='dark'] .ddga-alert--info {\n    --ddga-alert-bg: rgb(21 112 239 / 0.16);\n    --ddga-alert-fg: var(--ddga-info-200, #b2ddff);\n  }\n  [data-theme='dark'] .ddga-alert--success {\n    --ddga-alert-bg: rgb(7 148 85 / 0.18);\n    --ddga-alert-fg: var(--ddga-success-200, #abefc6);\n  }\n  [data-theme='dark'] .ddga-alert--warning {\n    --ddga-alert-bg: rgb(220 104 3 / 0.18);\n    --ddga-alert-fg: var(--ddga-warning-200, #fedf89);\n  }\n  [data-theme='dark'] .ddga-alert--destructive {\n    --ddga-alert-bg: rgb(217 45 32 / 0.18);\n    --ddga-alert-fg: var(--ddga-error-200, #fecdca);\n  }\n  [data-theme='dark'] .ddga-alert__close:hover {\n    background-color: rgb(255 255 255 / 0.08);\n  }\n\n  /* ─── Forced colors ─── */\n\n  @media (forced-colors: active) {\n    .ddga-alert {\n      border-color: CanvasText;\n    }\n    .ddga-alert__close:focus-visible {\n      outline: 2px solid Highlight;\n      box-shadow: none;\n    }\n  }\n}\n"],"names":[]}

package/dist/components/badge.css

@@ -1,2 +0,0 @@
-@layer ddga-components{.ddga-badge{justify-content:center;align-items:center;gap:var(--ddga-space-1);border-radius:var(--ddga-radius-full);font-weight:var(--ddga-font-weight-medium);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;font-family:inherit;line-height:1.4;display:inline-flex}.ddga-badge--sm{height:20px;padding-inline:var(--ddga-space-2);font-size:var(--ddga-font-size-xs)}.ddga-badge--md{height:24px;padding-inline:var(--ddga-space-2);font-size:var(--ddga-font-size-xs)}.ddga-badge--default{background-color:var(--ddga-gray-100);color:var(--ddga-gray-700)}.ddga-badge--primary{background-color:var(--ddga-color-primary);color:var(--ddga-color-primary-foreground)}.ddga-badge--secondary{background-color:var(--ddga-color-secondary);color:var(--ddga-color-secondary-foreground)}.ddga-badge--destructive{background-color:var(--ddga-color-destructive);color:var(--ddga-color-destructive-foreground)}.ddga-badge--success{background-color:var(--ddga-color-success);color:var(--ddga-color-success-foreground)}.ddga-badge--warning{background-color:var(--ddga-color-warning);color:var(--ddga-color-warning-foreground)}.ddga-badge--info{background-color:var(--ddga-color-info);color:var(--ddga-color-info-foreground)}.ddga-badge--primary-subtle{background-color:var(--ddga-sa-100);color:var(--ddga-sa-800)}.ddga-badge--secondary-subtle{background-color:var(--ddga-gray-100);color:var(--ddga-gray-700)}.ddga-badge--destructive-subtle{background-color:var(--ddga-error-100);color:var(--ddga-error-700)}.ddga-badge--success-subtle{background-color:var(--ddga-success-100);color:var(--ddga-success-700)}.ddga-badge--warning-subtle{background-color:var(--ddga-warning-100);color:var(--ddga-warning-700)}.ddga-badge--info-subtle{background-color:var(--ddga-info-100);color:var(--ddga-info-700)}.ddga-badge--outline{color:var(--ddga-color-foreground);border-color:var(--ddga-color-border);background-color:#0000}.ddga-badge__dot{border-radius:var(--ddga-radius-full);background-color:currentColor;flex-shrink:0;block-size:.5em;inline-size:.5em}.ddga-badge__icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ddga-badge__icon>svg,.ddga-badge>svg{width:.875em;height:.875em;display:block}.ddga-badge svg{flex-shrink:0;align-self:center}.ddga-badge__close{border-radius:var(--ddga-radius-full);block-size:1.5em;inline-size:1.5em;color:inherit;cursor:pointer;font:inherit;appearance:none;background-color:#0000;border:0;justify-content:center;align-items:center;margin-inline:.125em -.25em;padding:0;display:inline-flex}.ddga-badge__close>svg{block-size:.75em;inline-size:.75em}.ddga-badge__close:hover{background-color:color-mix(in srgb, currentColor 18%, transparent)}.ddga-badge__close:focus-visible{outline:2px solid var(--ddga-color-ring);outline-offset:1px}[data-theme=dark] .ddga-badge--default,[data-theme=dark] .ddga-badge--secondary-subtle{color:var(--ddga-gray-200);background-color:#ffffff1a}[data-theme=dark] .ddga-badge--primary-subtle{color:var(--ddga-sa-200,#b8eacb);background-color:#1b835433}[data-theme=dark] .ddga-badge--destructive-subtle{color:var(--ddga-error-200,#fecdca);background-color:#d92d202e}[data-theme=dark] .ddga-badge--success-subtle{color:var(--ddga-success-200,#abefc6);background-color:#0794552e}[data-theme=dark] .ddga-badge--warning-subtle{color:var(--ddga-warning-200,#fedf89);background-color:#dc68032e}[data-theme=dark] .ddga-badge--info-subtle{color:var(--ddga-info-200,#b2ddff);background-color:#1570ef29}@media (forced-colors:active){.ddga-badge{border:1px solid canvastext}}}
-/*# sourceMappingURL=badge.css.map */

package/dist/components/badge.css.map

@@ -1 +0,0 @@
-{"version":3,"mappings":"AAAA,uBAGE,2SAgBA,kGAMA,kGAQA,sFAKA,2GAKA,iHAKA,uHAKA,2GAKA,2GAKA,kGAOA,yFAKA,+FAKA,mGAKA,mGAKA,mGAKA,0FAOA,qHAQA,oIAUA,8FAOA,+EAOA,gDAOA,0RAmBA,0DAKA,4FAIA,6FAYA,6IAKA,0GAIA,iHAIA,+GAIA,+GAIA,yGAOA,8BACE","sources":["src/components/badge.css"],"sourcesContent":["@layer ddga-components {\n  /* ─── Base ─── */\n\n  .ddga-badge {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--ddga-space-1);\n    border: 1px solid transparent;\n    border-radius: var(--ddga-radius-full);\n    font-weight: var(--ddga-font-weight-medium);\n    font-family: inherit;\n    line-height: 1.4;\n    white-space: nowrap;\n    user-select: none;\n  }\n\n  /* ─── Sizes ─── */\n\n  .ddga-badge--sm {\n    height: 20px;\n    padding-inline: var(--ddga-space-2);\n    font-size: var(--ddga-font-size-xs);\n  }\n\n  .ddga-badge--md {\n    height: 24px;\n    padding-inline: var(--ddga-space-2);\n    font-size: var(--ddga-font-size-xs);\n  }\n\n  /* ─── Solid variants ─── */\n\n  .ddga-badge--default {\n    background-color: var(--ddga-gray-100);\n    color: var(--ddga-gray-700);\n  }\n\n  .ddga-badge--primary {\n    background-color: var(--ddga-color-primary);\n    color: var(--ddga-color-primary-foreground);\n  }\n\n  .ddga-badge--secondary {\n    background-color: var(--ddga-color-secondary);\n    color: var(--ddga-color-secondary-foreground);\n  }\n\n  .ddga-badge--destructive {\n    background-color: var(--ddga-color-destructive);\n    color: var(--ddga-color-destructive-foreground);\n  }\n\n  .ddga-badge--success {\n    background-color: var(--ddga-color-success);\n    color: var(--ddga-color-success-foreground);\n  }\n\n  .ddga-badge--warning {\n    background-color: var(--ddga-color-warning);\n    color: var(--ddga-color-warning-foreground);\n  }\n\n  .ddga-badge--info {\n    background-color: var(--ddga-color-info);\n    color: var(--ddga-color-info-foreground);\n  }\n\n  /* ─── Subtle (tonal) variants ─── */\n\n  .ddga-badge--primary-subtle {\n    background-color: var(--ddga-sa-100);\n    color: var(--ddga-sa-800);\n  }\n\n  .ddga-badge--secondary-subtle {\n    background-color: var(--ddga-gray-100);\n    color: var(--ddga-gray-700);\n  }\n\n  .ddga-badge--destructive-subtle {\n    background-color: var(--ddga-error-100);\n    color: var(--ddga-error-700);\n  }\n\n  .ddga-badge--success-subtle {\n    background-color: var(--ddga-success-100);\n    color: var(--ddga-success-700);\n  }\n\n  .ddga-badge--warning-subtle {\n    background-color: var(--ddga-warning-100);\n    color: var(--ddga-warning-700);\n  }\n\n  .ddga-badge--info-subtle {\n    background-color: var(--ddga-info-100);\n    color: var(--ddga-info-700);\n  }\n\n  /* ─── Outline ─── */\n\n  .ddga-badge--outline {\n    background-color: transparent;\n    color: var(--ddga-color-foreground);\n    border-color: var(--ddga-color-border);\n  }\n\n  /* ─── Dot ─── */\n\n  .ddga-badge__dot {\n    inline-size: 0.5em;\n    block-size: 0.5em;\n    border-radius: var(--ddga-radius-full);\n    background-color: currentColor;\n    flex-shrink: 0;\n  }\n\n  /* ─── Icons inside badge ─── */\n\n  .ddga-badge__icon {\n    flex-shrink: 0;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .ddga-badge__icon > svg,\n  .ddga-badge > svg {\n    width: 0.875em;\n    height: 0.875em;\n    display: block;\n  }\n\n  .ddga-badge svg {\n    flex-shrink: 0;\n    align-self: center;\n  }\n\n  /* ─── Close button (dismissible) ─── */\n\n  .ddga-badge__close {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    inline-size: 1.5em;\n    block-size: 1.5em;\n    margin-inline-start: 0.125em;\n    margin-inline-end: -0.25em;\n    padding: 0;\n    border: 0;\n    border-radius: var(--ddga-radius-full);\n    background-color: transparent;\n    color: inherit;\n    cursor: pointer;\n    font: inherit;\n    -webkit-appearance: none;\n    appearance: none;\n  }\n\n  .ddga-badge__close > svg {\n    inline-size: 0.75em;\n    block-size: 0.75em;\n  }\n\n  .ddga-badge__close:hover {\n    background-color: color-mix(in srgb, currentColor 18%, transparent);\n  }\n\n  .ddga-badge__close:focus-visible {\n    outline: 2px solid var(--ddga-color-ring);\n    outline-offset: 1px;\n  }\n\n  /* ─── Dark mode adjustments ─── */\n  /* The `default` and `*-subtle` families fill from raw --ddga-*-100 tints, which\n     stay light in dark mode (the raw scale isn't theme-flipped) — they'd render as\n     light pills with dark text on a dark page. Recolor to translucent tints + a\n     light (-200) foreground so they read as dark-surface chips. Mirrors alert.css /\n     button.css. Solid + outline variants use semantic tokens and adapt on their own. */\n\n  [data-theme='dark'] .ddga-badge--default,\n  [data-theme='dark'] .ddga-badge--secondary-subtle {\n    background-color: rgb(255 255 255 / 0.1);\n    color: var(--ddga-gray-200);\n  }\n  [data-theme='dark'] .ddga-badge--primary-subtle {\n    background-color: rgb(27 131 84 / 0.2);\n    color: var(--ddga-sa-200, #b8eacb);\n  }\n  [data-theme='dark'] .ddga-badge--destructive-subtle {\n    background-color: rgb(217 45 32 / 0.18);\n    color: var(--ddga-error-200, #fecdca);\n  }\n  [data-theme='dark'] .ddga-badge--success-subtle {\n    background-color: rgb(7 148 85 / 0.18);\n    color: var(--ddga-success-200, #abefc6);\n  }\n  [data-theme='dark'] .ddga-badge--warning-subtle {\n    background-color: rgb(220 104 3 / 0.18);\n    color: var(--ddga-warning-200, #fedf89);\n  }\n  [data-theme='dark'] .ddga-badge--info-subtle {\n    background-color: rgb(21 112 239 / 0.16);\n    color: var(--ddga-info-200, #b2ddff);\n  }\n\n  /* ─── Forced colors ─── */\n\n  @media (forced-colors: active) {\n    .ddga-badge {\n      border: 1px solid CanvasText;\n    }\n  }\n}\n"],"names":[]}

package/dist/components/combobox.css

@@ -1,2 +0,0 @@
-@layer ddga-components{.ddga-combobox__label{align-items:center;gap:var(--ddga-space-1);font-size:var(--ddga-font-size-sm);font-weight:var(--ddga-font-weight-medium);color:var(--ddga-color-foreground);margin-block-end:var(--ddga-space-2);display:inline-flex}.ddga-combobox__required{color:var(--ddga-color-error)}.ddga-combobox-trigger{justify-content:space-between;align-items:center;gap:var(--ddga-space-2);border:1px solid var(--ddga-color-input);border-radius:var(--ddga-radius-md);background-color:var(--ddga-color-background);inline-size:100%;color:var(--ddga-color-foreground);text-align:start;cursor:pointer;font-family:inherit;transition:border-color .12s,box-shadow .12s;display:inline-flex}.ddga-combobox-trigger--sm{block-size:32px;padding-inline:var(--ddga-space-3);font-size:var(--ddga-font-size-sm)}.ddga-combobox-trigger--md{block-size:36px;padding-inline:var(--ddga-space-4);font-size:var(--ddga-font-size-base)}.ddga-combobox-trigger:focus-visible{border-color:var(--ddga-color-ring);box-shadow:0 0 0 1px var(--ddga-color-ring);outline:none}.ddga-combobox-trigger:disabled{opacity:.5;cursor:not-allowed;background-color:var(--ddga-color-muted)}.ddga-combobox-trigger--error{border-color:var(--ddga-color-error)}.ddga-combobox-trigger--error:focus-visible{border-color:var(--ddga-color-error);box-shadow:0 0 0 1px var(--ddga-color-error)}.ddga-combobox__value{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-inline-size:0;overflow:hidden}.ddga-combobox__placeholder{color:var(--ddga-text-placeholder)}.ddga-combobox__icon{block-size:1em;inline-size:1em;color:var(--ddga-text-secondary);flex-shrink:0}.ddga-combobox-content{background-color:var(--ddga-color-background);color:var(--ddga-color-foreground);border:1px solid var(--ddga-color-border);border-radius:var(--ddga-radius-md);box-shadow:var(--ddga-shadow-md);z-index:50;min-inline-size:200px;overflow:hidden}.ddga-combobox-content[data-state=open]{animation:.12s cubic-bezier(.16,1,.3,1) ddga-combobox-in}.ddga-combobox-content[data-state=closed]{animation:80ms ease-in ddga-combobox-out}@keyframes ddga-combobox-in{0%{opacity:0;transform:translateY(-2px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ddga-combobox-out{0%{opacity:1}to{opacity:0}}.ddga-combobox-command{flex-direction:column;max-block-size:min(340px,60vh);display:flex}.ddga-combobox-input{inline-size:100%;padding-block:var(--ddga-space-2);padding-inline:var(--ddga-space-3);border:0;border-block-end:1px solid var(--ddga-color-border);color:inherit;font:inherit;background-color:#0000;outline:none}.ddga-combobox-input::placeholder{color:var(--ddga-text-placeholder)}.ddga-combobox-list{min-block-size:0;padding:var(--ddga-space-1);flex:auto;overflow-y:auto}.ddga-combobox-empty{padding-block:var(--ddga-space-3);padding-inline:var(--ddga-space-3);font-size:var(--ddga-font-size-sm);color:var(--ddga-text-tertiary);text-align:center}.ddga-combobox-item{align-items:center;gap:var(--ddga-space-2);padding-block:var(--ddga-space-1);padding-inline:var(--ddga-space-2);border-radius:var(--ddga-radius-sm);font-size:var(--ddga-font-size-sm);color:inherit;cursor:default;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;display:flex}.ddga-combobox-item[data-selected=true]{background-color:var(--ddga-color-muted)}.ddga-combobox-item[data-disabled=true]{color:var(--ddga-text-tertiary);pointer-events:none}.ddga-combobox-item__check{block-size:1em;inline-size:1em;color:var(--ddga-color-primary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ddga-combobox-item__check>svg{block-size:.875em;inline-size:.875em}.ddga-combobox-item__label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-inline-size:0;overflow:hidden}.ddga-combobox-group [cmdk-group-heading]{padding-block:var(--ddga-space-1);padding-inline:var(--ddga-space-2);font-size:var(--ddga-font-size-xs);font-weight:var(--ddga-font-weight-semibold);color:var(--ddga-text-tertiary);text-transform:uppercase;letter-spacing:.04em}[dir=rtl] .ddga-combobox-group [cmdk-group-heading]{letter-spacing:normal;text-transform:none}.ddga-combobox-separator{block-size:1px;margin-block:var(--ddga-space-1);margin-inline:calc(var(--ddga-space-1) * -1);background-color:var(--ddga-color-border)}@media (prefers-reduced-motion:reduce){.ddga-combobox-content[data-state=open],.ddga-combobox-content[data-state=closed]{animation:none}}@media (forced-colors:active){.ddga-combobox-trigger,.ddga-combobox-content{border:1px solid canvastext}.ddga-combobox-trigger:focus-visible{outline-offset:1px;outline:2px solid highlight}.ddga-combobox-item[data-selected=true]{color:highlighttext;background-color:highlight}}}
-/*# sourceMappingURL=combobox.css.map */

package/dist/components/combobox.css.map

@@ -1 +0,0 @@
-{"version":3,"mappings":"AAAA,uBAGE,2OASA,uDAOA,oYAkBA,iHAKA,mHAMA,kIAMA,uGAMA,mEAGA,8HAKA,4GAQA,+DAIA,mGASA,wQAeA,iGAGA,mFAGA,4HAUA,wDAWA,yFAMA,uOAWA,qEAMA,2FAOA,+KAQA,oVAoBA,iFAGA,4FAKA,sKASA,oEAIA,iHAUA,6QAUA,8FAKA,gKASA,uCACE,kGAMF,8BACE,0EAIA,oFAIA","sources":["src/components/combobox.css"],"sourcesContent":["@layer ddga-components {\n  /* ─── Label + required ─── */\n\n  .ddga-combobox__label {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--ddga-space-1);\n    font-size: var(--ddga-font-size-sm);\n    font-weight: var(--ddga-font-weight-medium);\n    color: var(--ddga-color-foreground);\n    margin-block-end: var(--ddga-space-2);\n  }\n  .ddga-combobox__required {\n    color: var(--ddga-color-error);\n  }\n\n  /* ─── Trigger (Popover.Trigger as <button>) ─── */\n\n  /* Heights mirror Input/Select so triggers and text inputs line up. */\n  .ddga-combobox-trigger {\n    display: inline-flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--ddga-space-2);\n    inline-size: 100%;\n    border: 1px solid var(--ddga-color-input);\n    border-radius: var(--ddga-radius-md);\n    background-color: var(--ddga-color-background);\n    color: var(--ddga-color-foreground);\n    font-family: inherit;\n    text-align: start;\n    cursor: pointer;\n    transition:\n      border-color 120ms ease,\n      box-shadow 120ms ease;\n  }\n\n  .ddga-combobox-trigger--sm {\n    block-size: 32px;\n    padding-inline: var(--ddga-space-3);\n    font-size: var(--ddga-font-size-sm);\n  }\n  .ddga-combobox-trigger--md {\n    block-size: 36px;\n    padding-inline: var(--ddga-space-4);\n    font-size: var(--ddga-font-size-base);\n  }\n\n  .ddga-combobox-trigger:focus-visible {\n    outline: none;\n    border-color: var(--ddga-color-ring);\n    box-shadow: 0 0 0 1px var(--ddga-color-ring);\n  }\n\n  .ddga-combobox-trigger:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n    background-color: var(--ddga-color-muted);\n  }\n\n  .ddga-combobox-trigger--error {\n    border-color: var(--ddga-color-error);\n  }\n  .ddga-combobox-trigger--error:focus-visible {\n    border-color: var(--ddga-color-error);\n    box-shadow: 0 0 0 1px var(--ddga-color-error);\n  }\n\n  .ddga-combobox__value {\n    flex: 1 1 auto;\n    min-inline-size: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .ddga-combobox__placeholder {\n    color: var(--ddga-text-placeholder);\n  }\n\n  .ddga-combobox__icon {\n    flex-shrink: 0;\n    inline-size: 1em;\n    block-size: 1em;\n    color: var(--ddga-text-secondary);\n  }\n\n  /* ─── Popover content panel ─── */\n\n  .ddga-combobox-content {\n    background-color: var(--ddga-color-background);\n    color: var(--ddga-color-foreground);\n    border: 1px solid var(--ddga-color-border);\n    border-radius: var(--ddga-radius-md);\n    box-shadow: var(--ddga-shadow-md);\n    overflow: hidden;\n    z-index: 50;\n    /* `inline-size: var(--radix-popover-trigger-width)` set inline so the\n       panel always matches trigger width. min-width fallback for very narrow\n       triggers; the popper var is what wins normally. */\n    min-inline-size: 200px;\n  }\n\n  /* Same in/out animation as DropdownMenu — fast + subtle. */\n  .ddga-combobox-content[data-state='open'] {\n    animation: ddga-combobox-in 120ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n  .ddga-combobox-content[data-state='closed'] {\n    animation: ddga-combobox-out 80ms ease-in;\n  }\n  @keyframes ddga-combobox-in {\n    from {\n      opacity: 0;\n      transform: translateY(-2px) scale(0.98);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n    }\n  }\n  @keyframes ddga-combobox-out {\n    from {\n      opacity: 1;\n    }\n    to {\n      opacity: 0;\n    }\n  }\n\n  /* ─── cmdk root + input ─── */\n\n  .ddga-combobox-command {\n    display: flex;\n    flex-direction: column;\n    max-block-size: min(340px, 60vh);\n  }\n\n  .ddga-combobox-input {\n    inline-size: 100%;\n    padding-block: var(--ddga-space-2);\n    padding-inline: var(--ddga-space-3);\n    border: 0;\n    border-block-end: 1px solid var(--ddga-color-border);\n    background-color: transparent;\n    color: inherit;\n    font: inherit;\n    outline: none;\n  }\n  .ddga-combobox-input::placeholder {\n    color: var(--ddga-text-placeholder);\n  }\n\n  /* ─── List + items ─── */\n\n  .ddga-combobox-list {\n    flex: 1 1 auto;\n    min-block-size: 0;\n    overflow-y: auto;\n    padding: var(--ddga-space-1);\n  }\n\n  .ddga-combobox-empty {\n    padding-block: var(--ddga-space-3);\n    padding-inline: var(--ddga-space-3);\n    font-size: var(--ddga-font-size-sm);\n    color: var(--ddga-text-tertiary);\n    text-align: center;\n  }\n\n  .ddga-combobox-item {\n    display: flex;\n    align-items: center;\n    gap: var(--ddga-space-2);\n    padding-block: var(--ddga-space-1);\n    padding-inline: var(--ddga-space-2);\n    border-radius: var(--ddga-radius-sm);\n    font-size: var(--ddga-font-size-sm);\n    color: inherit;\n    cursor: default;\n    user-select: none;\n    outline: none;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  /* cmdk sets data-selected='true' on the actively highlighted item (keyboard\n     or hover) — that's the background below. The chosen value is a distinct\n     concept: the component marks it with data-active='' and shows it via the\n     check icon (not a background), so the highlight and the selection never\n     visually collide. */\n  .ddga-combobox-item[data-selected='true'] {\n    background-color: var(--ddga-color-muted);\n  }\n  .ddga-combobox-item[data-disabled='true'] {\n    color: var(--ddga-text-tertiary);\n    pointer-events: none;\n  }\n\n  .ddga-combobox-item__check {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    inline-size: 1em;\n    block-size: 1em;\n    flex-shrink: 0;\n    color: var(--ddga-color-primary);\n  }\n  .ddga-combobox-item__check > svg {\n    inline-size: 0.875em;\n    block-size: 0.875em;\n  }\n  .ddga-combobox-item__label {\n    flex: 1 1 auto;\n    min-inline-size: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  /* ─── Group + Separator ─── */\n\n  .ddga-combobox-group [cmdk-group-heading] {\n    padding-block: var(--ddga-space-1);\n    padding-inline: var(--ddga-space-2);\n    font-size: var(--ddga-font-size-xs);\n    font-weight: var(--ddga-font-weight-semibold);\n    color: var(--ddga-text-tertiary);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n  }\n  /* Protect Arabic cursive joining — drop the tracking when RTL. */\n  [dir='rtl'] .ddga-combobox-group [cmdk-group-heading] {\n    letter-spacing: normal;\n    text-transform: none;\n  }\n\n  .ddga-combobox-separator {\n    block-size: 1px;\n    margin-block: var(--ddga-space-1);\n    margin-inline: calc(var(--ddga-space-1) * -1);\n    background-color: var(--ddga-color-border);\n  }\n\n  /* ─── Reduced motion + Forced colors ─── */\n\n  @media (prefers-reduced-motion: reduce) {\n    .ddga-combobox-content[data-state='open'],\n    .ddga-combobox-content[data-state='closed'] {\n      animation: none;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .ddga-combobox-trigger,\n    .ddga-combobox-content {\n      border: 1px solid CanvasText;\n    }\n    .ddga-combobox-trigger:focus-visible {\n      outline: 2px solid Highlight;\n      outline-offset: 1px;\n    }\n    .ddga-combobox-item[data-selected='true'] {\n      background-color: Highlight;\n      color: HighlightText;\n    }\n  }\n}\n"],"names":[]}

package/dist/components/input.css

@@ -1,2 +0,0 @@
-@layer ddga-components{.ddga-input__label{color:var(--ddga-text-primary);font-weight:var(--ddga-font-weight-medium);font-size:var(--ddga-font-size-sm);line-height:1.4}.ddga-input__required{color:var(--ddga-color-error);margin-inline-start:.125rem}.ddga-input{align-items:center;gap:var(--ddga-space-2);border:1px solid var(--ddga-color-input);border-radius:var(--ddga-radius-sm);background-color:var(--ddga-color-background);inline-size:100%;color:var(--ddga-text-primary);transition:border-color .15s,box-shadow .15s;display:flex}.ddga-input--sm{block-size:32px;padding-inline:var(--ddga-space-3);font-size:var(--ddga-font-size-sm)}.ddga-input--md{block-size:36px;padding-inline:var(--ddga-space-4);font-size:var(--ddga-font-size-base)}.ddga-input--lg{block-size:40px;padding-inline:var(--ddga-space-4);font-size:var(--ddga-font-size-lg)}.ddga-input__field{block-size:100%;min-inline-size:0;color:inherit;font:inherit;background:0 0;border:0;outline:none;flex:auto;padding:0}.ddga-input__field::placeholder{color:var(--ddga-text-placeholder)}.ddga-input__field:-webkit-autofill{-webkit-text-fill-color:var(--ddga-text-primary);-webkit-box-shadow:0 0 0 100vmax var(--ddga-color-background) inset;box-shadow:0 0 0 100vmax var(--ddga-color-background) inset;caret-color:var(--ddga-text-primary)}.ddga-input__field:-webkit-autofill:hover{-webkit-text-fill-color:var(--ddga-text-primary);-webkit-box-shadow:0 0 0 100vmax var(--ddga-color-background) inset;box-shadow:0 0 0 100vmax var(--ddga-color-background) inset;caret-color:var(--ddga-text-primary)}.ddga-input__field:-webkit-autofill:focus{-webkit-text-fill-color:var(--ddga-text-primary);-webkit-box-shadow:0 0 0 100vmax var(--ddga-color-background) inset;box-shadow:0 0 0 100vmax var(--ddga-color-background) inset;caret-color:var(--ddga-text-primary)}.ddga-input__adornment{max-block-size:100%;color:var(--ddga-text-tertiary);flex-shrink:0;align-self:center;align-items:center;display:inline-flex}.ddga-input__adornment svg{flex-shrink:0;align-self:center}.ddga-input:has(.ddga-input__adornment--start){padding-inline-start:var(--ddga-space-2)}.ddga-input:has(.ddga-input__adornment--end){padding-inline-end:var(--ddga-space-2)}.ddga-input:focus-within{border-color:var(--ddga-color-ring);box-shadow:0 0 0 1px var(--ddga-color-ring)}.ddga-input--error{border-color:var(--ddga-color-error)}.ddga-input--error:focus-within{border-color:var(--ddga-color-error);box-shadow:0 0 0 1px var(--ddga-color-error)}.ddga-input:has(.ddga-input__field:disabled){opacity:.5;cursor:not-allowed;background-color:var(--ddga-color-muted)}.ddga-input:has(.ddga-input__field:disabled) .ddga-input__field{cursor:not-allowed}.ddga-input:has(.ddga-input__field:read-only:not(:disabled)){background-color:var(--ddga-color-muted)}@media (prefers-reduced-motion:reduce){.ddga-input{transition:none}}@media (forced-colors:active){.ddga-input{border:1px solid canvastext}.ddga-input:focus-within{outline:2px solid highlight}.ddga-input:has(.ddga-input__field:disabled){color:graytext;border-color:graytext}}}
-/*# sourceMappingURL=input.css.map */

package/dist/components/input.css.map

@@ -1 +0,0 @@
-{"version":3,"mappings":"AAAA,uBAME,gJAOA,gFAOA,4RAgBA,sGAKA,wGAKA,sGAQA,yIAYA,mEAQA,0PAAA,gQAAA,gQAWA,kJAYA,2DAOA,wFAGA,oFAMA,yGAOA,wDAGA,kHAOA,oHAKA,mFAIA,sGAMA,uCACE,6BAOF,8BACE,wCAGA,qDAGA","sources":["src/components/input.css"],"sourcesContent":["@layer ddga-components {\n  /* Wrapper (.ddga-field) + helper/error (.ddga-field__message) are shared\n     , see field.css. Only Input-specific styles live here. */\n\n  /* ─── Label ─── */\n\n  .ddga-input__label {\n    color: var(--ddga-text-primary);\n    font-weight: var(--ddga-font-weight-medium);\n    font-size: var(--ddga-font-size-sm);\n    line-height: 1.4;\n  }\n\n  .ddga-input__required {\n    color: var(--ddga-color-error);\n    margin-inline-start: 0.125rem;\n  }\n\n  /* ─── Control (the bordered box; owns border/focus/size/state) ─── */\n\n  .ddga-input {\n    display: flex;\n    align-items: center;\n    gap: var(--ddga-space-2);\n    inline-size: 100%;\n    border: 1px solid var(--ddga-color-input);\n    border-radius: var(--ddga-radius-sm);\n    background-color: var(--ddga-color-background);\n    color: var(--ddga-text-primary);\n    transition:\n      border-color 150ms ease,\n      box-shadow 150ms ease;\n  }\n\n  /* ─── Sizes (heights match Button) ─── */\n\n  .ddga-input--sm {\n    block-size: 32px;\n    padding-inline: var(--ddga-space-3);\n    font-size: var(--ddga-font-size-sm);\n  }\n  .ddga-input--md {\n    block-size: 36px;\n    padding-inline: var(--ddga-space-4);\n    font-size: var(--ddga-font-size-base);\n  }\n  .ddga-input--lg {\n    block-size: 40px;\n    padding-inline: var(--ddga-space-4);\n    font-size: var(--ddga-font-size-lg);\n  }\n\n  /* ─── Field (the actual <input> , transparent, borderless fill) ─── */\n\n  .ddga-input__field {\n    flex: 1 1 auto;\n    min-inline-size: 0;\n    block-size: 100%;\n    padding: 0;\n    border: 0;\n    background: transparent;\n    color: inherit;\n    font: inherit;\n    outline: none;\n  }\n\n  .ddga-input__field::placeholder {\n    color: var(--ddga-text-placeholder);\n  }\n\n  /* Autofill: browsers paint their own background/text on autofilled\n     fields, overriding the theme (most jarring in dark mode, and government\n     forms autofill heavily). Repaint with tokens via the inset-shadow\n     technique , `background-color` alone is ignored for autofill. */\n  .ddga-input__field:-webkit-autofill,\n  .ddga-input__field:-webkit-autofill:hover,\n  .ddga-input__field:-webkit-autofill:focus {\n    -webkit-text-fill-color: var(--ddga-text-primary);\n    -webkit-box-shadow: 0 0 0 100vmax var(--ddga-color-background) inset;\n    box-shadow: 0 0 0 100vmax var(--ddga-color-background) inset;\n    caret-color: var(--ddga-text-primary);\n  }\n\n  /* ─── Adornments (leading/trailing icon or text) ─── */\n\n  .ddga-input__adornment {\n    display: inline-flex;\n    align-items: center;\n    align-self: center;\n    flex-shrink: 0;\n    /* Never taller than the field interior, so an interactive control\n       (clear / password toggle) can't paint over the field border. */\n    max-block-size: 100%;\n    color: var(--ddga-text-tertiary);\n  }\n\n  /* Block-level SVGs (see reset) must not flex-stretch into a tall icon. */\n  .ddga-input__adornment svg {\n    flex-shrink: 0;\n    align-self: center;\n  }\n\n  /* An adornment hugs the field edge: collapse the padding on its side so\n     an in-field button's hit area aligns with the field, not floating. */\n  .ddga-input:has(.ddga-input__adornment--start) {\n    padding-inline-start: var(--ddga-space-2);\n  }\n  .ddga-input:has(.ddga-input__adornment--end) {\n    padding-inline-end: var(--ddga-space-2);\n  }\n\n  /* ─── Focus (ring on the control via :focus-within) ─── */\n\n  .ddga-input:focus-within {\n    border-color: var(--ddga-color-ring);\n    box-shadow: 0 0 0 1px var(--ddga-color-ring);\n  }\n\n  /* ─── Error ─── */\n\n  .ddga-input--error {\n    border-color: var(--ddga-color-error);\n  }\n  .ddga-input--error:focus-within {\n    border-color: var(--ddga-color-error);\n    box-shadow: 0 0 0 1px var(--ddga-color-error);\n  }\n\n  /* ─── States (driven by the inner field via :has()) ─── */\n\n  .ddga-input:has(.ddga-input__field:disabled) {\n    opacity: 0.5;\n    cursor: not-allowed;\n    background-color: var(--ddga-color-muted);\n  }\n  .ddga-input:has(.ddga-input__field:disabled) .ddga-input__field {\n    cursor: not-allowed;\n  }\n\n  .ddga-input:has(.ddga-input__field:read-only:not(:disabled)) {\n    background-color: var(--ddga-color-muted);\n  }\n\n  /* ─── Reduced motion ─── */\n\n  @media (prefers-reduced-motion: reduce) {\n    .ddga-input {\n      transition: none;\n    }\n  }\n\n  /* ─── Forced colors (Windows High Contrast) ─── */\n\n  @media (forced-colors: active) {\n    .ddga-input {\n      border: 1px solid CanvasText;\n    }\n    .ddga-input:focus-within {\n      outline: 2px solid Highlight;\n    }\n    .ddga-input:has(.ddga-input__field:disabled) {\n      color: GrayText;\n      border-color: GrayText;\n    }\n  }\n}\n"],"names":[]}

package/dist/components/stat.css

@@ -1,2 +0,0 @@
-@layer ddga-components{.ddga-stat{gap:var(--ddga-space-1);max-inline-size:20rem;padding:var(--ddga-space-5);background-color:var(--ddga-color-card);border:1px solid var(--ddga-color-border);border-radius:var(--ddga-radius-md);color:var(--ddga-color-card-foreground);flex-direction:column;display:flex}.ddga-stat--elevated{box-shadow:var(--ddga-shadow-md);border-color:#0000}.ddga-stat--elevated .ddga-stat__icon{border-radius:var(--ddga-radius-full);background-color:var(--ddga-sa-600);block-size:2.5rem;inline-size:2.5rem;color:var(--ddga-color-primary-foreground)}:is(.ddga-stat--accent,.ddga-stat--gradient){--ddga-stat-accent-fg:var(--ddga-sa-600);--ddga-stat-accent-bg:var(--ddga-sa-50)}:is(.ddga-stat--accent,.ddga-stat--gradient)[data-sentiment=positive]{--ddga-stat-accent-fg:var(--ddga-success-600);--ddga-stat-accent-bg:var(--ddga-success-50)}:is(.ddga-stat--accent,.ddga-stat--gradient)[data-sentiment=negative]{--ddga-stat-accent-fg:var(--ddga-error-600);--ddga-stat-accent-bg:var(--ddga-error-50)}:is(.ddga-stat--accent,.ddga-stat--gradient)[data-sentiment=neutral]{--ddga-stat-accent-fg:var(--ddga-gray-600);--ddga-stat-accent-bg:var(--ddga-gray-100)}:is(.ddga-stat--accent,.ddga-stat--gradient) .ddga-stat__icon{background-color:var(--ddga-stat-accent-bg);color:var(--ddga-stat-accent-fg)}.ddga-stat--accent{border-inline-start:3px solid var(--ddga-stat-accent-fg)}.ddga-stat--gradient{box-shadow:var(--ddga-shadow-sm);background-image:linear-gradient(135deg, var(--ddga-stat-accent-bg), transparent 65%);border-color:#0000}[dir=rtl] .ddga-stat--gradient{background-image:linear-gradient(225deg, var(--ddga-stat-accent-bg), transparent 65%)}[data-theme=dark] .ddga-stat--flat .ddga-stat__icon{color:var(--ddga-gray-300,#d2d6db);background-color:#ffffff14}[data-theme=dark] :is(.ddga-stat--accent,.ddga-stat--gradient){--ddga-stat-accent-fg:var(--ddga-sa-300,#7ed3a8);--ddga-stat-accent-bg:#25935f2e}[data-theme=dark] :is(.ddga-stat--accent,.ddga-stat--gradient)[data-sentiment=positive]{--ddga-stat-accent-fg:var(--ddga-success-200,#abefc6);--ddga-stat-accent-bg:#0794552e}[data-theme=dark] :is(.ddga-stat--accent,.ddga-stat--gradient)[data-sentiment=negative]{--ddga-stat-accent-fg:var(--ddga-error-200,#fecdca);--ddga-stat-accent-bg:#d92d202e}[data-theme=dark] :is(.ddga-stat--accent,.ddga-stat--gradient)[data-sentiment=neutral]{--ddga-stat-accent-fg:var(--ddga-gray-300,#d2d6db);--ddga-stat-accent-bg:#ffffff14}.ddga-stat__label-row{justify-content:space-between;align-items:center;gap:var(--ddga-space-2);display:flex}.ddga-stat__label{color:var(--ddga-text-secondary);font-size:var(--ddga-font-size-xs);font-weight:var(--ddga-font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;line-height:1.4}[dir=rtl] .ddga-stat__label{letter-spacing:normal}.ddga-stat__icon{border-radius:var(--ddga-radius-md);background-color:var(--ddga-gray-100);block-size:2.25rem;inline-size:2.25rem;color:var(--ddga-gray-600);font-size:var(--ddga-font-size-lg);flex:none;justify-content:center;align-items:center;display:inline-flex}.ddga-stat__icon>svg{block-size:1em;inline-size:1em}.ddga-stat__value{color:var(--ddga-text-primary);font-size:var(--ddga-font-size-2xl);font-weight:var(--ddga-font-weight-semibold);letter-spacing:-.01em;font-variant-numeric:tabular-nums;line-height:1.2}[dir=rtl] .ddga-stat__value{letter-spacing:normal}.ddga-stat__change-row{align-items:center;gap:var(--ddga-space-2);display:flex}.ddga-stat__change{--ddga-stat-change-color:var(--ddga-text-secondary);align-items:center;gap:var(--ddga-space-1);color:var(--ddga-stat-change-color);font-size:var(--ddga-font-size-sm);font-weight:var(--ddga-font-weight-medium);font-variant-numeric:tabular-nums;display:inline-flex}.ddga-stat__change--positive{--ddga-stat-change-color:var(--ddga-color-success)}.ddga-stat__change--negative{--ddga-stat-change-color:var(--ddga-color-error)}.ddga-stat__change--neutral{--ddga-stat-change-color:var(--ddga-text-secondary)}.ddga-stat__change--chip{padding-block:var(--ddga-space-1);padding-inline:var(--ddga-space-2);border-radius:var(--ddga-radius-full);background-color:var(--ddga-gray-100)}.ddga-stat__change--chip.ddga-stat__change--positive{background-color:var(--ddga-success-50)}.ddga-stat__change--chip.ddga-stat__change--negative{background-color:var(--ddga-error-50)}[data-theme=dark] .ddga-stat__change--chip{background-color:#ffffff14}[data-theme=dark] .ddga-stat__change--chip.ddga-stat__change--positive{background-color:#0794552e}[data-theme=dark] .ddga-stat__change--chip.ddga-stat__change--negative{background-color:#d92d202e}.ddga-stat__change-icon{justify-content:center;align-items:center;font-size:.85em;display:inline-flex}.ddga-stat__change-icon>svg{block-size:1em;inline-size:1em}.ddga-stat__change-label{color:var(--ddga-text-tertiary);font-size:var(--ddga-font-size-sm)}.ddga-stat__chart{block-size:2.5rem;margin-block-start:var(--ddga-space-2)}.ddga-stat__chart>svg{block-size:100%;inline-size:100%;display:block}.ddga-stat--sm{padding:var(--ddga-space-4)}.ddga-stat--sm .ddga-stat__value{font-size:var(--ddga-font-size-xl)}.ddga-stat--lg{gap:var(--ddga-space-2);padding:var(--ddga-space-6)}.ddga-stat--lg .ddga-stat__value{font-size:var(--ddga-font-size-3xl)}.ddga-stat--xl{gap:var(--ddga-space-2);padding:var(--ddga-space-8)}.ddga-stat--xl .ddga-stat__value{font-size:2.5rem;line-height:1.1}.ddga-stat--xl .ddga-stat__chart{block-size:3.25rem}.ddga-stat-group{--ddga-stat-group-gap:var(--ddga-space-4)}.ddga-stat-group--gap-sm{--ddga-stat-group-gap:var(--ddga-space-3)}.ddga-stat-group--gap-md{--ddga-stat-group-gap:var(--ddga-space-4)}.ddga-stat-group--gap-lg{--ddga-stat-group-gap:var(--ddga-space-6)}.ddga-stat-group--horizontal{gap:var(--ddga-stat-group-gap);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));display:grid}.ddga-stat-group--horizontal.ddga-stat-group--cols{grid-template-columns:repeat(auto-fit, minmax(max(13rem, calc((100% - (var(--ddga-stat-group-columns) - 1) * var(--ddga-stat-group-gap)) / var(--ddga-stat-group-columns))), 1fr))}.ddga-stat-group--vertical{gap:var(--ddga-stat-group-gap);flex-direction:column;display:flex}.ddga-stat-group .ddga-stat{max-inline-size:none}@media (forced-colors:active){.ddga-stat__icon,.ddga-stat__change--chip{border:1px solid canvastext}.ddga-stat--accent{border-inline-start-color:highlight}.ddga-stat--gradient{border:1px solid canvastext}}}
-/*# sourceMappingURL=stat.css.map */

package/dist/components/stat.css.map

@@ -1 +0,0 @@
-{"version":3,"mappings":"AAAA,uBAWE,sRAeA,yEAIA,gMAUA,8HAIA,iKAIA,6JAIA,2JAIA,2IAMA,4EAMA,+JAKA,qHAWA,kHAIA,gJAIA,8KAIA,4KAIA,0KAKA,4GAOA,iMAUA,kDAIA,wQAYA,oDAKA,0MAYA,kDAIA,+EAMA,0RAUA,gFAGA,8EAKA,gFAMA,0KAMA,6FAGA,2FAGA,sEAGA,kGAGA,kGAIA,sGAOA,2DAKA,4FAQA,2EAIA,qEAOA,2CAGA,oEAGA,mEAIA,qEAKA,mEAIA,kEAIA,oDAMA,2DAGA,mEAGA,mEAGA,mEAIA,kIAKA,sOAuBA,6FAOA,iDAKA,8BAEE,sEAIA,uDAKA","sources":["src/components/stat.css"],"sourcesContent":["@layer ddga-components {\n  /* Self-contained KPI tile: owns its surface (padding/border/bg/radius) so\n     `<Stat>` renders a complete tile with no Card wrapper. `max-inline-size`\n     keeps a single tile from stretching full-width; inside a grid/flex the\n     container controls sizing. Logical properties keep it RTL-safe; numbers\n     stay LTR via Latin digits. Sentiment color flows through\n     --ddga-stat-change-color. The --ddga-color-card/-border/-success/-error\n     tokens (surface + change row) adapt automatically in dark mode, but the\n     -50/-100 badge tints are raw palette tokens that don't, so they get\n     explicit [data-theme='dark'] overrides (below). */\n\n  .ddga-stat {\n    display: flex;\n    flex-direction: column;\n    gap: var(--ddga-space-1);\n    max-inline-size: 20rem;\n    padding: var(--ddga-space-5);\n    background-color: var(--ddga-color-card);\n    border: 1px solid var(--ddga-color-border);\n    border-radius: var(--ddga-radius-md);\n    color: var(--ddga-color-card-foreground);\n  }\n\n  /* ─── Variants ─── */\n  /* flat = the base surface (border + neutral badge). elevated/accent below. */\n\n  .ddga-stat--elevated {\n    border-color: transparent;\n    box-shadow: var(--ddga-shadow-md);\n  }\n  .ddga-stat--elevated .ddga-stat__icon {\n    inline-size: 2.5rem;\n    block-size: 2.5rem;\n    border-radius: var(--ddga-radius-full);\n    background-color: var(--ddga-sa-600);\n    color: var(--ddga-color-primary-foreground);\n  }\n\n  /* accent + gradient share the sentiment-keyed tint vars (data-sentiment on\n     the root). Defaults to brand when no sentiment. */\n  :is(.ddga-stat--accent, .ddga-stat--gradient) {\n    --ddga-stat-accent-fg: var(--ddga-sa-600);\n    --ddga-stat-accent-bg: var(--ddga-sa-50);\n  }\n  :is(.ddga-stat--accent, .ddga-stat--gradient)[data-sentiment='positive'] {\n    --ddga-stat-accent-fg: var(--ddga-success-600);\n    --ddga-stat-accent-bg: var(--ddga-success-50);\n  }\n  :is(.ddga-stat--accent, .ddga-stat--gradient)[data-sentiment='negative'] {\n    --ddga-stat-accent-fg: var(--ddga-error-600);\n    --ddga-stat-accent-bg: var(--ddga-error-50);\n  }\n  :is(.ddga-stat--accent, .ddga-stat--gradient)[data-sentiment='neutral'] {\n    --ddga-stat-accent-fg: var(--ddga-gray-600);\n    --ddga-stat-accent-bg: var(--ddga-gray-100);\n  }\n  :is(.ddga-stat--accent, .ddga-stat--gradient) .ddga-stat__icon {\n    background-color: var(--ddga-stat-accent-bg);\n    color: var(--ddga-stat-accent-fg);\n  }\n\n  /* accent: inline-start edge bar. */\n  .ddga-stat--accent {\n    border-inline-start: 3px solid var(--ddga-stat-accent-fg);\n  }\n\n  /* gradient: soft sentiment-tinted surface (elevated, borderless). The tint\n     fades from the inline-start corner; flip the angle in RTL. */\n  .ddga-stat--gradient {\n    border-color: transparent;\n    box-shadow: var(--ddga-shadow-sm);\n    background-image: linear-gradient(135deg, var(--ddga-stat-accent-bg), transparent 65%);\n  }\n  [dir='rtl'] .ddga-stat--gradient {\n    background-image: linear-gradient(225deg, var(--ddga-stat-accent-bg), transparent 65%);\n  }\n\n  /* ─── Dark mode ─── */\n  /* The -50/-100 badge tints are raw palette tokens (identical in dark) and read\n     near-white on a dark card. Use translucent fills + lighter foregrounds\n     (mirrors alert.css / empty-state.css). The change-row colors already adapt\n     via the semantic --ddga-color-* tokens, and the elevated brand badge\n     (--ddga-sa-600) stays legible in dark, so neither needs an override. */\n\n  [data-theme='dark'] .ddga-stat--flat .ddga-stat__icon {\n    background-color: rgb(255 255 255 / 0.08);\n    color: var(--ddga-gray-300, #d2d6db);\n  }\n  [data-theme='dark'] :is(.ddga-stat--accent, .ddga-stat--gradient) {\n    --ddga-stat-accent-fg: var(--ddga-sa-300, #7ed3a8);\n    --ddga-stat-accent-bg: rgb(37 147 95 / 0.18);\n  }\n  [data-theme='dark'] :is(.ddga-stat--accent, .ddga-stat--gradient)[data-sentiment='positive'] {\n    --ddga-stat-accent-fg: var(--ddga-success-200, #abefc6);\n    --ddga-stat-accent-bg: rgb(7 148 85 / 0.18);\n  }\n  [data-theme='dark'] :is(.ddga-stat--accent, .ddga-stat--gradient)[data-sentiment='negative'] {\n    --ddga-stat-accent-fg: var(--ddga-error-200, #fecdca);\n    --ddga-stat-accent-bg: rgb(217 45 32 / 0.18);\n  }\n  [data-theme='dark'] :is(.ddga-stat--accent, .ddga-stat--gradient)[data-sentiment='neutral'] {\n    --ddga-stat-accent-fg: var(--ddga-gray-300, #d2d6db);\n    --ddga-stat-accent-bg: rgb(255 255 255 / 0.08);\n  }\n\n  .ddga-stat__label-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--ddga-space-2);\n  }\n\n  .ddga-stat__label {\n    color: var(--ddga-text-secondary);\n    font-size: var(--ddga-font-size-xs);\n    font-weight: var(--ddga-font-weight-semibold);\n    line-height: 1.4;\n    text-transform: uppercase;\n    /* Tracked caps read as \"professional\" in LTR. Reset in RTL — letter-spacing\n       breaks Arabic cursive joining; uppercase is a harmless no-op on Arabic. */\n    letter-spacing: 0.06em;\n  }\n  [dir='rtl'] .ddga-stat__label {\n    letter-spacing: normal;\n  }\n\n  .ddga-stat__icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex: none;\n    inline-size: 2.25rem;\n    block-size: 2.25rem;\n    border-radius: var(--ddga-radius-md);\n    background-color: var(--ddga-gray-100);\n    color: var(--ddga-gray-600);\n    font-size: var(--ddga-font-size-lg);\n  }\n  .ddga-stat__icon > svg {\n    inline-size: 1em;\n    block-size: 1em;\n  }\n\n  .ddga-stat__value {\n    color: var(--ddga-text-primary);\n    font-size: var(--ddga-font-size-2xl);\n    font-weight: var(--ddga-font-weight-semibold);\n    /* tight leading for the large single-line numeric */\n    line-height: 1.2;\n    letter-spacing: -0.01em;\n    /* Align digits across a grid of tiles. */\n    font-variant-numeric: tabular-nums;\n  }\n  /* Reset the tracking in RTL — values can carry Arabic text (e.g. \"مليون ريال\"),\n     and letter-spacing breaks Arabic cursive joining (mirrors __label above). */\n  [dir='rtl'] .ddga-stat__value {\n    letter-spacing: normal;\n  }\n\n  .ddga-stat__change-row {\n    display: flex;\n    align-items: center;\n    gap: var(--ddga-space-2);\n  }\n\n  .ddga-stat__change {\n    --ddga-stat-change-color: var(--ddga-text-secondary);\n    display: inline-flex;\n    align-items: center;\n    gap: var(--ddga-space-1);\n    color: var(--ddga-stat-change-color);\n    font-size: var(--ddga-font-size-sm);\n    font-weight: var(--ddga-font-weight-medium);\n    font-variant-numeric: tabular-nums;\n  }\n  .ddga-stat__change--positive {\n    --ddga-stat-change-color: var(--ddga-color-success);\n  }\n  .ddga-stat__change--negative {\n    --ddga-stat-change-color: var(--ddga-color-error);\n  }\n  /* Same as the default — kept explicit so the three sentiment modifiers are\n     symmetric and `--neutral` is a stable override hook. */\n  .ddga-stat__change--neutral {\n    --ddga-stat-change-color: var(--ddga-text-secondary);\n  }\n\n  /* Chip: same text color, wrapped in a sentiment-tinted pill. The raw -50\n     tints get dark overrides below (mirrors the accent badge). */\n  .ddga-stat__change--chip {\n    padding-block: var(--ddga-space-1);\n    padding-inline: var(--ddga-space-2);\n    border-radius: var(--ddga-radius-full);\n    background-color: var(--ddga-gray-100);\n  }\n  .ddga-stat__change--chip.ddga-stat__change--positive {\n    background-color: var(--ddga-success-50);\n  }\n  .ddga-stat__change--chip.ddga-stat__change--negative {\n    background-color: var(--ddga-error-50);\n  }\n  [data-theme='dark'] .ddga-stat__change--chip {\n    background-color: rgb(255 255 255 / 0.08);\n  }\n  [data-theme='dark'] .ddga-stat__change--chip.ddga-stat__change--positive {\n    background-color: rgb(7 148 85 / 0.18);\n  }\n  [data-theme='dark'] .ddga-stat__change--chip.ddga-stat__change--negative {\n    background-color: rgb(217 45 32 / 0.18);\n  }\n\n  .ddga-stat__change-icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    /* caret slightly smaller than the change text for hierarchy */\n    font-size: 0.85em;\n  }\n  .ddga-stat__change-icon > svg {\n    inline-size: 1em;\n    block-size: 1em;\n  }\n\n  .ddga-stat__change-label {\n    color: var(--ddga-text-tertiary);\n    font-size: var(--ddga-font-size-sm);\n  }\n\n  /* ─── Chart slot (consumer-supplied sparkline) ─── */\n  /* A styled slot with a consistent height; the dropped-in chart stretches to\n     fill. The library ships no charting dependency. */\n  .ddga-stat__chart {\n    margin-block-start: var(--ddga-space-2);\n    block-size: 2.5rem;\n  }\n  .ddga-stat__chart > svg {\n    display: block;\n    inline-size: 100%;\n    block-size: 100%;\n  }\n\n  /* ─── Sizes (scale padding + value; lg/xl also open the root gap) ─── */\n  .ddga-stat--sm {\n    padding: var(--ddga-space-4);\n  }\n  .ddga-stat--sm .ddga-stat__value {\n    font-size: var(--ddga-font-size-xl);\n  }\n  .ddga-stat--lg {\n    gap: var(--ddga-space-2);\n    padding: var(--ddga-space-6);\n  }\n  .ddga-stat--lg .ddga-stat__value {\n    font-size: var(--ddga-font-size-3xl);\n  }\n  /* Hero/display: no font-size token sits above 3xl, so the display value uses\n     a component-local rem (precedent: the .625rem label size). */\n  .ddga-stat--xl {\n    gap: var(--ddga-space-2);\n    padding: var(--ddga-space-8);\n  }\n  .ddga-stat--xl .ddga-stat__value {\n    font-size: 2.5rem;\n    line-height: 1.1;\n  }\n  .ddga-stat--xl .ddga-stat__chart {\n    block-size: 3.25rem;\n  }\n\n  /* ─── StatGroup (layout parent for Stat tiles) ─── */\n\n  .ddga-stat-group {\n    --ddga-stat-group-gap: var(--ddga-space-4);\n  }\n  .ddga-stat-group--gap-sm {\n    --ddga-stat-group-gap: var(--ddga-space-3);\n  }\n  .ddga-stat-group--gap-md {\n    --ddga-stat-group-gap: var(--ddga-space-4);\n  }\n  .ddga-stat-group--gap-lg {\n    --ddga-stat-group-gap: var(--ddga-space-6);\n  }\n\n  .ddga-stat-group--horizontal {\n    display: grid;\n    gap: var(--ddga-stat-group-gap);\n    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));\n  }\n  .ddga-stat-group--horizontal.ddga-stat-group--cols {\n    /* `columns` is a responsive MAX, not a fixed count: up to N columns on wide\n       containers, wrapping down (N → … → 1) as the container narrows — no crush,\n       no overflow. The track minimum is the larger of the readable floor (13rem)\n       and the width N columns would occupy, so auto-fit packs at most N per row.\n       The `100%` resolves against the GROUP (not the viewport), so it is\n       container-aware — correct even in a narrow panel on a wide screen, with no\n       media query needed. */\n    grid-template-columns: repeat(\n      auto-fit,\n      minmax(\n        max(\n          13rem,\n          calc(\n            (100% - (var(--ddga-stat-group-columns) - 1) * var(--ddga-stat-group-gap)) /\n              var(--ddga-stat-group-columns)\n          )\n        ),\n        1fr\n      )\n    );\n  }\n\n  .ddga-stat-group--vertical {\n    display: flex;\n    flex-direction: column;\n    gap: var(--ddga-stat-group-gap);\n  }\n\n  /* Inside a group, tiles fill their slot — release the standalone cap. */\n  .ddga-stat-group .ddga-stat {\n    max-inline-size: none;\n  }\n\n  /* ─── Forced colors ─── */\n  @media (forced-colors: active) {\n    /* Badge + chip backgrounds flatten to Canvas; a border keeps them visible. */\n    .ddga-stat__icon,\n    .ddga-stat__change--chip {\n      border: 1px solid CanvasText;\n    }\n    .ddga-stat--accent {\n      border-inline-start-color: Highlight;\n    }\n    /* gradient flattens its tinted surface + has a transparent border, so it\n       would lose its boundary — restore one. */\n    .ddga-stat--gradient {\n      border: 1px solid CanvasText;\n    }\n  }\n}\n"],"names":[]}

package/dist/components/steps.css

@@ -1,2 +0,0 @@
-@layer ddga-components{.ddga-steps{color:var(--ddga-text-primary);margin:0;padding:0;font-family:inherit;list-style:none;display:flex}.ddga-steps--horizontal{align-items:flex-start;gap:var(--ddga-space-2);flex-direction:row}.ddga-steps--vertical{gap:var(--ddga-space-3);flex-direction:column}.ddga-steps__step{flex:1;min-inline-size:0;display:flex;position:relative}.ddga-steps--horizontal .ddga-steps__step{align-items:flex-start;gap:var(--ddga-space-2);flex-direction:column}.ddga-steps--vertical .ddga-steps__step{align-items:flex-start;gap:var(--ddga-space-3);flex-direction:row}.ddga-steps--horizontal .ddga-steps__step:not(:last-child):before{content:"";block-size:2px;background-color:var(--ddga-color-border);position:absolute;inset-block-start:11px;inset-inline-start:12px;inset-inline-end:calc(-1 * (var(--ddga-space-2) + 12px))}.ddga-steps--vertical .ddga-steps__step:not(:last-child):before{content:"";inline-size:2px;background-color:var(--ddga-color-border);position:absolute;inset-block-start:12px;inset-block-end:calc(-1 * (var(--ddga-space-3) + 12px));inset-inline-start:11px}.ddga-steps__step--completed:not(:last-child):before{background-color:var(--ddga-color-primary)}.ddga-steps__indicator{border:2px solid var(--ddga-color-border);background-color:var(--ddga-color-background);block-size:1.5rem;inline-size:1.5rem;color:var(--ddga-text-tertiary);font-size:var(--ddga-font-size-xs);z-index:1;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;line-height:1;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex;position:relative}.ddga-steps__indicator-check{block-size:.875em;inline-size:.875em;display:none}.ddga-steps__step--completed .ddga-steps__indicator{background-color:var(--ddga-color-primary);border-color:var(--ddga-color-primary);color:var(--ddga-color-primary-foreground)}.ddga-steps__step--completed .ddga-steps__indicator-check{display:inline-block}.ddga-steps__step--completed .ddga-steps__indicator-number{display:none}.ddga-steps__step--current .ddga-steps__indicator{border-color:var(--ddga-color-primary);color:var(--ddga-color-primary)}.ddga-steps__title{color:var(--ddga-text-secondary);font-weight:500;line-height:1.4;display:block}.ddga-steps__step--current .ddga-steps__title{color:var(--ddga-text-primary);font-weight:600}.ddga-steps__step--completed .ddga-steps__title{color:var(--ddga-text-primary)}.ddga-steps__description{color:var(--ddga-text-tertiary);font-size:var(--ddga-font-size-xs);margin-block-start:var(--ddga-space-1);line-height:1.4;display:block}.ddga-steps--sm{font-size:var(--ddga-font-size-xs)}.ddga-steps--md{font-size:var(--ddga-font-size-sm)}@media (prefers-reduced-motion:reduce){.ddga-steps__indicator{transition:none}}@media (forced-colors:active){.ddga-steps__indicator{color:canvastext;border-color:canvastext}.ddga-steps__step--completed .ddga-steps__indicator,.ddga-steps__step--current .ddga-steps__indicator{color:highlight;border-color:highlight}.ddga-steps__step:not(:last-child):before{background-color:canvastext}.ddga-steps__step--completed:not(:last-child):before{background-color:highlight}}}
-/*# sourceMappingURL=steps.css.map */

package/dist/components/steps.css.map

@@ -1 +0,0 @@
-{"version":3,"mappings":"AAAA,uBASE,+GASA,0FAMA,oEAOA,0EAOA,+GAKA,0GAmBA,gQAYA,8PAcA,gGAMA,+aAuBA,+EAOA,iLAKA,+EAGA,wEAKA,yHAOA,kGAOA,6FAKA,+EAIA,iKAUA,mDAGA,mDAMA,uCACE,wCAOF,8BACE,gEAIA,6IAKA,sEAGA","sources":["src/components/steps.css"],"sourcesContent":["@layer ddga-components {\n  /* Size + orientation live on the root; state lives on each Step. Separator\n     lines are CSS-drawn via `::before` on every Step except the last,\n     stretching forward from this Step's indicator to the next Step's\n     indicator. Logical properties handle the RTL flip — no JS, no JS\n     conditional classes. */\n\n  /* ─── Root (ol) ─── */\n\n  .ddga-steps {\n    display: flex;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    color: var(--ddga-text-primary);\n    font-family: inherit;\n  }\n\n  .ddga-steps--horizontal {\n    flex-direction: row;\n    align-items: flex-start;\n    gap: var(--ddga-space-2);\n  }\n\n  .ddga-steps--vertical {\n    flex-direction: column;\n    gap: var(--ddga-space-3);\n  }\n\n  /* ─── Step (li) ─── */\n\n  .ddga-steps__step {\n    position: relative;\n    display: flex;\n    flex: 1;\n    min-inline-size: 0;\n  }\n\n  .ddga-steps--horizontal .ddga-steps__step {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: var(--ddga-space-2);\n  }\n  .ddga-steps--vertical .ddga-steps__step {\n    flex-direction: row;\n    align-items: flex-start;\n    gap: var(--ddga-space-3);\n  }\n\n  /* ─── Separator line (CSS-drawn, between siblings) ─── */\n  /*\n   * Drawn on every step except the last: an OUTBOUND connector running from\n   * THIS step's indicator center to the NEXT step's indicator center. The\n   * indicator center sits at 24px / 2 = 12px from the step's start; the\n   * negative inline-end (or block-end) reaches past this step's edge, across\n   * the inter-step gap, to the next indicator. The circles paint over the line\n   * (indicator z-index:1) so it reads as connecting circle-to-circle. Length\n   * is independent of step width/height — only the fixed gap + 12px matters.\n   * Color reflects THIS step's state — when this step is completed the line to\n   * the next is completed too. (Visual-only progress indicator.)\n   */\n\n  .ddga-steps--horizontal .ddga-steps__step:not(:last-child)::before {\n    content: '';\n    position: absolute;\n    block-size: 2px;\n    /* Sit at the vertical center of the indicator (24px / 2). */\n    inset-block-start: 11px;\n    /* From this indicator's center forward to the next indicator's center. */\n    inset-inline-start: 12px;\n    inset-inline-end: calc(-1 * (var(--ddga-space-2) + 12px));\n    background-color: var(--ddga-color-border);\n  }\n\n  .ddga-steps--vertical .ddga-steps__step:not(:last-child)::before {\n    content: '';\n    position: absolute;\n    inline-size: 2px;\n    /* Sit at the horizontal center of the indicator. */\n    inset-inline-start: 11px;\n    /* From this indicator's center down to the next indicator's center. */\n    inset-block-start: 12px;\n    inset-block-end: calc(-1 * (var(--ddga-space-3) + 12px));\n    background-color: var(--ddga-color-border);\n  }\n\n  /* A completed step colours its OUTBOUND line — the path leaving a completed\n     step toward the next reflects that the journey past it is done. */\n  .ddga-steps__step--completed:not(:last-child)::before {\n    background-color: var(--ddga-color-primary);\n  }\n\n  /* ─── Indicator (numbered circle / check) ─── */\n\n  .ddga-steps__indicator {\n    flex-shrink: 0;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    inline-size: 1.5rem;\n    block-size: 1.5rem;\n    border-radius: 999px;\n    border: 2px solid var(--ddga-color-border);\n    background-color: var(--ddga-color-background);\n    color: var(--ddga-text-tertiary);\n    font-size: var(--ddga-font-size-xs);\n    font-weight: 600;\n    line-height: 1;\n    /* Above the separator line so it doesn't visually cross through. */\n    position: relative;\n    z-index: 1;\n    transition:\n      background-color 150ms ease,\n      border-color 150ms ease,\n      color 150ms ease;\n  }\n\n  .ddga-steps__indicator-check {\n    inline-size: 0.875em;\n    block-size: 0.875em;\n    display: none;\n  }\n\n  /* Completed: filled-primary circle with a check icon (number hidden). */\n  .ddga-steps__step--completed .ddga-steps__indicator {\n    background-color: var(--ddga-color-primary);\n    border-color: var(--ddga-color-primary);\n    color: var(--ddga-color-primary-foreground);\n  }\n  .ddga-steps__step--completed .ddga-steps__indicator-check {\n    display: inline-block;\n  }\n  .ddga-steps__step--completed .ddga-steps__indicator-number {\n    display: none;\n  }\n\n  /* Current: outlined-primary circle with the number visible. */\n  .ddga-steps__step--current .ddga-steps__indicator {\n    border-color: var(--ddga-color-primary);\n    color: var(--ddga-color-primary);\n  }\n\n  /* ─── Title + Description ─── */\n\n  .ddga-steps__title {\n    display: block;\n    color: var(--ddga-text-secondary);\n    font-weight: 500;\n    line-height: 1.4;\n  }\n\n  .ddga-steps__step--current .ddga-steps__title {\n    color: var(--ddga-text-primary);\n    font-weight: 600;\n  }\n\n  .ddga-steps__step--completed .ddga-steps__title {\n    color: var(--ddga-text-primary);\n  }\n\n  .ddga-steps__description {\n    display: block;\n    margin-block-start: var(--ddga-space-1);\n    color: var(--ddga-text-tertiary);\n    font-size: var(--ddga-font-size-xs);\n    line-height: 1.4;\n  }\n\n  /* ─── Sizes (cascade from root) ─── */\n\n  .ddga-steps--sm {\n    font-size: var(--ddga-font-size-xs);\n  }\n  .ddga-steps--md {\n    font-size: var(--ddga-font-size-sm);\n  }\n\n  /* ─── Reduced motion ─── */\n\n  @media (prefers-reduced-motion: reduce) {\n    .ddga-steps__indicator {\n      transition: none;\n    }\n  }\n\n  /* ─── Forced colors ─── */\n\n  @media (forced-colors: active) {\n    .ddga-steps__indicator {\n      border-color: CanvasText;\n      color: CanvasText;\n    }\n    .ddga-steps__step--completed .ddga-steps__indicator,\n    .ddga-steps__step--current .ddga-steps__indicator {\n      border-color: Highlight;\n      color: Highlight;\n    }\n    .ddga-steps__step:not(:last-child)::before {\n      background-color: CanvasText;\n    }\n    .ddga-steps__step--completed:not(:last-child)::before {\n      background-color: Highlight;\n    }\n  }\n}\n"],"names":[]}

package/dist/components/toast.css

@@ -1,2 +0,0 @@
-@layer ddga-components{.ddga-toast-viewport{z-index:70;gap:var(--ddga-space-2);padding:var(--ddga-space-4);pointer-events:none;flex-direction:column;inline-size:min(420px,100% - 2rem);margin:0;list-style:none;display:flex;position:fixed}.ddga-toast-viewport>*{pointer-events:auto}.ddga-toast-viewport--containerized{position:absolute}.ddga-toast-viewport--top-start{inset-block-start:0;inset-inline-start:0}.ddga-toast-viewport--top-center{top:0;left:50%;transform:translate(-50%)}.ddga-toast-viewport--top-end{inset-block-start:0;inset-inline-end:0}.ddga-toast-viewport--bottom-start{flex-direction:column-reverse;inset-block-end:0;inset-inline-start:0}.ddga-toast-viewport--bottom-center{flex-direction:column-reverse;bottom:0;left:50%;transform:translate(-50%)}.ddga-toast-viewport--bottom-end{flex-direction:column-reverse;inset-block-end:0;inset-inline-end:0}.ddga-toast{--ddga-toast-accent:var(--ddga-color-info);pointer-events:auto;align-items:flex-start;gap:var(--ddga-space-3);inline-size:100%;min-inline-size:0;padding-block:var(--ddga-space-3);padding-inline:var(--ddga-space-4);background-color:var(--ddga-color-card);color:var(--ddga-color-card-foreground);border:1px solid var(--ddga-color-border);border-radius:var(--ddga-radius-md);box-shadow:var(--ddga-shadow-lg), inset 3px 0 0 0 var(--ddga-toast-accent);font-family:inherit;line-height:1.4;display:flex;position:relative}[dir=rtl] .ddga-toast{box-shadow:var(--ddga-shadow-lg), inset -3px 0 0 0 var(--ddga-toast-accent)}.ddga-toast--default{--ddga-toast-accent:var(--ddga-color-border)}.ddga-toast--info{--ddga-toast-accent:var(--ddga-color-info)}.ddga-toast--success{--ddga-toast-accent:var(--ddga-color-success)}.ddga-toast--warning{--ddga-toast-accent:var(--ddga-color-warning)}.ddga-toast--destructive{--ddga-toast-accent:var(--ddga-color-destructive)}.ddga-toast__icon{block-size:1.25em;inline-size:1.25em;color:var(--ddga-toast-accent);flex-shrink:0;justify-content:center;align-items:center;margin-block-start:.125em;display:inline-flex}.ddga-toast__icon>svg{block-size:100%;inline-size:100%}.ddga-toast__body{gap:var(--ddga-space-1);min-inline-size:0;flex-direction:column;flex:1 1 0;padding-inline-end:var(--ddga-space-5);display:flex}.ddga-toast__title{font-size:var(--ddga-font-size-sm);font-weight:var(--ddga-font-weight-semibold);color:inherit;overflow-wrap:anywhere;margin:0}.ddga-toast__description{font-size:var(--ddga-font-size-sm);color:var(--ddga-text-secondary);overflow-wrap:anywhere;margin:0}.ddga-toast__action{padding-block:var(--ddga-space-1);padding-inline:var(--ddga-space-3);border:1px solid var(--ddga-color-border);color:var(--ddga-toast-accent);border-radius:var(--ddga-radius-sm);font-size:var(--ddga-font-size-sm);font-weight:var(--ddga-font-weight-medium);cursor:pointer;white-space:nowrap;background:0 0;align-self:flex-end;margin-block-start:var(--ddga-space-2);transition:background-color .15s,border-color .15s,color .15s}.ddga-toast__action:hover{background-color:var(--ddga-color-muted);border-color:var(--ddga-toast-accent)}.ddga-toast__action:focus-visible{box-shadow:0 0 0 2px var(--ddga-toast-accent);outline:none}.ddga-toast__close{block-size:1.5rem;inline-size:1.5rem;color:var(--ddga-text-secondary);border-radius:var(--ddga-radius-sm);cursor:pointer;opacity:.7;background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:opacity .15s,background-color .15s;display:inline-flex;position:absolute;inset-block-start:var(--ddga-space-2);inset-inline-end:var(--ddga-space-2)}.ddga-toast__close>svg{block-size:1rem;inline-size:1rem}.ddga-toast__close:hover{opacity:1;background-color:var(--ddga-color-muted)}.ddga-toast__close:focus-visible{box-shadow:0 0 0 2px var(--ddga-toast-accent);opacity:1;outline:none}.ddga-toast[data-state=open]{animation:.22s cubic-bezier(.16,1,.3,1) ddga-toast-in}.ddga-toast[data-state=closed]{animation:.18s forwards ddga-toast-out}.ddga-toast-viewport[data-position^=bottom-] .ddga-toast[data-state=open]{animation-name:ddga-toast-slide-up}.ddga-toast-viewport[data-position^=top-] .ddga-toast[data-state=open]{animation-name:ddga-toast-slide-down}.ddga-toast[data-swipe=move]{transform:translate3d(var(--radix-toast-swipe-move-x,0), var(--radix-toast-swipe-move-y,0), 0)}.ddga-toast[data-swipe=cancel]{transition:transform .2s ease-out;transform:translate(0,0)}.ddga-toast[data-swipe=end]{animation:.18s forwards ddga-toast-out}@keyframes ddga-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ddga-toast-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes ddga-toast-slide-down{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes ddga-toast-out{0%{opacity:1}to{opacity:0;transform:scale(.95)}}@media (prefers-reduced-motion:reduce){.ddga-toast,.ddga-toast[data-state=open],.ddga-toast[data-state=closed]{animation-duration:1ms}}@media (forced-colors:active){.ddga-toast{border-color:canvastext}.ddga-toast__action:focus-visible,.ddga-toast__close:focus-visible{box-shadow:none;outline:2px solid highlight}}}
-/*# sourceMappingURL=toast.css.map */

package/dist/components/toast.css.map

@@ -1 +0,0 @@
-{"version":3,"mappings":"AAAA,uBAcE,sNAiBA,2CAIA,sDAaA,yEAIA,0EAKA,qEAIA,wGAKA,8GAMA,oGAQA,8gBAgCA,kGAMA,kEAGA,6DAGA,mEAGA,mEAGA,2EAMA,4LAWA,uDAOA,iJAWA,iJAQA,6HASA,8bAkBA,yGAIA,6FAOA,kYAoBA,wDAIA,4EAIA,sGAeA,mFAGA,sEAMA,6GAGA,4GAKA,4HAOA,0FAIA,mEAIA,sGAUA,6GAUA,gHAUA,0EAUA,uCACE,gGASF,8BACE,oCAGA","sources":["src/components/toast.css"],"sourcesContent":["@layer ddga-components {\n  /* ─── Viewport (fixed region where toasts stack) ─── */\n  /*\n   * z-index 70 — above Modal (60), Tooltip (50). The viewport itself is\n   * pointer-events: none so it doesn't block clicks in the rest of the page;\n   * each toast re-enables pointer events for itself.\n   *\n   * Default is `position: fixed` (pinned to the browser viewport). When the\n   * `containerized` modifier is applied, it switches to `position: absolute`\n   * so it pins to a positioned ancestor instead — needed in Storybook,\n   * embedded widgets, and any case where the Toaster shouldn't escape its\n   * parent box.\n   */\n\n  .ddga-toast-viewport {\n    position: fixed;\n    z-index: 70;\n    display: flex;\n    flex-direction: column;\n    gap: var(--ddga-space-2);\n    padding: var(--ddga-space-4);\n    /* min() handles both wide containers (cap at 420) and narrow ones (fill\n       minus side breathing room) in a single rule — no fragile vw-based\n       media query needed. */\n    inline-size: min(420px, calc(100% - 2rem));\n    pointer-events: none;\n    list-style: none;\n    margin: 0;\n    /* Always allow individual toasts to be clicked even when the viewport\n       itself is pass-through. */\n  }\n  .ddga-toast-viewport > * {\n    pointer-events: auto;\n  }\n\n  .ddga-toast-viewport--containerized {\n    position: absolute;\n  }\n\n  /* ─── Position anchors ─── */\n  /*\n   * Edge anchors use logical insets (`inset-inline-*`) so `start`/`end` flip\n   * automatically in RTL. Center anchors use physical `left: 50%` paired\n   * with `transform: translateX(-50%)` — centering is direction-symmetric,\n   * and the logical-inset + translate combo would shift off-axis in RTL\n   * (same trap fixed earlier in Modal).\n   */\n\n  .ddga-toast-viewport--top-start {\n    inset-block-start: 0;\n    inset-inline-start: 0;\n  }\n  .ddga-toast-viewport--top-center {\n    top: 0;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n  .ddga-toast-viewport--top-end {\n    inset-block-start: 0;\n    inset-inline-end: 0;\n  }\n  .ddga-toast-viewport--bottom-start {\n    inset-block-end: 0;\n    inset-inline-start: 0;\n    flex-direction: column-reverse;\n  }\n  .ddga-toast-viewport--bottom-center {\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    flex-direction: column-reverse;\n  }\n  .ddga-toast-viewport--bottom-end {\n    inset-block-end: 0;\n    inset-inline-end: 0;\n    flex-direction: column-reverse;\n  }\n\n  /* ─── Toast (one notification) ─── */\n\n  .ddga-toast {\n    /* Per-variant accent (icon + border-leading edge). Card-surface bg keeps\n       the toast neutral so dark + light look balanced; the leading inset\n       shadow does the variant signaling. */\n    --ddga-toast-accent: var(--ddga-color-info);\n\n    /* Explicit width = 100% of viewport so the toast reliably fills the\n       column regardless of flex defaults / browser quirks. min-inline-size:0\n       lets the body text wrap without forcing the toast wider. */\n    inline-size: 100%;\n    min-inline-size: 0;\n\n    pointer-events: auto;\n    position: relative;\n    display: flex;\n    align-items: flex-start;\n    gap: var(--ddga-space-3);\n    padding-block: var(--ddga-space-3);\n    padding-inline: var(--ddga-space-4);\n    background-color: var(--ddga-color-card);\n    color: var(--ddga-color-card-foreground);\n    border: 1px solid var(--ddga-color-border);\n    border-radius: var(--ddga-radius-md);\n    font-family: inherit;\n    line-height: 1.4;\n    /* Outer drop shadow + inline-start accent bar in one shadow declaration.\n       Logical direction: the accent reads as the leading edge — flipped for\n       RTL via the rule below. */\n    box-shadow:\n      var(--ddga-shadow-lg),\n      inset 3px 0 0 0 var(--ddga-toast-accent);\n  }\n  [dir='rtl'] .ddga-toast {\n    box-shadow:\n      var(--ddga-shadow-lg),\n      inset -3px 0 0 0 var(--ddga-toast-accent);\n  }\n\n  .ddga-toast--default {\n    --ddga-toast-accent: var(--ddga-color-border);\n  }\n  .ddga-toast--info {\n    --ddga-toast-accent: var(--ddga-color-info);\n  }\n  .ddga-toast--success {\n    --ddga-toast-accent: var(--ddga-color-success);\n  }\n  .ddga-toast--warning {\n    --ddga-toast-accent: var(--ddga-color-warning);\n  }\n  .ddga-toast--destructive {\n    --ddga-toast-accent: var(--ddga-color-destructive);\n  }\n\n  /* ─── Icon (leading) ─── */\n\n  .ddga-toast__icon {\n    flex-shrink: 0;\n    inline-size: 1.25em;\n    block-size: 1.25em;\n    color: var(--ddga-toast-accent);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    /* Optical-center with the title's cap height. */\n    margin-block-start: 0.125em;\n  }\n  .ddga-toast__icon > svg {\n    inline-size: 100%;\n    block-size: 100%;\n  }\n\n  /* ─── Body (title + description + action stack) ─── */\n\n  .ddga-toast__body {\n    flex: 1 1 0;\n    min-inline-size: 0;\n    display: flex;\n    flex-direction: column;\n    gap: var(--ddga-space-1);\n    /* Leave room for the absolutely-positioned close button so long titles\n       don't run under it. */\n    padding-inline-end: var(--ddga-space-5);\n  }\n\n  .ddga-toast__title {\n    font-size: var(--ddga-font-size-sm);\n    font-weight: var(--ddga-font-weight-semibold);\n    margin: 0;\n    color: inherit;\n    /* Allow wrapping on long titles; we don't want truncation here. */\n    overflow-wrap: anywhere;\n  }\n  .ddga-toast__description {\n    font-size: var(--ddga-font-size-sm);\n    color: var(--ddga-text-secondary);\n    margin: 0;\n    overflow-wrap: anywhere;\n  }\n\n  /* ─── Action button (inside body) ─── */\n\n  .ddga-toast__action {\n    align-self: flex-end;\n    margin-block-start: var(--ddga-space-2);\n    padding-block: var(--ddga-space-1);\n    padding-inline: var(--ddga-space-3);\n    background: transparent;\n    border: 1px solid var(--ddga-color-border);\n    color: var(--ddga-toast-accent);\n    border-radius: var(--ddga-radius-sm);\n    font-size: var(--ddga-font-size-sm);\n    font-weight: var(--ddga-font-weight-medium);\n    cursor: pointer;\n    white-space: nowrap;\n    transition:\n      background-color 150ms ease,\n      border-color 150ms ease,\n      color 150ms ease;\n  }\n  .ddga-toast__action:hover {\n    background-color: var(--ddga-color-muted);\n    border-color: var(--ddga-toast-accent);\n  }\n  .ddga-toast__action:focus-visible {\n    outline: none;\n    box-shadow: 0 0 0 2px var(--ddga-toast-accent);\n  }\n\n  /* ─── Close button (corner, on the root) ─── */\n\n  .ddga-toast__close {\n    position: absolute;\n    inset-block-start: var(--ddga-space-2);\n    inset-inline-end: var(--ddga-space-2);\n    inline-size: 1.5rem;\n    block-size: 1.5rem;\n    padding: 0;\n    border: 0;\n    background: transparent;\n    color: var(--ddga-text-secondary);\n    border-radius: var(--ddga-radius-sm);\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0.7;\n    transition:\n      opacity 150ms ease,\n      background-color 150ms ease;\n  }\n  .ddga-toast__close > svg {\n    inline-size: 1rem;\n    block-size: 1rem;\n  }\n  .ddga-toast__close:hover {\n    opacity: 1;\n    background-color: var(--ddga-color-muted);\n  }\n  .ddga-toast__close:focus-visible {\n    outline: none;\n    box-shadow: 0 0 0 2px var(--ddga-toast-accent);\n    opacity: 1;\n  }\n\n  /* ─── Animations (Radix data-state + swipe) ─── */\n  /*\n   * Slide-in direction is anchored on the viewport's position. Bottom and\n   * top positions slide vertically from the anchored edge so the motion\n   * always feels like the toast is \"coming from\" the corner it lives in.\n   * For start/end positions in RTL, the slide is still vertical — no\n   * horizontal/inline animations to avoid the RTL transform tangle.\n   */\n\n  .ddga-toast[data-state='open'] {\n    animation: ddga-toast-in 220ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n  .ddga-toast[data-state='closed'] {\n    animation: ddga-toast-out 180ms ease forwards;\n  }\n\n  /* Radix portals toasts as children of the Viewport, so the descendant\n     selector targets them. Bottom: come up from below. Top: come down. */\n  .ddga-toast-viewport[data-position^='bottom-'] .ddga-toast[data-state='open'] {\n    animation-name: ddga-toast-slide-up;\n  }\n  .ddga-toast-viewport[data-position^='top-'] .ddga-toast[data-state='open'] {\n    animation-name: ddga-toast-slide-down;\n  }\n\n  /* Swipe gesture (Radix sets --radix-toast-swipe-move-x/y while dragging). */\n  .ddga-toast[data-swipe='move'] {\n    transform: translate3d(\n      var(--radix-toast-swipe-move-x, 0),\n      var(--radix-toast-swipe-move-y, 0),\n      0\n    );\n  }\n  .ddga-toast[data-swipe='cancel'] {\n    transform: translate3d(0, 0, 0);\n    transition: transform 200ms ease-out;\n  }\n  .ddga-toast[data-swipe='end'] {\n    animation: ddga-toast-out 180ms ease forwards;\n  }\n\n  @keyframes ddga-toast-in {\n    from {\n      opacity: 0;\n      transform: translateY(8px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n  @keyframes ddga-toast-slide-up {\n    from {\n      opacity: 0;\n      transform: translateY(24px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n  @keyframes ddga-toast-slide-down {\n    from {\n      opacity: 0;\n      transform: translateY(-24px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n  @keyframes ddga-toast-out {\n    from {\n      opacity: 1;\n    }\n    to {\n      opacity: 0;\n      transform: scale(0.95);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .ddga-toast,\n    .ddga-toast[data-state='open'],\n    .ddga-toast[data-state='closed'] {\n      animation-duration: 1ms;\n    }\n  }\n\n  /* ─── Forced colors ─── */\n\n  @media (forced-colors: active) {\n    .ddga-toast {\n      border-color: CanvasText;\n    }\n    .ddga-toast__action:focus-visible,\n    .ddga-toast__close:focus-visible {\n      outline: 2px solid Highlight;\n      box-shadow: none;\n    }\n  }\n}\n"],"names":[]}