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

package/dist/side-nav/side-nav.template.js

@@ -0,0 +1,108 @@
+import { computed } from '@oddkin/core/reactive';
+import { html, repeat } from '@oddkin/core/template';
+/**
+ * Anatomy: `part="base"` `<nav>` with the `header`, `list`, and `footer` regions of the
+ * `side-nav` recipe (classes `root`, `header`, `content`, `footer`). Entries render as native
+ * links, buttons for actions, and disclosure buttons with nested lists for groups. Item
+ * templates run outside the render's tracking, so state they show is bound as readables:
+ * changing `current` or expansion updates those attributes only.
+ */
+export const sideNavTemplate = (nav) => {
+    const items = nav.items;
+    const kinds = nav.kinds;
+    return html `<nav part="base" class="root" aria-label=${nav.label || null}>
+    <div part="header" class="header" ?hidden=${!nav._hasHeader.value}>
+      <slot name="header" @slotchange=${nav._onSlotChange}></slot>
+    </div>
+    ${items
+        ? html `<ul part="list" class="content">
+            ${entries(nav, kinds, items)}
+          </ul>`
+        : html `<div part="list" class="content">
+            <slot @slotchange=${nav._onSlotChange}></slot>
+          </div>`}
+    <div part="footer" class="footer" ?hidden=${!nav._hasFooter.value}>
+      <slot name="footer" @slotchange=${nav._onSlotChange}></slot>
+    </div>
+  </nav>`;
+};
+// Entries of project kinds are keyed with their registry, so assigning new `kinds` renders them
+// again while built-in entries keep their nodes.
+const generations = new WeakMap();
+let lastGeneration = 0;
+const keyOf = (kinds, item) => {
+    if (!kinds.get(item.kind))
+        return item.id;
+    let generation = generations.get(kinds);
+    if (generation === undefined)
+        generations.set(kinds, (generation = ++lastGeneration));
+    return `${item.id}\u0000${generation}`;
+};
+const entries = (nav, kinds, items, depth = 0) => repeat(items, (item) => keyOf(kinds, item), (item) => html `<li class="item">${entry(nav, kinds, item, depth)}</li>`);
+// A readable, so a renderer's reads (caller signals, `current`) update only this label.
+const label = (nav, item, depth, kind) => computed(() => {
+    const context = { current: item.id === nav.current, depth };
+    if (kind)
+        return kind.render(item, context);
+    const render = nav.renderLabel;
+    return render ? render(item, context) : item.label;
+});
+const text = (value) => (typeof value === 'string' ? value : null);
+const link = (nav, item, content) => {
+    const target = text(item.target);
+    return html `<a
+    part="link"
+    class="entry"
+    href=${nav._href(item)}
+    target=${target}
+    rel=${text(item.rel) ?? (target === '_blank' ? 'noopener noreferrer' : null)}
+    aria-current=${computed(() => (item.id === nav.current ? 'page' : null))}
+    aria-disabled=${item.disabled ? 'true' : null}
+    role=${item.disabled ? 'link' : null}
+    ><span class="label">${content}</span>${text(item.badge) ? html `<span part="badge" class="badge">${item.badge}</span>` : null}</a
+  >`;
+};
+const action = (nav, item, content) => html `<button
+    part="action"
+    class="entry"
+    type="button"
+    ?disabled=${!!item.disabled}
+    @click=${() => nav._action(item)}
+  >
+    <span class="label">${content}</span>
+  </button>`;
+function entry(nav, kinds, item, depth) {
+    switch (item.kind) {
+        case 'link':
+            return link(nav, item, label(nav, item, depth));
+        case 'action':
+            return action(nav, item, label(nav, item, depth));
+        case 'group': {
+            const open = computed(() => nav._isExpanded(item));
+            const id = nav._groupId(item.id);
+            return html `<button
+          part="group-toggle"
+          class="entry toggle"
+          type="button"
+          aria-expanded=${computed(() => (open.value ? 'true' : 'false'))}
+          aria-controls=${id}
+          @click=${() => nav._toggle(item)}
+        >
+          <span class="label">${label(nav, item, depth)}</span
+          ><span class="chevron" aria-hidden="true"></span>
+        </button>
+        <ul part="group" class="group-items" id=${id} ?hidden=${computed(() => !open.value)}>
+          ${entries(nav, kinds, item.items, depth + 1)}
+        </ul>`;
+        }
+    }
+    // A project kind reuses the link or action wrapper with its own label content.
+    const kind = kinds.get(item.kind);
+    if (!kind) {
+        nav._unknownKind(item.kind);
+        return null;
+    }
+    const content = label(nav, item, depth, kind);
+    return kind.semantics === 'link' ? link(nav, item, content) : action(nav, item, content);
+}
+//# sourceMappingURL=side-nav.template.js.map

