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

package/dist/breadcrumbs/breadcrumbs.definition.js

@@ -0,0 +1,23 @@
+import { compose } from '@oddkin/core/element';
+import { glyphStyles } from '../styles/glyphs.js';
+import { focusRingStyles } from '../styles/focus-ring.styles.js';
+import { hostStyles } from '../styles/host.styles.js';
+import { visuallyHiddenStyles } from '../styles/visually-hidden.styles.js';
+import { OddkinBreadcrumbs } from './breadcrumbs.js';
+import { breadcrumbsStructuralStyles } from './breadcrumbs.structural.styles.js';
+import { breadcrumbsStyles } from './breadcrumbs.styles.js';
+import { breadcrumbsTemplate } from './breadcrumbs.template.js';
+export const breadcrumbsDefinition = compose({
+    name: 'odd-breadcrumbs',
+    element: OddkinBreadcrumbs,
+    template: breadcrumbsTemplate,
+    styles: [
+        hostStyles,
+        breadcrumbsStructuralStyles,
+        glyphStyles,
+        visuallyHiddenStyles,
+        focusRingStyles,
+        breadcrumbsStyles,
+    ],
+});
+//# sourceMappingURL=breadcrumbs.definition.js.map

package/dist/breadcrumbs/breadcrumbs.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.definition.js","sourceRoot":"","sources":["../../src/breadcrumbs/breadcrumbs.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,2BAA2B,EAAE,MAAM,oCAAoC,CAAC;AACjF,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAEhE,MAAM,CAAC,MAAM,qBAAqB,GAAG,OAAO,CAAC;IAC3C,IAAI,EAAE,iBAAiB;IACvB,OAAO,EAAE,iBAAiB;IAC1B,QAAQ,EAAE,mBAAmB;IAC7B,MAAM,EAAE;QACN,UAAU;QACV,2BAA2B;QAC3B,WAAW;QACX,oBAAoB;QACpB,eAAe;QACf,iBAAiB;KAClB;CACF,CAAC,CAAC"}

package/dist/breadcrumbs/breadcrumbs.js

