@jsekulowicz/ds-components 0.1.0

package/dist/atoms/text-field/text-field.styles.js

@@ -0,0 +1,76 @@
+import { css } from 'lit';
+export const textFieldStyles = css `
+  :host {
+    display: flex;
+    flex-direction: column;
+    gap: var(--ds-space-1);
+    width: 100%;
+  }
+  .wrap {
+    position: relative;
+    display: flex;
+    align-items: center;
+    width: 100%;
+    height: var(--ds-size-md);
+    padding: 0 var(--ds-space-3);
+    gap: var(--ds-space-2);
+    background: var(--ds-color-bg);
+    border: 1px solid var(--ds-color-border-strong);
+    border-radius: var(--ds-radius-sm);
+    transition: border-color var(--ds-duration-fast) var(--ds-easing-standard),
+      box-shadow var(--ds-duration-fast) var(--ds-easing-standard);
+  }
+  .wrap:hover {
+    border-color: var(--ds-color-fg-subtle);
+  }
+  .wrap:focus-within {
+    border-color: var(--ds-color-accent);
+    box-shadow: var(--ds-shadow-focus);
+  }
+  :host([invalid]) .wrap {
+    border-color: var(--ds-color-danger);
+    background: var(--ds-color-danger-subtle);
+  }
+  :host([invalid]) .wrap:focus-within {
+    box-shadow: 0 0 0 3px rgba(178, 26, 10, 0.3);
+  }
+  :host([disabled]) .wrap {
+    opacity: 0.5;
+    cursor: not-allowed;
+    background: var(--ds-color-bg-subtle);
+  }
+  input {
+    flex: 1;
+    border: none;
+    outline: none;
+    background: transparent;
+    color: var(--ds-color-fg);
+    font-family: var(--ds-font-body);
+    font-size: var(--ds-font-size-sm);
+    line-height: 1.4;
+    padding: 0;
+    min-width: 0;
+  }
+  input::placeholder {
+    color: var(--ds-color-fg-muted);
+  }
+  :host([size='sm']) .wrap {
+    height: var(--ds-size-sm);
+    padding: 0 var(--ds-space-2);
+  }
+  :host([size='lg']) .wrap {
+    height: var(--ds-size-lg);
+    padding: 0 var(--ds-space-4);
+    font-size: var(--ds-font-size-md);
+  }
+  .adornment {
+    display: inline-flex;
+    align-items: center;
+    color: var(--ds-color-fg-muted);
+    font-size: var(--ds-font-size-sm);
+  }
+  .adornment[hidden] {
+    display: none;
+  }
+`;
+//# sourceMappingURL=text-field.styles.js.map

package/dist/atoms/text-field/text-field.styles.js.map

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

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

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

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

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

package/dist/atoms/tooltip/define.js

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

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

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

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

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

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

package/dist/atoms/tooltip/index.js

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

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

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

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

@@ -0,0 +1,26 @@
+import { type PropertyValues, type TemplateResult } from 'lit';
+import { DsElement } from '@jsekulowicz/ds-core';
+export type TooltipPlacement = 'top' | 'right' | 'bottom' | 'left';
+/**
+ * @tag ds-tooltip
+ * @summary Contextual label that appears on hover/focus of the trigger element.
+ * @slot default - The trigger element that the tooltip is anchored to.
+ * @slot tip - The tooltip content (can be any HTML).
+ * @csspart anchor - The wrapper around the trigger element.
+ * @csspart tooltip - The tooltip bubble. Rendered in the Popover API top layer so it escapes ancestor overflow; positioned via JS using getBoundingClientRect of the trigger.
+ */
+export declare class DsTooltip extends DsElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    placement: TooltipPlacement;
+    open: boolean;
+    hoverOnly: boolean;
+    delay: number;
+    private _hovered;
+    private _focused;
+    private _hoverTimer?;
+    disconnectedCallback(): void;
+    updated(_changed: PropertyValues): void;
+    render(): TemplateResult;
+}
+//# sourceMappingURL=tooltip.d.ts.map

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

@@ -0,0 +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"}

package/dist/atoms/tooltip/tooltip.js

