seblify 0.2.1 → 0.4.0

package/dist/themes/vesper.css

@@ -0,0 +1,373 @@
+:root:not([data-seblify-theme]),
+:root[data-seblify-theme='vesper'] {
+  color-scheme: light;
+
+  --seblify-color-background: #fff7f0;
+  --seblify-color-surface: #fffcf8;
+  --seblify-color-surface-raised: #ffffff;
+  --seblify-color-surface-muted: #f4e9df;
+  --seblify-color-surface-hover: #eadacf;
+  --seblify-color-surface-inverse: #211522;
+  --seblify-color-surface-inverse-hover: #332037;
+  --seblify-color-border: #e3d1c5;
+  --seblify-color-border-strong: #c8aa9d;
+  --seblify-color-border-inverse: #6c536f;
+  --seblify-color-text: #251820;
+  --seblify-color-text-muted: #66535e;
+  --seblify-color-text-subtle: #8b747f;
+  --seblify-color-text-inverse: #fff8f2;
+
+  --seblify-color-primary-fill: #d84673;
+  --seblify-color-primary-fill-hover: #ba355f;
+  --seblify-color-primary-fill-text: #fffaff;
+  --seblify-color-primary-surface: #fae2ea;
+  --seblify-color-primary-surface-hover: #f3cad7;
+  --seblify-color-primary-border: #e59aad;
+  --seblify-color-primary-text: #a42f55;
+  --seblify-color-primary-on-inverse-surface: #3a1727;
+  --seblify-color-primary-on-inverse-surface-hover: #4d2033;
+  --seblify-color-primary-on-inverse-text: #ffb7c9;
+  --seblify-color-primary-on-inverse-border: #a64b69;
+
+  --seblify-color-secondary-fill: #7357d6;
+  --seblify-color-secondary-fill-hover: #5f45bd;
+  --seblify-color-secondary-fill-text: #fffaff;
+  --seblify-color-secondary-surface: #eae4fb;
+  --seblify-color-secondary-surface-hover: #ddd3f6;
+  --seblify-color-secondary-border: #b8a8ea;
+  --seblify-color-secondary-text: #5840ad;
+  --seblify-color-secondary-on-inverse-surface: #251b44;
+  --seblify-color-secondary-on-inverse-surface-hover: #32255a;
+  --seblify-color-secondary-on-inverse-text: #d3caff;
+  --seblify-color-secondary-on-inverse-border: #7060b9;
+
+  --seblify-color-neutral-fill: #76636d;
+  --seblify-color-neutral-fill-hover: #624f58;
+  --seblify-color-neutral-fill-text: #fff8f2;
+  --seblify-color-neutral-surface: var(--seblify-color-surface-muted);
+  --seblify-color-neutral-surface-hover: var(--seblify-color-surface-hover);
+  --seblify-color-neutral-border: var(--seblify-color-border);
+  --seblify-color-neutral-text: var(--seblify-color-text-muted);
+  --seblify-color-neutral-on-inverse-surface: color-mix(in srgb, var(--seblify-color-text-inverse) 10%, var(--seblify-color-surface-inverse) 90%);
+  --seblify-color-neutral-on-inverse-surface-hover: color-mix(in srgb, var(--seblify-color-text-inverse) 16%, var(--seblify-color-surface-inverse) 84%);
+  --seblify-color-neutral-on-inverse-text: var(--seblify-color-text-inverse);
+  --seblify-color-neutral-on-inverse-border: var(--seblify-color-border-inverse);
+
+  --seblify-color-strong-fill: #251820;
+  --seblify-color-strong-fill-hover: #120a10;
+  --seblify-color-strong-fill-text: #fff8f2;
+  --seblify-color-strong-surface: var(--seblify-color-surface-raised);
+  --seblify-color-strong-surface-hover: var(--seblify-color-surface-muted);
+  --seblify-color-strong-border: var(--seblify-color-border-strong);
+  --seblify-color-strong-text: var(--seblify-color-text);
+  --seblify-color-strong-on-inverse-surface: color-mix(in srgb, var(--seblify-color-text-inverse) 14%, var(--seblify-color-surface-inverse) 86%);
+  --seblify-color-strong-on-inverse-surface-hover: color-mix(in srgb, var(--seblify-color-text-inverse) 22%, var(--seblify-color-surface-inverse) 78%);
+  --seblify-color-strong-on-inverse-text: var(--seblify-color-text-inverse);
+  --seblify-color-strong-on-inverse-border: color-mix(in srgb, var(--seblify-color-text-inverse) 42%, var(--seblify-color-border-inverse) 58%);
+
+  --seblify-color-success-fill: #1f9d69;
+  --seblify-color-success-fill-hover: #178257;
+  --seblify-color-success-fill-text: #f7fffb;
+  --seblify-color-success-surface: #dcf4e9;
+  --seblify-color-success-surface-hover: #c5eadb;
+  --seblify-color-success-border: #88d1b1;
+  --seblify-color-success-text: #14784f;
+  --seblify-color-success-on-inverse-surface: #102d20;
+  --seblify-color-success-on-inverse-surface-hover: #183e2d;
+  --seblify-color-success-on-inverse-text: #a6e9c8;
+  --seblify-color-success-on-inverse-border: #3d8e67;
+
+  --seblify-color-danger-fill: #d53d45;
+  --seblify-color-danger-fill-hover: #b72e36;
+  --seblify-color-danger-fill-text: #fffafa;
+  --seblify-color-danger-surface: #fae1e3;
+  --seblify-color-danger-surface-hover: #f3c8cd;
+  --seblify-color-danger-border: #e6969d;
+  --seblify-color-danger-text: #a82b33;
+  --seblify-color-danger-on-inverse-surface: #36161c;
+  --seblify-color-danger-on-inverse-surface-hover: #4b2027;
+  --seblify-color-danger-on-inverse-text: #ffc0c4;
+  --seblify-color-danger-on-inverse-border: #aa4e58;
+
+  --seblify-color-warning-fill: #c47a1b;
+  --seblify-color-warning-fill-hover: #a66412;
+  --seblify-color-warning-fill-text: #fff9ed;
+  --seblify-color-warning-surface: #f8ead5;
+  --seblify-color-warning-surface-hover: #f0d8b4;
+  --seblify-color-warning-border: #dcae6f;
+  --seblify-color-warning-text: #8e5612;
+  --seblify-color-warning-on-inverse-surface: #33220f;
+  --seblify-color-warning-on-inverse-surface-hover: #473017;
+  --seblify-color-warning-on-inverse-text: #f7d39b;
+  --seblify-color-warning-on-inverse-border: #987043;
+
+  --seblify-color-info-fill: #197fa3;
+  --seblify-color-info-fill-hover: #126a8b;
+  --seblify-color-info-fill-text: #f8fdff;
+  --seblify-color-info-surface: #dff0f5;
+  --seblify-color-info-surface-hover: #c8e4ed;
+  --seblify-color-info-border: #8bc6d8;
+  --seblify-color-info-text: #12637f;
+  --seblify-color-info-on-inverse-surface: #102b37;
+  --seblify-color-info-on-inverse-surface-hover: #183b4b;
+  --seblify-color-info-on-inverse-text: #ace3f3;
+  --seblify-color-info-on-inverse-border: #437f95;
+
+  --seblify-color-focus-ring: #d84673;
+  --seblify-opacity-disabled: 0.55;
+  --seblify-shadow-control: 0 1px 3px rgb(37 24 32 / 16%);
+  --seblify-shadow-raised: 0 16px 36px rgb(37 24 32 / 14%);
+  --seblify-shadow-status: 0 12px 28px rgb(216 70 115 / 16%);
+  --seblify-z-index-tooltip: 30;
+  --seblify-z-index-floating-action-button: 30;
+}
+
+:root:not([data-seblify-theme])[data-color-mode='dark'],
+:root[data-seblify-theme='vesper'][data-color-mode='dark'] {
+  color-scheme: dark;
+
+  --seblify-color-background: #120a14;
+  --seblify-color-surface: #1d1222;
+  --seblify-color-surface-raised: #281831;
+  --seblify-color-surface-muted: #35213f;
+  --seblify-color-surface-hover: #442a51;
+  --seblify-color-surface-inverse: #fff3ea;
+  --seblify-color-surface-inverse-hover: #fffaf6;
+  --seblify-color-border: #432c4d;
+  --seblify-color-border-strong: #765682;
+  --seblify-color-border-inverse: #d7bcad;
+  --seblify-color-text: #fff3f7;
+  --seblify-color-text-muted: #d6c2cf;
+  --seblify-color-text-subtle: #a88da0;
+  --seblify-color-text-inverse: #211522;
+
+  --seblify-color-primary-fill: #ff789e;
+  --seblify-color-primary-fill-hover: #ff91b2;
+  --seblify-color-primary-fill-text: #230611;
+  --seblify-color-primary-surface: #3a1727;
+  --seblify-color-primary-surface-hover: #4d2033;
+  --seblify-color-primary-border: #a64b69;
+  --seblify-color-primary-text: #ffb7c9;
+  --seblify-color-primary-on-inverse-surface: #fae2ea;
+  --seblify-color-primary-on-inverse-surface-hover: #f3cad7;
+  --seblify-color-primary-on-inverse-text: #a42f55;
+  --seblify-color-primary-on-inverse-border: #e59aad;
+
+  --seblify-color-secondary-fill: #a794ff;
+  --seblify-color-secondary-fill-hover: #b9aaff;
+  --seblify-color-secondary-fill-text: #100a2c;
+  --seblify-color-secondary-surface: #251b44;
+  --seblify-color-secondary-surface-hover: #32255a;
+  --seblify-color-secondary-border: #7060b9;
+  --seblify-color-secondary-text: #d3caff;
+  --seblify-color-secondary-on-inverse-surface: #eae4fb;
+  --seblify-color-secondary-on-inverse-surface-hover: #ddd3f6;
+  --seblify-color-secondary-on-inverse-text: #5840ad;
+  --seblify-color-secondary-on-inverse-border: #b8a8ea;
+
+  --seblify-color-neutral-fill: #d6c2cf;
+  --seblify-color-neutral-fill-hover: #e6d4df;
+  --seblify-color-neutral-fill-text: #211522;
+  --seblify-color-neutral-surface: var(--seblify-color-surface-muted);
+  --seblify-color-neutral-surface-hover: var(--seblify-color-surface-hover);
+  --seblify-color-neutral-border: var(--seblify-color-border);
+  --seblify-color-neutral-text: var(--seblify-color-text-muted);
+  --seblify-color-neutral-on-inverse-surface: color-mix(in srgb, var(--seblify-color-text-inverse) 10%, var(--seblify-color-surface-inverse) 90%);
+  --seblify-color-neutral-on-inverse-surface-hover: color-mix(in srgb, var(--seblify-color-text-inverse) 16%, var(--seblify-color-surface-inverse) 84%);
+  --seblify-color-neutral-on-inverse-text: var(--seblify-color-text-inverse);
+  --seblify-color-neutral-on-inverse-border: var(--seblify-color-border-inverse);
+
+  --seblify-color-strong-fill: var(--seblify-color-surface-inverse);
+  --seblify-color-strong-fill-hover: var(--seblify-color-surface-inverse-hover);
+  --seblify-color-strong-fill-text: var(--seblify-color-text-inverse);
+  --seblify-color-strong-surface: var(--seblify-color-surface-raised);
+  --seblify-color-strong-surface-hover: var(--seblify-color-surface-hover);
+  --seblify-color-strong-border: var(--seblify-color-border-strong);
+  --seblify-color-strong-text: var(--seblify-color-text);
+  --seblify-color-strong-on-inverse-surface: color-mix(in srgb, var(--seblify-color-text-inverse) 14%, var(--seblify-color-surface-inverse) 86%);
+  --seblify-color-strong-on-inverse-surface-hover: color-mix(in srgb, var(--seblify-color-text-inverse) 22%, var(--seblify-color-surface-inverse) 78%);
+  --seblify-color-strong-on-inverse-text: var(--seblify-color-text-inverse);
+  --seblify-color-strong-on-inverse-border: color-mix(in srgb, var(--seblify-color-text-inverse) 42%, var(--seblify-color-border-inverse) 58%);
+
+  --seblify-color-success-fill: #5fd09a;
+  --seblify-color-success-fill-hover: #7addad;
+  --seblify-color-success-fill-text: #04160d;
+  --seblify-color-success-surface: #102d20;
+  --seblify-color-success-surface-hover: #183e2d;
+  --seblify-color-success-border: #3d8e67;
+  --seblify-color-success-text: #a6e9c8;
+  --seblify-color-success-on-inverse-surface: #dcf4e9;
+  --seblify-color-success-on-inverse-surface-hover: #c5eadb;
+  --seblify-color-success-on-inverse-text: #14784f;
+  --seblify-color-success-on-inverse-border: #88d1b1;
+
+  --seblify-color-danger-fill: #ff7f86;
+  --seblify-color-danger-fill-hover: #ff989e;
+  --seblify-color-danger-fill-text: #210608;
+  --seblify-color-danger-surface: #36161c;
+  --seblify-color-danger-surface-hover: #4b2027;
+  --seblify-color-danger-border: #aa4e58;
+  --seblify-color-danger-text: #ffc0c4;
+  --seblify-color-danger-on-inverse-surface: #fae1e3;
+  --seblify-color-danger-on-inverse-surface-hover: #f3c8cd;
+  --seblify-color-danger-on-inverse-text: #a82b33;
+  --seblify-color-danger-on-inverse-border: #e6969d;
+
+  --seblify-color-warning-fill: #f0b868;
+  --seblify-color-warning-fill-hover: #f6c882;
+  --seblify-color-warning-fill-text: #1c0f03;
+  --seblify-color-warning-surface: #33220f;
+  --seblify-color-warning-surface-hover: #473017;
+  --seblify-color-warning-border: #987043;
+  --seblify-color-warning-text: #f7d39b;
+  --seblify-color-warning-on-inverse-surface: #f8ead5;
+  --seblify-color-warning-on-inverse-surface-hover: #f0d8b4;
+  --seblify-color-warning-on-inverse-text: #8e5612;
+  --seblify-color-warning-on-inverse-border: #dcae6f;
+
+  --seblify-color-info-fill: #70c8e6;
+  --seblify-color-info-fill-hover: #8ad5ed;
+  --seblify-color-info-fill-text: #03141c;
+  --seblify-color-info-surface: #102b37;
+  --seblify-color-info-surface-hover: #183b4b;
+  --seblify-color-info-border: #437f95;
+  --seblify-color-info-text: #ace3f3;
+  --seblify-color-info-on-inverse-surface: #dff0f5;
+  --seblify-color-info-on-inverse-surface-hover: #c8e4ed;
+  --seblify-color-info-on-inverse-text: #12637f;
+  --seblify-color-info-on-inverse-border: #8bc6d8;
+
+  --seblify-color-focus-ring: #ff91b2;
+  --seblify-opacity-disabled: 0.5;
+  --seblify-shadow-control: 0 1px 3px rgb(0 0 0 / 46%);
+  --seblify-shadow-raised: 0 16px 36px rgb(0 0 0 / 46%);
+  --seblify-shadow-status: 0 12px 28px rgb(255 120 158 / 18%);
+  --seblify-z-index-tooltip: 30;
+  --seblify-z-index-floating-action-button: 30;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not([data-seblify-theme]):not([data-color-mode]),
+  :root[data-seblify-theme='vesper']:not([data-color-mode]) {
+    color-scheme: dark;
+
+    --seblify-color-background: #120a14;
+    --seblify-color-surface: #1d1222;
+    --seblify-color-surface-raised: #281831;
+    --seblify-color-surface-muted: #35213f;
+    --seblify-color-surface-hover: #442a51;
+    --seblify-color-surface-inverse: #fff3ea;
+    --seblify-color-surface-inverse-hover: #fffaf6;
+    --seblify-color-border: #432c4d;
+    --seblify-color-border-strong: #765682;
+    --seblify-color-border-inverse: #d7bcad;
+    --seblify-color-text: #fff3f7;
+    --seblify-color-text-muted: #d6c2cf;
+    --seblify-color-text-subtle: #a88da0;
+    --seblify-color-text-inverse: #211522;
+
+    --seblify-color-primary-fill: #ff789e;
+    --seblify-color-primary-fill-hover: #ff91b2;
+    --seblify-color-primary-fill-text: #230611;
+    --seblify-color-primary-surface: #3a1727;
+    --seblify-color-primary-surface-hover: #4d2033;
+    --seblify-color-primary-border: #a64b69;
+    --seblify-color-primary-text: #ffb7c9;
+    --seblify-color-primary-on-inverse-surface: #fae2ea;
+    --seblify-color-primary-on-inverse-surface-hover: #f3cad7;
+    --seblify-color-primary-on-inverse-text: #a42f55;
+    --seblify-color-primary-on-inverse-border: #e59aad;
+
+    --seblify-color-secondary-fill: #a794ff;
+    --seblify-color-secondary-fill-hover: #b9aaff;
+    --seblify-color-secondary-fill-text: #100a2c;
+    --seblify-color-secondary-surface: #251b44;
+    --seblify-color-secondary-surface-hover: #32255a;
+    --seblify-color-secondary-border: #7060b9;
+    --seblify-color-secondary-text: #d3caff;
+    --seblify-color-secondary-on-inverse-surface: #eae4fb;
+    --seblify-color-secondary-on-inverse-surface-hover: #ddd3f6;
+    --seblify-color-secondary-on-inverse-text: #5840ad;
+    --seblify-color-secondary-on-inverse-border: #b8a8ea;
+
+    --seblify-color-neutral-fill: #d6c2cf;
+    --seblify-color-neutral-fill-hover: #e6d4df;
+    --seblify-color-neutral-fill-text: #211522;
+    --seblify-color-neutral-surface: var(--seblify-color-surface-muted);
+    --seblify-color-neutral-surface-hover: var(--seblify-color-surface-hover);
+    --seblify-color-neutral-border: var(--seblify-color-border);
+    --seblify-color-neutral-text: var(--seblify-color-text-muted);
+    --seblify-color-neutral-on-inverse-surface: color-mix(in srgb, var(--seblify-color-text-inverse) 10%, var(--seblify-color-surface-inverse) 90%);
+    --seblify-color-neutral-on-inverse-surface-hover: color-mix(in srgb, var(--seblify-color-text-inverse) 16%, var(--seblify-color-surface-inverse) 84%);
+    --seblify-color-neutral-on-inverse-text: var(--seblify-color-text-inverse);
+    --seblify-color-neutral-on-inverse-border: var(--seblify-color-border-inverse);
+
+    --seblify-color-strong-fill: var(--seblify-color-surface-inverse);
+    --seblify-color-strong-fill-hover: var(--seblify-color-surface-inverse-hover);
+    --seblify-color-strong-fill-text: var(--seblify-color-text-inverse);
+    --seblify-color-strong-surface: var(--seblify-color-surface-raised);
+    --seblify-color-strong-surface-hover: var(--seblify-color-surface-hover);
+    --seblify-color-strong-border: var(--seblify-color-border-strong);
+    --seblify-color-strong-text: var(--seblify-color-text);
+    --seblify-color-strong-on-inverse-surface: color-mix(in srgb, var(--seblify-color-text-inverse) 14%, var(--seblify-color-surface-inverse) 86%);
+    --seblify-color-strong-on-inverse-surface-hover: color-mix(in srgb, var(--seblify-color-text-inverse) 22%, var(--seblify-color-surface-inverse) 78%);
+    --seblify-color-strong-on-inverse-text: var(--seblify-color-text-inverse);
+    --seblify-color-strong-on-inverse-border: color-mix(in srgb, var(--seblify-color-text-inverse) 42%, var(--seblify-color-border-inverse) 58%);
+
+    --seblify-color-success-fill: #5fd09a;
+    --seblify-color-success-fill-hover: #7addad;
+    --seblify-color-success-fill-text: #04160d;
+    --seblify-color-success-surface: #102d20;
+    --seblify-color-success-surface-hover: #183e2d;
+    --seblify-color-success-border: #3d8e67;
+    --seblify-color-success-text: #a6e9c8;
+    --seblify-color-success-on-inverse-surface: #dcf4e9;
+    --seblify-color-success-on-inverse-surface-hover: #c5eadb;
+    --seblify-color-success-on-inverse-text: #14784f;
+    --seblify-color-success-on-inverse-border: #88d1b1;
+
+    --seblify-color-danger-fill: #ff7f86;
+    --seblify-color-danger-fill-hover: #ff989e;
+    --seblify-color-danger-fill-text: #210608;
+    --seblify-color-danger-surface: #36161c;
+    --seblify-color-danger-surface-hover: #4b2027;
+    --seblify-color-danger-border: #aa4e58;
+    --seblify-color-danger-text: #ffc0c4;
+    --seblify-color-danger-on-inverse-surface: #fae1e3;
+    --seblify-color-danger-on-inverse-surface-hover: #f3c8cd;
+    --seblify-color-danger-on-inverse-text: #a82b33;
+    --seblify-color-danger-on-inverse-border: #e6969d;
+
+    --seblify-color-warning-fill: #f0b868;
+    --seblify-color-warning-fill-hover: #f6c882;
+    --seblify-color-warning-fill-text: #1c0f03;
+    --seblify-color-warning-surface: #33220f;
+    --seblify-color-warning-surface-hover: #473017;
+    --seblify-color-warning-border: #987043;
+    --seblify-color-warning-text: #f7d39b;
+    --seblify-color-warning-on-inverse-surface: #f8ead5;
+    --seblify-color-warning-on-inverse-surface-hover: #f0d8b4;
+    --seblify-color-warning-on-inverse-text: #8e5612;
+    --seblify-color-warning-on-inverse-border: #dcae6f;
+
+    --seblify-color-info-fill: #70c8e6;
+    --seblify-color-info-fill-hover: #8ad5ed;
+    --seblify-color-info-fill-text: #03141c;
+    --seblify-color-info-surface: #102b37;
+    --seblify-color-info-surface-hover: #183b4b;
+    --seblify-color-info-border: #437f95;
+    --seblify-color-info-text: #ace3f3;
+    --seblify-color-info-on-inverse-surface: #dff0f5;
+    --seblify-color-info-on-inverse-surface-hover: #c8e4ed;
+    --seblify-color-info-on-inverse-text: #12637f;
+    --seblify-color-info-on-inverse-border: #8bc6d8;
+
+    --seblify-color-focus-ring: #ff91b2;
+    --seblify-opacity-disabled: 0.5;
+    --seblify-shadow-control: 0 1px 3px rgb(0 0 0 / 46%);
+    --seblify-shadow-raised: 0 16px 36px rgb(0 0 0 / 46%);
+    --seblify-shadow-status: 0 12px 28px rgb(255 120 158 / 18%);
+    --seblify-z-index-tooltip: 30;
+    --seblify-z-index-floating-action-button: 30;
+  }
+}

