@jsekulowicz/ds-components 0.1.0

package/dist/atoms/icon/icons/minus.d.ts

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

package/dist/atoms/icon/icons/minus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"minus.d.ts","sourceRoot":"","sources":["../../../../src/atoms/icon/icons/minus.ts"],"names":[],"mappings":""}

package/dist/atoms/icon/icons/minus.js

@@ -0,0 +1,4 @@
+// Heroicons v2 — minus (16/solid) — MIT License
+import { registerIcon } from '../icon.js';
+registerIcon('minus', '<svg viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 7.25a.75.75 0 0 0 0 1.5h8.5a.75.75 0 0 0 0-1.5h-8.5Z" /></svg>');
+//# sourceMappingURL=minus.js.map

package/dist/atoms/icon/icons/minus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"minus.js","sourceRoot":"","sources":["../../../../src/atoms/icon/icons/minus.ts"],"names":[],"mappings":"AAAA,gDAAgD;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C,YAAY,CACV,OAAO,EACP,+JAA+J,CAChK,CAAC"}

package/dist/atoms/icon/icons/puzzle-piece.d.ts

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

package/dist/atoms/icon/icons/puzzle-piece.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"puzzle-piece.d.ts","sourceRoot":"","sources":["../../../../src/atoms/icon/icons/puzzle-piece.ts"],"names":[],"mappings":""}

package/dist/atoms/icon/icons/puzzle-piece.js

@@ -0,0 +1,4 @@
+// Heroicons v2 — puzzle-piece (24/outline) — MIT License
+import { registerIcon } from '../icon.js';
+registerIcon('puzzle-piece', '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" d="M14.25 6.087c0-.355.186-.676.401-.959.221-.29.349-.634.349-1.003 0-1.036-1.007-1.875-2.25-1.875s-2.25.84-2.25 1.875c0 .369.128.713.349 1.003.215.283.401.604.401.959v0a.64.64 0 0 1-.657.643 48.39 48.39 0 0 1-4.163-.3c.186 1.613.293 3.25.315 4.907a.656.656 0 0 1-.658.663v0c-.355 0-.676-.186-.959-.401a1.647 1.647 0 0 0-1.003-.349c-1.036 0-1.875 1.007-1.875 2.25s.84 2.25 1.875 2.25c.369 0 .713-.128 1.003-.349.283-.215.604-.401.959-.401v0c.31 0 .555.26.532.57a48.039 48.039 0 0 1-.642 5.056c1.518.19 3.058.309 4.616.354a.64.64 0 0 0 .657-.643v0c0-.355-.186-.676-.401-.959a1.647 1.647 0 0 1-.349-1.003c0-1.035 1.008-1.875 2.25-1.875 1.243 0 2.25.84 2.25 1.875 0 .369-.128.713-.349 1.003-.215.283-.4.604-.4.959v0c0 .333.277.599.61.58a48.1 48.1 0 0 0 5.427-.63 48.05 48.05 0 0 0 .582-4.717.532.532 0 0 0-.533-.57v0c-.355 0-.676.186-.959.401-.29.221-.634.349-1.003.349-1.035 0-1.875-1.007-1.875-2.25s.84-2.25 1.875-2.25c.37 0 .713.128 1.003.349.283.215.604.401.96.401v0a.656.656 0 0 0 .658-.663 48.422 48.422 0 0 0-.37-5.36c-1.886.342-3.81.574-5.766.689a.578.578 0 0 1-.61-.58v0Z" /></svg>');
+//# sourceMappingURL=puzzle-piece.js.map

package/dist/atoms/icon/icons/puzzle-piece.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"puzzle-piece.js","sourceRoot":"","sources":["../../../../src/atoms/icon/icons/puzzle-piece.ts"],"names":[],"mappings":"AAAA,yDAAyD;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C,YAAY,CACV,cAAc,EACd,uuCAAuuC,CACxuC,CAAC"}

package/dist/atoms/icon/icons/swatch.d.ts

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

package/dist/atoms/icon/icons/swatch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"swatch.d.ts","sourceRoot":"","sources":["../../../../src/atoms/icon/icons/swatch.ts"],"names":[],"mappings":""}

package/dist/atoms/icon/icons/swatch.js