@@ -0,0 +1,194 @@
+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, state } from 'lit/decorators.js';
+import { DsElement } from '@jsekulowicz/ds-core';
+import { tooltipStyles } from './tooltip.styles.js';
+const GAP = 6;
+function isPopoverElement(el) {
+    return !!el && typeof el.showPopover === 'function';
+}
+/**
+ * @tag ds-tooltip
+ * @summary Contextual label that appears on hover/focus of the trigger element.
+ * @slot default - The trigger element that the tooltip is anchored to.
+ * @slot tip - The tooltip content (can be any HTML).
+ * @csspart anchor - The wrapper around the trigger element.
+ * @csspart tooltip - The tooltip bubble. Rendered in the Popover API top layer so it escapes ancestor overflow; positioned via JS using getBoundingClientRect of the trigger.
+ */
+export class DsTooltip extends DsElement {
+    constructor() {
+        super(...arguments);
+        this.placement = 'top';
+        this.open = false;
+        this.hoverOnly = false;
+        this.delay = 0;
+        this._hovered = false;
+        this._focused = false;
+        this.#clearHoverTimer = () => {
+            if (this._hoverTimer !== undefined) {
+                window.clearTimeout(this._hoverTimer);
+                this._hoverTimer = undefined;
+            }
+        };
+        this.#onMouseEnter = () => {
+            this.#clearHoverTimer();
+            if (this.delay > 0) {
+                this._hoverTimer = window.setTimeout(() => {
+                    this._hovered = true;
+                }, this.delay);
+            }
+            else {
+                this._hovered = true;
+            }
+        };
+        this.#onMouseLeave = () => {
+            this.#clearHoverTimer();
+            this._hovered = false;
+        };
+        this.#onFocusIn = () => {
+            if (this.hoverOnly) {
+                return;
+            }
+            this._focused = true;
+        };
+        this.#onFocusOut = () => {
+            if (this.hoverOnly) {
+                return;
+            }
+            this._focused = false;
+        };
+        this.#show = () => {
+            const tooltip = this.#tooltipEl();
+            if (!tooltip) {
+                return;
+            }
+            if (!tooltip.matches(':popover-open')) {
+                try {
+                    tooltip.showPopover();
+                }
+                catch {
+                    // ignore — possibly unsupported
+                }
+            }
+            this.#updatePosition();
+        };
+        this.#hide = () => {
+            const tooltip = this.#tooltipEl();
+            if (!tooltip || !tooltip.matches(':popover-open')) {
+                return;
+            }
+            try {
+                tooltip.hidePopover();
+            }
+            catch {
+                // ignore
+            }
+        };
+        this.#updatePosition = () => {
+            const tooltip = this.#tooltipEl();
+            if (!tooltip) {
+                return;
+            }
+            const anchorRect = this.shadowRoot?.querySelector('.anchor')?.getBoundingClientRect();
+            const rect = anchorRect ?? this.getBoundingClientRect();
+            let top = 0;
+            let left = 0;
+            let transform = '';
+            switch (this.placement) {
+                case 'top':
+                    top = rect.top - GAP;
+                    left = rect.left + rect.width / 2;
+                    transform = 'translate(-50%, -100%)';
+                    break;
+                case 'right':
+                    top = rect.top + rect.height / 2;
+                    left = rect.right + GAP;
+                    transform = 'translateY(-50%)';
+                    break;
+                case 'bottom':
+                    top = rect.bottom + GAP;
+                    left = rect.left + rect.width / 2;
+                    transform = 'translateX(-50%)';
+                    break;
+                case 'left':
+                    top = rect.top + rect.height / 2;
+                    left = rect.left - GAP;
+                    transform = 'translate(-100%, -50%)';
+                    break;
+            }
+            tooltip.style.top = `${top}px`;
+            tooltip.style.left = `${left}px`;
+            tooltip.style.transform = transform;
+        };
+    }
+    static { this.styles = [...DsElement.styles, tooltipStyles]; }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.#clearHoverTimer();
+        this.#hide();
+    }
+    updated(_changed) {
+        if (this.#shouldShow()) {
+            this.#show();
+        }
+        else {
+            this.#hide();
+        }
+    }
+    #shouldShow() {
+        return this.open || this._hovered || (!this.hoverOnly && this._focused);
+    }
+    #clearHoverTimer;
+    #onMouseEnter;
+    #onMouseLeave;
+    #onFocusIn;
+    #onFocusOut;
+    #tooltipEl() {
+        const el = this.shadowRoot?.querySelector('.tooltip') ?? null;
+        return isPopoverElement(el) ? el : null;
+    }
+    #show;
+    #hide;
+    #updatePosition;
+    render() {
+        return html `
+      <div
+        class="anchor"
+        part="anchor"
+        @mouseenter=${this.#onMouseEnter}
+        @mouseleave=${this.#onMouseLeave}
+        @focusin=${this.#onFocusIn}
+        @focusout=${this.#onFocusOut}
+      >
+        <slot></slot>
+        <div role="tooltip" part="tooltip" class="tooltip" popover="manual">
+          <slot name="tip"></slot>
+        </div>
+      </div>
+    `;
+    }
+}
+__decorate([
+    property({ reflect: true })
+], DsTooltip.prototype, "placement", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], DsTooltip.prototype, "open", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'hover-only' })
+], DsTooltip.prototype, "hoverOnly", void 0);
+__decorate([
+    property({ type: Number })
+], DsTooltip.prototype, "delay", void 0);
+__decorate([
+    state()
+], DsTooltip.prototype, "_hovered", void 0);
+__decorate([
+    state()
+], DsTooltip.prototype, "_focused", void 0);
+//# sourceMappingURL=tooltip.js.map