@@ -0,0 +1,112 @@
+import { OddkinElement, prop } from '@oddkin/core/element';
+import { format, strings } from '@oddkin/core/i18n';
+import { computed, signal, untracked } from '@oddkin/core/reactive';
+import { CollectionSource, readLinks } from '../collection/collection.js';
+export const BREADCRUMBS_STRINGS = {
+    label: 'Breadcrumb',
+    more: 'Show {count} more',
+};
+/**
+ * A location trail: links to the pages above this one, then the current page as text. Items come
+ * from `<a href>` descendants (a server-rendered `<ol><li><a href>` list works as written) or the
+ * `items` property; with `max-items`, the middle items wait behind a "more" button.
+ *
+ * @csspart base - The `<nav>` surface.
+ * @csspart list - The ordered list.
+ * @csspart item - Each list item.
+ * @csspart link - Each link to a page above this one.
+ * @csspart current - The current page (text with `aria-current="page"`).
+ * @csspart separator - The mark before each item after the first.
+ * @csspart more - The button that shows the collapsed items.
+ * @slot home - Replaces the first item's text: other text, or an icon (`<svg>`), which is decorative; with no text in it, the first item's label stays as hidden text, so the item keeps its name.
+ * @cssprop --odd-breadcrumbs-radius - Corner radius of the surface.
+ * @a11y A `<nav>` landmark named by `label` (default `strings.label`, "Breadcrumb") around an ordered list. The last item is the current page, as text with `aria-current="page"`. Separators are hidden from assistive technology. The "more" button is named "Show 2 more" (`strings.more`); activating it shows the collapsed items and moves focus to the first of them.
+ * @keyboard Tab moves through the links and the "more" button; Enter follows a link; Enter or Space on "more" shows the collapsed items.
+ * @previewRole breadcrumbs
+ * @useFor Showing where a page sits in a hierarchy, with links to the levels above it.
+ * @notFor The steps of a process; primary navigation (use odd-side-nav); a back button.
+ * @category Navigation
+ * @customization 1 2 3
+ */
+export class OddkinBreadcrumbs extends OddkinElement.with({
+    label: prop.string({
+        default: '',
+        description: 'Names the navigation; default `strings.label`.',
+    }),
+    items: prop.object({
+        description: 'Items `{ label, href }`, the last being the current page. When set (even to an empty array) it is the only source; `<a href>` children are ignored.',
+    }),
+    maxItems: prop.number({
+        default: 0,
+        description: 'Collapse when there are more items than this: the first item, a "more" button, and the last `max-items − 1` items show. 0 never collapses.',
+    }),
+    strings: prop.object({
+        description: 'Localized string overrides.',
+    }),
+}) {
+    #source = new CollectionSource({
+        host: this,
+        name: 'items',
+        property: () => this.items,
+        read: readLinks,
+    });
+    #focusRevealed = false;
+    /** @internal What the `home` slot holds: nothing, content without text (an icon), or text. */
+    _home = signal('none');
+    /** @internal Slot change handler used by the template. */
+    _onHomeChange = (event) => {
+        const nodes = event.target.assignedNodes();
+        this._home.value = !nodes.length
+            ? 'none'
+            : nodes.some((node) => !!node.textContent?.trim())
+                ? 'text'
+                : 'icon';
+    };
+    /** @internal Whether the collapsed items were shown. */
+    _expanded = signal(false);
+    /** @internal The built-in text with the author's overrides. */
+    _strings = computed(() => strings(BREADCRUMBS_STRINGS, this.strings));
+    /** @internal The items shown: the first, "more" when collapsed, the rest; the last is current. */
+    _entries = computed(() => {
+        const records = this.#source.records.value;
+        const max = Math.floor(this.maxItems) || 0;
+        const entry = (record, i) => {
+            const kind = i === records.length - 1 ? 'current' : 'link';
+            return {
+                kind,
+                key: `${i}\n${kind}\n${record.href}\n${record.label}`,
+                first: i === 0,
+                record,
+            };
+        };
+        const all = records.map(entry);
+        if (max <= 0 || records.length <= max || this._expanded.value)
+            return all;
+        const tail = Math.max(1, max - 1);
+        const hidden = records.length - 1 - tail;
+        if (hidden < 1)
+            return all;
+        return [all[0], { kind: 'more', key: 'more', count: hidden }, ...all.slice(-tail)];
+    });
+    /** @internal The "more" button's name. */
+    _moreLabel(count) {
+        return format(this._strings.value.more, { count: String(count) });
+    }
+    /** @internal "More" was activated: show every item and focus the first one shown. */
+    _reveal() {
+        this.#focusRevealed = true;
+        this._expanded.value = true;
+    }
+    connected(scope) {
+        scope.use(this.#source);
+    }
+    mounted(scope) {
+        scope.effect(() => {
+            if (!this._expanded.value || !this.#focusRevealed)
+                return;
+            this.#focusRevealed = false;
+            untracked(() => this.shadowRoot.querySelectorAll('[part~="link"]')[1]?.focus());
+        }, { phase: 'post', name: '<odd-breadcrumbs> revealed focus' });
+    }
+}
+//# sourceMappingURL=breadcrumbs.js.map

package/dist/breadcrumbs/breadcrumbs.js.map

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

package/dist/breadcrumbs/breadcrumbs.recipe.d.ts

@@ -0,0 +1,3 @@
+/** Arrangement of the breadcrumbs (layout-recipes.md §14): the trail of links and separators in a row that wraps. */
+export declare const breadcrumbsRecipe: import("../layout/index.js").LayoutRecipe;
+//# sourceMappingURL=breadcrumbs.recipe.d.ts.map

package/dist/breadcrumbs/breadcrumbs.recipe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.recipe.d.ts","sourceRoot":"","sources":["../../src/breadcrumbs/breadcrumbs.recipe.ts"],"names":[],"mappings":"AAGA,qHAAqH;AACrH,eAAO,MAAM,iBAAiB,2CAK5B,CAAC"}

package/dist/breadcrumbs/breadcrumbs.recipe.js

@@ -0,0 +1,10 @@
+import { token } from '@oddkin/tokens/refs';
+import { defineLayoutRecipe, row } from '../layout/index.js';
+/** Arrangement of the breadcrumbs (layout-recipes.md §14): the trail of links and separators in a row that wraps. */
+export const breadcrumbsRecipe = defineLayoutRecipe({
+    name: 'breadcrumbs',
+    regions: {
+        list: row({ gap: token('space.sm'), wrap: true }),
+    },
+});
+//# sourceMappingURL=breadcrumbs.recipe.js.map

package/dist/breadcrumbs/breadcrumbs.recipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.recipe.js","sourceRoot":"","sources":["../../src/breadcrumbs/breadcrumbs.recipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAE7D,qHAAqH;AACrH,MAAM,CAAC,MAAM,iBAAiB,GAAG,kBAAkB,CAAC;IAClD,IAAI,EAAE,aAAa;IACnB,OAAO,EAAE;QACP,IAAI,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;KAClD;CACF,CAAC,CAAC"}

package/dist/breadcrumbs/breadcrumbs.recipe.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const breadcrumbsRecipeStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=breadcrumbs.recipe.styles.d.ts.map

package/dist/breadcrumbs/breadcrumbs.recipe.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.recipe.styles.d.ts","sourceRoot":"","sources":["../../src/breadcrumbs/breadcrumbs.recipe.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,uBAAuB,yCAEnC,CAAC"}

package/dist/breadcrumbs/breadcrumbs.recipe.styles.js

@@ -0,0 +1,5 @@
+// Generated from ./breadcrumbs.recipe.ts by packages/components/test/recipes.test.ts (UPDATE_FIXTURES=1).
+// Do not edit: change the recipe and regenerate.
+import { unsafeCSS } from '@oddkin/core/styles';
+export const breadcrumbsRecipeStyles = unsafeCSS('@layer odd.layout.base, odd.layout.variant, odd.layout.condition;\n@layer odd.layout.base {\n  .list {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--odd-space-sm);\n    flex-wrap: wrap;\n    min-inline-size: 0;\n  }\n}\n');
+//# sourceMappingURL=breadcrumbs.recipe.styles.js.map

package/dist/breadcrumbs/breadcrumbs.recipe.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.recipe.styles.js","sourceRoot":"","sources":["../../src/breadcrumbs/breadcrumbs.recipe.styles.ts"],"names":[],"mappings":"AAAA,0GAA0G;AAC1G,iDAAiD;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,CAAC,MAAM,uBAAuB,GAAG,SAAS,CAC9C,wQAAwQ,CACzQ,CAAC"}

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

@@ -0,0 +1,6 @@
+/**
+ * One wrapping row of items with separators between them: the layout recipe in
+ * `breadcrumbs.recipe.ts`. No brand or visual tokens.
+ */
+export declare const breadcrumbsStructuralStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=breadcrumbs.structural.styles.d.ts.map

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

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

package/dist/breadcrumbs/breadcrumbs.structural.styles.js

@@ -0,0 +1,63 @@
+import { css } from '@oddkin/core/styles';
+import { breadcrumbsRecipeStyles } from './breadcrumbs.recipe.styles.js';
+/**
+ * One wrapping row of items with separators between them: the layout recipe in
+ * `breadcrumbs.recipe.ts`. No brand or visual tokens.
+ */
+export const breadcrumbsStructuralStyles = css `
+  ${breadcrumbsRecipeStyles}
+  :host {
+    display: block;
+  }
+  .list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  .item {
+    display: inline-flex;
+    align-items: center;
+    min-inline-size: 0;
+  }
+  .link,
+  .current,
+  .more {
+    display: inline-flex;
+    align-items: center;
+  }
+  .link {
+    text-decoration: none;
+  }
+  .link:hover {
+    text-decoration: underline;
+  }
+  .more {
+    justify-content: center;
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    border: 0;
+    background: none;
+    font: inherit;
+    cursor: pointer;
+  }
+  .separator {
+    display: inline-flex;
+  }
+  ::slotted(svg) {
+    flex: none;
+  }
+  @media (forced-colors: active) {
+    .breadcrumbs .link {
+      color: LinkText;
+    }
+    .breadcrumbs .current,
+    .breadcrumbs .separator {
+      color: CanvasText;
+    }
+    .breadcrumbs .more {
+      color: ButtonText;
+    }
+  }
+`;
+//# sourceMappingURL=breadcrumbs.structural.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.structural.styles.js","sourceRoot":"","sources":["../../src/breadcrumbs/breadcrumbs.structural.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAEzE;;;GAGG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,CAAA;IAC1C,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsD1B,CAAC"}

package/dist/breadcrumbs/breadcrumbs.styles.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Oddkin's default breadcrumbs: Figma `Breadcrumbs` (a default surface with `control/radius`;
+ * links in the link colour, the current page in primary text, chevrons between).
+ */
+export declare const breadcrumbsStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=breadcrumbs.styles.d.ts.map

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

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