@@ -0,0 +1,4 @@
+// Heroicons v2 — swatch (24/outline) — MIT License
+import { registerIcon } from '../icon.js';
+registerIcon('swatch', '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" d="M4.098 19.902a3.75 3.75 0 0 0 5.304 0l6.401-6.402M6.75 21A3.75 3.75 0 0 1 3 17.25V4.125C3 3.504 3.504 3 4.125 3h5.25c.621 0 1.125.504 1.125 1.125v4.072M6.75 21a3.75 3.75 0 0 0 3.75-3.75V8.197M6.75 21h13.125c.621 0 1.125-.504 1.125-1.125v-5.25c0-.621-.504-1.125-1.125-1.125h-4.072M10.5 8.197l2.88-2.88c.438-.439 1.15-.439 1.59 0l3.712 3.713c.44.44.44 1.152 0 1.59l-2.879 2.88M6.75 17.25h.008v.008H6.75v-.008Z"/></svg>');
+//# sourceMappingURL=swatch.js.map

package/dist/atoms/icon/icons/swatch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swatch.js","sourceRoot":"","sources":["../../../../src/atoms/icon/icons/swatch.ts"],"names":[],"mappings":"AAAA,mDAAmD;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C,YAAY,CACV,QAAQ,EACR,2kBAA2kB,CAC5kB,CAAC"}

package/dist/atoms/icon/icons/user.d.ts

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

package/dist/atoms/icon/icons/user.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user.d.ts","sourceRoot":"","sources":["../../../../src/atoms/icon/icons/user.ts"],"names":[],"mappings":""}

package/dist/atoms/icon/icons/user.js

@@ -0,0 +1,4 @@
+// Heroicons v2 — user (24/outline) — MIT License
+import { registerIcon } from '../icon.js';
+registerIcon('user', '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" /></svg>');
+//# sourceMappingURL=user.js.map

package/dist/atoms/icon/icons/user.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user.js","sourceRoot":"","sources":["../../../../src/atoms/icon/icons/user.ts"],"names":[],"mappings":"AAAA,iDAAiD;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C,YAAY,CACV,MAAM,EACN,4UAA4U,CAC7U,CAAC"}

package/dist/atoms/icon/icons/users.d.ts

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

package/dist/atoms/icon/icons/users.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"users.d.ts","sourceRoot":"","sources":["../../../../src/atoms/icon/icons/users.ts"],"names":[],"mappings":""}

package/dist/atoms/icon/icons/users.js

@@ -0,0 +1,4 @@
+// Heroicons v2 — users (24/outline) — MIT License
+import { registerIcon } from '../icon.js';
+registerIcon('users', '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z" /></svg>');
+//# sourceMappingURL=users.js.map

package/dist/atoms/icon/icons/users.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"users.js","sourceRoot":"","sources":["../../../../src/atoms/icon/icons/users.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C,YAAY,CACV,OAAO,EACP,8iBAA8iB,CAC/iB,CAAC"}

package/dist/atoms/icon/icons/x-mark.d.ts

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

package/dist/atoms/icon/icons/x-mark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"x-mark.d.ts","sourceRoot":"","sources":["../../../../src/atoms/icon/icons/x-mark.ts"],"names":[],"mappings":""}

package/dist/atoms/icon/icons/x-mark.js

@@ -0,0 +1,4 @@
+// Heroicons v2 — x-mark (24/outline) — MIT License
+import { registerIcon } from '../icon.js';
+registerIcon('x-mark', '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" /></svg>');
+//# sourceMappingURL=x-mark.js.map

package/dist/atoms/icon/icons/x-mark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"x-mark.js","sourceRoot":"","sources":["../../../../src/atoms/icon/icons/x-mark.ts"],"names":[],"mappings":"AAAA,mDAAmD;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C,YAAY,CACV,QAAQ,EACR,yMAAyM,CAC1M,CAAC"}

package/dist/atoms/icon/index.d.ts

@@ -0,0 +1,2 @@
+export { DsIcon, registerIcon, getIcon, type IconSize } from './icon.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/atoms/icon/index.d.ts.map

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

package/dist/atoms/icon/index.js

@@ -0,0 +1,2 @@
+export { DsIcon, registerIcon, getIcon } from './icon.js';
+//# sourceMappingURL=index.js.map

package/dist/atoms/icon/index.js.map

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

package/dist/atoms/link/define.d.ts

@@ -0,0 +1,7 @@
+import { DsLink } from './link.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ds-link': DsLink;
+    }
+}
+//# sourceMappingURL=define.d.ts.map

