@deepfuture/dui-components 0.0.1

package/portal/portal.js

@@ -0,0 +1,115 @@
+/** Ported from original DUI: deep-future-app/app/client/components/dui/portal */
+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 { css, html, LitElement } from "lit";
+import { property } from "lit/decorators.js";
+import { getRootDocument } from "@deepfuture/dui-core/dom";
+/** Structural styles only — layout CSS. */
+const styles = css `
+  :host {
+    display: contents;
+  }
+`;
+/**
+ * `<dui-portal>` — Teleports light DOM children to a target container.
+ *
+ * Children are moved back into the portal when the element disconnects,
+ * allowing the portal and its children to be moved or garbage-collected
+ * correctly.
+ *
+ * @slot - Content to teleport.
+ * @attr {string} target - CSS selector for the destination container (default: "body").
+ * @attr {"shadow" | "document"} target-root - Where to resolve the target selector.
+ */
+export class DuiPortal extends LitElement {
+    static { this.tagName = "dui-portal"; }
+    static { this.styles = [styles]; }
+    #target_accessor_storage = "body";
+    /** CSS selector for the destination container. */
+    get target() { return this.#target_accessor_storage; }
+    set target(value) { this.#target_accessor_storage = value; }
+    #targetRoot_accessor_storage = "document";
+    /** Where to resolve the target selector: "document" (default) or "shadow". */
+    get targetRoot() { return this.#targetRoot_accessor_storage; }
+    set targetRoot(value) { this.#targetRoot_accessor_storage = value; }
+    #targetElement_accessor_storage;
+    /** Direct element reference for cross-shadow-root targets. Takes precedence over `target` selector. */
+    get targetElement() { return this.#targetElement_accessor_storage; }
+    set targetElement(value) { this.#targetElement_accessor_storage = value; }
+    #container = undefined;
+    #movedNodes = new Set();
+    #isMoving = false;
+    #queryTarget() {
+        const root = getRootDocument(this, {
+            composed: this.targetRoot === "document",
+        });
+        return root?.querySelector(this.target) ?? undefined;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.#container = this.targetElement ?? this.#queryTarget();
+        if (this.#container && this.childNodes.length > 0) {
+            this.#moveChildrenToTarget();
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.#detach();
+    }
+    updated(changed) {
+        if (changed.has("target") ||
+            changed.has("targetRoot") ||
+            changed.has("targetElement")) {
+            this.#detach();
+            this.#attach();
+        }
+    }
+    #attach() {
+        this.#container = this.targetElement ?? this.#queryTarget();
+        this.#moveChildrenToTarget();
+    }
+    #detach() {
+        if (this.#movedNodes.size === 0)
+            return;
+        this.#isMoving = true;
+        for (const node of this.#movedNodes) {
+            this.append(node);
+        }
+        this.#movedNodes.clear();
+        this.#isMoving = false;
+        this.#container = undefined;
+    }
+    #moveChildrenToTarget() {
+        if (!this.#container) {
+            throw new Error(`Portal target does not exist: ${this.target}`);
+        }
+        this.#isMoving = true;
+        const nodes = Array.from(this.childNodes);
+        for (const node of nodes) {
+            this.#container.appendChild(node);
+            this.#movedNodes.add(node);
+        }
+        this.#isMoving = false;
+    }
+    #handleSlotChange = () => {
+        if (this.#isMoving || !this.#container)
+            return;
+        this.#moveChildrenToTarget();
+    };
+    render() {
+        return html `<slot @slotchange=${this.#handleSlotChange}></slot>`;
+    }
+}
+__decorate([
+    property({ type: String })
+], DuiPortal.prototype, "target", null);
+__decorate([
+    property({ type: String, attribute: "target-root", reflect: true })
+], DuiPortal.prototype, "targetRoot", null);
+__decorate([
+    property({ attribute: false })
+], DuiPortal.prototype, "targetElement", null);

package/portal/register.d.ts

@@ -0,0 +1 @@
+export {};

package/portal/register.js

@@ -0,0 +1,4 @@
+import { DuiPortal } from "./index.js";
+if (!customElements.get(DuiPortal.tagName)) {
+    customElements.define(DuiPortal.tagName, DuiPortal);
+}

package/preview-card/index.d.ts

@@ -0,0 +1,5 @@
+export { DuiPreviewCard, openChangeEvent } from "./preview-card.js";
+export type { PreviewCardOpenChangeDetail } from "./preview-card.js";
+export { DuiPreviewCardTrigger } from "./preview-card-trigger.js";
+export { DuiPreviewCardPopup } from "./preview-card-popup.js";
+export type { PreviewCardContext, PreviewCardSide } from "./preview-card-context.js";

package/preview-card/index.js

@@ -0,0 +1,3 @@
+export { DuiPreviewCard, openChangeEvent } from "./preview-card.js";
+export { DuiPreviewCardTrigger } from "./preview-card-trigger.js";
+export { DuiPreviewCardPopup } from "./preview-card-popup.js";

package/preview-card/preview-card-context.d.ts

@@ -0,0 +1,16 @@
+/** Ported from original DUI: deep-future-app/app/client/components/dui/preview-card */
+export type PreviewCardSide = "top" | "bottom";
+export type PreviewCardContext = {
+    readonly open: boolean;
+    readonly triggerId: string;
+    readonly popupId: string;
+    readonly side: PreviewCardSide;
+    readonly sideOffset: number;
+    readonly triggerEl: HTMLElement | undefined;
+    readonly openPreviewCard: () => void;
+    readonly closePreviewCard: () => void;
+    readonly setTriggerEl: (el: HTMLElement | undefined) => void;
+};
+export declare const previewCardContext: {
+    __context__: PreviewCardContext;
+};

package/preview-card/preview-card-context.js

@@ -0,0 +1,3 @@
+/** Ported from original DUI: deep-future-app/app/client/components/dui/preview-card */
+import { createContext } from "@lit/context";
+export const previewCardContext = createContext(Symbol("dui-preview-card"));

package/preview-card/preview-card-popup.d.ts

@@ -0,0 +1,16 @@
+/** Ported from original DUI: deep-future-app/app/client/components/dui/preview-card */
+import { LitElement, type TemplateResult } from "lit";
+/**
+ * `<dui-preview-card-popup>` — The preview card popup content container.
+ *
+ * @slot - Preview card content.
+ */
+export declare class DuiPreviewCardPopup extends LitElement {
+    #private;
+    static tagName: "dui-preview-card-popup";
+    static styles: import("lit").CSSResult[];
+    /** Whether to show an arrow pointing to the trigger. */
+    accessor showArrow: boolean;
+    updated(): void;
+    render(): TemplateResult;
+}

package/preview-card/preview-card-popup.js

@@ -0,0 +1,167 @@
+/** Ported from original DUI: deep-future-app/app/client/components/dui/preview-card */
+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 { css, html, LitElement } from "lit";
+import { property } from "lit/decorators.js";
+import { ContextConsumer } from "@lit/context";
+import { base } from "@deepfuture/dui-core/base";
+import { previewCardContext } from "./preview-card-context.js";
+import { FloatingPortalController } from "@deepfuture/dui-core/floating-portal-controller";
+import { renderArrow, } from "@deepfuture/dui-core/floating-popup-utils";
+const hostStyles = css `
+  :host {
+    display: none;
+  }
+`;
+/** Styles injected into the portal positioner. */
+const portalPopupStyles = [
+    css `
+    .Popup {
+      box-sizing: border-box;
+      padding: var(--space-4);
+      border-radius: var(--radius-md);
+      background: var(--popover);
+      color: var(--popover-foreground);
+      font-family: var(--font-sans);
+      font-size: var(--font-size-sm);
+      line-height: var(--line-height-normal);
+      box-shadow: var(--shadow-lg);
+      border: var(--border-width-thin) solid var(--border);
+      max-width: var(--max-width, var(--space-80));
+      pointer-events: auto;
+      transform-origin: var(--transform-origin, center);
+      opacity: 1;
+      transform: scale(1);
+      transition-property: opacity, transform;
+      transition-duration: var(--duration-fast);
+      transition-timing-function: var(--ease-out-3);
+    }
+
+    .Popup[data-starting-style],
+    .Popup[data-ending-style] {
+      opacity: 0;
+      transform: scale(0.96);
+    }
+
+    .Popup[data-side="top"] {
+      --transform-origin: bottom center;
+    }
+
+    .Popup[data-side="bottom"] {
+      --transform-origin: top center;
+    }
+
+    .Arrow {
+      position: absolute;
+      width: 10px;
+      height: 6px;
+    }
+
+    .Arrow[data-side="top"] {
+      bottom: -5px;
+      left: 50%;
+      transform: translateX(-50%);
+    }
+
+    .Arrow[data-side="bottom"] {
+      top: -5px;
+      left: 50%;
+      transform: translateX(-50%) rotate(180deg);
+    }
+
+    .Arrow .arrow-fill {
+      fill: var(--popover);
+    }
+
+    .Arrow .arrow-stroke {
+      fill: none;
+      stroke: var(--border);
+      stroke-width: 1px;
+    }
+  `,
+];
+/**
+ * `<dui-preview-card-popup>` — The preview card popup content container.
+ *
+ * @slot - Preview card content.
+ */
+export class DuiPreviewCardPopup extends LitElement {
+    static { this.tagName = "dui-preview-card-popup"; }
+    static { this.styles = [base, hostStyles]; }
+    #showArrow_accessor_storage = true;
+    /** Whether to show an arrow pointing to the trigger. */
+    get showArrow() { return this.#showArrow_accessor_storage; }
+    set showArrow(value) { this.#showArrow_accessor_storage = value; }
+    #side_accessor_storage = "top";
+    get #side() { return this.#side_accessor_storage; }
+    set #side(value) { this.#side_accessor_storage = value; }
+    #ctx = new ContextConsumer(this, {
+        context: previewCardContext,
+        subscribe: true,
+    });
+    #wasOpen = false;
+    #portal = new FloatingPortalController(this, {
+        getAnchor: () => this.#ctx.value?.triggerEl,
+        matchWidth: false,
+        placement: "top",
+        offset: 8,
+        styles: portalPopupStyles,
+        contentContainer: ".PreviewCardContent",
+        onPosition: ({ placement }) => {
+            const actualSide = placement.split("-")[0];
+            if (actualSide !== this.#side) {
+                this.#side = actualSide;
+            }
+        },
+        renderPopup: (portal) => {
+            const popupId = this.#ctx.value?.popupId ?? "";
+            return html `
+        <div
+          class="Popup"
+          id="${popupId}"
+          role="tooltip"
+          ?data-starting-style="${portal.isStarting}"
+          ?data-ending-style="${portal.isEnding}"
+          data-side="${this.#side}"
+          @mouseenter="${this.#handleMouseEnter}"
+          @mouseleave="${this.#handleMouseLeave}"
+        >
+          <div class="PreviewCardContent"></div>
+          ${this.showArrow ? renderArrow(this.#side) : ""}
+        </div>
+      `;
+        },
+    });
+    #handleMouseEnter = () => {
+        this.#ctx.value?.openPreviewCard();
+    };
+    #handleMouseLeave = () => {
+        this.#ctx.value?.closePreviewCard();
+    };
+    updated() {
+        const isOpen = this.#ctx.value?.open ?? false;
+        if (isOpen && !this.#wasOpen) {
+            this.#updatePlacement();
+            this.#portal.open();
+        }
+        else if (!isOpen && this.#wasOpen) {
+            this.#portal.close();
+        }
+        this.#wasOpen = isOpen;
+    }
+    #updatePlacement() {
+        const side = this.#ctx.value?.side ?? "top";
+        this.#portal.placement = side;
+        this.#portal.offset = this.#ctx.value?.sideOffset ?? 8;
+    }
+    render() {
+        return html `<slot></slot>`;
+    }
+}
+__decorate([
+    property({ type: Boolean, attribute: "show-arrow" })
+], DuiPreviewCardPopup.prototype, "showArrow", null);

