@dsn-starter-kit/components-web 1.0.0

package/dist/button/Button.test.js

@@ -0,0 +1,299 @@
+import { describe, it, expect, beforeAll, beforeEach, vi } from 'vitest';
+import { DsnButton, defineButton } from './Button';
+// Register the custom element once for all tests
+beforeAll(() => {
+    defineButton();
+});
+function createElement(attrs = {}) {
+    const el = document.createElement('dsn-button');
+    for (const [key, value] of Object.entries(attrs)) {
+        el.setAttribute(key, value);
+    }
+    document.body.appendChild(el);
+    return el;
+}
+function getInternalButton(el) {
+    return el.shadowRoot.querySelector('button');
+}
+describe('DsnButton', () => {
+    beforeEach(() => {
+        document.body.innerHTML = '';
+    });
+    describe('rendering', () => {
+        it('creates a shadow root', () => {
+            const el = createElement();
+            expect(el.shadowRoot).not.toBeNull();
+        });
+        it('renders an internal button element', () => {
+            const el = createElement();
+            const btn = getInternalButton(el);
+            expect(btn).toBeInstanceOf(HTMLButtonElement);
+        });
+        it('renders a style element in shadow DOM', () => {
+            const el = createElement();
+            const style = el.shadowRoot.querySelector('style');
+            expect(style).not.toBeNull();
+            expect(style.textContent).toContain('.dsn-button');
+        });
+        it('renders a default slot for content projection', () => {
+            const el = createElement();
+            const slot = el.shadowRoot.querySelector('slot:not([name])');
+            expect(slot).not.toBeNull();
+        });
+        it('renders an icon-start named slot', () => {
+            const el = createElement();
+            const slot = el.shadowRoot.querySelector('slot[name="icon-start"]');
+            expect(slot).not.toBeNull();
+        });
+        it('renders an icon-end named slot', () => {
+            const el = createElement();
+            const slot = el.shadowRoot.querySelector('slot[name="icon-end"]');
+            expect(slot).not.toBeNull();
+        });
+        it('renders slots in correct order: icon-start, default, icon-end', () => {
+            const el = createElement();
+            const btn = getInternalButton(el);
+            const slots = btn.querySelectorAll('slot');
+            expect(slots).toHaveLength(3);
+            expect(slots[0].getAttribute('name')).toBe('icon-start');
+            expect(slots[1].getAttribute('name')).toBeNull();
+            expect(slots[2].getAttribute('name')).toBe('icon-end');
+        });
+    });
+    describe('default values', () => {
+        it('defaults variant to "strong"', () => {
+            const el = createElement();
+            expect(el.variant).toBe('strong');
+        });
+        it('defaults size to "default"', () => {
+            const el = createElement();
+            expect(el.size).toBe('default');
+        });
+        it('defaults type to "button"', () => {
+            const el = createElement();
+            expect(el.type).toBe('button');
+        });
+        it('defaults disabled to false', () => {
+            const el = createElement();
+            expect(el.disabled).toBe(false);
+        });
+        it('defaults loading to false', () => {
+            const el = createElement();
+            expect(el.loading).toBe(false);
+        });
+        it('defaults fullWidth to false', () => {
+            const el = createElement();
+            expect(el.fullWidth).toBe(false);
+        });
+        it('defaults iconOnly to false', () => {
+            const el = createElement();
+            expect(el.iconOnly).toBe(false);
+        });
+    });
+    describe('CSS classes', () => {
+        it('applies default classes', () => {
+            const el = createElement();
+            const btn = getInternalButton(el);
+            expect(btn.className).toBe('dsn-button dsn-button--strong dsn-button--size-default');
+        });
+        it('applies variant class from attribute', () => {
+            const el = createElement({ variant: 'subtle' });
+            const btn = getInternalButton(el);
+            expect(btn.className).toContain('dsn-button--subtle');
+        });
+        it('applies size class from attribute', () => {
+            const el = createElement({ size: 'large' });
+            const btn = getInternalButton(el);
+            expect(btn.className).toContain('dsn-button--size-large');
+        });
+        it('applies loading class', () => {
+            const el = createElement({ loading: '' });
+            const btn = getInternalButton(el);
+            expect(btn.className).toContain('dsn-button--loading');
+        });
+        it('applies full-width class', () => {
+            const el = createElement({ 'full-width': '' });
+            const btn = getInternalButton(el);
+            expect(btn.className).toContain('dsn-button--full-width');
+        });
+        it('applies icon-only class', () => {
+            const el = createElement({ 'icon-only': '' });
+            const btn = getInternalButton(el);
+            expect(btn.className).toContain('dsn-button--icon-only');
+        });
+        it('updates classes when variant changes', () => {
+            const el = createElement({ variant: 'strong' });
+            const btn = getInternalButton(el);
+            expect(btn.className).toContain('dsn-button--strong');
+            el.variant = 'default';
+            expect(btn.className).toContain('dsn-button--default');
+            expect(btn.className).not.toContain('dsn-button--strong');
+        });
+        it('updates classes when size changes', () => {
+            const el = createElement({ size: 'small' });
+            const btn = getInternalButton(el);
+            expect(btn.className).toContain('dsn-button--size-small');
+            el.size = 'large';
+            expect(btn.className).toContain('dsn-button--size-large');
+            expect(btn.className).not.toContain('dsn-button--size-small');
+        });
+    });
+    describe('disabled state', () => {
+        it('disables internal button when disabled attribute is set', () => {
+            const el = createElement({ disabled: '' });
+            const btn = getInternalButton(el);
+            expect(btn.disabled).toBe(true);
+        });
+        it('enables internal button when disabled is removed', () => {
+            const el = createElement({ disabled: '' });
+            const btn = getInternalButton(el);
+            expect(btn.disabled).toBe(true);
+            el.disabled = false;
+            expect(btn.disabled).toBe(false);
+        });
+        it('reflects disabled property to attribute', () => {
+            const el = createElement();
+            el.disabled = true;
+            expect(el.hasAttribute('disabled')).toBe(true);
+            el.disabled = false;
+            expect(el.hasAttribute('disabled')).toBe(false);
+        });
+    });
+    describe('loading state', () => {
+        it('disables internal button when loading', () => {
+            const el = createElement({ loading: '' });
+            const btn = getInternalButton(el);
+            expect(btn.disabled).toBe(true);
+        });
+        it('sets aria-busy when loading', () => {
+            const el = createElement({ loading: '' });
+            const btn = getInternalButton(el);
+            expect(btn.getAttribute('aria-busy')).toBe('true');
+        });
+        it('removes aria-busy when loading is removed', () => {
+            const el = createElement({ loading: '' });
+            const btn = getInternalButton(el);
+            expect(btn.getAttribute('aria-busy')).toBe('true');
+            el.loading = false;
+            expect(btn.hasAttribute('aria-busy')).toBe(false);
+        });
+        it('adds loading class and disables button', () => {
+            const el = createElement();
+            el.loading = true;
+            const btn = getInternalButton(el);
+            expect(btn.className).toContain('dsn-button--loading');
+            expect(btn.disabled).toBe(true);
+            expect(btn.getAttribute('aria-busy')).toBe('true');
+        });
+        it('reflects loading property to attribute', () => {
+            const el = createElement();
+            el.loading = true;
+            expect(el.hasAttribute('loading')).toBe(true);
+            el.loading = false;
+            expect(el.hasAttribute('loading')).toBe(false);
+        });
+    });
+    describe('full-width', () => {
+        it('reflects fullWidth property to full-width attribute', () => {
+            const el = createElement();
+            el.fullWidth = true;
+            expect(el.hasAttribute('full-width')).toBe(true);
+            el.fullWidth = false;
+            expect(el.hasAttribute('full-width')).toBe(false);
+        });
+    });
+    describe('icon-only', () => {
+        it('reflects iconOnly property to icon-only attribute', () => {
+            const el = createElement();
+            el.iconOnly = true;
+            expect(el.hasAttribute('icon-only')).toBe(true);
+            el.iconOnly = false;
+            expect(el.hasAttribute('icon-only')).toBe(false);
+        });
+    });
+    describe('type attribute', () => {
+        it('sets internal button type', () => {
+            const el = createElement({ type: 'submit' });
+            const btn = getInternalButton(el);
+            expect(btn.getAttribute('type')).toBe('submit');
+        });
+        it('defaults internal button type to "button"', () => {
+            const el = createElement();
+            const btn = getInternalButton(el);
+            expect(btn.getAttribute('type')).toBe('button');
+        });
+        it('updates internal button type when property changes', () => {
+            const el = createElement();
+            el.type = 'reset';
+            const btn = getInternalButton(el);
+            expect(btn.getAttribute('type')).toBe('reset');
+        });
+    });
+    describe('focus delegation', () => {
+        it('delegates focus to internal button', () => {
+            const el = createElement();
+            const btn = getInternalButton(el);
+            const focusSpy = vi.spyOn(btn, 'focus');
+            el.focus();
+            expect(focusSpy).toHaveBeenCalled();
+        });
+        it('delegates blur to internal button', () => {
+            const el = createElement();
+            const btn = getInternalButton(el);
+            const blurSpy = vi.spyOn(btn, 'blur');
+            el.blur();
+            expect(blurSpy).toHaveBeenCalled();
+        });
+        it('delegates click to internal button', () => {
+            const el = createElement();
+            const btn = getInternalButton(el);
+            const clickSpy = vi.spyOn(btn, 'click');
+            el.click();
+            expect(clickSpy).toHaveBeenCalled();
+        });
+    });
+    describe('all variants', () => {
+        const variants = [
+            'strong',
+            'strong-negative',
+            'strong-positive',
+            'default',
+            'default-negative',
+            'default-positive',
+            'subtle',
+            'subtle-negative',
+            'subtle-positive',
+            'link',
+        ];
+        variants.forEach((variant) => {
+            it(`applies class for variant "${variant}"`, () => {
+                const el = createElement({ variant });
+                const btn = getInternalButton(el);
+                expect(btn.className).toContain(`dsn-button--${variant}`);
+            });
+        });
+    });
+    describe('all sizes', () => {
+        const sizes = ['small', 'default', 'large'];
+        sizes.forEach((size) => {
+            it(`applies class for size "${size}"`, () => {
+                const el = createElement({ size });
+                const btn = getInternalButton(el);
+                expect(btn.className).toContain(`dsn-button--size-${size}`);
+            });
+        });
+    });
+});
+describe('defineButton', () => {
+    it('does not throw when called with an already-registered tag', () => {
+        expect(() => defineButton('dsn-button')).not.toThrow();
+    });
+    it('registers a custom element with a custom tag name', () => {
+        // DsnButton constructor is already registered as 'dsn-button',
+        // so re-registering under another name is not allowed by the spec.
+        // Instead, verify that the existing registration works.
+        const el = document.createElement('dsn-button');
+        expect(el).toBeInstanceOf(DsnButton);
+    });
+});
+//# sourceMappingURL=Button.test.js.map