package/package.json

@@ -2,11 +2,12 @@
   "name": "seblify",
   "private": false,
   "license": "MIT",
-  "version": "0.2.1",
+  "version": "0.4.0",
   "type": "module",
   "scripts": {
-    "build": "svelte-package --input src --output dist --tsconfig ./tsconfig.json",
+    "build": "svelte-package --input src --output dist --tsconfig ./tsconfig.json && node ./scripts/test-results/clean-package-artifacts.mjs",
     "generate:icons": "node ./scripts/generate-icons.mjs",
+    "test": "node ./scripts/test-results/run-tests.mjs",
     "doc": "node ./scripts/change-log/document-change.mjs",
     "change-log:validate": "node ./scripts/change-log/validate-pending.mjs",
     "prepare-release": "node ./scripts/prepare-release.mjs",
@@ -24,6 +25,13 @@
     "!dist/**/doc-section.d.ts",
     "!dist/**/doc-section.js",
     "!dist/**/examples/**",
+    "!dist/**/*.test.d.ts",
+    "!dist/**/*.test.js",
+    "!dist/**/*.visual.d.ts",
+    "!dist/**/*.visual.js",
+    "!dist/**/*.test-results.json",
+    "!dist/testing/**",
+    "!dist/visual-tests/**",
     "!dist/icons/svg/**"
   ],
   "exports": {
@@ -46,15 +54,35 @@
       "svelte": "./dist/icons/generated/*.svelte",
       "default": "./dist/icons/generated/*.svelte"
     },
