@oddkin/components 0.0.0-stage → 1.0.0-beta.1

package/dist/popover/foundation.d.ts

@@ -0,0 +1,7 @@
+export { hostStyles } from '../styles/host.styles.js';
+export { overlaySurfaceStructuralStyles } from '../styles/overlay-surface.structural.styles.js';
+export { glyphStyles } from '../styles/glyphs.js';
+export { OddkinPopover } from './popover.js';
+export { popoverTemplate } from './popover.template.js';
+export { popoverStructuralStyles } from './popover.structural.styles.js';
+//# sourceMappingURL=foundation.d.ts.map

package/dist/popover/foundation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.d.ts","sourceRoot":"","sources":["../../src/popover/foundation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,8BAA8B,EAAE,MAAM,gDAAgD,CAAC;AAChG,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/popover/foundation.js

@@ -0,0 +1,9 @@
+// Skin-free foundation: behavior, anatomy, and structural styles (shared host defaults first).
+// Loads no default visual styles and registers nothing (multi-product.md §4).
+export { hostStyles } from '../styles/host.styles.js';
+export { overlaySurfaceStructuralStyles } from '../styles/overlay-surface.structural.styles.js';
+export { glyphStyles } from '../styles/glyphs.js';
+export { OddkinPopover } from './popover.js';
+export { popoverTemplate } from './popover.template.js';
+export { popoverStructuralStyles } from './popover.structural.styles.js';
+//# sourceMappingURL=foundation.js.map

package/dist/popover/foundation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.js","sourceRoot":"","sources":["../../src/popover/foundation.ts"],"names":[],"mappings":"AAAA,+FAA+F;AAC/F,8EAA8E;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,8BAA8B,EAAE,MAAM,gDAAgD,CAAC;AAChG,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/popover/index.d.ts

@@ -0,0 +1,6 @@
+export { OddkinPopover } from './popover.js';
+export { popoverTemplate } from './popover.template.js';
+export { popoverStructuralStyles } from './popover.structural.styles.js';
+export { popoverStyles } from './popover.styles.js';
+export { popoverDefinition } from './popover.definition.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/popover/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/popover/index.js

@@ -0,0 +1,7 @@
+// Side-effect free. Register with `@oddkin/components/define/popover`.
+export { OddkinPopover } from './popover.js';
+export { popoverTemplate } from './popover.template.js';
+export { popoverStructuralStyles } from './popover.structural.styles.js';
+export { popoverStyles } from './popover.styles.js';
+export { popoverDefinition } from './popover.definition.js';
+//# sourceMappingURL=index.js.map

package/dist/popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/popover/index.ts"],"names":[],"mappings":"AAAA,uEAAuE;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/popover/popover.d.ts