package/dist/side-nav/side-nav.template.js.map

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

package/dist/skeleton/foundation.d.ts

@@ -0,0 +1,5 @@
+export { hostStyles } from '../styles/host.styles.js';
+export { OddkinSkeleton } from './skeleton.js';
+export { skeletonTemplate } from './skeleton.template.js';
+export { skeletonStructuralStyles } from './skeleton.structural.styles.js';
+//# sourceMappingURL=foundation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.d.ts","sourceRoot":"","sources":["../../src/skeleton/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/skeleton/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 { OddkinSkeleton } from './skeleton.js';
+export { skeletonTemplate } from './skeleton.template.js';
+export { skeletonStructuralStyles } from './skeleton.structural.styles.js';
+//# sourceMappingURL=foundation.js.map

package/dist/skeleton/foundation.js.map

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

@@ -0,0 +1,6 @@
+export { OddkinSkeleton } from './skeleton.js';
+export { skeletonTemplate } from './skeleton.template.js';
+export { skeletonStructuralStyles } from './skeleton.structural.styles.js';
+export { skeletonStyles } from './skeleton.styles.js';
+export { skeletonDefinition } from './skeleton.definition.js';
+//# sourceMappingURL=index.d.ts.map

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

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

@@ -0,0 +1,7 @@
+// Side-effect free. Register with `@oddkin/components/define/skeleton`.
+export { OddkinSkeleton } from './skeleton.js';
+export { skeletonTemplate } from './skeleton.template.js';
+export { skeletonStructuralStyles } from './skeleton.structural.styles.js';
+export { skeletonStyles } from './skeleton.styles.js';
+export { skeletonDefinition } from './skeleton.definition.js';
+//# sourceMappingURL=index.js.map

package/dist/skeleton/index.js.map

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

@@ -0,0 +1,32 @@
+import { OddkinElement } from '@oddkin/core/element';
+import type { Scope } from '@oddkin/core/scope';
+declare const OddkinSkeleton_base: import("@oddkin/core/element").WithProps<typeof OddkinElement, {
+    readonly shape: import("@oddkin/core/element").PropDefinition<"circle" | "rect" | "text">;
+    readonly lines: import("@oddkin/core/element").PropDefinition<number>;
+}>;
+/**
+ * A content-shaped placeholder while a region loads. Hidden from assistive technology: mark the
+ * loading region with `aria-busy="true"` and replace the placeholders when the content arrives.
+ *
+ * @csspart line - One text line (`shape="text"`).
+ * @csspart base - The block (`shape="rect"` or `"circle"`).
+ * @cssprop --odd-skeleton-color - Placeholder colour.
+ * @a11y Hidden from assistive technology; the region that loads says it is busy.
+ * @previewRole placeholder
+ * @useFor Regions whose layout is known before their content: lists, cards, avatars with text.
+ * @notFor Waiting with no known layout (use odd-spinner); progress of a task (use odd-progress).
+ * @category Feedback
+ * @customization 1 2 3
+ */
+export declare class OddkinSkeleton extends OddkinSkeleton_base {
+    /** @internal Whole lines, at least one. */
+    get _lines(): number;
+    protected mounted(scope: Scope): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'odd-skeleton': OddkinSkeleton;
+    }
+}
+export {};
+//# sourceMappingURL=skeleton.d.ts.map

