@jsekulowicz/ds-components 0.1.0 → 0.2.0

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

@@ -14,7 +14,7 @@ export const breadcrumbItemStyles = css `
     gap: var(--ds-space-1);
     color: var(--ds-color-fg-muted);
     text-decoration: none;
-    padding: var(--ds-space-1) var(--ds-space-2);
+    padding: var(--ds-space-1) 0;
     border-radius: var(--ds-radius-sm);
     transition: color var(--ds-duration-fast) var(--ds-easing-standard);
   }
@@ -33,7 +33,7 @@ export const breadcrumbItemStyles = css `
     gap: var(--ds-space-1);
     color: var(--ds-color-fg);
     font-weight: var(--ds-font-weight-medium);
-    padding: var(--ds-space-1) var(--ds-space-2);
+    padding: var(--ds-space-1) 0;
   }
 
   .separator {

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

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

package/dist/atoms/button/button.styles.js

@@ -9,7 +9,7 @@ export const buttonStyles = css `
     align-items: center;
     justify-content: center;
     gap: var(--ds-space-1);
-    padding: 0 var(--ds-space-5);
+    padding: 0 var(--ds-space-2);
     height: var(--ds-size-md);
     min-width: var(--ds-size-md);
     border-radius: var(--ds-radius-sm);
@@ -86,12 +86,10 @@ export const buttonStyles = css `
   }
   :host([size='sm']) .btn {
     height: var(--ds-size-sm);
-    padding: 0 var(--ds-space-4);
     font-size: var(--ds-font-size-xs);
   }
   :host([size='lg']) .btn {
     height: var(--ds-size-lg);
-    padding: 0 var(--ds-space-6);
     font-size: var(--ds-font-size-md);
   }
   :host([full-width]) {

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

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

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

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

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

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

package/dist/atoms/divider/define.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/atoms/divider/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC;IACtC,cAAc,CAAC,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;AACjD,CAAC"}

package/dist/atoms/divider/divider.d.ts

@@ -0,0 +1,14 @@
+import { type TemplateResult } from 'lit';
+import { DsElement } from '@jsekulowicz/ds-core';
+export type DividerOrientation = 'horizontal' | 'vertical';
+/**
+ * @tag ds-divider
+ * @summary A thin separator line. Horizontal by default, can be vertical.
+ * @attr {string} orientation - 'horizontal' (default) or 'vertical'.
+ */
+export declare class DsDivider extends DsElement {
+    static styles: import("lit").CSSResult[];
+    orientation: DividerOrientation;
+    render(): TemplateResult;
+}
+//# sourceMappingURL=divider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/atoms/divider/divider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE3D;;;;GAIG;AACH,qBAAa,SAAU,SAAQ,SAAS;IACtC,OAAgB,MAAM,4BAAwC;IAEjC,WAAW,EAAE,kBAAkB,CAAgB;IAEnE,MAAM,IAAI,cAAc;CAIlC"}

package/dist/atoms/divider/divider.js

@@ -0,0 +1,30 @@
+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 } from 'lit';
+import { property } from 'lit/decorators.js';
+import { DsElement } from '@jsekulowicz/ds-core';
+import { dividerStyles } from './divider.styles.js';
+/**
+ * @tag ds-divider
+ * @summary A thin separator line. Horizontal by default, can be vertical.
+ * @attr {string} orientation - 'horizontal' (default) or 'vertical'.
+ */
+export class DsDivider extends DsElement {
+    constructor() {
+        super(...arguments);
+        this.orientation = 'horizontal';
+    }
+    static { this.styles = [...DsElement.styles, dividerStyles]; }
+    render() {
+        const ariaOrientation = this.orientation === 'vertical' ? 'vertical' : 'horizontal';
+        return html `<span role="separator" aria-orientation=${ariaOrientation} part="line"></span>`;
+    }
+}
+__decorate([
+    property({ reflect: true })
+], DsDivider.prototype, "orientation", void 0);
+//# sourceMappingURL=divider.js.map