package/dist/atoms/tooltip/tooltip.js.map

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

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

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

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

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

package/dist/atoms/tooltip/tooltip.styles.js

@@ -0,0 +1,32 @@
+import { css } from 'lit';
+export const tooltipStyles = css `
+  :host {
+    display: inline-flex;
+    position: relative;
+  }
+  .anchor {
+    position: relative;
+    display: inline-flex;
+  }
+  .tooltip {
+    /* Override UA popover defaults so JS-set top/left/transform stay authoritative. */
+    position: fixed;
+    inset: auto;
+    margin: 0;
+    border: none;
+    width: max-content;
+    height: auto;
+    overflow: visible;
+    z-index: var(--ds-z-index-tooltip, 999);
+    background: var(--ds-color-fg);
+    color: var(--ds-color-bg);
+    font-family: var(--ds-font-body);
+    font-size: var(--ds-font-size-xs);
+    line-height: 1.4;
+    padding: var(--ds-space-1) var(--ds-space-3);
+    border-radius: var(--ds-radius-xs);
+    max-width: 16rem;
+    pointer-events: none;
+  }
+`;
+//# sourceMappingURL=tooltip.styles.js.map

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

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

package/dist/define.d.ts

@@ -0,0 +1,31 @@
+import './atoms/button/define.js';
+import './atoms/tooltip/define.js';
+import './atoms/badge/define.js';
+import './atoms/icon/define.js';
+import './atoms/link/define.js';
+import './atoms/text-field/define.js';
+import './atoms/checkbox/define.js';
+import './atoms/checkbox-group/define.js';
+import './atoms/radio/define.js';
+import './atoms/radio-group/define.js';
+import './atoms/select/define.js';
+import './atoms/searchable-select/define.js';
+import './atoms/tabs/define.js';
+import './atoms/table/define.js';
+import './atoms/breadcrumb/define.js';
+import './atoms/nav-item/define.js';
+import './atoms/menu/define.js';
+import './molecules/card/define.js';
+import './molecules/dialog/define.js';
+import './molecules/toast/define.js';
+import './molecules/color-picker/define.js';
+import './molecules/menu-button/define.js';
+import './molecules/bar-chart/define.js';
+import './molecules/alert/define.js';
+import './organisms/form/define.js';
+import './organisms/navbar/define.js';
+import './organisms/sidenav/define.js';
+import './organisms/footer/define.js';
+import './templates/page-shell/define.js';
+import './pages/settings-page/define.js';
+//# sourceMappingURL=define.d.ts.map