package/dist/skeleton/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../src/skeleton/skeleton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAQ,MAAM,sBAAsB,CAAC;AAC3D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;;;;;AAEhD;;;;;;;;;;;;;GAaG;AACH,qBAAa,cAAe,SAAQ,mBAWlC;IACA,2CAA2C;IAC3C,IAAI,MAAM,IAAI,MAAM,CAEnB;IAED,UAAmB,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAI7C;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,cAAc,CAAC;KAChC;CACF"}

package/dist/skeleton/skeleton.define.d.ts

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

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

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

package/dist/skeleton/skeleton.define.js

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

package/dist/skeleton/skeleton.define.js.map

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

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

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

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

package/dist/skeleton/skeleton.definition.js

@@ -0,0 +1,13 @@
+import { compose } from '@oddkin/core/element';
+import { hostStyles } from '../styles/host.styles.js';
+import { OddkinSkeleton } from './skeleton.js';
+import { skeletonStructuralStyles } from './skeleton.structural.styles.js';
+import { skeletonStyles } from './skeleton.styles.js';
+import { skeletonTemplate } from './skeleton.template.js';
+export const skeletonDefinition = compose({
+    name: 'odd-skeleton',
+    element: OddkinSkeleton,
+    template: skeletonTemplate,
+    styles: [hostStyles, skeletonStructuralStyles, skeletonStyles],
+});
+//# sourceMappingURL=skeleton.definition.js.map

package/dist/skeleton/skeleton.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.definition.js","sourceRoot":"","sources":["../../src/skeleton/skeleton.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,MAAM,CAAC,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACxC,IAAI,EAAE,cAAc;IACpB,OAAO,EAAE,cAAc;IACvB,QAAQ,EAAE,gBAAgB;IAC1B,MAAM,EAAE,CAAC,UAAU,EAAE,wBAAwB,EAAE,cAAc,CAAC;CAC/D,CAAC,CAAC"}

package/dist/skeleton/skeleton.js

@@ -0,0 +1,37 @@
+import { OddkinElement, prop } from '@oddkin/core/element';
+/**
+ * A content-shaped placeholder while a region loads. Hidden from assistive technology: mark the
+ * loading region with `aria-busy="true"` and replace the placeholders when the content arrives.
+ *
+ * @csspart line - One text line (`shape="text"`).
+ * @csspart base - The block (`shape="rect"` or `"circle"`).
+ * @cssprop --odd-skeleton-color - Placeholder colour.
+ * @a11y Hidden from assistive technology; the region that loads says it is busy.
+ * @previewRole placeholder
+ * @useFor Regions whose layout is known before their content: lists, cards, avatars with text.
+ * @notFor Waiting with no known layout (use odd-spinner); progress of a task (use odd-progress).
+ * @category Feedback
+ * @customization 1 2 3
+ */
+export class OddkinSkeleton extends OddkinElement.with({
+    shape: prop.enum(['text', 'rect', 'circle'], {
+        default: 'text',
+        reflect: true,
+        description: 'Text lines, a rectangle, or a circle. Size rect and circle with CSS on the element.',
+    }),
+    lines: prop.number({
+        default: 1,
+        description: 'Number of text lines; the last of several is shorter.',
+    }),
+}) {
+    /** @internal Whole lines, at least one. */
+    get _lines() {
+        return Math.max(1, Math.floor(this.lines) || 1);
+    }
+    mounted(scope) {
+        scope.effect(() => {
+            this.internals.ariaHidden = 'true';
+        });
+    }
+}
+//# sourceMappingURL=skeleton.js.map

package/dist/skeleton/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../src/skeleton/skeleton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAG3D;;;;;;;;;;;;;GAaG;AACH,MAAM,OAAO,cAAe,SAAQ,aAAa,CAAC,IAAI,CAAC;IACrD,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE;QAC3C,OAAO,EAAE,MAAM;QACf,OAAO,EAAE,IAAI;QACb,WAAW,EACT,qFAAqF;KACxF,CAAC;IACF,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC;QACjB,OAAO,EAAE,CAAC;QACV,WAAW,EAAE,uDAAuD;KACrE,CAAC;CACH,CAAC;IACA,2CAA2C;IAC3C,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAClD,CAAC;IAEkB,OAAO,CAAC,KAAY;QACrC,KAAK,CAAC,MAAM,CAAC,GAAG,EAAE;YAChB,IAAI,CAAC,SAAS,CAAC,UAAU,GAAG,MAAM,CAAC;QACrC,CAAC,CAAC,CAAC;IACL,CAAC;CACF"}

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