package/dist/atoms/divider/divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../src/atoms/divider/divider.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAIpD;;;;GAIG;AACH,MAAM,OAAO,SAAU,SAAQ,SAAS;IAAxC;;QAG+B,gBAAW,GAAuB,YAAY,CAAC;IAM9E,CAAC;aARiB,WAAM,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,aAAa,CAAC,AAAvC,CAAwC;IAIrD,MAAM;QACb,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC;QACpF,OAAO,IAAI,CAAA,2CAA2C,eAAe,sBAAsB,CAAC;IAC9F,CAAC;;AAL4B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CAAgD"}

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

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

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

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

package/dist/atoms/divider/divider.styles.js

@@ -0,0 +1,26 @@
+import { css } from 'lit';
+export const dividerStyles = css `
+  :host {
+    display: block;
+    color: var(--ds-color-border);
+    margin-block: var(--ds-space-3);
+  }
+  :host([orientation='vertical']) {
+    display: inline-block;
+    height: 1em;
+    align-self: stretch;
+    margin-block: 0;
+    margin-inline: var(--ds-space-3);
+  }
+  [part='line'] {
+    display: block;
+    background: currentColor;
+    width: 100%;
+    height: 1px;
+  }
+  :host([orientation='vertical']) [part='line'] {
+    width: 1px;
+    height: 100%;
+  }
+`;
+//# sourceMappingURL=divider.styles.js.map

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

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

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

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

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

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

package/dist/atoms/divider/index.js

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

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

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

package/dist/atoms/icon/icons/eye-slash.d.ts

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

package/dist/atoms/icon/icons/eye-slash.d.ts.map

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

package/dist/atoms/icon/icons/eye-slash.js

@@ -0,0 +1,4 @@
+// Heroicons v2 — eye-slash (24/outline) — MIT License
+import { registerIcon } from '../icon.js';
+registerIcon('eye-slash', '<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="M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88" /></svg>');
+//# sourceMappingURL=eye-slash.js.map

package/dist/atoms/icon/icons/eye-slash.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eye-slash.js","sourceRoot":"","sources":["../../../../src/atoms/icon/icons/eye-slash.ts"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C,YAAY,CACV,WAAW,EACX,igBAAigB,CAClgB,CAAC"}

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

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

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

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

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

@@ -0,0 +1,4 @@
+// Heroicons v2 — eye (24/outline) — MIT License
+import { registerIcon } from '../icon.js';
+registerIcon('eye', '<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="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" /></svg>');
+//# sourceMappingURL=eye.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eye.js","sourceRoot":"","sources":["../../../../src/atoms/icon/icons/eye.ts"],"names":[],"mappings":"AAAA,gDAAgD;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C,YAAY,CACV,KAAK,EACL,4cAA4c,CAC7c,CAAC"}

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

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

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

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

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

@@ -0,0 +1,4 @@
+// Heroicons v2 — moon (24/outline) — MIT License
+import { registerIcon } from '../icon.js';
+registerIcon('moon', '<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="M21.752 15.002A9.72 9.72 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 9.002-5.998Z" /></svg>');
+//# sourceMappingURL=moon.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+// Heroicons v2 — plus (24/outline) — MIT License
+import { registerIcon } from '../icon.js';
+registerIcon('plus', '<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="M12 4.5v15m7.5-7.5h-15" /></svg>');
+//# sourceMappingURL=plus.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+// Heroicons v2 — sun (24/outline) — MIT License
+import { registerIcon } from '../icon.js';
+registerIcon('sun', '<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="M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z" /></svg>');
+//# sourceMappingURL=sun.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sun.js","sourceRoot":"","sources":["../../../../src/atoms/icon/icons/sun.ts"],"names":[],"mappings":"AAAA,gDAAgD;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C,YAAY,CACV,KAAK,EACL,sXAAsX,CACvX,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../../../src/atoms/list/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/list/define.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/atoms/list/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,SAAS,CAAC,EAAE,CAAC;IACnC,cAAc,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;AAC3C,CAAC;AACD,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,EAAE,CAAC;IACxC,cAAc,CAAC,MAAM,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;AACpD,CAAC"}

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

@@ -0,0 +1,3 @@
+export { DsList, type ListVariant, type ListDensity } from './list.js';
+export { DsListItem } from './list-item.js';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/atoms/list/index.js