package/preview-card/preview-card-trigger.d.ts

@@ -0,0 +1,13 @@
+/** Ported from original DUI: deep-future-app/app/client/components/dui/preview-card */
+import { LitElement, type TemplateResult } from "lit";
+/**
+ * `<dui-preview-card-trigger>` — The element that triggers the preview card on hover/focus.
+ *
+ * @slot - Content that triggers the preview card.
+ */
+export declare class DuiPreviewCardTrigger extends LitElement {
+    #private;
+    static tagName: "dui-preview-card-trigger";
+    static styles: import("lit").CSSResult[];
+    render(): TemplateResult;
+}

package/preview-card/preview-card-trigger.js

@@ -0,0 +1,75 @@
+/** Ported from original DUI: deep-future-app/app/client/components/dui/preview-card */
+import { css, html, LitElement } from "lit";
+import { ContextConsumer } from "@lit/context";
+import { base } from "@deepfuture/dui-core/base";
+import { previewCardContext } from "./preview-card-context.js";
+const hostStyles = css `
+  :host {
+    display: contents;
+  }
+`;
+const componentStyles = css `
+  .Trigger {
+    display: contents;
+  }
+`;
+/**
+ * `<dui-preview-card-trigger>` — The element that triggers the preview card on hover/focus.
+ *
+ * @slot - Content that triggers the preview card.
+ */
+export class DuiPreviewCardTrigger extends LitElement {
+    static { this.tagName = "dui-preview-card-trigger"; }
+    static { this.styles = [base, hostStyles, componentStyles]; }
+    #ctx = new ContextConsumer(this, {
+        context: previewCardContext,
+        subscribe: true,
+    });
+    #handleMouseEnter = () => {
+        this.#updateTriggerEl();
+        this.#ctx.value?.openPreviewCard();
+    };
+    #handleMouseLeave = () => {
+        this.#ctx.value?.closePreviewCard();
+    };
+    #handleFocus = () => {
+        this.#updateTriggerEl();
+        this.#ctx.value?.openPreviewCard();
+    };
+    #handleBlur = () => {
+        this.#ctx.value?.closePreviewCard();
+    };
+    #handleKeyDown = (e) => {
+        if (e.key === "Escape" && this.#ctx.value?.open) {
+            this.#ctx.value?.closePreviewCard();
+        }
+    };
+    #updateTriggerEl() {
+        const slot = this.shadowRoot?.querySelector("slot");
+        const slotted = slot?.assignedElements({ flatten: true });
+        const el = slotted?.[0] ?? this;
+        this.#ctx.value?.setTriggerEl(el);
+    }
+    render() {
+        const isOpen = this.#ctx.value?.open ?? false;
+        const popupId = this.#ctx.value?.popupId ?? "";
+        const triggerId = this.#ctx.value?.triggerId ?? "";
+        return html `
+      <span
+        class="Trigger"
+        part="trigger"
+        id="${triggerId}"
+        tabindex="0"
+        aria-describedby="${isOpen ? popupId : ""}"
+        ?data-popup-open="${isOpen}"
+        @mouseenter="${this.#handleMouseEnter}"
+        @mouseleave="${this.#handleMouseLeave}"
+        @focus="${this.#handleFocus}"
+        @blur="${this.#handleBlur}"
+        @keydown="${this.#handleKeyDown}"
+      >
+        <slot></slot>
+      </span>
+    `;
+    }
+}