package/dist/button/Button.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.test.js","sourceRoot":"","sources":["../../src/button/Button.test.ts"],"names":[],"mappings":"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"}

package/dist/button/button-styles.generated.d.ts

@@ -0,0 +1,2 @@
+export declare const buttonStyles = "/**\n * Shadow DOM wrapper styles for the Button Web Component.\n * The core button styles are imported from the shared HTML/CSS source.\n */\n\n:host {\n  display: inline-block;\n}\n\n:host([full-width]) {\n  display: block;\n  width: 100%;\n}\n\n::slotted(*) {\n  pointer-events: none;\n}\n\n/* Shared button styles - single source of truth */\n/**\n * Button Component\n * Uses component tokens for consistent styling\n */\n\n.dsn-button {\n  /* Reset */\n  display: inline-flex;\n  align-self: flex-start;\n  align-items: center;\n  justify-content: center;\n  position: relative; /* Ankerpunt voor DotBadge */\n\n  /* Typography */\n  font-family: var(--dsn-button-font-family);\n  font-weight: var(--dsn-button-font-weight);\n  line-height: var(--dsn-button-line-height);\n  text-decoration: none;\n\n  /* Borders */\n  border: var(--dsn-button-border-width) solid transparent;\n  border-radius: var(--dsn-button-border-radius);\n\n  /* Interaction */\n  cursor: pointer;\n  user-select: none;\n  transition:\n    background-color var(--dsn-transition-duration-normal)\n      var(--dsn-transition-easing-default),\n    color var(--dsn-transition-duration-normal)\n      var(--dsn-transition-easing-default),\n    border-color var(--dsn-transition-duration-normal)\n      var(--dsn-transition-easing-default);\n\n  /* Accessibility - WCAG pointer target */\n  min-block-size: var(--dsn-button-min-block-size);\n  min-inline-size: var(--dsn-button-min-inline-size);\n}\n\n/* =============================================================================\n   Size Variants\n   ============================================================================= */\n\n.dsn-button--size-small {\n  font-size: var(--dsn-button-size-small-font-size);\n  padding-block: var(--dsn-button-size-small-padding-block);\n  padding-inline: var(--dsn-button-size-small-padding-inline);\n  gap: var(--dsn-button-size-small-gap);\n  min-block-size: var(--dsn-button-size-small-min-block-size);\n}\n\n.dsn-button--size-default {\n  font-size: var(--dsn-button-size-default-font-size);\n  padding-block: var(--dsn-button-size-default-padding-block);\n  padding-inline: var(--dsn-button-size-default-padding-inline);\n  gap: var(--dsn-button-size-default-gap);\n}\n\n.dsn-button--size-large {\n  font-size: var(--dsn-button-size-large-font-size);\n  padding-block: var(--dsn-button-size-large-padding-block);\n  padding-inline: var(--dsn-button-size-large-padding-inline);\n  gap: var(--dsn-button-size-large-gap);\n}\n\n/* Icon sizing per button size */\n.dsn-button--size-small > .dsn-icon {\n  width: var(--dsn-button-size-small-icon-size);\n  height: var(--dsn-button-size-small-icon-size);\n}\n\n.dsn-button--size-default > .dsn-icon {\n  width: var(--dsn-button-size-default-icon-size);\n  height: var(--dsn-button-size-default-icon-size);\n}\n\n.dsn-button--size-large > .dsn-icon {\n  width: var(--dsn-button-size-large-icon-size);\n  height: var(--dsn-button-size-large-icon-size);\n}\n\n/* Icon Only Button */\n.dsn-button--icon-only {\n  padding-inline: var(--dsn-button-size-default-icon-only-padding);\n}\n\n.dsn-button--icon-only.dsn-button--size-small {\n  padding-inline: var(--dsn-button-size-small-icon-only-padding);\n}\n\n.dsn-button--icon-only.dsn-button--size-large {\n  padding-inline: var(--dsn-button-size-large-icon-only-padding);\n}\n\n/* Icon Only \u2014 hide text label visually, keep accessible for screen readers */\n.dsn-button--icon-only .dsn-button__label {\n  position: absolute;\n  inline-size: 1px;\n  block-size: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border: 0;\n}\n\n/* =============================================================================\n   Focus State\n   ============================================================================= */\n\n.dsn-button:focus-visible {\n  background-color: var(--dsn-focus-background-color);\n  color: var(--dsn-focus-color);\n  border-color: var(--dsn-focus-background-color);\n  outline: var(--dsn-focus-outline-width) var(--dsn-focus-outline-style)\n    var(--dsn-focus-outline-color);\n  outline-offset: var(--dsn-focus-outline-offset);\n  box-shadow: 0 0 0\n    calc(var(--dsn-focus-outline-offset) + var(--dsn-focus-outline-width))\n    var(--dsn-focus-inverse-outline-color);\n}\n\n/* =============================================================================\n   Color Variants\n   ============================================================================= */\n\n/* Variant: Strong (main CTA) */\n.dsn-button--strong {\n  background-color: var(--dsn-button-strong-background-color);\n  color: var(--dsn-button-strong-color);\n  border-color: var(--dsn-button-strong-border-color);\n}\n\n.dsn-button--strong:hover:not(:disabled) {\n  background-color: var(--dsn-button-strong-hover-background-color);\n  color: var(--dsn-button-strong-hover-color);\n  border-color: var(--dsn-button-strong-hover-border-color);\n}\n\n.dsn-button--strong:active:not(:disabled) {\n  background-color: var(--dsn-button-strong-active-background-color);\n  color: var(--dsn-button-strong-active-color);\n  border-color: var(--dsn-button-strong-active-border-color);\n}\n\n/* Variant: Default (alternative actions) */\n.dsn-button--default {\n  background-color: var(--dsn-button-default-background-color);\n  color: var(--dsn-button-default-color);\n  border-color: var(--dsn-button-default-border-color);\n}\n\n.dsn-button--default:hover:not(:disabled) {\n  background-color: var(--dsn-button-default-hover-background-color);\n  color: var(--dsn-button-default-hover-color);\n  border-color: var(--dsn-button-default-hover-border-color);\n}\n\n.dsn-button--default:active:not(:disabled) {\n  background-color: var(--dsn-button-default-active-background-color);\n  color: var(--dsn-button-default-active-color);\n  border-color: var(--dsn-button-default-active-border-color);\n}\n\n/* Variant: Subtle (low emphasis) */\n.dsn-button--subtle {\n  background-color: var(--dsn-button-subtle-background-color);\n  color: var(--dsn-button-subtle-color);\n  border-color: var(--dsn-button-subtle-border-color);\n}\n\n.dsn-button--subtle:hover:not(:disabled) {\n  background-color: var(--dsn-button-subtle-hover-background-color);\n  color: var(--dsn-button-subtle-hover-color);\n  border-color: var(--dsn-button-subtle-hover-border-color);\n}\n\n.dsn-button--subtle:active:not(:disabled) {\n  background-color: var(--dsn-button-subtle-active-background-color);\n  color: var(--dsn-button-subtle-active-color);\n  border-color: var(--dsn-button-subtle-active-border-color);\n}\n\n/* =============================================================================\n   Sentiment Variants: Negative\n   ============================================================================= */\n\n.dsn-button--strong-negative {\n  background-color: var(--dsn-button-strong-negative-background-color);\n  color: var(--dsn-button-strong-negative-color);\n  border-color: var(--dsn-button-strong-negative-border-color);\n}\n\n.dsn-button--strong-negative:hover:not(:disabled) {\n  background-color: var(--dsn-button-strong-negative-hover-background-color);\n  color: var(--dsn-button-strong-negative-hover-color);\n  border-color: var(--dsn-button-strong-negative-hover-border-color);\n}\n\n.dsn-button--strong-negative:active:not(:disabled) {\n  background-color: var(--dsn-button-strong-negative-active-background-color);\n  color: var(--dsn-button-strong-negative-active-color);\n  border-color: var(--dsn-button-strong-negative-active-border-color);\n}\n\n.dsn-button--default-negative {\n  background-color: var(--dsn-button-default-negative-background-color);\n  color: var(--dsn-button-default-negative-color);\n  border-color: var(--dsn-button-default-negative-border-color);\n}\n\n.dsn-button--default-negative:hover:not(:disabled) {\n  background-color: var(--dsn-button-default-negative-hover-background-color);\n  color: var(--dsn-button-default-negative-hover-color);\n  border-color: var(--dsn-button-default-negative-hover-border-color);\n}\n\n.dsn-button--default-negative:active:not(:disabled) {\n  background-color: var(--dsn-button-default-negative-active-background-color);\n  color: var(--dsn-button-default-negative-active-color);\n  border-color: var(--dsn-button-default-negative-active-border-color);\n}\n\n.dsn-button--subtle-negative {\n  background-color: var(--dsn-button-subtle-negative-background-color);\n  color: var(--dsn-button-subtle-negative-color);\n  border-color: var(--dsn-button-subtle-negative-border-color);\n}\n\n.dsn-button--subtle-negative:hover:not(:disabled) {\n  background-color: var(--dsn-button-subtle-negative-hover-background-color);\n  color: var(--dsn-button-subtle-negative-hover-color);\n  border-color: var(--dsn-button-subtle-negative-hover-border-color);\n}\n\n.dsn-button--subtle-negative:active:not(:disabled) {\n  background-color: var(--dsn-button-subtle-negative-active-background-color);\n  color: var(--dsn-button-subtle-negative-active-color);\n  border-color: var(--dsn-button-subtle-negative-active-border-color);\n}\n\n/* =============================================================================\n   Sentiment Variants: Positive\n   ============================================================================= */\n\n.dsn-button--strong-positive {\n  background-color: var(--dsn-button-strong-positive-background-color);\n  color: var(--dsn-button-strong-positive-color);\n  border-color: var(--dsn-button-strong-positive-border-color);\n}\n\n.dsn-button--strong-positive:hover:not(:disabled) {\n  background-color: var(--dsn-button-strong-positive-hover-background-color);\n  color: var(--dsn-button-strong-positive-hover-color);\n  border-color: var(--dsn-button-strong-positive-hover-border-color);\n}\n\n.dsn-button--strong-positive:active:not(:disabled) {\n  background-color: var(--dsn-button-strong-positive-active-background-color);\n  color: var(--dsn-button-strong-positive-active-color);\n  border-color: var(--dsn-button-strong-positive-active-border-color);\n}\n\n.dsn-button--default-positive {\n  background-color: var(--dsn-button-default-positive-background-color);\n  color: var(--dsn-button-default-positive-color);\n  border-color: var(--dsn-button-default-positive-border-color);\n}\n\n.dsn-button--default-positive:hover:not(:disabled) {\n  background-color: var(--dsn-button-default-positive-hover-background-color);\n  color: var(--dsn-button-default-positive-hover-color);\n  border-color: var(--dsn-button-default-positive-hover-border-color);\n}\n\n.dsn-button--default-positive:active:not(:disabled) {\n  background-color: var(--dsn-button-default-positive-active-background-color);\n  color: var(--dsn-button-default-positive-active-color);\n  border-color: var(--dsn-button-default-positive-active-border-color);\n}\n\n.dsn-button--subtle-positive {\n  background-color: var(--dsn-button-subtle-positive-background-color);\n  color: var(--dsn-button-subtle-positive-color);\n  border-color: var(--dsn-button-subtle-positive-border-color);\n}\n\n.dsn-button--subtle-positive:hover:not(:disabled) {\n  background-color: var(--dsn-button-subtle-positive-hover-background-color);\n  color: var(--dsn-button-subtle-positive-hover-color);\n  border-color: var(--dsn-button-subtle-positive-hover-border-color);\n}\n\n.dsn-button--subtle-positive:active:not(:disabled) {\n  background-color: var(--dsn-button-subtle-positive-active-background-color);\n  color: var(--dsn-button-subtle-positive-active-color);\n  border-color: var(--dsn-button-subtle-positive-active-border-color);\n}\n\n/* =============================================================================\n   States\n   ============================================================================= */\n\n/* Disabled State */\n.dsn-button:disabled {\n  background-color: var(--dsn-button-disabled-background-color);\n  color: var(--dsn-button-disabled-color);\n  border-color: var(--dsn-button-disabled-border-color);\n  cursor: not-allowed;\n}\n\n/* Loading State */\n.dsn-button--loading {\n  pointer-events: none;\n}\n\n.dsn-button--loading > .dsn-button__loader {\n  animation: dsn-button-spin 0.8s linear infinite;\n}\n\n@keyframes dsn-button-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n/* Full Width */\n.dsn-button--full-width {\n  width: 100%;\n}\n\n";
+//# sourceMappingURL=button-styles.generated.d.ts.map