@@ -0,0 +1,7 @@
+/**
+ * Placeholder geometry: text lines one line box apart (the last of several shorter), or a block
+ * that fills the element (rect 4 rem tall and circle 2.5 rem wide unless sized with CSS). The
+ * pulse stops under reduced motion. No brand or visual tokens.
+ */
+export declare const skeletonStructuralStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=skeleton.structural.styles.d.ts.map

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

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

package/dist/skeleton/skeleton.structural.styles.js

@@ -0,0 +1,57 @@
+import { css } from '@oddkin/core/styles';
+/**
+ * Placeholder geometry: text lines one line box apart (the last of several shorter), or a block
+ * that fills the element (rect 4 rem tall and circle 2.5 rem wide unless sized with CSS). The
+ * pulse stops under reduced motion. No brand or visual tokens.
+ */
+export const skeletonStructuralStyles = css `
+  :host {
+    display: block;
+  }
+  :host([shape='rect']) {
+    block-size: 4rem;
+  }
+  :host([shape='circle']) {
+    display: inline-block;
+    inline-size: 2.5rem;
+    aspect-ratio: 1;
+  }
+  .lines {
+    display: grid;
+    gap: 0.5em;
+  }
+  .line {
+    display: block;
+    block-size: 1em;
+  }
+  .line:last-child:not(:first-child) {
+    inline-size: 60%;
+  }
+  .block {
+    display: block;
+    inline-size: 100%;
+    block-size: 100%;
+  }
+  .line,
+  .block {
+    animation: odd-skeleton-pulse 1.6s ease-in-out infinite alternate;
+  }
+  @keyframes odd-skeleton-pulse {
+    to {
+      opacity: 0.5;
+    }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .line,
+    .block {
+      animation: none;
+    }
+  }
+  @media (forced-colors: active) {
+    .line,
+    .block {
+      border: 1px solid GrayText;
+    }
+  }
+`;
+//# sourceMappingURL=skeleton.structural.styles.js.map

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

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

package/dist/skeleton/skeleton.styles.d.ts

@@ -0,0 +1,3 @@
+/** Oddkin's default placeholder look: Figma `skeleton` (`color/border/default`, `radius/sm`). */
+export declare const skeletonStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=skeleton.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.styles.d.ts","sourceRoot":"","sources":["../../src/skeleton/skeleton.styles.ts"],"names":[],"mappings":"AAGA,iGAAiG;AACjG,eAAO,MAAM,cAAc,yCAS1B,CAAC"}

package/dist/skeleton/skeleton.styles.js

@@ -0,0 +1,14 @@
+import { css } from '@oddkin/core/styles';
+import { token } from '@oddkin/tokens/refs';
+/** Oddkin's default placeholder look: Figma `skeleton` (`color/border/default`, `radius/sm`). */
+export const skeletonStyles = css `
+  .line,
+  .block {
+    border-radius: ${token('radius.sm')};
+    background: var(--odd-skeleton-color, ${token('color.border.default')});
+  }
+  :host([shape='circle']) .block {
+    border-radius: ${token('radius.full')};
+  }
+`;
+//# sourceMappingURL=skeleton.styles.js.map

package/dist/skeleton/skeleton.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.styles.js","sourceRoot":"","sources":["../../src/skeleton/skeleton.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C,iGAAiG;AACjG,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;qBAGZ,KAAK,CAAC,WAAW,CAAC;4CACK,KAAK,CAAC,sBAAsB,CAAC;;;qBAGpD,KAAK,CAAC,aAAa,CAAC;;CAExC,CAAC"}

package/dist/skeleton/skeleton.template.d.ts