@@ -0,0 +1,61 @@
+import { OddkinElement } from '@oddkin/core/element';
+import { type Readable } from '@oddkin/core/reactive';
+import type { Scope } from '@oddkin/core/scope';
+export declare const POPOVER_STRINGS: {
+    close: string;
+};
+declare const OddkinPopover_base: import("@oddkin/core/element").WithProps<typeof OddkinElement, {
+    readonly label: import("@oddkin/core/element").PropDefinition<string>;
+    readonly anchor: import("@oddkin/core/element").PropDefinition<string>;
+    readonly side: import("@oddkin/core/element").PropDefinition<"block-end" | "block-start" | "inline-end" | "inline-start">;
+    readonly align: import("@oddkin/core/element").PropDefinition<"center" | "end" | "start">;
+    readonly noClose: import("@oddkin/core/element").PropDefinition<boolean>;
+    readonly open: import("@oddkin/core/element").PropDefinition<boolean>;
+    readonly interest: import("@oddkin/core/element").PropDefinition<boolean>;
+    readonly strings: import("@oddkin/core/element").PropDefinition<Partial<{
+        close: string;
+    }> | undefined>;
+}>;
+/**
+ * A non-modal surface anchored to the control that opens it. The host is the popover
+ * (`popover="auto"`), so `<button popovertarget="id">` opens and closes it with no script; it also
+ * closes on Escape, on a press outside, and with its close button, and focus returns to the
+ * trigger. With `interest`, it is a hover card: it also opens while the pointer rests on its anchor
+ * or the anchor has focus.
+ *
+ * @slot - The content.
+ * @csspart base - The content and the close button, inside the surface.
+ * @csspart close - The close button.
+ * @cssprop --odd-popover-max-inline-size - The widest it grows before its content wraps.
+ * @a11y A non-modal `dialog` named by `label`. Opening it leaves focus where it is; Tab moves from the trigger into it, as for any popover. When it closes with focus inside, focus returns to the element that had it, usually the trigger. The close button is named by `strings.close`. With `interest`, keep it supplementary: what it shows must also be at the anchor's destination, since touch users do not hover; place it right after the anchor so Tab moves from the anchor into it, and add a `popovertarget` button where touch users need the card itself.
+ * @keyboard Escape closes it. Tab from the trigger moves into it. With `interest`, focus on the anchor opens it after the delay, and it stays while focus is on the anchor or in it.
+ * @previewRole popover
+ * @useFor Extra controls or details next to the control that shows them: a share form, settings, a definition.
+ * @notFor Content that must be answered before going on (use odd-dialog); a list of actions (use odd-menu); a hint on hover or focus (use odd-tooltip).
+ * @category Overlays
+ * @customization 1 2 3
+ */
+export declare class OddkinPopover extends OddkinPopover_base {
+    #private;
+    /** @internal The built-in text with the author's overrides. */
+    readonly _strings: Readable<typeof POPOVER_STRINGS>;
+    /** The element it is placed against, when it is not found by `anchor` (another tree, or no ID). */
+    get anchorElement(): Element | null;
+    set anchorElement(element: Element | null);
+    /** Opens it. */
+    show(): void;
+    /** Closes it; focus inside returns to where it was before it opened. */
+    close(): void;
+    /** @internal The element it is placed against: `anchorElement`, `anchor`, or its invoker. */
+    _anchor(): Element | null;
+    protected connected(scope: Scope): void;
+    protected mounted(scope: Scope): void;
+    protected updated(changes: ReadonlyMap<string, unknown>): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'odd-popover': OddkinPopover;
+    }
+}
+export {};
+//# sourceMappingURL=popover.d.ts.map

package/dist/popover/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/popover/popover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAQ,MAAM,sBAAsB,CAAC;AAE3D,OAAO,EAA+B,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACnF,OAAO,KAAK,EAAW,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAGzD,eAAO,MAAM,eAAe;IAC1B,KAAK;CACN,CAAC;;;;;;;;;;;;;AAOF;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,aAAc,SAAQ,kBA4BjC;;IAIA,+DAA+D;IAC/D,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,OAAO,eAAe,CAAC,CAEjD;IAEF,mGAAmG;IACnG,IAAI,aAAa,IAAI,OAAO,GAAG,IAAI,CAElC;IACD,IAAI,aAAa,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,EAGxC;IAED,gBAAgB;IAChB,IAAI,IAAI,IAAI,CAEX;IAED,wEAAwE;IACxE,KAAK,IAAI,IAAI,CAEZ;IAkBD,6FAA6F;IAC7F,OAAO,IAAI,OAAO,GAAG,IAAI,CAQxB;IAED,UAAmB,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAO/C;IA2DD,UAAmB,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAK7C;IAED,UAAmB,OAAO,CAAC,OAAO,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAEtE;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,aAAa,CAAC;KAC9B;CACF"}

package/dist/popover/popover.define.d.ts

@@ -0,0 +1,3 @@
+/// <reference path="popover.d.ts" preserve="true" />
+export {};
+//# sourceMappingURL=popover.define.d.ts.map

package/dist/popover/popover.define.d.ts.map

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

package/dist/popover/popover.define.js

@@ -0,0 +1,5 @@
+/// <reference path="./popover.ts" preserve="true" />
+import { define } from '@oddkin/core/element';
+import { popoverDefinition } from './popover.definition.js';
+define(popoverDefinition);
+//# sourceMappingURL=popover.define.js.map

package/dist/popover/popover.define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.define.js","sourceRoot":"","sources":["../../src/popover/popover.define.ts"],"names":[],"mappings":"AAAA,qDAAqD;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5D,MAAM,CAAC,iBAAiB,CAAC,CAAC"}

package/dist/popover/popover.definition.d.ts

@@ -0,0 +1,3 @@
+import { OddkinPopover } from './popover.js';
+export declare const popoverDefinition: import("@oddkin/core/element").ElementDefinition<OddkinPopover>;
+//# sourceMappingURL=popover.definition.d.ts.map