package/dist/breadcrumbs/breadcrumbs.styles.js

@@ -0,0 +1,45 @@
+import { css } from '@oddkin/core/styles';
+import { token } from '@oddkin/tokens/refs';
+/**
+ * Oddkin's default breadcrumbs: Figma `Breadcrumbs` (a default surface with `control/radius`;
+ * links in the link colour, the current page in primary text, chevrons between).
+ */
+export const breadcrumbsStyles = css `
+  .breadcrumbs {
+    padding: ${token('space.xs')} ${token('space.sm')};
+    border-radius: var(--odd-breadcrumbs-radius, ${token('control.radius')});
+    background: ${token('color.surface.default')};
+    color: ${token('color.text.primary')};
+    font-family: ${token('type.ui.family')};
+    font-size: ${token('type.ui.size')};
+    font-weight: ${token('type.ui.weight')};
+    line-height: ${token('type.ui.line-height')};
+  }
+  .item {
+    gap: ${token('space.sm')};
+  }
+  .link,
+  .current,
+  .more {
+    min-block-size: ${token('control.height.sm')};
+  }
+  .link {
+    border-radius: ${token('control.radius')};
+    color: ${token('color.link')};
+  }
+  .more {
+    min-inline-size: ${token('control.height.sm')};
+    border-radius: ${token('control.radius')};
+    color: ${token('color.text.primary')};
+    font-size: ${token('icon.size.md')};
+  }
+  .separator {
+    font-size: ${token('icon.size.sm')};
+  }
+  @media (hover: hover) {
+    .more:hover {
+      background: ${token('color.surface.hover')};
+    }
+  }
+`;
+//# sourceMappingURL=breadcrumbs.styles.js.map

