@albi_scando/as-design-system-lib 1.7.7 → 1.8.0

package/dist/styles/index.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 /* Design System - Single Entry Point */
 /* Includes all design tokens and component styles */
 /* Design System - Main Entry Point */
@@ -42,29 +43,29 @@
 }
 
 .dark {
-  --color-bg-primary: #313131;
-  --color-bg-secondary: #1f1f1f;
-  --color-bg-tertiary: #121130;
-  --color-hover-bg-primary: #090920;
-  --color-hover-bg-secondary: #141414;
-  --color-hover-bg-tertiary: #3b0077;
-  --color-text-primary: #eeeeee;
-  --color-text-secondary: #ddd6fe;
-  --color-text-tertiary: #c4b5fd;
-  --color-border-primary: #7a7a7a;
-  --color-border-secondary: #696969;
-  --color-border-tertiary: #a5b4fc;
-  --color-hover-border-primary: #000000;
-  --color-hover-border-secondary: #979797;
-  --color-hover-border-tertiary: #3b0077;
+  --color-bg-primary: #1e1e1e;
+  --color-bg-secondary: #2a2a2a;
+  --color-bg-tertiary: #333333;
+  --color-hover-bg-primary: #2a2a2a;
+  --color-hover-bg-secondary: #333333;
+  --color-hover-bg-tertiary: #3d3d3d;
+  --color-text-primary: #f4f4f5;
+  --color-text-secondary: #a1a1aa;
+  --color-text-tertiary: #71717a;
+  --color-border-primary: #3f3f46;
+  --color-border-secondary: #52525b;
+  --color-border-tertiary: #71717a;
+  --color-hover-border-primary: #71717a;
+  --color-hover-border-secondary: #a1a1aa;
+  --color-hover-border-tertiary: #6366f1;
   --color-primary: #6366f1;
   --color-primary-light: #818cf8;
   --color-primary-dark: #4f46e5;
-  --color-success: #00811a;
-  --color-warning: #e68200;
+  --color-success: #4ade80;
+  --color-warning: #fbbf24;
   --color-error: linear-gradient(135deg, #f87171 0%, #dc2626 100%);
   --color-info: linear-gradient(135deg, #a78bfa 0%, #06b6d4 100%);
-  --window-backdrop: #000000b3;
+  --window-backdrop: rgba(0, 0, 0, 0.75);
 }
 
 .dark-purple {
@@ -90,85 +91,233 @@
   --color-warning: linear-gradient(135deg, #ffcc37 0%, #c76a00 100%);
   --color-error: linear-gradient(135deg, #f87171 0%, #dc2626 100%);
   --color-info: linear-gradient(135deg, #a78bfa 0%, #06b6d4 100%);
-  --window-backdrop: #000000b3;
+  --window-backdrop: rgba(15, 11, 30, 0.85);
 }
 
 .ferrari {
-  --color-bg-primary: #ff2800;
-  --color-bg-secondary: #0096d6;
-  --color-bg-tertiary: #121130;
-  --color-hover-bg-primary: #090920;
-  --color-hover-bg-secondary: #0282cd;
-  --color-hover-bg-tertiary: #3b0077;
+  --color-bg-primary: #1a0000;
+  --color-bg-secondary: #cc2200;
+  --color-bg-tertiary: #0f0000;
+  --color-hover-bg-primary: #0f0000;
+  --color-hover-bg-secondary: #e02800;
+  --color-hover-bg-tertiary: #1a0000;
   --color-text-primary: #ffffff;
-  --color-text-secondary: #ddd6fe;
-  --color-text-tertiary: #c4b5fd;
-  --color-border-primary: #ffffff;
-  --color-border-secondary: #ddebf7;
-  --color-border-tertiary: #a5b4fc;
-  --color-hover-border-primary: #000000;
-  --color-hover-border-secondary: #bedcff;
-  --color-hover-border-tertiary: #3b0077;
-  --color-primary: #6366f1;
-  --color-primary-light: #818cf8;
-  --color-primary-dark: #4f46e5;
-  --color-success: #0e8d00;
-  --color-warning: #fd9712;
-  --color-error: linear-gradient(135deg, #f87171 0%, #dc2626 100%);
-  --color-info: linear-gradient(135deg, #a78bfa 0%, #06b6d4 100%);
-  --window-backdrop: rgba(255, 188, 183, 0.5);
+  --color-text-secondary: #ffd0cc;
+  --color-text-tertiary: #ffb3ad;
+  --color-border-primary: #660000;
+  --color-border-secondary: #ff2800;
+  --color-border-tertiary: #ff6b6b;
+  --color-hover-border-primary: #ff2800;
+  --color-hover-border-secondary: #ff6b6b;
+  --color-hover-border-tertiary: #ffb3ad;
+  --color-primary: #ff2800;
+  --color-primary-light: #ff6b6b;
+  --color-primary-dark: #cc0000;
+  --color-success: #4caf50;
+  --color-warning: #ff9800;
+  --color-error: linear-gradient(135deg, #ff8a80 0%, #d50000 100%);
+  --color-info: linear-gradient(135deg, #82b1ff 0%, #2979ff 100%);
+  --window-backdrop: rgba(15, 0, 0, 0.8);
 }
 
 .light {
   --color-bg-primary: #fbfbfb;
-  --color-bg-secondary: #f7f7f7;
-  --color-bg-tertiary: #121130;
-  --color-hover-bg-primary: #090920;
-  --color-hover-bg-secondary: #ededed;
-  --color-hover-bg-tertiary: #3b0077;
+  --color-bg-secondary: #f0f0f0;
+  --color-bg-tertiary: #e8e8e8;
+  --color-hover-bg-primary: #f0f0f0;
+  --color-hover-bg-secondary: #e0e0e0;
+  --color-hover-bg-tertiary: #d4d4d4;
   --color-text-primary: #141414;
-  --color-text-secondary: #ddd6fe;
-  --color-text-tertiary: #c4b5fd;
+  --color-text-secondary: #555555;
+  --color-text-tertiary: #888888;
   --color-border-primary: #d8d8d8;
-  --color-border-secondary: #f3f3f3;
-  --color-border-tertiary: #a5b4fc;
-  --color-hover-border-primary: #000000;
-  --color-hover-border-secondary: #cecece;
-  --color-hover-border-tertiary: #3b0077;
+  --color-border-secondary: #c4c4c4;
+  --color-border-tertiary: #b0b0b0;
+  --color-hover-border-primary: #888888;
+  --color-hover-border-secondary: #aaaaaa;
+  --color-hover-border-tertiary: #6366f1;
   --color-primary: #6366f1;
   --color-primary-light: #818cf8;
   --color-primary-dark: #4f46e5;
-  --color-success: #97e9a8;
-  --color-warning: #ffe586;
+  --color-success: #22c55e;
+  --color-warning: #f59e0b;
   --color-error: linear-gradient(135deg, #f87171 0%, #dc2626 100%);
-  --color-info: linear-gradient(135deg, #a78bfa 0%, #06b6d4 100%);
-  --window-backdrop: #f7f7f7b3;
+  --color-info: linear-gradient(135deg, #60a5fa 0%, #6366f1 100%);
+  --window-backdrop: rgba(247, 247, 247, 0.8);
 }
 
 .light-blue {
-  --color-bg-primary: #f7f7f7;
-  --color-bg-secondary: linear-gradient(135deg, #d6ebff 0%, #76bdff 100%);
-  --color-bg-tertiary: #121130;
-  --color-hover-bg-primary: #090920;
-  --color-hover-bg-secondary: linear-gradient(135deg, #bee7ff 0%, #56a7ee 100%);
-  --color-hover-bg-tertiary: #3b0077;
-  --color-text-primary: #2b2b2b;
-  --color-text-secondary: #ddd6fe;
-  --color-text-tertiary: #c4b5fd;
-  --color-border-primary: #d8d8d8;
-  --color-border-secondary: #ddebf7;
-  --color-border-tertiary: #a5b4fc;
-  --color-hover-border-primary: #000000;
-  --color-hover-border-secondary: #bedcff;
-  --color-hover-border-tertiary: #3b0077;
-  --color-primary: #6366f1;
-  --color-primary-light: #818cf8;
-  --color-primary-dark: #4f46e5;
-  --color-success: linear-gradient(135deg, #c3ffd5 0%, #7fe083 100%);
-  --color-warning: linear-gradient(135deg, #ffe38e 0%, #ffd970 100%);
-  --color-error: linear-gradient(135deg, #f87171 0%, #dc2626 100%);
-  --color-info: linear-gradient(135deg, #a78bfa 0%, #06b6d4 100%);
-  --window-backdrop: #c9e6ffb3;
+  --color-bg-primary: #f0f8ff;
+  --color-bg-secondary: #dbeeff;
+  --color-bg-tertiary: #c3e0ff;
+  --color-hover-bg-primary: #e0f0ff;
+  --color-hover-bg-secondary: #c3e0ff;
+  --color-hover-bg-tertiary: #a8d4f8;
+  --color-text-primary: #0d2b4a;
+  --color-text-secondary: #2563a8;
+  --color-text-tertiary: #4a90d9;
+  --color-border-primary: #bdd9f5;
+  --color-border-secondary: #90bfe8;
+  --color-border-tertiary: #5ea3da;
+  --color-hover-border-primary: #4a90d9;
+  --color-hover-border-secondary: #2563a8;
+  --color-hover-border-tertiary: #1e4a8c;
+  --color-primary: #1976d2;
+  --color-primary-light: #42a5f5;
+  --color-primary-dark: #0d47a1;
+  --color-success: linear-gradient(135deg, #a5d6a7 0%, #43a047 100%);
+  --color-warning: linear-gradient(135deg, #ffe082 0%, #ffa000 100%);
+  --color-error: linear-gradient(135deg, #ef9a9a 0%, #e53935 100%);
+  --color-info: linear-gradient(135deg, #81d4fa 0%, #0288d1 100%);
+  --window-backdrop: rgba(176, 213, 245, 0.75);
+}
+
+/* Forest — deep, earthy, organic. Lush greens, mossy shadows, bioluminescent accents. */
+.forest {
+  --color-bg-primary: #0c150b;
+  --color-bg-secondary: linear-gradient(
+    160deg,
+    #162613 0%,
+    #0c1c0a 60%,
+    #1a2d10 100%
+  );
+  --color-bg-tertiary: #070e06;
+  --color-hover-bg-primary: #172314;
+  --color-hover-bg-secondary: linear-gradient(
+    160deg,
+    #1e3219 0%,
+    #11230d 60%,
+    #233d16 100%
+  );
+  --color-hover-bg-tertiary: #0c150b;
+  --color-text-primary: #dff5d6;
+  --color-text-secondary: #8ec97a;
+  --color-text-tertiary: #5a9946;
+  --color-border-primary: #1e3a18;
+  --color-border-secondary: #2d5c22;
+  --color-border-tertiary: #3d7c2e;
+  --color-hover-border-primary: #4a9c38;
+  --color-hover-border-secondary: #62c44a;
+  --color-hover-border-tertiary: #84e060;
+  --color-primary: #3ddc60;
+  --color-primary-light: #7aeea0;
+  --color-primary-dark: #1c8f3e;
+  --color-success: #7aeea0;
+  --color-warning: #e8d84a;
+  --color-error: linear-gradient(135deg, #f4846e 0%, #c0392b 100%);
+  --color-info: linear-gradient(135deg, #5be8cc 0%, #0fa892 100%);
+  --window-backdrop: rgba(7, 14, 6, 0.82);
+}
+
+/* Water — abyssal ocean depth. Near-black navy base, electric cyan accents, bioluminescent glow. */
+.water {
+  --color-bg-primary: #030d1c;
+  --color-bg-secondary: linear-gradient(
+    160deg,
+    #061e3a 0%,
+    #030d1c 55%,
+    #042038 100%
+  );
+  --color-bg-tertiary: #010810;
+  --color-hover-bg-primary: #06162e;
+  --color-hover-bg-secondary: linear-gradient(
+    160deg,
+    #082648 0%,
+    #061020 55%,
+    #0a2844 100%
+  );
+  --color-hover-bg-tertiary: #030d1c;
+  --color-text-primary: #cef4ff;
+  --color-text-secondary: #5cc8ee;
+  --color-text-tertiary: #2ea8d4;
+  --color-border-primary: #083050;
+  --color-border-secondary: #0d5080;
+  --color-border-tertiary: #1478b4;
+  --color-hover-border-primary: #1c98d8;
+  --color-hover-border-secondary: #26bef5;
+  --color-hover-border-tertiary: #5ed5ff;
+  --color-primary: #06d6f5;
+  --color-primary-light: #64e8ff;
+  --color-primary-dark: #0299b8;
+  --color-success: #40e4c2;
+  --color-warning: #ffe05a;
+  --color-error: linear-gradient(135deg, #f87171 0%, #b91c1c 100%);
+  --color-info: linear-gradient(135deg, #06d6f5 0%, #0299b8 100%);
+  --window-backdrop: rgba(1, 8, 16, 0.88);
+}
+
+/* Fire — vivid, vibrant, energetic. Blazing flames, glowing embers, explosive energy. Pure fire! */
+.fire {
+  --color-bg-primary: #0a0000;
+  --color-bg-secondary: linear-gradient(
+    160deg,
+    #3d0f00 0%,
+    #1a0200 55%,
+    #4a1a00 100%
+  );
+  --color-bg-tertiary: #020000;
+  --color-hover-bg-primary: #2a0800;
+  --color-hover-bg-secondary: linear-gradient(
+    160deg,
+    #5a2000 0%,
+    #300600 55%,
+    #6a2800 100%
+  );
+  --color-hover-bg-tertiary: #1a0400;
+  --color-text-primary: #fff8f0;
+  --color-text-secondary: #ffcc66;
+  --color-text-tertiary: #ff8822;
+  --color-border-primary: #ff5500;
+  --color-border-secondary: #ff3300;
+  --color-border-tertiary: #ff0000;
+  --color-hover-border-primary: #ff9933;
+  --color-hover-border-secondary: #ffcc00;
+  --color-hover-border-tertiary: #ffff00;
+  --color-primary: #ff4400;
+  --color-primary-light: #ffaa33;
+  --color-primary-dark: #ff0000;
+  --color-success: #90ff00;
+  --color-warning: #ffdd00;
+  --color-error: linear-gradient(135deg, #ff1a1a 0%, #cc0000 100%);
+  --color-info: linear-gradient(135deg, #ff6600 0%, #ff0000 100%);
+  --window-backdrop: rgba(10, 0, 0, 0.92);
+}
+
+/* Cosmo — deep space cyberpunk. Absolute black, electric violet + neon cyan, futuristic UI grid. */
+.cosmo {
+  --color-bg-primary: #04020e;
+  --color-bg-secondary: linear-gradient(
+    160deg,
+    #0e073a 0%,
+    #060318 55%,
+    #130540 100%
+  );
+  --color-bg-tertiary: #020008;
+  --color-hover-bg-primary: #0a0620;
+  --color-hover-bg-secondary: linear-gradient(
+    160deg,
+    #150a50 0%,
+    #0a0528 55%,
+    #1a0858 100%
+  );
+  --color-hover-bg-tertiary: #04020e;
+  --color-text-primary: #f4edff;
+  --color-text-secondary: #a78bfa;
+  --color-text-tertiary: #7c3aed;
+  --color-border-primary: #1e1060;
+  --color-border-secondary: #3c22a0;
+  --color-border-tertiary: #6830d8;
+  --color-hover-border-primary: #8b5cf6;
+  --color-hover-border-secondary: #a78bfa;
+  --color-hover-border-tertiary: #22d3ee;
+  --color-primary: #8b5cf6;
+  --color-primary-light: #c4b5fd;
+  --color-primary-dark: #5b21b6;
+  --color-success: linear-gradient(135deg, #34d399 0%, #059669 100%);
+  --color-warning: linear-gradient(135deg, #fde68a 0%, #d97706 100%);
+  --color-error: linear-gradient(135deg, #f87171 0%, #991b1b 100%);
+  --color-info: linear-gradient(135deg, #22d3ee 0%, #8b5cf6 100%);
+  --window-backdrop: rgba(2, 0, 8, 0.92);
 }
 
 :root {
@@ -180,7 +329,7 @@
   --color-neutral-400: #9ca3af;
   --color-neutral-500: #6b7280;
   --color-neutral-600: #4b5563;
-  --color-neutral-700: #373737;
+  --color-neutral-700: #374151;
   --color-neutral-800: #1f2937;
   --color-neutral-900: #111827;
 }

package/dist/styles/index.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/library/themes/index.scss","../../src/library/themes/themes.scss","../../src/library/themes/tokens/typography.scss","../../src/library/themes/tokens/colors/dark.scss","../../src/library/themes/tokens/colors/dark-purple.scss","../../src/library/themes/tokens/colors/ferrari.scss","../../src/library/themes/tokens/colors/light.scss","../../src/library/themes/tokens/colors/light-blue.scss","../../src/library/themes/tokens/colors.scss","../../src/library/themes/tokens/spacing.scss"],"names":[],"mappings":"AAAA;AACA;ACDA;AAEA;ACFA;AAEA;AACE;EACA;AAAA;AAAA;EAGA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;;;AC1CF;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;;;AC9BF;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;;;AC9BF;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;;;AC9BF;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;;;AC9BF;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;;;ACxBF;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACjBF;AAEA;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EAEA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAAA;EAEA;AAAA;EAEA;AAAA;EAEA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;;;AR/DF;AAAA;AAAA;AAAA","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/library/themes/index.scss","../../src/library/themes/themes.scss","../../src/library/themes/tokens/typography.scss","../../src/library/themes/tokens/colors/dark.scss","../../src/library/themes/tokens/colors/dark-purple.scss","../../src/library/themes/tokens/colors/ferrari.scss","../../src/library/themes/tokens/colors/light.scss","../../src/library/themes/tokens/colors/light-blue.scss","../../src/library/themes/tokens/colors/forest.scss","../../src/library/themes/tokens/colors/water.scss","../../src/library/themes/tokens/colors/fire.scss","../../src/library/themes/tokens/colors/cosmo.scss","../../src/library/themes/tokens/colors.scss","../../src/library/themes/tokens/spacing.scss"],"names":[],"mappings":";AAAA;AACA;ACDA;AAEA;ACFA;AAEA;AACE;EACA;AAAA;AAAA;EAGA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;;;AC1CF;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;;;AC9BF;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;;;AC9BF;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;;;AC9BF;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;;;AC9BF;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;;;AC9BF;AACA;EACE;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EAEA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;;;ACzCF;AACA;EACE;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EAEA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;;;ACzCF;AACA;EACE;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EAEA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;;;ACzCF;AACA;EACE;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EAEA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;;;AC/BF;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACrBF;AAEA;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EAEA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAAA;EAEA;AAAA;EAEA;AAAA;EAEA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;;;AZ/DF;AAAA;AAAA;AAAA","file":"index.css"}

package/dist/types/main.d.ts

@@ -12,3 +12,14 @@ export * as BaseDialog from './web-components/dialogs/base-dialog/main.ts';
 export * as ConfirmationDialog from './web-components/dialogs/confirmation-dialog/main.ts';
 export * as HeaderBodyFooterDialog from './web-components/dialogs/header-body-footer-dialog/main.ts';
 export * as BarMenu from './web-components/menus/bar-menu/main.ts';
+export * as Spinner from './web-components/loaders/spinner/main.ts';
+export * as ProgressBar from './web-components/loaders/progress-bar/main.ts';
+export * as Skeleton from './web-components/loaders/skeleton/main.ts';
+export * as BaseCard from './web-components/cards/base-card/main.ts';
+export * as Badge from './web-components/badges/badge/main.ts';
+export * as Alert from './web-components/alerts/alert/main.ts';
+export * as Tag from './web-components/tags/tag/main.ts';
+export * as Avatar from './web-components/avatars/avatar/main.ts';
+export * as Tooltip from './web-components/tooltips/tooltip/main.ts';
+export * as TextInput from './web-components/inputs/text-input/main.ts';
+export * as Toggle from './web-components/inputs/toggle/main.ts';

package/dist/types/web-components/alerts/alert/component.d.ts

@@ -0,0 +1,18 @@
+export type AlertVariant = 'info' | 'success' | 'warning' | 'error';
+export declare class AlertComponent extends HTMLElement {
+    private static readonly _variantAttribute;
+    private static readonly _dismissibleAttribute;
+    constructor();
+    static get observedAttributes(): string[];
+    get variant(): AlertVariant;
+    set variant(v: AlertVariant);
+    get dismissible(): boolean;
+    set dismissible(v: boolean);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(_name: string, oldValue: string | null, newValue: string | null): void;
+    private _handleClose;
+    private _addEventListeners;
+    private _removeEventListeners;
+    private _render;
+}

package/dist/types/web-components/alerts/alert/main.d.ts

@@ -0,0 +1,3 @@
+export { selector } from './selector.ts';
+export { AlertComponent } from './component.ts';
+export type { AlertVariant } from './component.ts';

package/dist/types/web-components/alerts/alert/selector.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @see AlertComponent selector.
+ */
+export declare const selector = "ds-alert";

package/dist/types/web-components/avatars/avatar/component.d.ts

@@ -0,0 +1,25 @@
+export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type AvatarShape = 'circle' | 'square' | 'rounded';
+export type AvatarColor = 'primary' | 'secondary' | 'success' | 'warning' | 'error';
+export declare class AvatarComponent extends HTMLElement {
+    private static readonly _srcAttribute;
+    private static readonly _altAttribute;
+    private static readonly _initialsAttribute;
+    private static readonly _sizeAttribute;
+    private static readonly _shapeAttribute;
+    private static readonly _colorAttribute;
+    constructor();
+    static get observedAttributes(): string[];
+    get src(): string;
+    set src(v: string);
+    get alt(): string;
+    set alt(v: string);
+    get initials(): string;
+    set initials(v: string);
+    get size(): AvatarSize;
+    set size(v: AvatarSize);
+    connectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    private _render;
+    private _update;
+}

package/dist/types/web-components/avatars/avatar/main.d.ts

@@ -0,0 +1,3 @@
+export { selector } from './selector.ts';
+export { AvatarComponent } from './component.ts';
+export type { AvatarSize, AvatarShape, AvatarColor } from './component.ts';

package/dist/types/web-components/avatars/avatar/selector.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @see AvatarComponent selector.
+ */
+export declare const selector = "ds-avatar";

package/dist/types/web-components/badges/badge/component.d.ts

@@ -0,0 +1,18 @@
+export type BadgeVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info' | 'outline';
+export type BadgeSize = 'sm' | 'md' | 'lg';
+export declare class BadgeComponent extends HTMLElement {
+    private static readonly _variantAttribute;
+    private static readonly _sizeAttribute;
+    private static readonly _dotAttribute;
+    constructor();
+    static get observedAttributes(): string[];
+    get variant(): BadgeVariant;
+    set variant(v: BadgeVariant);
+    get size(): BadgeSize;
+    set size(v: BadgeSize);
+    get dot(): boolean;
+    set dot(v: boolean);
+    connectedCallback(): void;
+    attributeChangedCallback(_name: string, oldValue: string | null, newValue: string | null): void;
+    private _render;
+}

package/dist/types/web-components/badges/badge/main.d.ts

@@ -0,0 +1,3 @@
+export { selector } from './selector.ts';
+export { BadgeComponent } from './component.ts';
+export type { BadgeVariant, BadgeSize } from './component.ts';

package/dist/types/web-components/badges/badge/selector.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @see BadgeComponent selector.
+ */
+export declare const selector = "ds-badge";

package/dist/types/web-components/cards/base-card/component.d.ts

@@ -0,0 +1,14 @@
+export type CardVariant = 'default' | 'outlined' | 'elevated' | 'filled';
+export declare class BaseCardComponent extends HTMLElement {
+    private static readonly _variantAttribute;
+    private static readonly _hoverableAttribute;
+    constructor();
+    static get observedAttributes(): string[];
+    get variant(): CardVariant;
+    set variant(v: CardVariant);
+    get hoverable(): boolean;
+    set hoverable(v: boolean);
+    connectedCallback(): void;
+    attributeChangedCallback(_name: string, oldValue: string | null, newValue: string | null): void;
+    private _render;
+}

package/dist/types/web-components/cards/base-card/main.d.ts

@@ -0,0 +1,3 @@
+export { selector } from './selector.ts';
+export { BaseCardComponent } from './component.ts';
+export type { CardVariant } from './component.ts';

package/dist/types/web-components/cards/base-card/selector.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @see BaseCardComponent selector.
+ */
+export declare const selector = "ds-card";

package/dist/types/web-components/inputs/text-input/component.d.ts

@@ -0,0 +1,39 @@
+export type InputState = 'default' | 'error' | 'success';
+export type InputSize = 'sm' | 'md' | 'lg';
+export type InputType = 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search';
+export declare class TextInputComponent extends HTMLElement {
+    private static readonly _labelAttribute;
+    private static readonly _placeholderAttribute;
+    private static readonly _valueAttribute;
+    private static readonly _typeAttribute;
+    private static readonly _disabledAttribute;
+    private static readonly _requiredAttribute;
+    private static readonly _stateAttribute;
+    private static readonly _helperAttribute;
+    private static readonly _sizeAttribute;
+    private static readonly _nameAttribute;
+    constructor();
+    static get observedAttributes(): string[];
+    get value(): string;
+    set value(v: string);
+    get label(): string;
+    set label(v: string);
+    get placeholder(): string;
+    set placeholder(v: string);
+    get disabled(): boolean;
+    set disabled(v: boolean);
+    get state(): InputState;
+    set state(v: InputState);
+    get helper(): string;
+    set helper(v: string);
+    private get _inputElement();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    private _handleInput;
+    private _handleChange;
+    private _addEventListeners;
+    private _removeEventListeners;
+    private _syncAttribute;
+    private _render;
+}

package/dist/types/web-components/inputs/text-input/main.d.ts

@@ -0,0 +1,2 @@
+export { selector } from './selector.ts';
+export { TextInputComponent } from './component.ts';

package/dist/types/web-components/inputs/text-input/selector.d.ts

@@ -0,0 +1 @@
+export declare const selector = "ds-text-input";

package/dist/types/web-components/inputs/toggle/component.d.ts

@@ -0,0 +1,24 @@
+export type ToggleVariant = 'primary' | 'success' | 'warning' | 'error';
+export type ToggleSize = 'sm' | 'md' | 'lg';
+export declare class ToggleComponent extends HTMLElement {
+    private static readonly _checkedAttribute;
+    private static readonly _disabledAttribute;
+    private static readonly _variantAttribute;
+    private static readonly _sizeAttribute;
+    private static readonly _nameAttribute;
+    private static readonly _valueAttribute;
+    constructor();
+    static get observedAttributes(): string[];
+    get checked(): boolean;
+    set checked(v: boolean);
+    get disabled(): boolean;
+    set disabled(v: boolean);
+    private get _inputElement();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    private _handleChange;
+    private _addEventListeners;
+    private _removeEventListeners;
+    private _render;
+}

package/dist/types/web-components/inputs/toggle/main.d.ts

@@ -0,0 +1,2 @@
+export { selector } from './selector.ts';
+export { ToggleComponent } from './component.ts';

package/dist/types/web-components/inputs/toggle/selector.d.ts

@@ -0,0 +1 @@
+export declare const selector = "ds-toggle";

package/dist/types/web-components/loaders/loader-bars/component.d.ts

@@ -0,0 +1,29 @@
+export declare class LoaderBarsComponent extends HTMLElement {
+    private static readonly _labelAttribute;
+    private static readonly _loadingAttribute;
+    /**
+     * @constructor
+     */
+    constructor();
+    /**
+     * Specifies which attributes should be observed for changes.
+     */
+    static get observedAttributes(): string[];
+    set loading(value: boolean);
+    set label(value: string);
+    /**
+     * Lifecycle hook: component inserted into DOM
+     */
+    connectedCallback(): void;
+    /**
+     * Lifecycle hook: component removed from DOM
+     */
+    /**
+     * Lifecycle hook: observed attribute changed
+     */
+    attributeChangedCallback(name: string, _oldValue: string | null, _newValue: string | null): void;
+    /**
+     * Render the component's Shadow DOM structure
+     */
+    private _render;
+}

package/dist/types/web-components/loaders/loader-bars/selector.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @see BarMenuComponent selector.
+ */
+export declare const selector = "bar-menu";

package/dist/types/web-components/loaders/progress-bar/component.d.ts

@@ -0,0 +1,23 @@
+export type ProgressBarVariant = 'primary' | 'success' | 'warning' | 'error' | 'info';
+export type ProgressBarSize = 'sm' | 'md' | 'lg';
+export declare class ProgressBarComponent extends HTMLElement {
+    private static readonly _valueAttribute;
+    private static readonly _variantAttribute;
+    private static readonly _sizeAttribute;
+    private static readonly _indeterminateAttribute;
+    private static readonly _showLabelAttribute;
+    private static readonly _labelAttribute;
+    constructor();
+    static get observedAttributes(): string[];
+    get value(): number;
+    set value(v: number);
+    get variant(): ProgressBarVariant;
+    set variant(v: ProgressBarVariant);
+    get indeterminate(): boolean;
+    set indeterminate(v: boolean);
+    get showLabel(): boolean;
+    connectedCallback(): void;
+    attributeChangedCallback(_name: string, oldValue: string | null, newValue: string | null): void;
+    private _render;
+    private _update;
+}

package/dist/types/web-components/loaders/progress-bar/main.d.ts

@@ -0,0 +1,2 @@
+export { selector } from './selector.ts';
+export { ProgressBarComponent } from './component.ts';