@@ -0,0 +1,3 @@
+export { DsList } from './list.js';
+export { DsListItem } from './list-item.js';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,17 @@
+import { type TemplateResult } from 'lit';
+import { DsElement } from '@jsekulowicz/ds-core';
+/**
+ * @tag ds-list-item
+ * @summary A single row in a `ds-list`. Three slots: leading / default / trailing.
+ * @slot leading - Optional content rendered before the main label (avatar, swatch, icon).
+ * @slot default - Main label or input.
+ * @slot trailing - Optional trailing content (action button, value, chevron).
+ */
+export declare class DsListItem extends DsElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    private _hasLeading;
+    private _hasTrailing;
+    render(): TemplateResult;
+}
+//# sourceMappingURL=list-item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../../src/atoms/list/list-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD;;;;;;GAMG;AACH,qBAAa,UAAW,SAAQ,SAAS;;IACvC,OAAgB,MAAM,4BAAyC;IAEtD,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,YAAY,CAAS;IAU7B,MAAM,IAAI,cAAc;CAWlC"}

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

@@ -0,0 +1,62 @@
+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 } from 'lit';
+import { state } from 'lit/decorators.js';
+import { DsElement } from '@jsekulowicz/ds-core';
+import { listItemStyles } from './list-item.styles.js';
+/**
+ * @tag ds-list-item
+ * @summary A single row in a `ds-list`. Three slots: leading / default / trailing.
+ * @slot leading - Optional content rendered before the main label (avatar, swatch, icon).
+ * @slot default - Main label or input.
+ * @slot trailing - Optional trailing content (action button, value, chevron).
+ */
+export class DsListItem extends DsElement {
+    constructor() {
+        super(...arguments);
+        this._hasLeading = false;
+        this._hasTrailing = false;
+        this.#onLeadingSlotChange = (e) => {
+            this._hasLeading = hasAssignedContent(e.target);
+        };
+        this.#onTrailingSlotChange = (e) => {
+            this._hasTrailing = hasAssignedContent(e.target);
+        };
+    }
+    static { this.styles = [...DsElement.styles, listItemStyles]; }
+    #onLeadingSlotChange;
+    #onTrailingSlotChange;
+    render() {
+        return html `<li part="item">
+      <span class="leading" ?hidden=${!this._hasLeading}>
+        <slot name="leading" @slotchange=${this.#onLeadingSlotChange}></slot>
+      </span>
+      <span class="content"><slot></slot></span>
+      <span class="trailing" ?hidden=${!this._hasTrailing}>
+        <slot name="trailing" @slotchange=${this.#onTrailingSlotChange}></slot>
+      </span>
+    </li>`;
+    }
+}
+__decorate([
+    state()
+], DsListItem.prototype, "_hasLeading", void 0);
+__decorate([
+    state()
+], DsListItem.prototype, "_hasTrailing", void 0);
+function hasAssignedContent(slot) {
+    const nodes = slot.assignedNodes({ flatten: true });
+    return nodes.some((node) => {
+        if (node.nodeType === Node.ELEMENT_NODE)
+            return true;
+        if (node.nodeType === Node.TEXT_NODE) {
+            return (node.textContent ?? '').trim().length > 0;
+        }
+        return false;
+    });
+}
+//# sourceMappingURL=list-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list-item.js","sourceRoot":"","sources":["../../../src/atoms/list/list-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;;;;GAMG;AACH,MAAM,OAAO,UAAW,SAAQ,SAAS;IAAzC;;QAGmB,gBAAW,GAAG,KAAK,CAAC;QACpB,iBAAY,GAAG,KAAK,CAAC;QAEtC,yBAAoB,GAAG,CAAC,CAAQ,EAAE,EAAE;YAClC,IAAI,CAAC,WAAW,GAAG,kBAAkB,CAAC,CAAC,CAAC,MAAyB,CAAC,CAAC;QACrE,CAAC,CAAC;QAEF,0BAAqB,GAAG,CAAC,CAAQ,EAAE,EAAE;YACnC,IAAI,CAAC,YAAY,GAAG,kBAAkB,CAAC,CAAC,CAAC,MAAyB,CAAC,CAAC;QACtE,CAAC,CAAC;IAaJ,CAAC;aAxBiB,WAAM,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,cAAc,CAAC,AAAxC,CAAyC;IAK/D,oBAAoB,CAElB;IAEF,qBAAqB,CAEnB;IAEO,MAAM;QACb,OAAO,IAAI,CAAA;sCACuB,CAAC,IAAI,CAAC,WAAW;2CACZ,IAAI,CAAC,oBAAoB;;;uCAG7B,CAAC,IAAI,CAAC,YAAY;4CACb,IAAI,CAAC,qBAAqB;;UAE5D,CAAC;IACT,CAAC;;AArBgB;IAAhB,KAAK,EAAE;+CAA6B;AACpB;IAAhB,KAAK,EAAE;gDAA8B;AAuBxC,SAAS,kBAAkB,CAAC,IAAqB;IAC/C,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IACpD,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;QACzB,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY;YAAE,OAAO,IAAI,CAAC;QACrD,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,SAAS,EAAE,CAAC;YACrC,OAAO,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;QACpD,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CAAC;AACL,CAAC"}

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

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

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

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

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