package/dist/popover/popover.definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.definition.d.ts","sourceRoot":"","sources":["../../src/popover/popover.definition.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAK7C,eAAO,MAAM,iBAAiB,iEAa5B,CAAC"}

package/dist/popover/popover.definition.js

@@ -0,0 +1,25 @@
+import { compose } from '@oddkin/core/element';
+import { overlaySurfaceStructuralStyles } from '../styles/overlay-surface.structural.styles.js';
+import { glyphStyles } from '../styles/glyphs.js';
+import { focusRingStyles } from '../styles/focus-ring.styles.js';
+import { overlaySurfaceStyles } from '../styles/overlay-surface.styles.js';
+import { hostStyles } from '../styles/host.styles.js';
+import { OddkinPopover } from './popover.js';
+import { popoverStructuralStyles } from './popover.structural.styles.js';
+import { popoverStyles } from './popover.styles.js';
+import { popoverTemplate } from './popover.template.js';
+export const popoverDefinition = compose({
+    name: 'odd-popover',
+    element: OddkinPopover,
+    template: popoverTemplate,
+    styles: [
+        hostStyles,
+        popoverStructuralStyles,
+        overlaySurfaceStructuralStyles,
+        glyphStyles,
+        focusRingStyles,
+        overlaySurfaceStyles,
+        popoverStyles,
+    ],
+});
+//# sourceMappingURL=popover.definition.js.map

package/dist/popover/popover.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.definition.js","sourceRoot":"","sources":["../../src/popover/popover.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,8BAA8B,EAAE,MAAM,gDAAgD,CAAC;AAChG,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,MAAM,CAAC,MAAM,iBAAiB,GAAG,OAAO,CAAC;IACvC,IAAI,EAAE,aAAa;IACnB,OAAO,EAAE,aAAa;IACtB,QAAQ,EAAE,eAAe;IACzB,MAAM,EAAE;QACN,UAAU;QACV,uBAAuB;QACvB,8BAA8B;QAC9B,WAAW;QACX,eAAe;QACf,oBAAoB;QACpB,aAAa;KACd;CACF,CAAC,CAAC"}

package/dist/popover/popover.js

