@dsn-starter-kit/components-web 1.0.0

package/dist/link/Link.test.js

@@ -0,0 +1,256 @@
+import { describe, it, expect, beforeAll, beforeEach, vi } from 'vitest';
+import { DsnLink, defineLink } from './Link';
+// Register the custom element once for all tests
+beforeAll(() => {
+    defineLink();
+});
+function createElement(attrs = {}) {
+    const el = document.createElement('dsn-link');
+    for (const [key, value] of Object.entries(attrs)) {
+        el.setAttribute(key, value);
+    }
+    document.body.appendChild(el);
+    return el;
+}
+function getInternalAnchor(el) {
+    return el.shadowRoot.querySelector('a');
+}
+describe('DsnLink', () => {
+    beforeEach(() => {
+        document.body.innerHTML = '';
+    });
+    describe('rendering', () => {
+        it('creates a shadow root', () => {
+            const el = createElement();
+            expect(el.shadowRoot).not.toBeNull();
+        });
+        it('renders an internal anchor element', () => {
+            const el = createElement();
+            const anchor = getInternalAnchor(el);
+            expect(anchor).toBeInstanceOf(HTMLAnchorElement);
+        });
+        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-link');
+        });
+        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 anchor = getInternalAnchor(el);
+            const slots = anchor.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');
+        });
+        it('applies dsn-link class to internal anchor', () => {
+            const el = createElement();
+            const anchor = getInternalAnchor(el);
+            expect(anchor.classList.contains('dsn-link')).toBe(true);
+        });
+    });
+    describe('href attribute', () => {
+        it('sets href on internal anchor', () => {
+            const el = createElement({ href: '/about' });
+            const anchor = getInternalAnchor(el);
+            expect(anchor.getAttribute('href')).toBe('/about');
+        });
+        it('defaults to no href', () => {
+            const el = createElement();
+            const anchor = getInternalAnchor(el);
+            expect(anchor.hasAttribute('href')).toBe(false);
+        });
+        it('updates internal anchor when href changes', () => {
+            const el = createElement({ href: '/about' });
+            const anchor = getInternalAnchor(el);
+            expect(anchor.getAttribute('href')).toBe('/about');
+            el.href = '/contact';
+            expect(anchor.getAttribute('href')).toBe('/contact');
+        });
+        it('removes href from internal anchor when set to null', () => {
+            const el = createElement({ href: '/about' });
+            const anchor = getInternalAnchor(el);
+            expect(anchor.getAttribute('href')).toBe('/about');
+            el.href = null;
+            expect(anchor.hasAttribute('href')).toBe(false);
+        });
+    });
+    describe('target attribute', () => {
+        it('sets target on internal anchor', () => {
+            const el = createElement({ href: '/about', target: '_blank' });
+            const anchor = getInternalAnchor(el);
+            expect(anchor.getAttribute('target')).toBe('_blank');
+        });
+        it('defaults to no target', () => {
+            const el = createElement();
+            const anchor = getInternalAnchor(el);
+            expect(anchor.hasAttribute('target')).toBe(false);
+        });
+    });
+    describe('rel attribute', () => {
+        it('sets rel on internal anchor', () => {
+            const el = createElement({ href: '/about', rel: 'noopener noreferrer' });
+            const anchor = getInternalAnchor(el);
+            expect(anchor.getAttribute('rel')).toBe('noopener noreferrer');
+        });
+        it('defaults to no rel', () => {
+            const el = createElement();
+            const anchor = getInternalAnchor(el);
+            expect(anchor.hasAttribute('rel')).toBe(false);
+        });
+    });
+    describe('disabled state', () => {
+        it('sets aria-disabled on internal anchor when disabled', () => {
+            const el = createElement({ href: '/about', disabled: '' });
+            const anchor = getInternalAnchor(el);
+            expect(anchor.getAttribute('aria-disabled')).toBe('true');
+        });
+        it('removes href from internal anchor when disabled', () => {
+            const el = createElement({ href: '/about', disabled: '' });
+            const anchor = getInternalAnchor(el);
+            expect(anchor.hasAttribute('href')).toBe(false);
+        });
+        it('sets tabindex to -1 when disabled', () => {
+            const el = createElement({ href: '/about', disabled: '' });
+            const anchor = getInternalAnchor(el);
+            expect(anchor.getAttribute('tabindex')).toBe('-1');
+        });
+        it('restores href when disabled is removed', () => {
+            const el = createElement({ href: '/about', disabled: '' });
+            const anchor = getInternalAnchor(el);
+            expect(anchor.hasAttribute('href')).toBe(false);
+            el.disabled = false;
+            expect(anchor.getAttribute('href')).toBe('/about');
+        });
+        it('removes aria-disabled when disabled is removed', () => {
+            const el = createElement({ href: '/about', disabled: '' });
+            const anchor = getInternalAnchor(el);
+            expect(anchor.getAttribute('aria-disabled')).toBe('true');
+            el.disabled = false;
+            expect(anchor.hasAttribute('aria-disabled')).toBe(false);
+        });
+        it('removes tabindex when disabled is removed', () => {
+            const el = createElement({ href: '/about', disabled: '' });
+            const anchor = getInternalAnchor(el);
+            expect(anchor.getAttribute('tabindex')).toBe('-1');
+            el.disabled = false;
+            expect(anchor.hasAttribute('tabindex')).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('current state', () => {
+        it('sets aria-current="page" on internal anchor when current', () => {
+            const el = createElement({ href: '/dashboard', current: '' });
+            const anchor = getInternalAnchor(el);
+            expect(anchor.getAttribute('aria-current')).toBe('page');
+        });
+        it('removes aria-current when current is removed', () => {
+            const el = createElement({ href: '/dashboard', current: '' });
+            const anchor = getInternalAnchor(el);
+            expect(anchor.getAttribute('aria-current')).toBe('page');
+            el.current = false;
+            expect(anchor.hasAttribute('aria-current')).toBe(false);
+        });
+        it('reflects current property to attribute', () => {
+            const el = createElement();
+            el.current = true;
+            expect(el.hasAttribute('current')).toBe(true);
+            el.current = false;
+            expect(el.hasAttribute('current')).toBe(false);
+        });
+    });
+    describe('size attribute', () => {
+        it('does not apply size class by default', () => {
+            const el = createElement();
+            const anchor = getInternalAnchor(el);
+            expect(anchor.className).toBe('dsn-link');
+        });
+        it('applies size class when size is set to small', () => {
+            const el = createElement({ size: 'small' });
+            const anchor = getInternalAnchor(el);
+            expect(anchor.classList.contains('dsn-link--size-small')).toBe(true);
+        });
+        it('applies size class when size is set to default', () => {
+            const el = createElement({ size: 'default' });
+            const anchor = getInternalAnchor(el);
+            expect(anchor.classList.contains('dsn-link--size-default')).toBe(true);
+        });
+        it('applies size class when size is set to large', () => {
+            const el = createElement({ size: 'large' });
+            const anchor = getInternalAnchor(el);
+            expect(anchor.classList.contains('dsn-link--size-large')).toBe(true);
+        });
+        it('updates class when size changes', () => {
+            const el = createElement({ size: 'small' });
+            const anchor = getInternalAnchor(el);
+            expect(anchor.classList.contains('dsn-link--size-small')).toBe(true);
+            el.size = 'large';
+            expect(anchor.classList.contains('dsn-link--size-large')).toBe(true);
+            expect(anchor.classList.contains('dsn-link--size-small')).toBe(false);
+        });
+        it('returns default from size property when no attribute set', () => {
+            const el = createElement();
+            expect(el.size).toBe('default');
+        });
+        it('reflects size property to attribute', () => {
+            const el = createElement();
+            el.size = 'large';
+            expect(el.getAttribute('size')).toBe('large');
+        });
+    });
+    describe('focus delegation', () => {
+        it('delegates focus to internal anchor', () => {
+            const el = createElement({ href: '/about' });
+            const anchor = getInternalAnchor(el);
+            const focusSpy = vi.spyOn(anchor, 'focus');
+            el.focus();
+            expect(focusSpy).toHaveBeenCalled();
+        });
+        it('delegates blur to internal anchor', () => {
+            const el = createElement({ href: '/about' });
+            const anchor = getInternalAnchor(el);
+            const blurSpy = vi.spyOn(anchor, 'blur');
+            el.blur();
+            expect(blurSpy).toHaveBeenCalled();
+        });
+        it('delegates click to internal anchor', () => {
+            const el = createElement({ href: '/about' });
+            const anchor = getInternalAnchor(el);
+            const clickSpy = vi.spyOn(anchor, 'click');
+            el.click();
+            expect(clickSpy).toHaveBeenCalled();
+        });
+    });
+});
+describe('defineLink', () => {
+    it('does not throw when called with an already-registered tag', () => {
+        expect(() => defineLink('dsn-link')).not.toThrow();
+    });
+    it('registers a custom element with the default tag name', () => {
+        const el = document.createElement('dsn-link');
+        expect(el).toBeInstanceOf(DsnLink);
+    });
+});
+//# sourceMappingURL=Link.test.js.map

package/dist/link/Link.test.js.map

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

package/dist/link/index.d.ts

@@ -0,0 +1,3 @@
+export { DsnLink, defineLink } from './Link';
+export type { LinkSize } from './Link';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/link/index.js

@@ -0,0 +1,2 @@
+export { DsnLink, defineLink } from './Link';
+//# sourceMappingURL=index.js.map

package/dist/link/index.js.map

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

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

@@ -0,0 +1,2 @@
+export declare const linkStyles = "/**\n * Shadow DOM wrapper styles for the Link Web Component.\n * The core link styles are imported from the shared HTML/CSS source.\n */\n\n:host {\n  display: inline;\n}\n\n::slotted(*) {\n  pointer-events: none;\n}\n\n/* Shared link styles - single source of truth */\n/**\n * Link Component\n * Uses component tokens for consistent styling\n */\n\n.dsn-link {\n  /* Layout */\n  display: inline-flex;\n  align-self: flex-start;\n  align-items: center;\n  gap: var(--dsn-link-gap);\n  position: relative; /* Ankerpunt voor DotBadge */\n\n  /* Typography */\n  color: var(--dsn-link-color);\n  text-decoration-line: var(--dsn-link-text-decoration-line);\n  text-decoration-color: var(--dsn-link-text-decoration-color);\n  text-decoration-thickness: var(--dsn-link-text-decoration-thickness);\n  text-underline-offset: var(--dsn-link-text-underline-offset);\n  font: inherit;\n\n  /* Interaction */\n  cursor: pointer;\n  transition:\n    color var(--dsn-transition-duration-normal)\n      var(--dsn-transition-easing-default),\n    text-decoration-color var(--dsn-transition-duration-normal)\n      var(--dsn-transition-easing-default);\n}\n\n/* Icon sizing */\n.dsn-link > .dsn-icon {\n  width: var(--dsn-link-icon-size);\n  height: var(--dsn-link-icon-size);\n  flex-shrink: 0;\n}\n\n/* Size Variants */\n.dsn-link--size-small {\n  font-size: var(--dsn-link-size-small-font-size);\n  gap: var(--dsn-link-size-small-gap);\n}\n\n.dsn-link--size-default {\n  font-size: var(--dsn-link-size-default-font-size);\n  gap: var(--dsn-link-size-default-gap);\n}\n\n.dsn-link--size-large {\n  font-size: var(--dsn-link-size-large-font-size);\n  gap: var(--dsn-link-size-large-gap);\n}\n\n/* Icon sizing per link size */\n.dsn-link--size-small > .dsn-icon {\n  width: var(--dsn-link-size-small-icon-size);\n  height: var(--dsn-link-size-small-icon-size);\n}\n\n.dsn-link--size-default > .dsn-icon {\n  width: var(--dsn-link-size-default-icon-size);\n  height: var(--dsn-link-size-default-icon-size);\n}\n\n.dsn-link--size-large > .dsn-icon {\n  width: var(--dsn-link-size-large-icon-size);\n  height: var(--dsn-link-size-large-icon-size);\n}\n\n/* Hover */\n.dsn-link:hover:not([aria-disabled='true']) {\n  color: var(--dsn-link-hover-color);\n  text-decoration-line: var(--dsn-link-hover-text-decoration-line);\n}\n\n/* Active */\n.dsn-link:active:not([aria-disabled='true']) {\n  color: var(--dsn-link-active-color);\n}\n\n/* Focus */\n.dsn-link:focus-visible {\n  background-color: var(--dsn-focus-background-color);\n  color: var(--dsn-focus-color);\n  text-decoration: none;\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  box-decoration-break: clone;\n}\n\n/* Current page */\n.dsn-link[aria-current='page'] {\n  cursor: default;\n  text-decoration-line: none;\n}\n\n/* Disabled */\n.dsn-link[aria-disabled='true'] {\n  color: var(--dsn-link-disabled-color);\n  text-decoration-line: none;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n";
+//# sourceMappingURL=link-styles.generated.d.ts.map

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

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

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

@@ -0,0 +1,4 @@
+// Auto-generated — do not edit manually.
+// Source: link.shadow.css + components-html source
+export const linkStyles = "/**\n * Shadow DOM wrapper styles for the Link Web Component.\n * The core link styles are imported from the shared HTML/CSS source.\n */\n\n:host {\n  display: inline;\n}\n\n::slotted(*) {\n  pointer-events: none;\n}\n\n/* Shared link styles - single source of truth */\n/**\n * Link Component\n * Uses component tokens for consistent styling\n */\n\n.dsn-link {\n  /* Layout */\n  display: inline-flex;\n  align-self: flex-start;\n  align-items: center;\n  gap: var(--dsn-link-gap);\n  position: relative; /* Ankerpunt voor DotBadge */\n\n  /* Typography */\n  color: var(--dsn-link-color);\n  text-decoration-line: var(--dsn-link-text-decoration-line);\n  text-decoration-color: var(--dsn-link-text-decoration-color);\n  text-decoration-thickness: var(--dsn-link-text-decoration-thickness);\n  text-underline-offset: var(--dsn-link-text-underline-offset);\n  font: inherit;\n\n  /* Interaction */\n  cursor: pointer;\n  transition:\n    color var(--dsn-transition-duration-normal)\n      var(--dsn-transition-easing-default),\n    text-decoration-color var(--dsn-transition-duration-normal)\n      var(--dsn-transition-easing-default);\n}\n\n/* Icon sizing */\n.dsn-link > .dsn-icon {\n  width: var(--dsn-link-icon-size);\n  height: var(--dsn-link-icon-size);\n  flex-shrink: 0;\n}\n\n/* Size Variants */\n.dsn-link--size-small {\n  font-size: var(--dsn-link-size-small-font-size);\n  gap: var(--dsn-link-size-small-gap);\n}\n\n.dsn-link--size-default {\n  font-size: var(--dsn-link-size-default-font-size);\n  gap: var(--dsn-link-size-default-gap);\n}\n\n.dsn-link--size-large {\n  font-size: var(--dsn-link-size-large-font-size);\n  gap: var(--dsn-link-size-large-gap);\n}\n\n/* Icon sizing per link size */\n.dsn-link--size-small > .dsn-icon {\n  width: var(--dsn-link-size-small-icon-size);\n  height: var(--dsn-link-size-small-icon-size);\n}\n\n.dsn-link--size-default > .dsn-icon {\n  width: var(--dsn-link-size-default-icon-size);\n  height: var(--dsn-link-size-default-icon-size);\n}\n\n.dsn-link--size-large > .dsn-icon {\n  width: var(--dsn-link-size-large-icon-size);\n  height: var(--dsn-link-size-large-icon-size);\n}\n\n/* Hover */\n.dsn-link:hover:not([aria-disabled='true']) {\n  color: var(--dsn-link-hover-color);\n  text-decoration-line: var(--dsn-link-hover-text-decoration-line);\n}\n\n/* Active */\n.dsn-link:active:not([aria-disabled='true']) {\n  color: var(--dsn-link-active-color);\n}\n\n/* Focus */\n.dsn-link:focus-visible {\n  background-color: var(--dsn-focus-background-color);\n  color: var(--dsn-focus-color);\n  text-decoration: none;\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  box-decoration-break: clone;\n}\n\n/* Current page */\n.dsn-link[aria-current='page'] {\n  cursor: default;\n  text-decoration-line: none;\n}\n\n/* Disabled */\n.dsn-link[aria-disabled='true'] {\n  color: var(--dsn-link-disabled-color);\n  text-decoration-line: none;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n";
+//# sourceMappingURL=link-styles.generated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"link-styles.generated.js","sourceRoot":"","sources":["../../src/link/link-styles.generated.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,mDAAmD;AACnD,MAAM,CAAC,MAAM,UAAU,GAAG,qoGAAqoG,CAAC"}

package/dist/ordered-list/OrderedList.d.ts

@@ -0,0 +1,32 @@
+/**
+ * DSN Ordered List Web Component
+ *
+ * A custom element that provides a styled ordered list with numbered markers.
+ * Uses the same CSS classes and design tokens as the HTML and React components.
+ *
+ * @example
+ * ```html
+ * <dsn-ordered-list>
+ *   <li>First step</li>
+ *   <li>Second step</li>
+ *   <li>Third step</li>
+ * </dsn-ordered-list>
+ *
+ * <dsn-ordered-list start="5">
+ *   <li>Fifth step</li>
+ *   <li>Sixth step</li>
+ * </dsn-ordered-list>
+ * ```
+ */
+export declare class DsnOrderedList extends HTMLElement {
+    static get observedAttributes(): string[];
+    private _list;
+    constructor();
+    connectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    private _updateStart;
+    get start(): number;
+    set start(value: number);
+}
+export declare function defineOrderedList(tagName?: string): void;
+//# sourceMappingURL=OrderedList.d.ts.map

package/dist/ordered-list/OrderedList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderedList.d.ts","sourceRoot":"","sources":["../../src/ordered-list/OrderedList.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAKH,qBAAa,cAAe,SAAQ,WAAW;IAC7C,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,OAAO,CAAC,KAAK,CAAmB;;IAmBhC,iBAAiB,IAAI,IAAI;IAKzB,wBAAwB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAM5C,OAAO,CAAC,YAAY;IAUpB,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAEtB;CACF;AAGD,wBAAgB,iBAAiB,CAAC,OAAO,SAAqB,GAAG,IAAI,CAIpE"}

package/dist/ordered-list/OrderedList.js

@@ -0,0 +1,72 @@
+/**
+ * DSN Ordered List Web Component
+ *
+ * A custom element that provides a styled ordered list with numbered markers.
+ * Uses the same CSS classes and design tokens as the HTML and React components.
+ *
+ * @example
+ * ```html
+ * <dsn-ordered-list>
+ *   <li>First step</li>
+ *   <li>Second step</li>
+ *   <li>Third step</li>
+ * </dsn-ordered-list>
+ *
+ * <dsn-ordered-list start="5">
+ *   <li>Fifth step</li>
+ *   <li>Sixth step</li>
+ * </dsn-ordered-list>
+ * ```
+ */
+// Auto-generated CSS from shared source — run `node scripts/build-css.js` to regenerate
+import { orderedListStyles } from './ordered-list-styles.generated';
+export class DsnOrderedList extends HTMLElement {
+    static get observedAttributes() {
+        return ['start'];
+    }
+    constructor() {
+        super();
+        this.attachShadow({ mode: 'open' });
+        // Create the internal list element
+        this._list = document.createElement('ol');
+        this._list.classList.add('dsn-ordered-list');
+        this._list.innerHTML = '<slot></slot>';
+        // Create style element with embedded CSS
+        const style = document.createElement('style');
+        style.textContent = orderedListStyles;
+        this.shadowRoot.appendChild(style);
+        this.shadowRoot.appendChild(this._list);
+    }
+    connectedCallback() {
+        this._list.className = 'dsn-ordered-list';
+        this._updateStart();
+    }
+    attributeChangedCallback(name) {
+        if (name === 'start') {
+            this._updateStart();
+        }
+    }
+    _updateStart() {
+        const start = this.getAttribute('start');
+        if (start) {
+            this._list.setAttribute('start', start);
+        }
+        else {
+            this._list.removeAttribute('start');
+        }
+    }
+    // Property: start
+    get start() {
+        return parseInt(this.getAttribute('start') || '1', 10);
+    }
+    set start(value) {
+        this.setAttribute('start', String(value));
+    }
+}
+// Register the custom element
+export function defineOrderedList(tagName = 'dsn-ordered-list') {
+    if (!customElements.get(tagName)) {
+        customElements.define(tagName, DsnOrderedList);
+    }
+}
+//# sourceMappingURL=OrderedList.js.map

package/dist/ordered-list/OrderedList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderedList.js","sourceRoot":"","sources":["../../src/ordered-list/OrderedList.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,wFAAwF;AACxF,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAEpE,MAAM,OAAO,cAAe,SAAQ,WAAW;IAC7C,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,OAAO,CAAC,CAAC;IACnB,CAAC;IAID;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;QAEpC,mCAAmC;QACnC,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC1C,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;QAC7C,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,eAAe,CAAC;QAEvC,yCAAyC;QACzC,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC9C,KAAK,CAAC,WAAW,GAAG,iBAAiB,CAAC;QAEtC,IAAI,CAAC,UAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QACpC,IAAI,CAAC,UAAW,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,kBAAkB,CAAC;QAC1C,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED,wBAAwB,CAAC,IAAY;QACnC,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;YACrB,IAAI,CAAC,YAAY,EAAE,CAAC;QACtB,CAAC;IACH,CAAC;IAEO,YAAY;QAClB,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACzC,IAAI,KAAK,EAAE,CAAC;YACV,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QAC1C,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QACtC,CAAC;IACH,CAAC;IAED,kBAAkB;IAClB,IAAI,KAAK;QACP,OAAO,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,GAAG,EAAE,EAAE,CAAC,CAAC;IACzD,CAAC;IAED,IAAI,KAAK,CAAC,KAAa;QACrB,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;IAC5C,CAAC;CACF;AAED,8BAA8B;AAC9B,MAAM,UAAU,iBAAiB,CAAC,OAAO,GAAG,kBAAkB;IAC5D,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;QACjC,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;IACjD,CAAC;AACH,CAAC"}

package/dist/ordered-list/OrderedList.test.d.ts

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

package/dist/ordered-list/OrderedList.test.d.ts.map

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

package/dist/ordered-list/OrderedList.test.js

@@ -0,0 +1,82 @@
+import { describe, it, expect, beforeAll, beforeEach } from 'vitest';
+import { DsnOrderedList, defineOrderedList } from './OrderedList';
+// Register the custom element once for all tests
+beforeAll(() => {
+    defineOrderedList();
+});
+function createElement(attrs = {}) {
+    const el = document.createElement('dsn-ordered-list');
+    for (const [key, value] of Object.entries(attrs)) {
+        el.setAttribute(key, value);
+    }
+    document.body.appendChild(el);
+    return el;
+}
+function getInternalList(el) {
+    return el.shadowRoot.querySelector('ol');
+}
+describe('DsnOrderedList', () => {
+    beforeEach(() => {
+        document.body.innerHTML = '';
+    });
+    describe('rendering', () => {
+        it('creates a shadow root', () => {
+            const el = createElement();
+            expect(el.shadowRoot).not.toBeNull();
+        });
+        it('renders an internal ol element', () => {
+            const el = createElement();
+            const list = getInternalList(el);
+            expect(list).toBeInstanceOf(HTMLOListElement);
+        });
+        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-ordered-list');
+        });
+        it('renders a default slot for content projection', () => {
+            const el = createElement();
+            const slot = el.shadowRoot.querySelector('slot');
+            expect(slot).not.toBeNull();
+        });
+        it('applies dsn-ordered-list class to internal list', () => {
+            const el = createElement();
+            const list = getInternalList(el);
+            expect(list.classList.contains('dsn-ordered-list')).toBe(true);
+        });
+    });
+    describe('start attribute', () => {
+        it('sets start on internal ol', () => {
+            const el = createElement({ start: '5' });
+            const list = getInternalList(el);
+            expect(list.getAttribute('start')).toBe('5');
+        });
+        it('defaults to no start attribute', () => {
+            const el = createElement();
+            const list = getInternalList(el);
+            expect(list.hasAttribute('start')).toBe(false);
+        });
+        it('updates internal ol when start changes', () => {
+            const el = createElement({ start: '3' });
+            const list = getInternalList(el);
+            expect(list.getAttribute('start')).toBe('3');
+            el.start = 10;
+            expect(list.getAttribute('start')).toBe('10');
+        });
+        it('returns 1 from start property when no attribute set', () => {
+            const el = createElement();
+            expect(el.start).toBe(1);
+        });
+    });
+});
+describe('defineOrderedList', () => {
+    it('does not throw when called with an already-registered tag', () => {
+        expect(() => defineOrderedList('dsn-ordered-list')).not.toThrow();
+    });
+    it('registers a custom element with the default tag name', () => {
+        const el = document.createElement('dsn-ordered-list');
+        expect(el).toBeInstanceOf(DsnOrderedList);
+    });
+});
+//# sourceMappingURL=OrderedList.test.js.map