@@ -0,0 +1,4 @@
+import type { OddkinSkeleton } from './skeleton.js';
+/** Anatomy: `lines` × `part="line"` for text, otherwise one `part="base"` block. */
+export declare const skeletonTemplate: (skeleton: OddkinSkeleton) => import("@oddkin/core/template").TemplateResult;
+//# sourceMappingURL=skeleton.template.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.template.d.ts","sourceRoot":"","sources":["../../src/skeleton/skeleton.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEpD,oFAAoF;AACpF,eAAO,MAAM,gBAAgB,aAAc,cAAc,mDAKN,CAAC"}

package/dist/skeleton/skeleton.template.js

@@ -0,0 +1,8 @@
+import { html } from '@oddkin/core/template';
+/** Anatomy: `lines` × `part="line"` for text, otherwise one `part="base"` block. */
+export const skeletonTemplate = (skeleton) => skeleton.shape === 'text'
+    ? html `<span class="lines"
+        >${Array.from({ length: skeleton._lines }, () => html `<span part="line" class="line"></span>`)}</span
+      >`
+    : html `<span part="base" class="block"></span>`;
+//# sourceMappingURL=skeleton.template.js.map

package/dist/skeleton/skeleton.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.template.js","sourceRoot":"","sources":["../../src/skeleton/skeleton.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAG7C,oFAAoF;AACpF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,QAAwB,EAAE,EAAE,CAC3D,QAAQ,CAAC,KAAK,KAAK,MAAM;IACvB,CAAC,CAAC,IAAI,CAAA;WACC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA,wCAAwC,CAAC;QAC9F;IACJ,CAAC,CAAC,IAAI,CAAA,yCAAyC,CAAC"}

package/dist/slider/foundation.d.ts

@@ -0,0 +1,6 @@
+export { hostStyles } from '../styles/host.styles.js';
+export { fieldStructuralStyles } from '../styles/field.structural.styles.js';
+export { OddkinSlider, inputEvent, changeEvent, type SliderValueRenderer } from './slider.js';
+export { sliderTemplate } from './slider.template.js';
+export { sliderStructuralStyles } from './slider.structural.styles.js';
+//# sourceMappingURL=foundation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.d.ts","sourceRoot":"","sources":["../../src/slider/foundation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAC9F,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/slider/foundation.js

@@ -0,0 +1,8 @@
+// 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 { fieldStructuralStyles } from '../styles/field.structural.styles.js';
+export { OddkinSlider, inputEvent, changeEvent } from './slider.js';
+export { sliderTemplate } from './slider.template.js';
+export { sliderStructuralStyles } from './slider.structural.styles.js';
+//# sourceMappingURL=foundation.js.map

package/dist/slider/foundation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.js","sourceRoot":"","sources":["../../src/slider/foundation.ts"],"names":[],"mappings":"AAAA,+FAA+F;AAC/F,8EAA8E;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAA4B,MAAM,aAAa,CAAC;AAC9F,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/slider/index.d.ts

@@ -0,0 +1,6 @@
+export { OddkinSlider, inputEvent, changeEvent, type SliderValueRenderer } from './slider.js';
+export { sliderTemplate } from './slider.template.js';
+export { sliderStructuralStyles } from './slider.structural.styles.js';
+export { sliderStyles } from './slider.styles.js';
+export { sliderDefinition } from './slider.definition.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/slider/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAC9F,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/slider/index.js

@@ -0,0 +1,7 @@
+// Side-effect free. Register with `@oddkin/components/define/slider`.
+export { OddkinSlider, inputEvent, changeEvent } from './slider.js';
+export { sliderTemplate } from './slider.template.js';
+export { sliderStructuralStyles } from './slider.structural.styles.js';
+export { sliderStyles } from './slider.styles.js';
+export { sliderDefinition } from './slider.definition.js';
+//# sourceMappingURL=index.js.map

package/dist/slider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/slider/index.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAA4B,MAAM,aAAa,CAAC;AAC9F,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/slider/slider.d.ts