@@ -0,0 +1,34 @@
+import { css } from 'lit';
+export const listItemStyles = css `
+  :host {
+    display: block;
+  }
+  li {
+    display: grid;
+    grid-template-columns: auto 1fr auto;
+    align-items: center;
+    gap: var(--ds-space-3);
+    padding: var(--ds-space-2) var(--ds-space-3);
+    background: transparent;
+  }
+  :host-context(ds-list[density='compact']) li,
+  :host([compact]) li {
+    padding: var(--ds-space-1) var(--ds-space-3);
+  }
+  .leading,
+  .trailing {
+    display: inline-flex;
+    align-items: center;
+    flex-shrink: 0;
+  }
+  [hidden] {
+    display: none;
+  }
+  .content {
+    min-width: 0;
+    display: flex;
+    align-items: center;
+    gap: var(--ds-space-2);
+  }
+`;
+//# sourceMappingURL=list-item.styles.js.map

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

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

package/dist/atoms/list/list.d.ts

@@ -0,0 +1,18 @@
+import { type TemplateResult } from 'lit';
+import { DsElement } from '@jsekulowicz/ds-core';
+export type ListVariant = 'plain' | 'bordered';
+export type ListDensity = 'compact' | 'default';
+/**
+ * @tag ds-list
+ * @summary Vertical stack of `ds-list-item` rows, optionally bordered with hairline dividers.
+ * @slot default - One or more `ds-list-item` children.
+ * @attr {string} variant - `plain` (no surrounding border) or `bordered` (default).
+ * @attr {string} density - `default` or `compact`.
+ */
+export declare class DsList extends DsElement {
+    static styles: import("lit").CSSResult[];
+    variant: ListVariant;
+    density: ListDensity;
+    render(): TemplateResult;
+}
+//# sourceMappingURL=list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/atoms/list/list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,UAAU,CAAC;AAC/C,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,CAAC;AAEhD;;;;;;GAMG;AACH,qBAAa,MAAO,SAAQ,SAAS;IACnC,OAAgB,MAAM,4BAAqC;IAE9B,OAAO,EAAE,WAAW,CAAc;IAClC,OAAO,EAAE,WAAW,CAAa;IAErD,MAAM,IAAI,cAAc;CAGlC"}

package/dist/atoms/list/list.js

@@ -0,0 +1,35 @@
+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 } from 'lit';
+import { property } from 'lit/decorators.js';
+import { DsElement } from '@jsekulowicz/ds-core';
+import { listStyles } from './list.styles.js';
+/**
+ * @tag ds-list
+ * @summary Vertical stack of `ds-list-item` rows, optionally bordered with hairline dividers.
+ * @slot default - One or more `ds-list-item` children.
+ * @attr {string} variant - `plain` (no surrounding border) or `bordered` (default).
+ * @attr {string} density - `default` or `compact`.
+ */
+export class DsList extends DsElement {
+    constructor() {
+        super(...arguments);
+        this.variant = 'bordered';
+        this.density = 'default';
+    }
+    static { this.styles = [...DsElement.styles, listStyles]; }
+    render() {
+        return html `<ul role="list" part="list"><slot></slot></ul>`;
+    }
+}
+__decorate([
+    property({ reflect: true })
+], DsList.prototype, "variant", void 0);
+__decorate([
+    property({ reflect: true })
+], DsList.prototype, "density", void 0);
+//# sourceMappingURL=list.js.map