package/dist/define.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../src/define.ts"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAC;AAClC,OAAO,2BAA2B,CAAC;AACnC,OAAO,yBAAyB,CAAC;AACjC,OAAO,wBAAwB,CAAC;AAChC,OAAO,wBAAwB,CAAC;AAChC,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yBAAyB,CAAC;AACjC,OAAO,+BAA+B,CAAC;AACvC,OAAO,0BAA0B,CAAC;AAClC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AACjC,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,wBAAwB,CAAC;AAChC,OAAO,4BAA4B,CAAC;AACpC,OAAO,8BAA8B,CAAC;AACtC,OAAO,6BAA6B,CAAC;AACrC,OAAO,oCAAoC,CAAC;AAC5C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,iCAAiC,CAAC;AACzC,OAAO,6BAA6B,CAAC;AACrC,OAAO,4BAA4B,CAAC;AACpC,OAAO,8BAA8B,CAAC;AACtC,OAAO,+BAA+B,CAAC;AACvC,OAAO,8BAA8B,CAAC;AACtC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,iCAAiC,CAAC"}

package/dist/define.js

@@ -0,0 +1,31 @@
+import './atoms/button/define.js';
+import './atoms/tooltip/define.js';
+import './atoms/badge/define.js';
+import './atoms/icon/define.js';
+import './atoms/link/define.js';
+import './atoms/text-field/define.js';
+import './atoms/checkbox/define.js';
+import './atoms/checkbox-group/define.js';
+import './atoms/radio/define.js';
+import './atoms/radio-group/define.js';
+import './atoms/select/define.js';
+import './atoms/searchable-select/define.js';
+import './atoms/tabs/define.js';
+import './atoms/table/define.js';
+import './atoms/breadcrumb/define.js';
+import './atoms/nav-item/define.js';
+import './atoms/menu/define.js';
+import './molecules/card/define.js';
+import './molecules/dialog/define.js';
+import './molecules/toast/define.js';
+import './molecules/color-picker/define.js';
+import './molecules/menu-button/define.js';
+import './molecules/bar-chart/define.js';
+import './molecules/alert/define.js';
+import './organisms/form/define.js';
+import './organisms/navbar/define.js';
+import './organisms/sidenav/define.js';
+import './organisms/footer/define.js';
+import './templates/page-shell/define.js';
+import './pages/settings-page/define.js';
+//# sourceMappingURL=define.js.map