package/dist/ordered-list/OrderedList.test.js.map

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

package/dist/ordered-list/index.d.ts

@@ -0,0 +1,2 @@
+export { DsnOrderedList, defineOrderedList } from './OrderedList';
+//# sourceMappingURL=index.d.ts.map

package/dist/ordered-list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ordered-list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC"}

package/dist/ordered-list/index.js

@@ -0,0 +1,2 @@
+export { DsnOrderedList, defineOrderedList } from './OrderedList';
+//# sourceMappingURL=index.js.map

package/dist/ordered-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ordered-list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC"}

package/dist/ordered-list/ordered-list-styles.generated.d.ts

@@ -0,0 +1,2 @@
+export declare const orderedListStyles = "/**\n * Shadow DOM wrapper styles for the OrderedList Web Component.\n * The core styles are imported from the shared HTML/CSS source.\n */\n\n:host {\n  display: block;\n}\n\n/* Shared ordered list styles - single source of truth */\n/**\n * Ordered List Component\n * Uses component tokens for consistent styling.\n */\n\n.dsn-ordered-list {\n  font-family: var(--dsn-ordered-list-font-family);\n  font-weight: var(--dsn-ordered-list-font-weight);\n  color: var(--dsn-ordered-list-color);\n  font-size: var(--dsn-ordered-list-font-size);\n  line-height: var(--dsn-ordered-list-line-height);\n  max-inline-size: var(--dsn-ordered-list-max-inline-size);\n  padding-inline-start: var(--dsn-ordered-list-padding-inline-start);\n  margin-block-start: 0;\n  margin-block-end: var(--dsn-ordered-list-margin-block-end);\n  list-style-type: decimal;\n}\n\n/* Number markers */\n.dsn-ordered-list ::marker {\n  color: var(--dsn-ordered-list-marker-color);\n}\n\n/* Spacing between list items */\n.dsn-ordered-list > li {\n  margin-block-end: var(--dsn-ordered-list-gap);\n}\n\n.dsn-ordered-list > li:last-child {\n  margin-block-end: 0;\n}\n\n";
+//# sourceMappingURL=ordered-list-styles.generated.d.ts.map