package/dist/atoms/link/define.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../../../src/atoms/link/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAMnC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/dist/atoms/link/define.js

@@ -0,0 +1,5 @@
+import { DsLink } from './link.js';
+if (!customElements.get('ds-link')) {
+    customElements.define('ds-link', DsLink);
+}
+//# sourceMappingURL=define.js.map

package/dist/atoms/link/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/atoms/link/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;IACnC,cAAc,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;AAC3C,CAAC"}

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

@@ -0,0 +1,2 @@
+export { DsLink, type LinkVariant } from './link.js';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/atoms/link/index.js

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

package/dist/atoms/link/index.js.map

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

package/dist/atoms/link/link.d.ts

@@ -0,0 +1,19 @@
+import { type TemplateResult } from 'lit';
+import { DsElement } from '@jsekulowicz/ds-core';
+export type LinkVariant = 'inline' | 'quiet' | 'standalone';
+/**
+ * @tag ds-link
+ * @summary Accessible anchor styled by the design system.
+ * @slot default - The link label.
+ */
+export declare class DsLink extends DsElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    href: string;
+    target?: '_self' | '_blank' | '_parent' | '_top';
+    rel?: string;
+    variant: LinkVariant;
+    external: boolean;
+    render(): TemplateResult;
+}
+//# sourceMappingURL=link.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../src/atoms/link/link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,CAAC;AAE5D;;;;GAIG;AACH,qBAAa,MAAO,SAAQ,SAAS;;IACnC,OAAgB,MAAM,4BAAqC;IAE/C,IAAI,SAAO;IACX,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;IACjD,GAAG,CAAC,EAAE,MAAM,CAAC;IACI,OAAO,EAAE,WAAW,CAAY;IAChC,QAAQ,UAAS;IAYrC,MAAM,IAAI,cAAc;CAWlC"}

package/dist/atoms/link/link.js

@@ -0,0 +1,60 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, nothing } from 'lit';
+import { property } from 'lit/decorators.js';
+import { DsElement } from '@jsekulowicz/ds-core';
+import { linkStyles } from './link.styles.js';
+/**
+ * @tag ds-link
+ * @summary Accessible anchor styled by the design system.
+ * @slot default - The link label.
+ */
+export class DsLink extends DsElement {
+    constructor() {
+        super(...arguments);
+        this.href = '#';
+        this.variant = 'inline';
+        this.external = false;
+    }
+    static { this.styles = [...DsElement.styles, linkStyles]; }
+    #resolveRel() {
+        if (this.rel) {
+            return this.rel;
+        }
+        if (this.external || this.target === '_blank') {
+            return 'noopener noreferrer';
+        }
+        return undefined;
+    }
+    render() {
+        const rel = this.#resolveRel();
+        return html `<a
+      part="link"
+      href=${this.href}
+      target=${this.target ?? nothing}
+      rel=${rel ?? nothing}
+    >
+      <slot></slot>
+    </a>`;
+    }
+}
+__decorate([
+    property()
+], DsLink.prototype, "href", void 0);
+__decorate([
+    property()
+], DsLink.prototype, "target", void 0);
+__decorate([
+    property()
+], DsLink.prototype, "rel", void 0);
+__decorate([
+    property({ reflect: true })
+], DsLink.prototype, "variant", void 0);
+__decorate([
+    property({ type: Boolean })
+], DsLink.prototype, "external", void 0);
+//# sourceMappingURL=link.js.map

package/dist/atoms/link/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../src/atoms/link/link.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAI9C;;;;GAIG;AACH,MAAM,OAAO,MAAO,SAAQ,SAAS;IAArC;;QAGc,SAAI,GAAG,GAAG,CAAC;QAGM,YAAO,GAAgB,QAAQ,CAAC;QAChC,aAAQ,GAAG,KAAK,CAAC;IAuBhD,CAAC;aA7BiB,WAAM,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,UAAU,CAAC,AAApC,CAAqC;IAQ3D,WAAW;QACT,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;YACb,OAAO,IAAI,CAAC,GAAG,CAAC;QAClB,CAAC;QACD,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,MAAM,KAAK,QAAQ,EAAE,CAAC;YAC9C,OAAO,qBAAqB,CAAC;QAC/B,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC;IAEQ,MAAM;QACb,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QAC/B,OAAO,IAAI,CAAA;;aAEF,IAAI,CAAC,IAAI;eACP,IAAI,CAAC,MAAM,IAAI,OAAO;YACzB,GAAG,IAAI,OAAO;;;SAGjB,CAAC;IACR,CAAC;;AA1BW;IAAX,QAAQ,EAAE;oCAAY;AACX;IAAX,QAAQ,EAAE;sCAAkD;AACjD;IAAX,QAAQ,EAAE;mCAAc;AACI;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCAAiC;AAChC;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wCAAkB"}