@@ -0,0 +1,188 @@
+import { OddkinElement, prop } from '@oddkin/core/element';
+import { strings } from '@oddkin/core/i18n';
+import { computed, signal, untracked } from '@oddkin/core/reactive';
+import { composedContains, deepActiveElement, Overlay } from '../overlay/overlay.js';
+export const POPOVER_STRINGS = {
+    close: 'Close',
+};
+/** How long interest lasts on the anchor before the popover opens (HTML's `interest-delay-start`). */
+const SHOW_DELAY = 500;
+/** How long it stays once the pointer and focus have left both (HTML's `interest-delay-end`). */
+const HIDE_DELAY = 250;
+/**
+ * A non-modal surface anchored to the control that opens it. The host is the popover
+ * (`popover="auto"`), so `<button popovertarget="id">` opens and closes it with no script; it also
+ * closes on Escape, on a press outside, and with its close button, and focus returns to the
+ * trigger. With `interest`, it is a hover card: it also opens while the pointer rests on its anchor
+ * or the anchor has focus.
+ *
+ * @slot - The content.
+ * @csspart base - The content and the close button, inside the surface.
+ * @csspart close - The close button.
+ * @cssprop --odd-popover-max-inline-size - The widest it grows before its content wraps.
+ * @a11y A non-modal `dialog` named by `label`. Opening it leaves focus where it is; Tab moves from the trigger into it, as for any popover. When it closes with focus inside, focus returns to the element that had it, usually the trigger. The close button is named by `strings.close`. With `interest`, keep it supplementary: what it shows must also be at the anchor's destination, since touch users do not hover; place it right after the anchor so Tab moves from the anchor into it, and add a `popovertarget` button where touch users need the card itself.
+ * @keyboard Escape closes it. Tab from the trigger moves into it. With `interest`, focus on the anchor opens it after the delay, and it stays while focus is on the anchor or in it.
+ * @previewRole popover
+ * @useFor Extra controls or details next to the control that shows them: a share form, settings, a definition.
+ * @notFor Content that must be answered before going on (use odd-dialog); a list of actions (use odd-menu); a hint on hover or focus (use odd-tooltip).
+ * @category Overlays
+ * @customization 1 2 3
+ */
+export class OddkinPopover extends OddkinElement.with({
+    label: prop.string({ default: '', description: 'Names the popover.' }),
+    anchor: prop.string({
+        default: '',
+        description: 'The ID of the element it is placed against, in the same document or shadow root. Default: the button whose `popovertarget` names it; with neither, it is centred.',
+    }),
+    side: prop.enum(['block-end', 'block-start', 'inline-end', 'inline-start'], {
+        default: 'block-end',
+        description: "The side of the anchor it opens on, in the anchor's writing direction; it flips to the other side when there is more room there.",
+    }),
+    align: prop.enum(['start', 'center', 'end'], {
+        default: 'start',
+        description: 'How it lines up with the anchor along that side.',
+    }),
+    noClose: prop.boolean({
+        description: 'Hides the close button. Keep it wherever touch users need it: Safari on iOS before 18.3 does not close a popover on a tap outside.',
+    }),
+    open: prop.boolean({ reflect: true, description: 'Whether it is open.' }),
+    interest: prop.boolean({
+        description: "A hover card (HTML interest invokers): it also opens once the pointer has rested on its anchor, or the anchor has had focus, for half a second, and closes a quarter of a second after both have left the anchor and the popover. A touch keeps the anchor's own action.",
+    }),
+    strings: prop.object({
+        description: 'Localized string overrides.',
+    }),
+}) {
+    #anchorElement = signal(null);
+    #overlay = this.#createOverlay();
+    /** @internal The built-in text with the author's overrides. */
+    _strings = computed(() => strings(POPOVER_STRINGS, this.strings));
+    /** The element it is placed against, when it is not found by `anchor` (another tree, or no ID). */
+    get anchorElement() {
+        return this.#anchorElement.value;
+    }
+    set anchorElement(element) {
+        this.#anchorElement.value = element;
+        this.#overlay.update();
+    }
+    /** Opens it. */
+    show() {
+        this.#overlay.show();
+    }
+    /** Closes it; focus inside returns to where it was before it opened. */
+    close() {
+        this.#overlay.hide();
+    }
+    #createOverlay() {
+        const host = this;
+        return new Overlay({
+            host,
+            surface: () => host,
+            anchor: () => host._anchor(),
+            get side() {
+                return host.side;
+            },
+            get align() {
+                return host.align;
+            },
+            onToggle: (open) => (host.open = open),
+        });
+    }
+    /** @internal The element it is placed against: `anchorElement`, `anchor`, or its invoker. */
+    _anchor() {
+        const explicit = this.#anchorElement.value;
+        if (explicit)
+            return explicit;
+        const root = this.getRootNode();
+        if (this.anchor)
+            return root.getElementById(this.anchor);
+        if (!this.id)
+            return null;
+        const invokers = [...root.querySelectorAll(`[popovertarget="${CSS.escape(this.id)}"]`)];
+        return invokers.find((invoker) => invoker === root.activeElement) ?? invokers[0] ?? null;
+    }
+    connected(scope) {
+        scope.use(this.#overlay);
+        scope.effect((run) => {
+            if (!this.interest)
+                return;
+            const anchor = this._anchor();
+            if (anchor)
+                untracked(() => this.#attachInterest(anchor, run));
+        });
+    }
+    /** Opens on interest in `anchor` (hover or focus) and closes once both it and the card lose it. */
+    #attachInterest(anchor, run) {
+        let pending;
+        let hovered = false;
+        // Closing because interest ended, rather than on Escape, a press outside, or a button.
+        let losing = false;
+        // Dismissed while interest lasts: it opens again only after the pointer and focus leave.
+        let dismissed = false;
+        // Focus was in the card when it closed.
+        let focused = false;
+        const later = (fn, ms) => {
+            pending?.();
+            pending = run.timeout(fn, ms);
+        };
+        const within = (node) => composedContains(anchor, node) || composedContains(this, node);
+        const lose = () => later(() => {
+            if (hovered || within(deepActiveElement()))
+                return;
+            dismissed = false;
+            if (!this.open)
+                return;
+            losing = true;
+            this.close();
+        }, HIDE_DELAY);
+        const gain = () => {
+            if (!dismissed)
+                later(() => this.show(), this.open ? 0 : SHOW_DELAY);
+        };
+        for (const target of [anchor, this]) {
+            run.listen(target, 'pointerenter', (event) => {
+                if (event.pointerType === 'touch')
+                    return;
+                hovered = true;
+                if (target === anchor)
+                    gain();
+            });
+            run.listen(target, 'pointerleave', () => {
+                hovered = false;
+                lose();
+            });
+            run.listen(target, 'focusout', (event) => {
+                if (!within(event.relatedTarget))
+                    lose();
+            });
+        }
+        run.listen(anchor, 'focusin', () => (this.open ? pending?.() : gain()));
+        // Synchronous, before focus returns to the anchor, which must not open it again.
+        run.listen(this, 'beforetoggle', (event) => {
+            if (event.newState !== 'closed')
+                return;
+            if (!losing)
+                dismissed = true;
+            losing = false;
+            focused = composedContains(this, deepActiveElement());
+            pending?.();
+        });
+        // The browser returns focus to where it was when the card opened, often away from the anchor.
+        run.listen(this, 'toggle', (event) => {
+            if (event.newState === 'closed' && focused)
+                anchor.focus();
+            focused = false;
+        });
+    }
+    mounted(scope) {
+        scope.effect(() => {
+            this.internals.role = 'dialog';
+            this.internals.ariaLabel = this.label || null;
+        });
+    }
+    updated(changes) {
+        if (changes.has('open'))
+            this.#overlay.toggle(this.open);
+    }
+}
+//# sourceMappingURL=popover.js.map