package/dist/button/button-styles.generated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-styles.generated.d.ts","sourceRoot":"","sources":["../../src/button/button-styles.generated.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,ijYAA4iY,CAAC"}

package/dist/button/button-styles.generated.js

@@ -0,0 +1,4 @@
+// Auto-generated — do not edit manually.
+// Source: button.shadow.css + components-html source
+export const buttonStyles = "/**\n * Shadow DOM wrapper styles for the Button Web Component.\n * The core button styles are imported from the shared HTML/CSS source.\n */\n\n:host {\n  display: inline-block;\n}\n\n:host([full-width]) {\n  display: block;\n  width: 100%;\n}\n\n::slotted(*) {\n  pointer-events: none;\n}\n\n/* Shared button styles - single source of truth */\n/**\n * Button Component\n * Uses component tokens for consistent styling\n */\n\n.dsn-button {\n  /* Reset */\n  display: inline-flex;\n  align-self: flex-start;\n  align-items: center;\n  justify-content: center;\n  position: relative; /* Ankerpunt voor DotBadge */\n\n  /* Typography */\n  font-family: var(--dsn-button-font-family);\n  font-weight: var(--dsn-button-font-weight);\n  line-height: var(--dsn-button-line-height);\n  text-decoration: none;\n\n  /* Borders */\n  border: var(--dsn-button-border-width) solid transparent;\n  border-radius: var(--dsn-button-border-radius);\n\n  /* Interaction */\n  cursor: pointer;\n  user-select: none;\n  transition:\n    background-color var(--dsn-transition-duration-normal)\n      var(--dsn-transition-easing-default),\n    color var(--dsn-transition-duration-normal)\n      var(--dsn-transition-easing-default),\n    border-color var(--dsn-transition-duration-normal)\n      var(--dsn-transition-easing-default);\n\n  /* Accessibility - WCAG pointer target */\n  min-block-size: var(--dsn-button-min-block-size);\n  min-inline-size: var(--dsn-button-min-inline-size);\n}\n\n/* =============================================================================\n   Size Variants\n   ============================================================================= */\n\n.dsn-button--size-small {\n  font-size: var(--dsn-button-size-small-font-size);\n  padding-block: var(--dsn-button-size-small-padding-block);\n  padding-inline: var(--dsn-button-size-small-padding-inline);\n  gap: var(--dsn-button-size-small-gap);\n  min-block-size: var(--dsn-button-size-small-min-block-size);\n}\n\n.dsn-button--size-default {\n  font-size: var(--dsn-button-size-default-font-size);\n  padding-block: var(--dsn-button-size-default-padding-block);\n  padding-inline: var(--dsn-button-size-default-padding-inline);\n  gap: var(--dsn-button-size-default-gap);\n}\n\n.dsn-button--size-large {\n  font-size: var(--dsn-button-size-large-font-size);\n  padding-block: var(--dsn-button-size-large-padding-block);\n  padding-inline: var(--dsn-button-size-large-padding-inline);\n  gap: var(--dsn-button-size-large-gap);\n}\n\n/* Icon sizing per button size */\n.dsn-button--size-small > .dsn-icon {\n  width: var(--dsn-button-size-small-icon-size);\n  height: var(--dsn-button-size-small-icon-size);\n}\n\n.dsn-button--size-default > .dsn-icon {\n  width: var(--dsn-button-size-default-icon-size);\n  height: var(--dsn-button-size-default-icon-size);\n}\n\n.dsn-button--size-large > .dsn-icon {\n  width: var(--dsn-button-size-large-icon-size);\n  height: var(--dsn-button-size-large-icon-size);\n}\n\n/* Icon Only Button */\n.dsn-button--icon-only {\n  padding-inline: var(--dsn-button-size-default-icon-only-padding);\n}\n\n.dsn-button--icon-only.dsn-button--size-small {\n  padding-inline: var(--dsn-button-size-small-icon-only-padding);\n}\n\n.dsn-button--icon-only.dsn-button--size-large {\n  padding-inline: var(--dsn-button-size-large-icon-only-padding);\n}\n\n/* Icon Only — hide text label visually, keep accessible for screen readers */\n.dsn-button--icon-only .dsn-button__label {\n  position: absolute;\n  inline-size: 1px;\n  block-size: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border: 0;\n}\n\n/* =============================================================================\n   Focus State\n   ============================================================================= */\n\n.dsn-button:focus-visible {\n  background-color: var(--dsn-focus-background-color);\n  color: var(--dsn-focus-color);\n  border-color: var(--dsn-focus-background-color);\n  outline: var(--dsn-focus-outline-width) var(--dsn-focus-outline-style)\n    var(--dsn-focus-outline-color);\n  outline-offset: var(--dsn-focus-outline-offset);\n  box-shadow: 0 0 0\n    calc(var(--dsn-focus-outline-offset) + var(--dsn-focus-outline-width))\n    var(--dsn-focus-inverse-outline-color);\n}\n\n/* =============================================================================\n   Color Variants\n   ============================================================================= */\n\n/* Variant: Strong (main CTA) */\n.dsn-button--strong {\n  background-color: var(--dsn-button-strong-background-color);\n  color: var(--dsn-button-strong-color);\n  border-color: var(--dsn-button-strong-border-color);\n}\n\n.dsn-button--strong:hover:not(:disabled) {\n  background-color: var(--dsn-button-strong-hover-background-color);\n  color: var(--dsn-button-strong-hover-color);\n  border-color: var(--dsn-button-strong-hover-border-color);\n}\n\n.dsn-button--strong:active:not(:disabled) {\n  background-color: var(--dsn-button-strong-active-background-color);\n  color: var(--dsn-button-strong-active-color);\n  border-color: var(--dsn-button-strong-active-border-color);\n}\n\n/* Variant: Default (alternative actions) */\n.dsn-button--default {\n  background-color: var(--dsn-button-default-background-color);\n  color: var(--dsn-button-default-color);\n  border-color: var(--dsn-button-default-border-color);\n}\n\n.dsn-button--default:hover:not(:disabled) {\n  background-color: var(--dsn-button-default-hover-background-color);\n  color: var(--dsn-button-default-hover-color);\n  border-color: var(--dsn-button-default-hover-border-color);\n}\n\n.dsn-button--default:active:not(:disabled) {\n  background-color: var(--dsn-button-default-active-background-color);\n  color: var(--dsn-button-default-active-color);\n  border-color: var(--dsn-button-default-active-border-color);\n}\n\n/* Variant: Subtle (low emphasis) */\n.dsn-button--subtle {\n  background-color: var(--dsn-button-subtle-background-color);\n  color: var(--dsn-button-subtle-color);\n  border-color: var(--dsn-button-subtle-border-color);\n}\n\n.dsn-button--subtle:hover:not(:disabled) {\n  background-color: var(--dsn-button-subtle-hover-background-color);\n  color: var(--dsn-button-subtle-hover-color);\n  border-color: var(--dsn-button-subtle-hover-border-color);\n}\n\n.dsn-button--subtle:active:not(:disabled) {\n  background-color: var(--dsn-button-subtle-active-background-color);\n  color: var(--dsn-button-subtle-active-color);\n  border-color: var(--dsn-button-subtle-active-border-color);\n}\n\n/* =============================================================================\n   Sentiment Variants: Negative\n   ============================================================================= */\n\n.dsn-button--strong-negative {\n  background-color: var(--dsn-button-strong-negative-background-color);\n  color: var(--dsn-button-strong-negative-color);\n  border-color: var(--dsn-button-strong-negative-border-color);\n}\n\n.dsn-button--strong-negative:hover:not(:disabled) {\n  background-color: var(--dsn-button-strong-negative-hover-background-color);\n  color: var(--dsn-button-strong-negative-hover-color);\n  border-color: var(--dsn-button-strong-negative-hover-border-color);\n}\n\n.dsn-button--strong-negative:active:not(:disabled) {\n  background-color: var(--dsn-button-strong-negative-active-background-color);\n  color: var(--dsn-button-strong-negative-active-color);\n  border-color: var(--dsn-button-strong-negative-active-border-color);\n}\n\n.dsn-button--default-negative {\n  background-color: var(--dsn-button-default-negative-background-color);\n  color: var(--dsn-button-default-negative-color);\n  border-color: var(--dsn-button-default-negative-border-color);\n}\n\n.dsn-button--default-negative:hover:not(:disabled) {\n  background-color: var(--dsn-button-default-negative-hover-background-color);\n  color: var(--dsn-button-default-negative-hover-color);\n  border-color: var(--dsn-button-default-negative-hover-border-color);\n}\n\n.dsn-button--default-negative:active:not(:disabled) {\n  background-color: var(--dsn-button-default-negative-active-background-color);\n  color: var(--dsn-button-default-negative-active-color);\n  border-color: var(--dsn-button-default-negative-active-border-color);\n}\n\n.dsn-button--subtle-negative {\n  background-color: var(--dsn-button-subtle-negative-background-color);\n  color: var(--dsn-button-subtle-negative-color);\n  border-color: var(--dsn-button-subtle-negative-border-color);\n}\n\n.dsn-button--subtle-negative:hover:not(:disabled) {\n  background-color: var(--dsn-button-subtle-negative-hover-background-color);\n  color: var(--dsn-button-subtle-negative-hover-color);\n  border-color: var(--dsn-button-subtle-negative-hover-border-color);\n}\n\n.dsn-button--subtle-negative:active:not(:disabled) {\n  background-color: var(--dsn-button-subtle-negative-active-background-color);\n  color: var(--dsn-button-subtle-negative-active-color);\n  border-color: var(--dsn-button-subtle-negative-active-border-color);\n}\n\n/* =============================================================================\n   Sentiment Variants: Positive\n   ============================================================================= */\n\n.dsn-button--strong-positive {\n  background-color: var(--dsn-button-strong-positive-background-color);\n  color: var(--dsn-button-strong-positive-color);\n  border-color: var(--dsn-button-strong-positive-border-color);\n}\n\n.dsn-button--strong-positive:hover:not(:disabled) {\n  background-color: var(--dsn-button-strong-positive-hover-background-color);\n  color: var(--dsn-button-strong-positive-hover-color);\n  border-color: var(--dsn-button-strong-positive-hover-border-color);\n}\n\n.dsn-button--strong-positive:active:not(:disabled) {\n  background-color: var(--dsn-button-strong-positive-active-background-color);\n  color: var(--dsn-button-strong-positive-active-color);\n  border-color: var(--dsn-button-strong-positive-active-border-color);\n}\n\n.dsn-button--default-positive {\n  background-color: var(--dsn-button-default-positive-background-color);\n  color: var(--dsn-button-default-positive-color);\n  border-color: var(--dsn-button-default-positive-border-color);\n}\n\n.dsn-button--default-positive:hover:not(:disabled) {\n  background-color: var(--dsn-button-default-positive-hover-background-color);\n  color: var(--dsn-button-default-positive-hover-color);\n  border-color: var(--dsn-button-default-positive-hover-border-color);\n}\n\n.dsn-button--default-positive:active:not(:disabled) {\n  background-color: var(--dsn-button-default-positive-active-background-color);\n  color: var(--dsn-button-default-positive-active-color);\n  border-color: var(--dsn-button-default-positive-active-border-color);\n}\n\n.dsn-button--subtle-positive {\n  background-color: var(--dsn-button-subtle-positive-background-color);\n  color: var(--dsn-button-subtle-positive-color);\n  border-color: var(--dsn-button-subtle-positive-border-color);\n}\n\n.dsn-button--subtle-positive:hover:not(:disabled) {\n  background-color: var(--dsn-button-subtle-positive-hover-background-color);\n  color: var(--dsn-button-subtle-positive-hover-color);\n  border-color: var(--dsn-button-subtle-positive-hover-border-color);\n}\n\n.dsn-button--subtle-positive:active:not(:disabled) {\n  background-color: var(--dsn-button-subtle-positive-active-background-color);\n  color: var(--dsn-button-subtle-positive-active-color);\n  border-color: var(--dsn-button-subtle-positive-active-border-color);\n}\n\n/* =============================================================================\n   States\n   ============================================================================= */\n\n/* Disabled State */\n.dsn-button:disabled {\n  background-color: var(--dsn-button-disabled-background-color);\n  color: var(--dsn-button-disabled-color);\n  border-color: var(--dsn-button-disabled-border-color);\n  cursor: not-allowed;\n}\n\n/* Loading State */\n.dsn-button--loading {\n  pointer-events: none;\n}\n\n.dsn-button--loading > .dsn-button__loader {\n  animation: dsn-button-spin 0.8s linear infinite;\n}\n\n@keyframes dsn-button-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n/* Full Width */\n.dsn-button--full-width {\n  width: 100%;\n}\n\n";
+//# sourceMappingURL=button-styles.generated.js.map