package/dist/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../src/define.ts"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAC;AAClC,OAAO,2BAA2B,CAAC;AACnC,OAAO,yBAAyB,CAAC;AACjC,OAAO,wBAAwB,CAAC;AAChC,OAAO,wBAAwB,CAAC;AAChC,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yBAAyB,CAAC;AACjC,OAAO,+BAA+B,CAAC;AACvC,OAAO,0BAA0B,CAAC;AAClC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AACjC,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,wBAAwB,CAAC;AAChC,OAAO,4BAA4B,CAAC;AACpC,OAAO,8BAA8B,CAAC;AACtC,OAAO,6BAA6B,CAAC;AACrC,OAAO,oCAAoC,CAAC;AAC5C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,iCAAiC,CAAC;AACzC,OAAO,6BAA6B,CAAC;AACrC,OAAO,4BAA4B,CAAC;AACpC,OAAO,8BAA8B,CAAC;AACtC,OAAO,+BAA+B,CAAC;AACvC,OAAO,8BAA8B,CAAC;AACtC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,iCAAiC,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,31 @@
+export { DsButton, type ButtonVariant, type ButtonSize, type ButtonType, } from './atoms/button/index.js';
+export { DsTooltip, type TooltipPlacement } from './atoms/tooltip/index.js';
+export { DsBadge, type BadgeTone } from './atoms/badge/index.js';
+export { DsIcon, registerIcon, getIcon, type IconSize } from './atoms/icon/index.js';
+export { DsLink, type LinkVariant } from './atoms/link/index.js';
+export { DsTextField, type TextFieldType, type TextFieldSize } from './atoms/text-field/index.js';
+export { DsCheckbox } from './atoms/checkbox/index.js';
+export { DsCheckboxGroup } from './atoms/checkbox-group/index.js';
+export { DsRadio } from './atoms/radio/index.js';
+export { DsRadioGroup } from './atoms/radio-group/index.js';
+export { DsSelect, type SelectOption } from './atoms/select/index.js';
+export { DsSearchableSelect } from './atoms/searchable-select/index.js';
+export { DsTabs, DsTab, DsTabPanel } from './atoms/tabs/index.js';
+export { DsBreadcrumb, DsBreadcrumbItem } from './atoms/breadcrumb/index.js';
+export { DsNavItem, DsNavGroup } from './atoms/nav-item/index.js';
+export { DsMenu, DsMenuItem } from './atoms/menu/index.js';
+export { DsTable, DsTableSortButton, DsTablePagination, buildPaginationRange, type TableColumn, type TableColumnAlign, type TableRow, type TableSortDirection, type TableSortState, type TableRowClickDetail, type TableSortDetail, type TablePageChangeDetail, type TablePageSizeChangeDetail, type PaginationRangeItem, type PaginationRangeInput, } from './atoms/table/index.js';
+export { DsCard, type CardElevation, type CardOrientation } from './molecules/card/index.js';
+export { DsDialog, type DialogSize } from './molecules/dialog/index.js';
+export { DsToast, DsToastStack, toast, type ToastTone, type ToastDismissReason, type ToastPlacement, type ToastOptions, type ToastController, } from './molecules/toast/index.js';
+export { DsColorPicker, DsColorPickerInputColor, DsColorPickerSwatch, DsColorPickerSwatchGroup, type ColorPickerOption, } from './molecules/color-picker/index.js';
+export { DsMenuButton, type MenuButtonPlacement } from './molecules/menu-button/index.js';
+export { DsBarChart, type BarChartSeries, type BarChartRow, type BarChartGroup, type BarChartFocusDetail, } from './molecules/bar-chart/index.js';
+export { DsAlert, type AlertTone } from './molecules/alert/index.js';
+export { DsForm } from './organisms/form/index.js';
+export { DsNavbar } from './organisms/navbar/index.js';
+export { DsSidenav } from './organisms/sidenav/index.js';
+export { DsFooter } from './organisms/footer/index.js';
+export { DsPageShell } from './templates/page-shell/index.js';
+export { DsSettingsPage, type SettingsSection } from './pages/settings-page/index.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -0,0 +1,31 @@
+export { DsButton, } from './atoms/button/index.js';
+export { DsTooltip } from './atoms/tooltip/index.js';
+export { DsBadge } from './atoms/badge/index.js';
+export { DsIcon, registerIcon, getIcon } from './atoms/icon/index.js';
+export { DsLink } from './atoms/link/index.js';
+export { DsTextField } from './atoms/text-field/index.js';
+export { DsCheckbox } from './atoms/checkbox/index.js';
+export { DsCheckboxGroup } from './atoms/checkbox-group/index.js';
+export { DsRadio } from './atoms/radio/index.js';
+export { DsRadioGroup } from './atoms/radio-group/index.js';
+export { DsSelect } from './atoms/select/index.js';
+export { DsSearchableSelect } from './atoms/searchable-select/index.js';
+export { DsTabs, DsTab, DsTabPanel } from './atoms/tabs/index.js';
+export { DsBreadcrumb, DsBreadcrumbItem } from './atoms/breadcrumb/index.js';
+export { DsNavItem, DsNavGroup } from './atoms/nav-item/index.js';
+export { DsMenu, DsMenuItem } from './atoms/menu/index.js';
+export { DsTable, DsTableSortButton, DsTablePagination, buildPaginationRange, } from './atoms/table/index.js';
+export { DsCard } from './molecules/card/index.js';
+export { DsDialog } from './molecules/dialog/index.js';
+export { DsToast, DsToastStack, toast, } from './molecules/toast/index.js';
+export { DsColorPicker, DsColorPickerInputColor, DsColorPickerSwatch, DsColorPickerSwatchGroup, } from './molecules/color-picker/index.js';
+export { DsMenuButton } from './molecules/menu-button/index.js';
+export { DsBarChart, } from './molecules/bar-chart/index.js';
+export { DsAlert } from './molecules/alert/index.js';
+export { DsForm } from './organisms/form/index.js';
+export { DsNavbar } from './organisms/navbar/index.js';
+export { DsSidenav } from './organisms/sidenav/index.js';
+export { DsFooter } from './organisms/footer/index.js';
+export { DsPageShell } from './templates/page-shell/index.js';
+export { DsSettingsPage } from './pages/settings-page/index.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,GAIT,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAyB,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAkB,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAiB,MAAM,uBAAuB,CAAC;AACrF,OAAO,EAAE,MAAM,EAAoB,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,WAAW,EAA0C,MAAM,6BAA6B,CAAC;AAClG,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAqB,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EACL,OAAO,EACP,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,GAYrB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,MAAM,EAA4C,MAAM,2BAA2B,CAAC;AAC7F,OAAO,EAAE,QAAQ,EAAmB,MAAM,6BAA6B,CAAC;AACxE,OAAO,EACL,OAAO,EACP,YAAY,EACZ,KAAK,GAMN,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,aAAa,EACb,uBAAuB,EACvB,mBAAmB,EACnB,wBAAwB,GAEzB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,YAAY,EAA4B,MAAM,kCAAkC,CAAC;AAC1F,OAAO,EACL,UAAU,GAKX,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,OAAO,EAAkB,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAwB,MAAM,gCAAgC,CAAC"}