@@ -0,0 +1,80 @@
+import { type ElementEvents } from '@oddkin/core/element';
+import { type Readable } from '@oddkin/core/reactive';
+import type { Scope } from '@oddkin/core/scope';
+import { OddkinFormControl, type FormControlOptions } from '../form-control/form-control.js';
+/** Dispatched for every change the user makes (a key, a drag step), as on a native range. */
+export declare const inputEvent: import("@oddkin/core/element").EventDefinition<void>;
+/** Dispatched when the user commits a change: after each key, and when a drag ends. */
+export declare const changeEvent: import("@oddkin/core/element").EventDefinition<void>;
+/** Formats a value for the output and the endpoint labels; its text is also announced. */
+export type SliderValueRenderer = (value: number) => string;
+declare const OddkinSlider_base: import("@oddkin/core/element").WithProps<typeof OddkinFormControl, {
+    readonly label: import("@oddkin/core/element").PropDefinition<string>;
+    readonly defaultValue: import("@oddkin/core/element").PropDefinition<string>;
+    readonly min: import("@oddkin/core/element").PropDefinition<number>;
+    readonly max: import("@oddkin/core/element").PropDefinition<number>;
+    readonly step: import("@oddkin/core/element").PropDefinition<number>;
+    readonly renderValue: import("@oddkin/core/element").PropDefinition<SliderValueRenderer | undefined>;
+}>;
+/**
+ * A number from a bounded range, chosen by dragging a thumb along a track or with the keys, with
+ * the current value and both endpoints shown. Drawn as an ARIA slider rather than a native
+ * `<input type="range">`, whose track and thumb can only be styled through engine-prefixed
+ * pseudo-elements. Values follow the native range: snapped to `step` from `min`, clamped to the
+ * range; without a `value` attribute the default is halfway.
+ *
+ * @csspart field - Wrapper of the label row, description, slider, endpoints, and error.
+ * @csspart label - The visible label.
+ * @csspart output - The current value, beside the label.
+ * @csspart description - Help text, referenced by `aria-describedby`.
+ * @csspart control - The area that takes pointer input: track and thumb.
+ * @csspart track - The full range.
+ * @csspart fill - The part of the track up to the value.
+ * @csspart thumb - The handle (`role="slider"`); takes focus.
+ * @csspart min-label - The lowest value, under the start of the track.
+ * @csspart max-label - The highest value, under the end of the track.
+ * @csspart error - The error message, referenced by `aria-describedby`.
+ * @cssstate user-invalid - The slider shows its error: `error` is set.
+ * @a11y The thumb is a `role="slider"` named by `label`, with `aria-valuemin`, `aria-valuemax`, `aria-valuenow`, and, with `renderValue`, `aria-valuetext`; description and error are announced through `aria-describedby`. The output and endpoint labels repeat the values visually and are hidden from assistive technology.
+ * @keyboard Right and Up increase by `step`, Left and Down decrease (Left and Right swap in right-to-left text); Page Up and Page Down move by a tenth of the range, in whole steps; Home and End go to `min` and `max`. Each key dispatches `input` and `change`.
+ * @previewRole slider
+ * @useFor A setting within a known range where the approximate position matters more than the exact number: a zoom level, a volume, a preview scale.
+ * @notFor An exact number (use odd-input type="number"); one of a few named values (use odd-segmented-control); progress of a task (use odd-progress).
+ * @category Forms
+ * @customization 1 2 3
+ */
+export declare class OddkinSlider extends OddkinSlider_base {
+    #private;
+    static shadowRootOptions: ShadowRootInit;
+    static events: {
+        input: import("@oddkin/core/element").EventDefinition<void>;
+        change: import("@oddkin/core/element").EventDefinition<void>;
+    };
+    readonly _events?: ElementEvents<typeof OddkinSlider>;
+    constructor();
+    /** @internal `max`, or `min` when `max` is below it (as native). */
+    get _max(): number;
+    /** @internal The current value as a number on the grid. */
+    readonly _number: Readable<number>;
+    /** The current value, as a string (native range). Setting it detaches it from `defaultValue`. */
+    get value(): string;
+    set value(value: string);
+    /** The current value as a number. */
+    get valueAsNumber(): number;
+    set valueAsNumber(value: number);
+    /** @internal Display text for a value. */
+    _text(value: number): string;
+    /** @internal The value's position along the track, from 0 to 1. */
+    get _fraction(): number;
+    protected _formOptions(): FormControlOptions;
+    /** @internal Template handler: keys on the thumb. */
+    readonly _onKeydown: (event: KeyboardEvent) => void;
+    protected mounted(scope: Scope): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'odd-slider': OddkinSlider;
+    }
+}
+export {};
+//# sourceMappingURL=slider.d.ts.map