package/dist/button/button-styles.generated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-styles.generated.js","sourceRoot":"","sources":["../../src/button/button-styles.generated.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,qDAAqD;AACrD,MAAM,CAAC,MAAM,YAAY,GAAG,yiYAAyiY,CAAC"}

package/dist/button/index.d.ts

@@ -0,0 +1,3 @@
+export { DsnButton, defineButton } from './Button';
+export type { ButtonVariant, ButtonSize } from './Button';
+//# sourceMappingURL=index.d.ts.map

package/dist/button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACnD,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC"}

package/dist/button/index.js

@@ -0,0 +1,2 @@
+export { DsnButton, defineButton } from './Button';
+//# sourceMappingURL=index.js.map

package/dist/button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC"}

package/dist/heading/Heading.d.ts

@@ -0,0 +1,30 @@
+/**
+ * DSN Heading Web Component
+ *
+ * A custom element that provides styled headings with independent
+ * semantic level and visual appearance.
+ *
+ * @example
+ * ```html
+ * <dsn-heading>Default h2 heading</dsn-heading>
+ * <dsn-heading level="1">Page Title</dsn-heading>
+ * <dsn-heading level="2" appearance="heading-4">Smaller h2</dsn-heading>
+ * ```
+ */
+export type HeadingLevel = '1' | '2' | '3' | '4' | '5' | '6';
+export type HeadingAppearance = 'heading-1' | 'heading-2' | 'heading-3' | 'heading-4' | 'heading-5' | 'heading-6';
+export declare class DsnHeading extends HTMLElement {
+    static get observedAttributes(): string[];
+    private _heading;
+    constructor();
+    connectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    private _updateElement;
+    private _updateClasses;
+    get level(): HeadingLevel;
+    set level(value: HeadingLevel);
+    get appearance(): HeadingAppearance;
+    set appearance(value: HeadingAppearance);
+}
+export declare function defineHeading(tagName?: string): void;
+//# sourceMappingURL=Heading.d.ts.map