package/dist/molecules/alert/alert.d.ts

@@ -0,0 +1,21 @@
+import { type TemplateResult } from 'lit';
+import { DsElement } from '@jsekulowicz/ds-core';
+export type AlertTone = 'info' | 'success' | 'warning' | 'danger';
+/**
+ * @tag ds-alert
+ * @summary Inline message with tone, optional title, and dismissal.
+ * @slot default - Message body.
+ * @slot actions - Optional action row below the message.
+ * @event ds-dismiss - Fires when the close button is activated.
+ */
+export declare class DsAlert extends DsElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    tone: AlertTone;
+    heading?: string;
+    dismissible: boolean;
+    announceOnConnect: boolean;
+    connectedCallback(): void;
+    render(): TemplateResult;
+}
+//# sourceMappingURL=alert.d.ts.map

package/dist/molecules/alert/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/molecules/alert/alert.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,SAAS,EAAY,MAAM,sBAAsB,CAAC;AAG3D,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAElE;;;;;;GAMG;AACH,qBAAa,OAAQ,SAAQ,SAAS;;IACpC,OAAgB,MAAM,4BAAsC;IAE/B,IAAI,EAAE,SAAS,CAAU;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC;IACe,WAAW,UAAS;IACnC,iBAAiB,UAAS;IAE9C,iBAAiB,IAAI,IAAI;IAYzB,MAAM,IAAI,cAAc;CAsBlC"}

package/dist/molecules/alert/alert.js

@@ -0,0 +1,72 @@
+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, announce } from '@jsekulowicz/ds-core';
+import { alertStyles } from './alert.styles.js';
+/**
+ * @tag ds-alert
+ * @summary Inline message with tone, optional title, and dismissal.
+ * @slot default - Message body.
+ * @slot actions - Optional action row below the message.
+ * @event ds-dismiss - Fires when the close button is activated.
+ */
+export class DsAlert extends DsElement {
+    constructor() {
+        super(...arguments);
+        this.tone = 'info';
+        this.dismissible = false;
+        this.announceOnConnect = false;
+        this.#dismiss = () => {
+            this.emit('ds-dismiss', { detail: null });
+            this.remove();
+        };
+    }
+    static { this.styles = [...DsElement.styles, alertStyles]; }
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.announceOnConnect && this.heading) {
+            announce(this.heading, this.tone === 'danger' ? 'assertive' : 'polite');
+        }
+    }
+    #dismiss;
+    render() {
+        const role = this.tone === 'danger' ? 'alert' : 'status';
+        return html `<div class="alert" part="alert" role=${role}>
+      <div class="content">
+        ${this.heading ? html `<div class="title" part="title">${this.heading}</div>` : nothing}
+        <slot></slot>
+        <slot name="actions"></slot>
+      </div>
+      ${this.dismissible
+            ? html `<button type="button" class="close" aria-label="Dismiss" @click=${this.#dismiss}>
+            <svg viewBox="0 0 16 16" width="14" height="14" fill="none" aria-hidden="true">
+              <path
+                d="M4 4l8 8M12 4l-8 8"
+                stroke="currentColor"
+                stroke-width="1.5"
+                stroke-linecap="round"
+              />
+            </svg>
+          </button>`
+            : nothing}
+    </div>`;
+    }
+}
+__decorate([
+    property({ reflect: true })
+], DsAlert.prototype, "tone", void 0);
+__decorate([
+    property()
+], DsAlert.prototype, "heading", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], DsAlert.prototype, "dismissible", void 0);
+__decorate([
+    property({ type: Boolean })
+], DsAlert.prototype, "announceOnConnect", void 0);
+//# sourceMappingURL=alert.js.map