package/dist/slider/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../src/slider/slider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAEvE,OAAO,EAAoB,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACxE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAG7F,6FAA6F;AAC7F,eAAO,MAAM,UAAU,sDAMrB,CAAC;AACH,uFAAuF;AACvF,eAAO,MAAM,WAAW,sDAKtB,CAAC;AAEH,0FAA0F;AAC1F,MAAM,MAAM,mBAAmB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;;;;;;;;;AAE5D;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,qBAAa,YAAa,SAAQ,iBAmBhC;;IACA,OAAgB,iBAAiB,EAAE,cAAc,CAA0C;IAC3F,OAAgB,MAAM;QAAK,KAAK;QAAc,MAAM;MAAgB;IACpE,SAAiB,OAAO,CAAC,EAAE,aAAa,CAAC,OAAO,YAAY,CAAC,CAAC;IAK9D,cAQC;IAED,oEAAoE;IACpE,IAAI,IAAI,IAAI,MAAM,CAEjB;IAMD,2DAA2D;IAC3D,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,CAI/B;IAEH,iGAAiG;IACjG,IAAI,KAAK,IAAI,MAAM,CAElB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAEtB;IAED,qCAAqC;IACrC,IAAI,aAAa,IAAI,MAAM,CAE1B;IACD,IAAI,aAAa,CAAC,KAAK,EAAE,MAAM,EAE9B;IAED,0CAA0C;IAC1C,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAE3B;IACD,mEAAmE;IACnE,IAAI,SAAS,IAAI,MAAM,CAGtB;IAED,UAAmB,YAAY,IAAI,kBAAkB,CAWpD;IAeD,qDAAqD;IACrD,QAAQ,CAAC,UAAU,UAAW,aAAa,KAAG,IAAI,CAUhD;IAoBF,UAAmB,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAK7C;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,YAAY,CAAC;KAC5B;CACF"}

package/dist/slider/slider.define.d.ts

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

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

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

package/dist/slider/slider.define.js

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

package/dist/slider/slider.define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.define.js","sourceRoot":"","sources":["../../src/slider/slider.define.ts"],"names":[],"mappings":"AAAA,oDAAoD;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,MAAM,CAAC,gBAAgB,CAAC,CAAC"}

package/dist/slider/slider.definition.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.definition.d.ts","sourceRoot":"","sources":["../../src/slider/slider.definition.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAK3C,eAAO,MAAM,gBAAgB,gEAY3B,CAAC"}

package/dist/slider/slider.definition.js

@@ -0,0 +1,23 @@
+import { compose } from '@oddkin/core/element';
+import { controlStyles } from '../styles/control.styles.js';
+import { fieldStructuralStyles } from '../styles/field.structural.styles.js';
+import { focusRingStyles } from '../styles/focus-ring.styles.js';
+import { hostStyles } from '../styles/host.styles.js';
+import { OddkinSlider } from './slider.js';
+import { sliderStructuralStyles } from './slider.structural.styles.js';
+import { sliderStyles } from './slider.styles.js';
+import { sliderTemplate } from './slider.template.js';
+export const sliderDefinition = compose({
+    name: 'odd-slider',
+    element: OddkinSlider,
+    template: sliderTemplate,
+    styles: [
+        hostStyles,
+        fieldStructuralStyles,
+        sliderStructuralStyles,
+        focusRingStyles,
+        controlStyles,
+        sliderStyles,
+    ],
+});
+//# sourceMappingURL=slider.definition.js.map

package/dist/slider/slider.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.definition.js","sourceRoot":"","sources":["../../src/slider/slider.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,MAAM,CAAC,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACtC,IAAI,EAAE,YAAY;IAClB,OAAO,EAAE,YAAY;IACrB,QAAQ,EAAE,cAAc;IACxB,MAAM,EAAE;QACN,UAAU;QACV,qBAAqB;QACrB,sBAAsB;QACtB,eAAe;QACf,aAAa;QACb,YAAY;KACb;CACF,CAAC,CAAC"}