package/preview-card/preview-card.d.ts

@@ -0,0 +1,34 @@
+/** Ported from original DUI: deep-future-app/app/client/components/dui/preview-card */
+import { LitElement, type PropertyValues, type TemplateResult } from "lit";
+import { type PreviewCardSide } from "./preview-card-context.js";
+export type PreviewCardOpenChangeDetail = {
+    open: boolean;
+};
+export declare const openChangeEvent: (detail: PreviewCardOpenChangeDetail) => CustomEvent<PreviewCardOpenChangeDetail>;
+/**
+ * `<dui-preview-card>` — A preview card root that provides context for trigger and popup.
+ *
+ * @slot - Default slot for dui-preview-card-trigger and dui-preview-card-popup.
+ * @fires open-change - Dispatched when the preview card opens or closes.
+ */
+export declare class DuiPreviewCard extends LitElement {
+    #private;
+    static tagName: "dui-preview-card";
+    static styles: import("lit").CSSResult[];
+    /** Controlled open state. */
+    accessor open: boolean;
+    /** Default open state for uncontrolled usage. */
+    accessor defaultOpen: boolean;
+    /** Which side of the trigger the preview card appears on. */
+    accessor side: PreviewCardSide;
+    /** Offset from the trigger in pixels. */
+    accessor sideOffset: number;
+    /** Delay before opening in milliseconds. */
+    accessor delay: number;
+    /** Delay before closing in milliseconds. */
+    accessor closeDelay: number;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected willUpdate(changed: PropertyValues): void;
+    render(): TemplateResult;
+}