package/dist/ordered-list/ordered-list-styles.generated.d.ts.map

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

package/dist/ordered-list/ordered-list-styles.generated.js

@@ -0,0 +1,4 @@
+// Auto-generated — do not edit manually.
+// Source: ordered-list.shadow.css + components-html source
+export const orderedListStyles = "/**\n * Shadow DOM wrapper styles for the OrderedList Web Component.\n * The core styles are imported from the shared HTML/CSS source.\n */\n\n:host {\n  display: block;\n}\n\n/* Shared ordered list styles - single source of truth */\n/**\n * Ordered List Component\n * Uses component tokens for consistent styling.\n */\n\n.dsn-ordered-list {\n  font-family: var(--dsn-ordered-list-font-family);\n  font-weight: var(--dsn-ordered-list-font-weight);\n  color: var(--dsn-ordered-list-color);\n  font-size: var(--dsn-ordered-list-font-size);\n  line-height: var(--dsn-ordered-list-line-height);\n  max-inline-size: var(--dsn-ordered-list-max-inline-size);\n  padding-inline-start: var(--dsn-ordered-list-padding-inline-start);\n  margin-block-start: 0;\n  margin-block-end: var(--dsn-ordered-list-margin-block-end);\n  list-style-type: decimal;\n}\n\n/* Number markers */\n.dsn-ordered-list ::marker {\n  color: var(--dsn-ordered-list-marker-color);\n}\n\n/* Spacing between list items */\n.dsn-ordered-list > li {\n  margin-block-end: var(--dsn-ordered-list-gap);\n}\n\n.dsn-ordered-list > li:last-child {\n  margin-block-end: 0;\n}\n\n";
+//# sourceMappingURL=ordered-list-styles.generated.js.map