package/dist/breadcrumbs/breadcrumbs.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.styles.js","sourceRoot":"","sources":["../../src/breadcrumbs/breadcrumbs.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,iBAAiB,GAAG,GAAG,CAAA;;eAErB,KAAK,CAAC,UAAU,CAAC,IAAI,KAAK,CAAC,UAAU,CAAC;mDACF,KAAK,CAAC,gBAAgB,CAAC;kBACxD,KAAK,CAAC,uBAAuB,CAAC;aACnC,KAAK,CAAC,oBAAoB,CAAC;mBACrB,KAAK,CAAC,gBAAgB,CAAC;iBACzB,KAAK,CAAC,cAAc,CAAC;mBACnB,KAAK,CAAC,gBAAgB,CAAC;mBACvB,KAAK,CAAC,qBAAqB,CAAC;;;WAGpC,KAAK,CAAC,UAAU,CAAC;;;;;sBAKN,KAAK,CAAC,mBAAmB,CAAC;;;qBAG3B,KAAK,CAAC,gBAAgB,CAAC;aAC/B,KAAK,CAAC,YAAY,CAAC;;;uBAGT,KAAK,CAAC,mBAAmB,CAAC;qBAC5B,KAAK,CAAC,gBAAgB,CAAC;aAC/B,KAAK,CAAC,oBAAoB,CAAC;iBACvB,KAAK,CAAC,cAAc,CAAC;;;iBAGrB,KAAK,CAAC,cAAc,CAAC;;;;oBAIlB,KAAK,CAAC,qBAAqB,CAAC;;;CAG/C,CAAC"}

package/dist/breadcrumbs/breadcrumbs.template.d.ts