package/preview-card/preview-card.js

@@ -0,0 +1,164 @@
+/** Ported from original DUI: deep-future-app/app/client/components/dui/preview-card */
+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 { css, html, LitElement } from "lit";
+import { property } from "lit/decorators.js";
+import { base } from "@deepfuture/dui-core/base";
+import { customEvent } from "@deepfuture/dui-core/event";
+export const openChangeEvent = customEvent("open-change", { bubbles: true, composed: true });
+const hostStyles = css `
+  :host {
+    display: contents;
+  }
+`;
+/**
+ * `<dui-preview-card>` — A preview card root that provides context for trigger and popup.
+ *
+ * @slot - Default slot for dui-preview-card-trigger and dui-preview-card-popup.
+ * @fires open-change - Dispatched when the preview card opens or closes.
+ */
+export class DuiPreviewCard extends LitElement {
+    static { this.tagName = "dui-preview-card"; }
+    static { this.styles = [base, hostStyles]; }
+    #open_accessor_storage = false;
+    /** Controlled open state. */
+    get open() { return this.#open_accessor_storage; }
+    set open(value) { this.#open_accessor_storage = value; }
+    #defaultOpen_accessor_storage = false;
+    /** Default open state for uncontrolled usage. */
+    get defaultOpen() { return this.#defaultOpen_accessor_storage; }
+    set defaultOpen(value) { this.#defaultOpen_accessor_storage = value; }
+    #side_accessor_storage = "top";
+    /** Which side of the trigger the preview card appears on. */
+    get side() { return this.#side_accessor_storage; }
+    set side(value) { this.#side_accessor_storage = value; }
+    #sideOffset_accessor_storage = 8;
+    /** Offset from the trigger in pixels. */
+    get sideOffset() { return this.#sideOffset_accessor_storage; }
+    set sideOffset(value) { this.#sideOffset_accessor_storage = value; }
+    #delay_accessor_storage = 400;
+    /** Delay before opening in milliseconds. */
+    get delay() { return this.#delay_accessor_storage; }
+    set delay(value) { this.#delay_accessor_storage = value; }
+    #closeDelay_accessor_storage = 300;
+    /** Delay before closing in milliseconds. */
+    get closeDelay() { return this.#closeDelay_accessor_storage; }
+    set closeDelay(value) { this.#closeDelay_accessor_storage = value; }
+    #internalOpen_accessor_storage = false;
+    get #internalOpen() { return this.#internalOpen_accessor_storage; }
+    set #internalOpen(value) { this.#internalOpen_accessor_storage = value; }
+    #triggerEl_accessor_storage;
+    get #triggerEl() { return this.#triggerEl_accessor_storage; }
+    set #triggerEl(value) { this.#triggerEl_accessor_storage = value; }
+    #openTimeout;
+    #closeTimeout;
+    #triggerId = `preview-card-trigger-${crypto.randomUUID().slice(0, 8)}`;
+    #popupId = `preview-card-popup-${crypto.randomUUID().slice(0, 8)}`;
+    #ctx_accessor_storage = {
+        open: false,
+        triggerId: this.#triggerId,
+        popupId: this.#popupId,
+        side: "top",
+        sideOffset: 8,
+        triggerEl: undefined,
+        openPreviewCard: () => this.#scheduleOpen(),
+        closePreviewCard: () => this.#scheduleClose(),
+        setTriggerEl: (el) => this.#setTriggerEl(el),
+    };
+    get #ctx() { return this.#ctx_accessor_storage; }
+    set #ctx(value) { this.#ctx_accessor_storage = value; }
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.defaultOpen) {
+            this.#internalOpen = true;
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.#clearTimeouts();
+    }
+    willUpdate(changed) {
+        const isOpen = this.open || this.#internalOpen;
+        if (changed.has("open") ||
+            changed.has("side") ||
+            changed.has("sideOffset") ||
+            this.#ctx.open !== isOpen ||
+            this.#ctx.triggerEl !== this.#triggerEl) {
+            this.#ctx = {
+                ...this.#ctx,
+                open: isOpen,
+                side: this.side,
+                sideOffset: this.sideOffset,
+                triggerEl: this.#triggerEl,
+            };
+        }
+    }
+    #clearTimeouts() {
+        if (this.#openTimeout) {
+            clearTimeout(this.#openTimeout);
+            this.#openTimeout = undefined;
+        }
+        if (this.#closeTimeout) {
+            clearTimeout(this.#closeTimeout);
+            this.#closeTimeout = undefined;
+        }
+    }
+    #scheduleOpen() {
+        this.#clearTimeouts();
+        if (this.delay <= 0) {
+            this.#doOpen();
+        }
+        else {
+            this.#openTimeout = setTimeout(() => this.#doOpen(), this.delay);
+        }
+    }
+    #scheduleClose() {
+        this.#clearTimeouts();
+        if (this.closeDelay <= 0) {
+            this.#doClose();
+        }
+        else {
+            this.#closeTimeout = setTimeout(() => this.#doClose(), this.closeDelay);
+        }
+    }
+    #doOpen() {
+        if (this.#internalOpen)
+            return;
+        this.#internalOpen = true;
+        this.dispatchEvent(openChangeEvent({ open: true }));
+    }
+    #doClose() {
+        if (!this.#internalOpen)
+            return;
+        this.#internalOpen = false;
+        this.dispatchEvent(openChangeEvent({ open: false }));
+    }
+    #setTriggerEl(el) {
+        this.#triggerEl = el;
+    }
+    render() {
+        return html `<slot></slot>`;
+    }
+}
+__decorate([
+    property({ type: Boolean, reflect: true })
+], DuiPreviewCard.prototype, "open", null);
+__decorate([
+    property({ type: Boolean, attribute: "default-open" })
+], DuiPreviewCard.prototype, "defaultOpen", null);
+__decorate([
+    property({ reflect: true })
+], DuiPreviewCard.prototype, "side", null);
+__decorate([
+    property({ type: Number, attribute: "side-offset" })
+], DuiPreviewCard.prototype, "sideOffset", null);
+__decorate([
+    property({ type: Number })
+], DuiPreviewCard.prototype, "delay", null);
+__decorate([
+    property({ type: Number, attribute: "close-delay" })
+], DuiPreviewCard.prototype, "closeDelay", null);

package/preview-card/register.d.ts

@@ -0,0 +1 @@
+export {};

package/preview-card/register.js

@@ -0,0 +1,12 @@
+import { DuiPreviewCard } from "./preview-card.js";
+import { DuiPreviewCardTrigger } from "./preview-card-trigger.js";
+import { DuiPreviewCardPopup } from "./preview-card-popup.js";
+if (!customElements.get(DuiPreviewCard.tagName)) {
+    customElements.define(DuiPreviewCard.tagName, DuiPreviewCard);
+}
+if (!customElements.get(DuiPreviewCardTrigger.tagName)) {
+    customElements.define(DuiPreviewCardTrigger.tagName, DuiPreviewCardTrigger);
+}
+if (!customElements.get(DuiPreviewCardPopup.tagName)) {
+    customElements.define(DuiPreviewCardPopup.tagName, DuiPreviewCardPopup);
+}

package/progress/index.d.ts

@@ -0,0 +1 @@
+export { DuiProgress } from "./progress.js";

package/progress/index.js

@@ -0,0 +1 @@
+export { DuiProgress } from "./progress.js";

package/progress/progress.d.ts

@@ -0,0 +1,19 @@
+import { LitElement, type TemplateResult } from "lit";
+/**
+ * `<dui-progress>` — A progress bar indicating completion status.
+ *
+ * Set `value` to a number for determinate progress, or leave `null` for indeterminate.
+ *
+ * @csspart root - The outer container.
+ * @csspart track - The progress track.
+ * @csspart indicator - The filled indicator.
+ */
+export declare class DuiProgress extends LitElement {
+    #private;
+    static tagName: "dui-progress";
+    static styles: import("lit").CSSResult[];
+    accessor value: number | null;
+    accessor min: number;
+    accessor max: number;
+    render(): TemplateResult;
+}