package/dist/atoms/list/list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/atoms/list/list.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAK9C;;;;;;GAMG;AACH,MAAM,OAAO,MAAO,SAAQ,SAAS;IAArC;;QAG+B,YAAO,GAAgB,UAAU,CAAC;QAClC,YAAO,GAAgB,SAAS,CAAC;IAKhE,CAAC;aARiB,WAAM,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,UAAU,CAAC,AAApC,CAAqC;IAKlD,MAAM;QACb,OAAO,IAAI,CAAA,gDAAgD,CAAC;IAC9D,CAAC;;AAL4B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCAAmC;AAClC;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCAAkC"}

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

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

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

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

package/dist/atoms/list/list.styles.js

@@ -0,0 +1,22 @@
+import { css } from 'lit';
+export const listStyles = css `
+  :host {
+    display: block;
+  }
+  ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+  }
+  :host([variant='bordered']) ul {
+    border: 1px solid var(--ds-color-border);
+    border-radius: var(--ds-radius-md);
+    background: var(--ds-color-bg);
+  }
+  :host([variant='bordered']) ::slotted(ds-list-item:not(:last-of-type)) {
+    border-bottom: 1px solid var(--ds-color-border-subtle);
+  }
+`;
+//# sourceMappingURL=list.styles.js.map

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

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

package/dist/atoms/table/table-pagination.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-pagination.styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/table/table-pagination.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,yBA2FjC,CAAC"}
+{"version":3,"file":"table-pagination.styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/table/table-pagination.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,yBA4FjC,CAAC"}

package/dist/atoms/table/table-pagination.styles.js

@@ -4,7 +4,8 @@ export const tablePaginationStyles = css `
     display: flex;
     align-items: center;
     justify-content: space-between;
-    gap: var(--ds-space-3);
+    column-gap: var(--ds-space-4);
+    row-gap: var(--ds-space-3);
     flex-wrap: wrap;
     color: var(--ds-color-fg);
     font-family: var(--ds-font-body);

package/dist/atoms/table/table-pagination.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-pagination.styles.js","sourceRoot":"","sources":["../../../src/atoms/table/table-pagination.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2FvC,CAAC"}
+{"version":3,"file":"table-pagination.styles.js","sourceRoot":"","sources":["../../../src/atoms/table/table-pagination.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4FvC,CAAC"}

package/dist/atoms/tooltip/tooltip.d.ts

@@ -16,6 +16,7 @@ export declare class DsTooltip extends DsElement {
     open: boolean;
     hoverOnly: boolean;
     delay: number;
+    fullWidth: boolean;
     private _hovered;
     private _focused;
     private _hoverTimer?;

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/atoms/tooltip/tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAanE;;;;;;;GAOG;AACH,qBAAa,SAAU,SAAQ,SAAS;;IACtC,OAAgB,MAAM,4BAAwC;IAEjC,SAAS,EAAE,gBAAgB,CAAS;IACrB,IAAI,UAAS;IACH,SAAS,UAAS;IAC5C,KAAK,SAAK;IAE7B,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,QAAQ,CAAS;IAElC,OAAO,CAAC,WAAW,CAAC,CAAS;IAEpB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI;IAsHvC,MAAM,IAAI,cAAc;CAiBlC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/atoms/tooltip/tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAanE;;;;;;;GAOG;AACH,qBAAa,SAAU,SAAQ,SAAS;;IACtC,OAAgB,MAAM,4BAAwC;IAEjC,SAAS,EAAE,gBAAgB,CAAS;IACrB,IAAI,UAAS;IACH,SAAS,UAAS;IAC5C,KAAK,SAAK;IAC+B,SAAS,UAAS;IAE9E,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,QAAQ,CAAS;IAElC,OAAO,CAAC,WAAW,CAAC,CAAS;IAEpB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI;IAsHvC,MAAM,IAAI,cAAc;CAiBlC"}