package/dist/heading/Heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../src/heading/Heading.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,MAAM,MAAM,YAAY,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAC7D,MAAM,MAAM,iBAAiB,GACzB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAKhB,qBAAa,UAAW,SAAQ,WAAW;IACzC,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,OAAO,CAAC,QAAQ,CAAc;;IAkB9B,iBAAiB,IAAI,IAAI;IAKzB,wBAAwB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAO5C,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,cAAc;IAOtB,IAAI,KAAK,IAAI,YAAY,CAExB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,YAAY,EAE5B;IAGD,IAAI,UAAU,IAAI,iBAAiB,CAGlC;IAED,IAAI,UAAU,CAAC,KAAK,EAAE,iBAAiB,EAEtC;CACF;AAGD,wBAAgB,aAAa,CAAC,OAAO,SAAgB,GAAG,IAAI,CAI3D"}

package/dist/heading/Heading.js

@@ -0,0 +1,79 @@
+/**
+ * DSN Heading Web Component
+ *
+ * A custom element that provides styled headings with independent
+ * semantic level and visual appearance.
+ *
+ * @example
+ * ```html
+ * <dsn-heading>Default h2 heading</dsn-heading>
+ * <dsn-heading level="1">Page Title</dsn-heading>
+ * <dsn-heading level="2" appearance="heading-4">Smaller h2</dsn-heading>
+ * ```
+ */
+// Auto-generated CSS from shared source — run `node scripts/build-css.js` to regenerate
+import { headingStyles } from './heading-styles.generated';
+export class DsnHeading extends HTMLElement {
+    static get observedAttributes() {
+        return ['level', 'appearance'];
+    }
+    constructor() {
+        super();
+        this.attachShadow({ mode: 'open' });
+        // Default to h2
+        this._heading = document.createElement('h2');
+        this._heading.innerHTML = '<slot></slot>';
+        // Create style element with embedded CSS
+        const style = document.createElement('style');
+        style.textContent = headingStyles;
+        this.shadowRoot.appendChild(style);
+        this.shadowRoot.appendChild(this._heading);
+    }
+    connectedCallback() {
+        this._updateElement();
+        this._updateClasses();
+    }
+    attributeChangedCallback(name) {
+        if (name === 'level') {
+            this._updateElement();
+        }
+        this._updateClasses();
+    }
+    _updateElement() {
+        const tag = `h${this.level}`;
+        if (this._heading.tagName.toLowerCase() !== tag) {
+            const newHeading = document.createElement(tag);
+            newHeading.innerHTML = '<slot></slot>';
+            newHeading.className = this._heading.className;
+            this.shadowRoot.replaceChild(newHeading, this._heading);
+            this._heading = newHeading;
+        }
+    }
+    _updateClasses() {
+        const appearance = this.appearance;
+        const classes = ['dsn-heading', `dsn-heading--${appearance}`];
+        this._heading.className = classes.join(' ');
+    }
+    // Property: level
+    get level() {
+        return this.getAttribute('level') || '2';
+    }
+    set level(value) {
+        this.setAttribute('level', value);
+    }
+    // Property: appearance
+    get appearance() {
+        const attr = this.getAttribute('appearance');
+        return attr || `heading-${this.level}`;
+    }
+    set appearance(value) {
+        this.setAttribute('appearance', value);
+    }
+}
+// Register the custom element
+export function defineHeading(tagName = 'dsn-heading') {
+    if (!customElements.get(tagName)) {
+        customElements.define(tagName, DsnHeading);
+    }
+}
+//# sourceMappingURL=Heading.js.map

package/dist/heading/Heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../src/heading/Heading.ts"],"names":[],"mappings":"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"}

package/dist/heading/Heading.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Heading.test.d.ts.map

package/dist/heading/Heading.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.test.d.ts","sourceRoot":"","sources":["../../src/heading/Heading.test.ts"],"names":[],"mappings":""}