-    "./theme.css": "./dist/theme.css"
+    "./theme.css": "./dist/theme.css",
+    "./themes/studio.css": "./dist/themes/studio.css",
+    "./themes/lumen.css": "./dist/themes/lumen.css",
+    "./themes/vesper.css": "./dist/themes/vesper.css",
+    "./themes/canopy.css": "./dist/themes/canopy.css",
+    "./themes/cobalt.css": "./dist/themes/cobalt.css",
+    "./themes/pulse.css": "./dist/themes/pulse.css",
+    "./themes/solar.css": "./dist/themes/solar.css",
+    "./themes/noir.css": "./dist/themes/noir.css",
+    "./themes/sorbet.css": "./dist/themes/sorbet.css",
+    "./themes/iris.css": "./dist/themes/iris.css",
+    "./themes/signal.css": "./dist/themes/signal.css",
+    "./themes/slate.css": "./dist/themes/slate.css",
+    "./themes/plain.css": "./dist/themes/plain.css",
+    "./themes/moss.css": "./dist/themes/moss.css",
+    "./themes/mono.css": "./dist/themes/mono.css",
+    "./themes/*": "./dist/themes/*.css"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"
   },
   "devDependencies": {
+    "@playwright/test": "^1.60.0",
     "@sveltejs/package": "^2.5.0",
     "@sveltejs/vite-plugin-svelte": "^6.2.1",
-    "svelte": "^5.38.6"
+    "@testing-library/svelte": "^5.3.1",
+    "jsdom": "^29.1.1",
+    "svelte": "^5.38.6",
+    "vitest": "^4.0.0"
   },
   "dependencies": {
     "prompts": "^2.4.2",

package/dist/components/action/input/select/theme-switch/ThemeSwitch.svelte.d.ts

@@ -1,10 +0,0 @@
-type ThemeMode = 'system' | 'light' | 'dark';
-declare const ThemeSwitch: import("svelte").Component<{
-    value?: ThemeMode | undefined;
-    label?: string | undefined;
-    description?: string | undefined;
-    name?: string | undefined;
-    applyToDocument?: boolean | undefined;
-}, {}, "value">;
-type ThemeSwitch = ReturnType<typeof ThemeSwitch>;
-export default ThemeSwitch;