package/dist/atoms/link/link.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const linkStyles: import("lit").CSSResult;
+//# sourceMappingURL=link.styles.d.ts.map

package/dist/atoms/link/link.styles.d.ts.map

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

package/dist/atoms/link/link.styles.js

@@ -0,0 +1,36 @@
+import { css } from 'lit';
+export const linkStyles = css `
+  :host {
+    display: inline;
+  }
+  a {
+    color: var(--ds-color-accent-active);
+    text-decoration: underline;
+    text-decoration-thickness: 1px;
+    text-underline-offset: 0.18em;
+    transition: color var(--ds-duration-fast) var(--ds-easing-standard);
+    border-radius: var(--ds-radius-xs);
+  }
+  a:hover {
+    color: var(--ds-color-accent);
+  }
+  a:focus-visible {
+    outline: 2px solid transparent;
+    box-shadow: var(--ds-shadow-focus);
+  }
+  :host([variant='quiet']) a {
+    color: inherit;
+    text-decoration-color: var(--ds-color-border-strong);
+  }
+  :host([variant='quiet']) a:hover {
+    color: var(--ds-color-accent-active);
+  }
+  :host([variant='standalone']) a {
+    text-decoration: none;
+    font-weight: var(--ds-font-weight-medium);
+  }
+  :host([variant='standalone']) a:hover {
+    text-decoration: underline;
+  }
+`;
+//# sourceMappingURL=link.styles.js.map

package/dist/atoms/link/link.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.styles.js","sourceRoot":"","sources":["../../../src/atoms/link/link.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiC5B,CAAC"}

package/dist/atoms/menu/define.d.ts

@@ -0,0 +1,9 @@
+import { DsMenu } from './menu.js';
+import { DsMenuItem } from './menu-item.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ds-menu': DsMenu;
+        'ds-menu-item': DsMenuItem;
+    }
+}
+//# sourceMappingURL=define.d.ts.map

package/dist/atoms/menu/define.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../../../src/atoms/menu/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAS5C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;QAClB,cAAc,EAAE,UAAU,CAAC;KAC5B;CACF"}

package/dist/atoms/menu/define.js

@@ -0,0 +1,9 @@
+import { DsMenu } from './menu.js';
+import { DsMenuItem } from './menu-item.js';
+if (!customElements.get('ds-menu-item')) {
+    customElements.define('ds-menu-item', DsMenuItem);
+}
+if (!customElements.get('ds-menu')) {
+    customElements.define('ds-menu', DsMenu);
+}
+//# sourceMappingURL=define.js.map

package/dist/atoms/menu/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/atoms/menu/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,EAAE,CAAC;IACxC,cAAc,CAAC,MAAM,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;AACpD,CAAC;AACD,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;IACnC,cAAc,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;AAC3C,CAAC"}

package/dist/atoms/menu/index.d.ts

@@ -0,0 +1,3 @@
+export { DsMenu } from './menu.js';
+export { DsMenuItem } from './menu-item.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/atoms/menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/atoms/menu/index.js

@@ -0,0 +1,3 @@
+export { DsMenu } from './menu.js';
+export { DsMenuItem } from './menu-item.js';
+//# sourceMappingURL=index.js.map

package/dist/atoms/menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/atoms/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/atoms/menu/menu-item.d.ts

@@ -0,0 +1,26 @@
+import { type PropertyValues, type TemplateResult } from 'lit';
+import { DsElement } from '@jsekulowicz/ds-core';
+/**
+ * @tag ds-menu-item
+ * @summary A row inside `ds-menu`. Composes leading icon, primary text, optional description, and trailing content.
+ * @slot leading - Icon, avatar, or image rendered before the primary text.
+ * @slot default - Primary text. Used by `ds-menu` for type-ahead matching.
+ * @slot description - Optional secondary line below the primary text.
+ * @slot trailing - Trailing content (chevron, badge, keyboard shortcut).
+ * @csspart item - The internal item container.
+ * @csspart check - The checkmark icon shown when `selected`.
+ * @event ds-activate - Fires when the item is activated. Detail: `{ value, originalEvent }`.
+ */
+export declare class DsMenuItem extends DsElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    value: string;
+    disabled: boolean;
+    selected: boolean;
+    connectedCallback(): void;
+    updated(changed: PropertyValues): void;
+    /** Primary slot text used by ds-menu type-ahead. */
+    get primaryText(): string;
+    render(): TemplateResult;
+}
+//# sourceMappingURL=menu-item.d.ts.map