@@ -0,0 +1,8 @@
+import type { OddkinBreadcrumbs } from './breadcrumbs.js';
+/**
+ * Anatomy: `part="base"` `<nav>` around the `list` (`<ol>`) of `item`s, each a `link`, the
+ * `current` page, or the `more` button, after a `separator` from the second item on. Entries are
+ * keyed by position, kind, and content, so each one renders once.
+ */
+export declare const breadcrumbsTemplate: (breadcrumbs: OddkinBreadcrumbs) => import("@oddkin/core/template").TemplateResult;
+//# sourceMappingURL=breadcrumbs.template.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.template.d.ts","sourceRoot":"","sources":["../../src/breadcrumbs/breadcrumbs.template.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAmB,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE3E;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,gBAAiB,iBAAiB,mDAoBjE,CAAC"}

package/dist/breadcrumbs/breadcrumbs.template.js

@@ -0,0 +1,51 @@
+import { computed } from '@oddkin/core/reactive';
+import { html, repeat } from '@oddkin/core/template';
+import { chevronEndGlyph, moreGlyph } from '../styles/glyphs.js';
+/**
+ * Anatomy: `part="base"` `<nav>` around the `list` (`<ol>`) of `item`s, each a `link`, the
+ * `current` page, or the `more` button, after a `separator` from the second item on. Entries are
+ * keyed by position, kind, and content, so each one renders once.
+ */
+export const breadcrumbsTemplate = (breadcrumbs) => {
+    const label = breadcrumbs.label || breadcrumbs._strings.value.label;
+    return html `<nav part="base" class="breadcrumbs" aria-label=${label}>
+    <ol part="list" class="list">
+      ${repeat(breadcrumbs._entries.value, (entry) => entry.key, (entry) => html `<li part="item" class="item">
+            ${entry.kind === 'more' || !entry.first
+        ? html `<span part="separator" class="separator" aria-hidden="true"
+                    >${chevronEndGlyph}</span
+                  >`
+        : ''}${control(breadcrumbs, entry)}
+          </li>`)}
+    </ol>
+  </nav>`;
+};
+const control = (breadcrumbs, entry) => {
+    if (entry.kind === 'more')
+        return html `<button
+      part="more"
+      class="more"
+      type="button"
+      aria-label=${computed(() => breadcrumbs._moreLabel(entry.count))}
+      @click=${() => breadcrumbs._reveal()}
+    >
+      ${moreGlyph}
+    </button>`;
+    if (entry.kind === 'current')
+        return html `<span part="current" class="current" aria-current="page"
+      >${label(breadcrumbs, entry)}</span
+    >`;
+    return html `<a part="link" class="link" href=${entry.record.href}
+    >${label(breadcrumbs, entry)}</a
+  >`;
+};
+/** The first item's label can be replaced through the `home` slot; an icon there keeps it as hidden text. */
+const label = (breadcrumbs, entry) => entry.first
+    ? html `<slot name="home" @slotchange=${breadcrumbs._onHomeChange}></slot
+        ><span
+          class=${computed(() => (breadcrumbs._home.value === 'icon' ? 'visually-hidden' : 'label'))}
+          ?hidden=${computed(() => breadcrumbs._home.value === 'text')}
+          >${entry.record.label}</span
+        >`
+    : entry.record.label;
+//# sourceMappingURL=breadcrumbs.template.js.map