package/dist/popover/popover.js.map

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

package/dist/popover/popover.structural.styles.d.ts

@@ -0,0 +1,6 @@
+/**
+ * The content beside the close button, which sits at the inline-end top corner. The host keeps
+ * the browser's popover display rules (never set `display` on it). No brand or visual tokens.
+ */
+export declare const popoverStructuralStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=popover.structural.styles.d.ts.map

package/dist/popover/popover.structural.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.structural.styles.d.ts","sourceRoot":"","sources":["../../src/popover/popover.structural.styles.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,uBAAuB,yCAUnC,CAAC"}

package/dist/popover/popover.structural.styles.js

@@ -0,0 +1,17 @@
+import { css } from '@oddkin/core/styles';
+/**
+ * The content beside the close button, which sits at the inline-end top corner. The host keeps
+ * the browser's popover display rules (never set `display` on it). No brand or visual tokens.
+ */
+export const popoverStructuralStyles = css `
+  .popover {
+    display: flex;
+    align-items: flex-start;
+  }
+  .content {
+    flex: 1 1 auto;
+    min-inline-size: 0;
+    overflow-wrap: anywhere;
+  }
+`;
+//# sourceMappingURL=popover.structural.styles.js.map

package/dist/popover/popover.structural.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.structural.styles.js","sourceRoot":"","sources":["../../src/popover/popover.structural.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C;;;GAGG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAA;;;;;;;;;;CAUzC,CAAC"}

package/dist/popover/popover.styles.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Oddkin's default popover: Figma `popover` (the shared anchored surface from the overlay-surface
+ * module, `space.md` inside, the close glyph in the corner).
+ */
+export declare const popoverStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=popover.styles.d.ts.map

package/dist/popover/popover.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.styles.d.ts","sourceRoot":"","sources":["../../src/popover/popover.styles.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,aAAa,yCAUzB,CAAC"}

package/dist/popover/popover.styles.js

@@ -0,0 +1,18 @@
+import { css } from '@oddkin/core/styles';
+import { token } from '@oddkin/tokens/refs';
+/**
+ * Oddkin's default popover: Figma `popover` (the shared anchored surface from the overlay-surface
+ * module, `space.md` inside, the close glyph in the corner).
+ */
+export const popoverStyles = css `
+  .popover {
+    gap: ${token('space.xs')};
+    max-inline-size: var(--odd-popover-max-inline-size, 20rem);
+    padding: ${token('space.md')};
+  }
+  .overlay-close {
+    margin-block-start: calc(-1 * ${token('space.xs')});
+    margin-inline-end: calc(-1 * ${token('space.xs')});
+  }
+`;
+//# sourceMappingURL=popover.styles.js.map

package/dist/popover/popover.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.styles.js","sourceRoot":"","sources":["../../src/popover/popover.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;WAErB,KAAK,CAAC,UAAU,CAAC;;eAEb,KAAK,CAAC,UAAU,CAAC;;;oCAGI,KAAK,CAAC,UAAU,CAAC;mCAClB,KAAK,CAAC,UAAU,CAAC;;CAEnD,CAAC"}