package/dist/atoms/menu/menu-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../src/atoms/menu/menu-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD;;;;;;;;;;GAUG;AACH,qBAAa,UAAW,SAAQ,SAAS;;IACvC,OAAgB,MAAM,4BAAyC;IAEnD,KAAK,SAAM;IACqB,QAAQ,UAAS;IACjB,QAAQ,UAAS;IAEpD,iBAAiB,IAAI,IAAI;IAQzB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAO/C,oDAAoD;IACpD,IAAI,WAAW,IAAI,MAAM,CAQxB;IAoBQ,MAAM,IAAI,cAAc;CA6BlC"}

package/dist/atoms/menu/menu-item.js

@@ -0,0 +1,114 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, nothing } from 'lit';
+import { property } from 'lit/decorators.js';
+import { DsElement } from '@jsekulowicz/ds-core';
+import { menuItemStyles } from './menu-item.styles.js';
+/**
+ * @tag ds-menu-item
+ * @summary A row inside `ds-menu`. Composes leading icon, primary text, optional description, and trailing content.
+ * @slot leading - Icon, avatar, or image rendered before the primary text.
+ * @slot default - Primary text. Used by `ds-menu` for type-ahead matching.
+ * @slot description - Optional secondary line below the primary text.
+ * @slot trailing - Trailing content (chevron, badge, keyboard shortcut).
+ * @csspart item - The internal item container.
+ * @csspart check - The checkmark icon shown when `selected`.
+ * @event ds-activate - Fires when the item is activated. Detail: `{ value, originalEvent }`.
+ */
+export class DsMenuItem extends DsElement {
+    constructor() {
+        super(...arguments);
+        this.value = '';
+        this.disabled = false;
+        this.selected = false;
+        this.#onClick = (event) => {
+            if (this.disabled) {
+                event.preventDefault();
+                event.stopImmediatePropagation();
+                return;
+            }
+            this.emit('ds-activate', { detail: { value: this.value, originalEvent: event } });
+        };
+        this.#onKeydown = (event) => {
+            if (this.disabled)
+                return;
+            if (event.key === 'Enter' || event.key === ' ') {
+                event.preventDefault();
+                event.stopPropagation();
+                this.click();
+            }
+        };
+    }
+    static { this.styles = [...DsElement.styles, menuItemStyles]; }
+    connectedCallback() {
+        super.connectedCallback();
+        if (!this.hasAttribute('role'))
+            this.setAttribute('role', 'menuitem');
+        if (!this.hasAttribute('tabindex'))
+            this.setAttribute('tabindex', '-1');
+        this.addEventListener('click', this.#onClick);
+        this.addEventListener('keydown', this.#onKeydown);
+    }
+    updated(changed) {
+        if (changed.has('disabled')) {
+            this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');
+            if (this.disabled)
+                this.setAttribute('tabindex', '-1');
+        }
+    }
+    /** Primary slot text used by ds-menu type-ahead. */
+    get primaryText() {
+        const slot = this.shadowRoot?.querySelector('slot:not([name])');
+        if (!slot)
+            return (this.textContent ?? '').trim();
+        return slot
+            .assignedNodes({ flatten: true })
+            .map((node) => node.textContent ?? '')
+            .join('')
+            .trim();
+    }
+    #onClick;
+    #onKeydown;
+    render() {
+        return html `<div class="item" part="item">
+      <span class="leading"><slot name="leading"></slot></span>
+      <span class="content">
+        <span class="primary"><slot></slot></span>
+        <span class="description"><slot name="description"></slot></span>
+      </span>
+      <span class="trailing">
+        ${this.selected ? this.#renderCheck() : nothing}
+        <slot name="trailing"></slot>
+      </span>
+    </div>`;
+    }
+    #renderCheck() {
+        return html `<svg
+      class="check"
+      part="check"
+      viewBox="0 0 16 16"
+      fill="currentColor"
+      aria-hidden="true"
+    >
+      <path
+        fill-rule="evenodd"
+        d="M12.416 3.376a.75.75 0 0 1 .208 1.04l-5 7.5a.75.75 0 0 1-1.154.114l-3-3a.75.75 0 0 1 1.06-1.06l2.353 2.353 4.493-6.74a.75.75 0 0 1 1.04-.207Z"
+        clip-rule="evenodd"
+      />
+    </svg>`;
+    }
+}
+__decorate([
+    property()
+], DsMenuItem.prototype, "value", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], DsMenuItem.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], DsMenuItem.prototype, "selected", void 0);
+//# sourceMappingURL=menu-item.js.map