package/dist/breadcrumbs/breadcrumbs.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.template.js","sourceRoot":"","sources":["../../src/breadcrumbs/breadcrumbs.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGjE;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,WAA8B,EAAE,EAAE;IACpE,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,IAAI,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;IACpE,OAAO,IAAI,CAAA,mDAAmD,KAAK;;QAE7D,MAAM,CACN,WAAW,CAAC,QAAQ,CAAC,KAAK,EAC1B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,EACpB,CAAC,KAAK,EAAE,EAAE,CACR,IAAI,CAAA;cAEA,KAAK,CAAC,IAAI,KAAK,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK;QACnC,CAAC,CAAC,IAAI,CAAA;uBACC,eAAe;oBAClB;QACJ,CAAC,CAAC,EACN,GAAG,OAAO,CAAC,WAAW,EAAE,KAAK,CAAC;gBAC1B,CACT;;SAEE,CAAC;AACV,CAAC,CAAC;AAEF,MAAM,OAAO,GAAG,CAAC,WAA8B,EAAE,KAAsB,EAAE,EAAE;IACzE,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM;QACvB,OAAO,IAAI,CAAA;;;;mBAII,QAAQ,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;eACvD,GAAG,EAAE,CAAC,WAAW,CAAC,OAAO,EAAE;;QAElC,SAAS;cACH,CAAC;IACb,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS;QAC1B,OAAO,IAAI,CAAA;SACN,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC;MAC5B,CAAC;IACL,OAAO,IAAI,CAAA,oCAAoC,KAAK,CAAC,MAAM,CAAC,IAAI;OAC3D,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC;IAC5B,CAAC;AACL,CAAC,CAAC;AAEF,6GAA6G;AAC7G,MAAM,KAAK,GAAG,CACZ,WAA8B,EAC9B,KAAiD,EACjD,EAAE,CACF,KAAK,CAAC,KAAK;IACT,CAAC,CAAC,IAAI,CAAA,iCAAiC,WAAW,CAAC,aAAa;;kBAElD,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;oBAChF,QAAQ,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,KAAK,MAAM,CAAC;aACzD,KAAK,CAAC,MAAM,CAAC,KAAK;UACrB;IACN,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC"}

package/dist/breadcrumbs/foundation.d.ts

@@ -0,0 +1,7 @@
+export { hostStyles } from '../styles/host.styles.js';
+export { glyphStyles } from '../styles/glyphs.js';
+export { visuallyHiddenStyles } from '../styles/visually-hidden.styles.js';
+export { OddkinBreadcrumbs } from './breadcrumbs.js';
+export { breadcrumbsTemplate } from './breadcrumbs.template.js';
+export { breadcrumbsStructuralStyles } from './breadcrumbs.structural.styles.js';
+//# sourceMappingURL=foundation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.d.ts","sourceRoot":"","sources":["../../src/breadcrumbs/foundation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,2BAA2B,EAAE,MAAM,oCAAoC,CAAC"}

package/dist/breadcrumbs/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 { glyphStyles } from '../styles/glyphs.js';
+export { visuallyHiddenStyles } from '../styles/visually-hidden.styles.js';
+export { OddkinBreadcrumbs } from './breadcrumbs.js';
+export { breadcrumbsTemplate } from './breadcrumbs.template.js';
+export { breadcrumbsStructuralStyles } from './breadcrumbs.structural.styles.js';
+//# sourceMappingURL=foundation.js.map

package/dist/breadcrumbs/foundation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.js","sourceRoot":"","sources":["../../src/breadcrumbs/foundation.ts"],"names":[],"mappings":"AAAA,+FAA+F;AAC/F,8EAA8E;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,2BAA2B,EAAE,MAAM,oCAAoC,CAAC"}

package/dist/breadcrumbs/index.d.ts

@@ -0,0 +1,6 @@
+export { OddkinBreadcrumbs } from './breadcrumbs.js';
+export { breadcrumbsTemplate } from './breadcrumbs.template.js';
+export { breadcrumbsStructuralStyles } from './breadcrumbs.structural.styles.js';
+export { breadcrumbsStyles } from './breadcrumbs.styles.js';
+export { breadcrumbsDefinition } from './breadcrumbs.definition.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/breadcrumbs/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,2BAA2B,EAAE,MAAM,oCAAoC,CAAC;AACjF,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/breadcrumbs/index.js

@@ -0,0 +1,7 @@
+// Side-effect free. Register with `@oddkin/components/define/breadcrumbs`.
+export { OddkinBreadcrumbs } from './breadcrumbs.js';
+export { breadcrumbsTemplate } from './breadcrumbs.template.js';
+export { breadcrumbsStructuralStyles } from './breadcrumbs.structural.styles.js';
+export { breadcrumbsStyles } from './breadcrumbs.styles.js';
+export { breadcrumbsDefinition } from './breadcrumbs.definition.js';
+//# sourceMappingURL=index.js.map

package/dist/breadcrumbs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,2BAA2B,EAAE,MAAM,oCAAoC,CAAC;AACjF,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/button/button.d.ts