package/dist/ordered-list/ordered-list-styles.generated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ordered-list-styles.generated.js","sourceRoot":"","sources":["../../src/ordered-list/ordered-list-styles.generated.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,2DAA2D;AAC3D,MAAM,CAAC,MAAM,iBAAiB,GAAG,inCAAinC,CAAC"}

package/dist/paragraph/Paragraph.d.ts

@@ -0,0 +1,26 @@
+/**
+ * DSN Paragraph Web Component
+ *
+ * A custom element that provides a styled paragraph with multiple variants.
+ * Uses the same CSS classes and design tokens as the HTML and React paragraph components.
+ *
+ * @example
+ * ```html
+ * <dsn-paragraph>Default body text</dsn-paragraph>
+ * <dsn-paragraph variant="lead">Introductory text</dsn-paragraph>
+ * <dsn-paragraph variant="small-print">Terms and conditions apply.</dsn-paragraph>
+ * ```
+ */
+export type ParagraphVariant = 'default' | 'lead' | 'small-print';
+export declare class DsnParagraph extends HTMLElement {
+    static get observedAttributes(): string[];
+    private _paragraph;
+    constructor();
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private _updateClasses;
+    get variant(): ParagraphVariant;
+    set variant(value: ParagraphVariant);
+}
+export declare function defineParagraph(tagName?: string): void;
+//# sourceMappingURL=Paragraph.d.ts.map

package/dist/paragraph/Paragraph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../../src/paragraph/Paragraph.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,MAAM,GAAG,aAAa,CAAC;AAKlE,qBAAa,YAAa,SAAQ,WAAW;IAC3C,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,OAAO,CAAC,UAAU,CAAuB;;IAkBzC,iBAAiB,IAAI,IAAI;IAIzB,wBAAwB,IAAI,IAAI;IAIhC,OAAO,CAAC,cAAc;IAYtB,IAAI,OAAO,IAAI,gBAAgB,CAE9B;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,gBAAgB,EAElC;CACF;AAGD,wBAAgB,eAAe,CAAC,OAAO,SAAkB,GAAG,IAAI,CAI/D"}