package/dist/atoms/menu/menu-item.js.map

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

package/dist/atoms/menu/menu-item.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const menuItemStyles: import("lit").CSSResult;
+//# sourceMappingURL=menu-item.styles.d.ts.map

package/dist/atoms/menu/menu-item.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/menu/menu-item.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAkE1B,CAAC"}

package/dist/atoms/menu/menu-item.styles.js

@@ -0,0 +1,69 @@
+import { css } from 'lit';
+export const menuItemStyles = css `
+  :host {
+    display: block;
+    cursor: pointer;
+    border-radius: var(--ds-radius-sm);
+    color: var(--ds-color-fg);
+    font-family: var(--ds-font-body);
+    font-size: var(--ds-font-size-sm);
+    user-select: none;
+  }
+  :host([disabled]) {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+  :host(:hover:not([disabled])),
+  :host(:focus-visible) {
+    background: var(--ds-color-bg-subtle);
+  }
+  :host(:focus-visible) {
+    outline: none;
+    box-shadow: var(--ds-shadow-focus);
+  }
+  .item {
+    display: flex;
+    align-items: center;
+    gap: var(--ds-space-2);
+    padding: var(--ds-space-2) var(--ds-space-3);
+    min-height: 36px;
+    box-sizing: border-box;
+  }
+  .leading,
+  .trailing {
+    display: inline-flex;
+    align-items: center;
+    flex-shrink: 0;
+    color: var(--ds-color-fg-subtle, var(--ds-color-fg));
+  }
+  .leading:empty,
+  .trailing:empty {
+    display: none;
+  }
+  .content {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    min-width: 0;
+  }
+  .primary {
+    display: block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .description {
+    display: block;
+    font-size: var(--ds-font-size-2xs);
+    color: var(--ds-color-fg-subtle, var(--ds-color-fg));
+  }
+  .description:empty {
+    display: none;
+  }
+  .check {
+    width: 1rem;
+    height: 1rem;
+    color: var(--ds-color-accent);
+  }
+`;
+//# sourceMappingURL=menu-item.styles.js.map

package/dist/atoms/menu/menu-item.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.styles.js","sourceRoot":"","sources":["../../../src/atoms/menu/menu-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkEhC,CAAC"}

package/dist/atoms/menu/menu.d.ts

@@ -0,0 +1,21 @@
+import { type TemplateResult } from 'lit';
+import { DsElement } from '@jsekulowicz/ds-core';
+/**
+ * @tag ds-menu
+ * @summary WAI-ARIA Menu container that owns keyboard navigation among `ds-menu-item` children.
+ * @slot header - Optional region rendered above the items. Not part of the menu's role tree.
+ * @slot default - `ds-menu-item` children.
+ * @slot footer - Optional region rendered below the items. Not part of the menu's role tree.
+ * @csspart menu - The internal `role="menu"` container that holds the items.
+ * @event ds-select - Fires when an item is activated. Detail: `{ value, originalEvent }`.
+ */
+export declare class DsMenu extends DsElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    label: string;
+    private _hasHeader;
+    private _hasFooter;
+    disconnectedCallback(): void;
+    render(): TemplateResult;
+}
+//# sourceMappingURL=menu.d.ts.map

package/dist/atoms/menu/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/atoms/menu/menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGhD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAMjD;;;;;;;;GAQG;AACH,qBAAa,MAAO,SAAQ,SAAS;;IACnC,OAAgB,MAAM,4BAAqC;IAE/C,KAAK,SAAM;IAEd,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,UAAU,CAAS;IAK3B,oBAAoB,IAAI,IAAI;IA8G5B,MAAM,IAAI,cAAc;CAoBlC"}