package/dist/popover/popover.template.d.ts

@@ -0,0 +1,7 @@
+import type { OddkinPopover } from './popover.js';
+/**
+ * Anatomy: the host is the surface (the shared overlay look on `:host([popover])`); inside,
+ * `part="base"` holds the content and, unless `no-close`, the `close` button at the inline end.
+ */
+export declare const popoverTemplate: (popover: OddkinPopover) => import("@oddkin/core/template").TemplateResult;
+//# sourceMappingURL=popover.template.d.ts.map

package/dist/popover/popover.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.template.d.ts","sourceRoot":"","sources":["../../src/popover/popover.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAElD;;;GAGG;AACH,eAAO,MAAM,eAAe,YAAa,aAAa,mDAI7C,CAAC"}

package/dist/popover/popover.template.js

@@ -0,0 +1,11 @@
+import { html } from '@oddkin/core/template';
+import { closeButton } from '../overlay/overlay.js';
+/**
+ * Anatomy: the host is the surface (the shared overlay look on `:host([popover])`); inside,
+ * `part="base"` holds the content and, unless `no-close`, the `close` button at the inline end.
+ */
+export const popoverTemplate = (popover) => html `<div part="base" class="popover">
+    <div class="content"><slot></slot></div>
+    ${popover.noClose ? '' : closeButton(popover._strings.value.close, () => popover.close())}
+  </div>`;
+//# sourceMappingURL=popover.template.js.map

package/dist/popover/popover.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.template.js","sourceRoot":"","sources":["../../src/popover/popover.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGpD;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,OAAsB,EAAE,EAAE,CACxD,IAAI,CAAA;;MAEA,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SACpF,CAAC"}

package/dist/progress/foundation.d.ts

@@ -0,0 +1,5 @@
+export { hostStyles } from '../styles/host.styles.js';
+export { OddkinProgress } from './progress.js';
+export { progressTemplate } from './progress.template.js';
+export { progressStructuralStyles } from './progress.structural.styles.js';
+//# sourceMappingURL=foundation.d.ts.map

package/dist/progress/foundation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.d.ts","sourceRoot":"","sources":["../../src/progress/foundation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC"}

package/dist/progress/foundation.js

@@ -0,0 +1,7 @@
+// Skin-free foundation: behavior, anatomy, and structural styles (shared host defaults first).
+// Loads no default visual styles and registers nothing (multi-product.md §4).
+export { hostStyles } from '../styles/host.styles.js';
+export { OddkinProgress } from './progress.js';
+export { progressTemplate } from './progress.template.js';
+export { progressStructuralStyles } from './progress.structural.styles.js';
+//# sourceMappingURL=foundation.js.map

package/dist/progress/foundation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.js","sourceRoot":"","sources":["../../src/progress/foundation.ts"],"names":[],"mappings":"AAAA,+FAA+F;AAC/F,8EAA8E;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC"}

package/dist/progress/index.d.ts

@@ -0,0 +1,6 @@
+export { OddkinProgress } from './progress.js';
+export { progressTemplate } from './progress.template.js';
+export { progressStructuralStyles } from './progress.structural.styles.js';
+export { progressStyles } from './progress.styles.js';
+export { progressDefinition } from './progress.definition.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/progress/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/progress/index.js

@@ -0,0 +1,7 @@
+// Side-effect free. Register with `@oddkin/components/define/progress`.
+export { OddkinProgress } from './progress.js';
+export { progressTemplate } from './progress.template.js';
+export { progressStructuralStyles } from './progress.structural.styles.js';
+export { progressStyles } from './progress.styles.js';
+export { progressDefinition } from './progress.definition.js';
+//# sourceMappingURL=index.js.map

package/dist/progress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/progress/index.ts"],"names":[],"mappings":"AAAA,wEAAwE;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/progress/progress.d.ts