@@ -0,0 +1,88 @@
+import { OddkinElement, type ElementEvents } from '@oddkin/core/element';
+import type { Scope } from '@oddkin/core/scope';
+/** A toggle button was flipped by the user; `pressed` has its new value. */
+export declare const inputEvent: import("@oddkin/core/element").EventDefinition<void>;
+/** A toggle button was flipped by the user (after `input`). */
+export declare const changeEvent: import("@oddkin/core/element").EventDefinition<void>;
+declare const OddkinButton_base: import("@oddkin/core/element").WithProps<typeof OddkinElement, {
+    readonly appearance: import("@oddkin/core/element").PropDefinition<"ghost" | "primary" | "secondary">;
+    readonly size: import("@oddkin/core/element").PropDefinition<"lg" | "md" | "sm">;
+    readonly type: import("@oddkin/core/element").PropDefinition<"button" | "reset" | "submit">;
+    readonly disabled: import("@oddkin/core/element").PropDefinition<boolean>;
+    readonly loading: import("@oddkin/core/element").PropDefinition<boolean>;
+    readonly fullWidth: import("@oddkin/core/element").PropDefinition<boolean>;
+    readonly toggle: import("@oddkin/core/element").PropDefinition<boolean>;
+    readonly pressed: import("@oddkin/core/element").PropDefinition<boolean>;
+    readonly name: import("@oddkin/core/element").PropDefinition<string>;
+    readonly value: import("@oddkin/core/element").PropDefinition<string>;
+    readonly formAction: import("@oddkin/core/element").PropDefinition<string | undefined>;
+    readonly formMethod: import("@oddkin/core/element").PropDefinition<string | undefined>;
+    readonly formEnctype: import("@oddkin/core/element").PropDefinition<string | undefined>;
+    readonly formTarget: import("@oddkin/core/element").PropDefinition<string | undefined>;
+    readonly formNoValidate: import("@oddkin/core/element").PropDefinition<boolean>;
+    readonly label: import("@oddkin/core/element").PropDefinition<string>;
+}>;
+/**
+ * A button for actions. Renders a native `<button>` in its shadow root, so keyboard
+ * activation, focus, and accessible naming come from the platform.
+ *
+ * In a form it submits or resets through a temporary native button (see the limitations).
+ * Where native submit-button semantics matter, style a native `<button class="odd-button">`
+ * with `@oddkin/components/css/button.css`, which looks the same.
+ *
+ * @slot - The label. Its text is the button's accessible name.
+ * @slot start - Content before the label, such as an icon.
+ * @slot end - Content after the label.
+ * @csspart control - The native button.
+ * @csspart spinner - The loading indicator.
+ * @cssprop --odd-button-radius - Corner radius.
+ * @cssprop --odd-button-background - Background colour.
+ * @cssprop --odd-button-color - Text colour.
+ * @cssprop --odd-button-border-color - Border colour.
+ * @cssprop --odd-button-height - Minimum height (never below the target-size token).
+ * @cssprop --odd-button-padding-inline - Inline padding.
+ * @a11y The slotted text names the button. Icon-only buttons must set `label`.
+ * @a11y `loading` keeps the button focusable and sets `aria-disabled`; announce progress separately if it matters.
+ * @a11y With `toggle`, the native button reports `aria-pressed`; keep the label the same in both states ("Bold", not "Bold on").
+ * @keyboard Enter and Space activate the button (native behavior).
+ * @previewRole primaryAction
+ * @previewRole secondaryAction
+ * @useFor Triggering an action, or submitting or resetting the form it belongs to (its ancestor form or the one named by `form`).
+ * @notFor Navigation to another page; use a link.
+ * @limitation In a form, submission and reset go through a temporary native button appended to the form during the click. `SubmitEvent.submitter` is that button (with `name`, `value`, and the `form*` overrides), not this element, and it is removed after dispatch, so build `new FormData(form, event.submitter)` synchronously in the `submit` listener. Mutation observers on the form see it added and removed. `form.requestSubmit(button)` rejects this element with a `TypeError`; call `button.click()` instead.
+ * @limitation Implicit submission: Enter in a text field never uses this element as the default button. The default button is the form's first native submit button; without one, Enter submits with no submitter, and only when the form has a single text field, so this element's `name`, `value`, and overrides are not sent. Use a native submit button where Enter must submit through it.
+ * @limitation `formAction`, `formMethod`, `formEnctype`, and `formTarget` return the attribute text: unlike a native button they neither resolve URLs nor report the form's values. The temporary button receives them unchanged, so missing and invalid values behave as on a native button.
+ * @category Actions
+ * @customization 1 2 3
+ */
+export declare class OddkinButton extends OddkinButton_base {
+    #private;
+    static formAssociated: boolean;
+    static shadowRootOptions: ShadowRootInit;
+    static events: {
+        input: import("@oddkin/core/element").EventDefinition<void>;
+        change: import("@oddkin/core/element").EventDefinition<void>;
+    };
+    readonly _events?: ElementEvents<typeof OddkinButton>;
+    /**
+     * @internal Another element (a tooltip) describes this button; `null` removes its text. Works
+     * before the first render and keeps the texts across renders.
+     */
+    _describe(source: object, text: string | null): void;
+    /** @internal The texts other elements gave, rendered hidden by the template. */
+    get _externalDescription(): string;
+    /** @internal Disabled by an ancestor `<fieldset disabled>`; read by the template. */
+    readonly _formDisabled: import("@oddkin/core/reactive").Signal<boolean>;
+    /** The form this button belongs to, if any. */
+    get form(): HTMLFormElement | null;
+    protected connected(scope: Scope): void;
+    /** Native callback: an ancestor fieldset's disabled state changed. */
+    formDisabledCallback(disabled: boolean): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'odd-button': OddkinButton;
+    }
+}
+export {};
+//# sourceMappingURL=button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/button/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAe,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAEtF,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAGhD,4EAA4E;AAC5E,eAAO,MAAM,UAAU,sDAMrB,CAAC;AACH,+DAA+D;AAC/D,eAAO,MAAM,WAAW,sDAKtB,CAAC;;;;;;;;;;;;;;;;;;;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,qBAAa,YAAa,SAAQ,iBA4DhC;;IACA,MAAM,CAAC,cAAc,UAAQ;IAC7B,OAAgB,iBAAiB,EAAE,cAAc,CAA0C;IAC3F,OAAgB,MAAM;QAAK,KAAK;QAAc,MAAM;MAAgB;IACpE,SAAiB,OAAO,CAAC,EAAE,aAAa,CAAC,OAAO,YAAY,CAAC,CAAC;IAI9D;;;OAGG;IACH,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAEnD;IAED,gFAAgF;IAChF,IAAI,oBAAoB,IAAI,MAAM,CAEjC;IAED,qFAAqF;IACrF,QAAQ,CAAC,aAAa,kDAAiB;IAEvC,+CAA+C;IAC/C,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;IAED,UAAmB,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CA8B/C;IAOD,sEAAsE;IACtE,oBAAoB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAE5C;CA8BF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,YAAY,CAAC;KAC5B;CACF"}

package/dist/button/button.define.d.ts

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

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

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

package/dist/button/button.define.js

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

package/dist/button/button.define.js.map

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

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

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

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

package/dist/button/button.definition.js

@@ -0,0 +1,15 @@
+import { compose } from '@oddkin/core/element';
+import { focusRingStyles } from '../styles/focus-ring.styles.js';
+import { hostStyles } from '../styles/host.styles.js';
+import { spinnerStyles } from '../styles/spinner.styles.js';
+import { OddkinButton } from './button.js';
+import { buttonStructuralStyles } from './button.structural.styles.js';
+import { buttonStyles } from './button.styles.js';
+import { buttonTemplate } from './button.template.js';
+export const buttonDefinition = compose({
+    name: 'odd-button',
+    element: OddkinButton,
+    template: buttonTemplate,
+    styles: [hostStyles, buttonStructuralStyles, spinnerStyles, focusRingStyles, buttonStyles],
+});
+//# sourceMappingURL=button.definition.js.map

package/dist/button/button.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.definition.js","sourceRoot":"","sources":["../../src/button/button.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,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,CAAC,UAAU,EAAE,sBAAsB,EAAE,aAAa,EAAE,eAAe,EAAE,YAAY,CAAC;CAC3F,CAAC,CAAC"}