@@ -0,0 +1,54 @@
+import { OddkinElement } from '@oddkin/core/element';
+export declare const PROGRESS_STRINGS: {
+    label: string;
+};
+/** Formats the value text; returns what is shown and announced. */
+export type ProgressValueRenderer = (value: number, max: number) => string;
+declare const OddkinProgress_base: import("@oddkin/core/element").WithProps<typeof OddkinElement, {
+    readonly value: import("@oddkin/core/element").PropDefinition<number | undefined>;
+    readonly max: import("@oddkin/core/element").PropDefinition<number>;
+    readonly label: import("@oddkin/core/element").PropDefinition<string>;
+    readonly description: import("@oddkin/core/element").PropDefinition<string>;
+    readonly renderValue: import("@oddkin/core/element").PropDefinition<ProgressValueRenderer | undefined>;
+    readonly strings: import("@oddkin/core/element").PropDefinition<Partial<{
+        label: string;
+    }> | undefined>;
+}>;
+/**
+ * Progress of a task. With a `value` it shows how much is done; without, it shows that work is
+ * under way and never a percentage.
+ *
+ * Drawn as an ARIA progress bar rather than a native `<progress>`, whose bar and indicator can
+ * only be styled through engine-prefixed pseudo-elements.
+ *
+ * @csspart base - Label, bar, and description.
+ * @csspart label - The visible label.
+ * @csspart value-text - The formatted value (determinate only).
+ * @csspart track - The bar (`role="progressbar"`).
+ * @csspart indicator - The filled part of the bar.
+ * @csspart description - Help text below the bar.
+ * @cssprop --odd-progress-height - Bar thickness.
+ * @a11y A progress bar named by `label` (default "Progress") and described by `description`; the value text is its `aria-valuetext`. Changes are not announced; announce completion separately if it matters.
+ * @previewRole progress
+ * @useFor Uploads, imports, and other work with a measurable amount.
+ * @notFor Work of unknown length in a small space (use odd-spinner); a measurement within a known range such as disk usage.
+ * @category Feedback
+ * @customization 1 2 3
+ */
+export declare class OddkinProgress extends OddkinProgress_base {
+    /** @internal `max` when positive, otherwise 1 (as native). */
+    get _max(): number;
+    /** @internal The value clamped to the range, or undefined when indeterminate. */
+    get _value(): number | undefined;
+    /** @internal The text shown and announced for the current value. */
+    get _valueText(): string;
+    /** @internal The built-in text with overrides applied. */
+    get _strings(): typeof PROGRESS_STRINGS;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'odd-progress': OddkinProgress;
+    }
+}
+export {};
+//# sourceMappingURL=progress.d.ts.map

package/dist/progress/progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../src/progress/progress.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAQ,MAAM,sBAAsB,CAAC;AAG3D,eAAO,MAAM,gBAAgB;IAAK,KAAK;CAAc,CAAC;AAEtD,mEAAmE;AACnE,MAAM,MAAM,qBAAqB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;;;;;;;;;;;AAE3E;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBAAa,cAAe,SAAQ,mBAmBlC;IACA,8DAA8D;IAC9D,IAAI,IAAI,IAAI,MAAM,CAEjB;IACD,iFAAiF;IACjF,IAAI,MAAM,IAAI,MAAM,GAAG,SAAS,CAE/B;IACD,oEAAoE;IACpE,IAAI,UAAU,IAAI,MAAM,CAKvB;IACD,0DAA0D;IAC1D,IAAI,QAAQ,IAAI,OAAO,gBAAgB,CAEtC;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,cAAc,CAAC;KAChC;CACF"}

package/dist/progress/progress.define.d.ts

@@ -0,0 +1,3 @@
+/// <reference path="progress.d.ts" preserve="true" />
+export {};
+//# sourceMappingURL=progress.define.d.ts.map

package/dist/progress/progress.define.d.ts.map

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

package/dist/progress/progress.define.js

@@ -0,0 +1,5 @@
+/// <reference path="./progress.ts" preserve="true" />
+import { define } from '@oddkin/core/element';
+import { progressDefinition } from './progress.definition.js';
+define(progressDefinition);
+//# sourceMappingURL=progress.define.js.map

package/dist/progress/progress.define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.define.js","sourceRoot":"","sources":["../../src/progress/progress.define.ts"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9D,MAAM,CAAC,kBAAkB,CAAC,CAAC"}

package/dist/progress/progress.definition.d.ts

@@ -0,0 +1,3 @@
+import { OddkinProgress } from './progress.js';
+export declare const progressDefinition: import("@oddkin/core/element").ElementDefinition<OddkinProgress>;
+//# sourceMappingURL=progress.definition.d.ts.map

package/dist/progress/progress.definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.definition.d.ts","sourceRoot":"","sources":["../../src/progress/progress.definition.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAK/C,eAAO,MAAM,kBAAkB,kEAK7B,CAAC"}