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

package/dist/pagination/pagination.structural.styles.js

@@ -0,0 +1,54 @@
+import { css } from '@oddkin/core/styles';
+import { paginationRecipeStyles } from './pagination.recipe.styles.js';
+/**
+ * The position text at the start and the controls at the end of one row, wrapping when narrow:
+ * the layout recipe in `pagination.recipe.ts`. No brand or visual tokens.
+ */
+export const paginationStructuralStyles = css `
+  ${paginationRecipeStyles}
+  :host {
+    display: block;
+  }
+  .status {
+    margin: 0;
+  }
+  .list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  .tile {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    box-sizing: border-box;
+    margin: 0;
+    border-style: solid;
+    font: inherit;
+    text-decoration: none;
+    cursor: pointer;
+  }
+  .tile:disabled,
+  .tile[aria-disabled='true'] {
+    cursor: not-allowed;
+  }
+  .ellipsis {
+    display: inline-flex;
+  }
+  @media (forced-colors: active) {
+    .tile {
+      border-color: ButtonText;
+    }
+    .pagination .tile[aria-current='page'] {
+      border-color: Highlight;
+      background: Highlight;
+      color: HighlightText;
+    }
+    .pagination .tile:disabled,
+    .pagination .tile[aria-disabled='true'] {
+      border-color: GrayText;
+      color: GrayText;
+    }
+  }
+`;
+//# sourceMappingURL=pagination.structural.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.structural.styles.js","sourceRoot":"","sources":["../../src/pagination/pagination.structural.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAEvE;;;GAGG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,CAAA;IACzC,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6CzB,CAAC"}

package/dist/pagination/pagination.styles.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Oddkin's default pagination: Figma `Pagination` (a default surface with `control/radius`; the
+ * position in secondary text; square controls bordered in `border/default`, previous and next in
+ * `border/strong`; the current page in the selection colours).
+ */
+export declare const paginationStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=pagination.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.styles.d.ts","sourceRoot":"","sources":["../../src/pagination/pagination.styles.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,yCA8C5B,CAAC"}

package/dist/pagination/pagination.styles.js

@@ -0,0 +1,55 @@
+import { css } from '@oddkin/core/styles';
+import { token } from '@oddkin/tokens/refs';
+/**
+ * Oddkin's default pagination: Figma `Pagination` (a default surface with `control/radius`; the
+ * position in secondary text; square controls bordered in `border/default`, previous and next in
+ * `border/strong`; the current page in the selection colours).
+ */
+export const paginationStyles = css `
+  .pagination {
+    padding: ${token('space.xs')};
+    border-radius: var(--odd-pagination-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')};
+  }
+  .status {
+    color: ${token('color.text.secondary')};
+  }
+  .tile {
+    min-inline-size: ${token('control.height.md')};
+    min-block-size: ${token('control.height.md')};
+    padding-inline: ${token('space.xs')};
+    border-width: ${token('border.width.default')};
+    border-color: ${token('color.border.default')};
+    border-radius: ${token('control.radius')};
+    background: ${token('color.surface.default')};
+    color: ${token('color.text.primary')};
+  }
+  .step {
+    border-color: ${token('color.border.strong')};
+    font-size: ${token('icon.size.md')};
+  }
+  .tile[aria-current='page'] {
+    border-color: transparent;
+    background: ${token('color.selection.background')};
+    color: ${token('color.selection.foreground')};
+  }
+  .tile:disabled,
+  .tile[aria-disabled='true'] {
+    color: ${token('color.text.disabled')};
+  }
+  .ellipsis {
+    color: ${token('color.text.secondary')};
+    font-size: ${token('icon.size.md')};
+  }
+  @media (hover: hover) {
+    .tile:not(:disabled, [aria-disabled='true'], [aria-current='page']):hover {
+      background: ${token('color.surface.hover')};
+    }
+  }
+`;
+//# sourceMappingURL=pagination.styles.js.map

package/dist/pagination/pagination.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.styles.js","sourceRoot":"","sources":["../../src/pagination/pagination.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;eAEpB,KAAK,CAAC,UAAU,CAAC;kDACkB,KAAK,CAAC,gBAAgB,CAAC;kBACvD,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;;;aAGlC,KAAK,CAAC,sBAAsB,CAAC;;;uBAGnB,KAAK,CAAC,mBAAmB,CAAC;sBAC3B,KAAK,CAAC,mBAAmB,CAAC;sBAC1B,KAAK,CAAC,UAAU,CAAC;oBACnB,KAAK,CAAC,sBAAsB,CAAC;oBAC7B,KAAK,CAAC,sBAAsB,CAAC;qBAC5B,KAAK,CAAC,gBAAgB,CAAC;kBAC1B,KAAK,CAAC,uBAAuB,CAAC;aACnC,KAAK,CAAC,oBAAoB,CAAC;;;oBAGpB,KAAK,CAAC,qBAAqB,CAAC;iBAC/B,KAAK,CAAC,cAAc,CAAC;;;;kBAIpB,KAAK,CAAC,4BAA4B,CAAC;aACxC,KAAK,CAAC,4BAA4B,CAAC;;;;aAInC,KAAK,CAAC,qBAAqB,CAAC;;;aAG5B,KAAK,CAAC,sBAAsB,CAAC;iBACzB,KAAK,CAAC,cAAc,CAAC;;;;oBAIlB,KAAK,CAAC,qBAAqB,CAAC;;;CAG/C,CAAC"}

package/dist/pagination/pagination.template.d.ts

@@ -0,0 +1,8 @@
+import type { OddkinPagination } from './pagination.js';
+/**
+ * Anatomy: `part="base"` `<nav>` with the `status` text and the `list` of `previous`, `page`, and
+ * `next` links or buttons with `ellipsis` marks. Entries are keyed by page and mode, and bind the
+ * current page as readables, so a focused page keeps its node when the page changes.
+ */
+export declare const paginationTemplate: (pagination: OddkinPagination) => import("@oddkin/core/template").TemplateResult;
+//# sourceMappingURL=pagination.template.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.template.d.ts","sourceRoot":"","sources":["../../src/pagination/pagination.template.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAmB,MAAM,iBAAiB,CAAC;AAEzE;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,eAAgB,gBAAgB,mDAY9D,CAAC"}

package/dist/pagination/pagination.template.js

@@ -0,0 +1,72 @@
+import { computed } from '@oddkin/core/reactive';
+import { html, repeat } from '@oddkin/core/template';
+import { arrowEndGlyph, arrowStartGlyph, moreGlyph } from '../styles/glyphs.js';
+/**
+ * Anatomy: `part="base"` `<nav>` with the `status` text and the `list` of `previous`, `page`, and
+ * `next` links or buttons with `ellipsis` marks. Entries are keyed by page and mode, and bind the
+ * current page as readables, so a focused page keeps its node when the page changes.
+ */
+export const paginationTemplate = (pagination) => {
+    const label = pagination.label || pagination._strings.value.label;
+    return html `<nav part="base" class="pagination" aria-label=${label}>
+    <p part="status" class="status">${pagination._status.value}</p>
+    <ul part="list" class="list">
+      ${repeat(pagination._entries.value, (entry) => entry.key, (entry) => html `<li class="item">${control(pagination, entry)}</li>`)}
+    </ul>
+  </nav>`;
+};
+const control = (pagination, entry) => {
+    const link = !!pagination.href;
+    if (entry.kind === 'gap')
+        return html `<span part="ellipsis" class="ellipsis" aria-hidden="true">${moreGlyph}</span>`;
+    if (entry.kind === 'page') {
+        const page = entry.page;
+        const current = computed(() => (pagination._page.value === page ? 'page' : null));
+        const name = computed(() => pagination._pageLabel(page));
+        return link
+            ? html `<a
+          part="page"
+          class="tile page"
+          href=${computed(() => pagination._hrefFor(page))}
+          aria-current=${current}
+          aria-label=${name}
+          >${page}</a
+        >`
+            : html `<button
+          part="page"
+          class="tile page"
+          type="button"
+          aria-current=${current}
+          aria-label=${name}
+          @click=${() => pagination._go(page)}
+        >
+          ${page}
+        </button>`;
+    }
+    const previous = entry.kind === 'previous';
+    const target = computed(() => previous ? pagination._page.value - 1 : pagination._page.value + 1);
+    const disabled = computed(() => target.value < 1 || target.value > pagination._count.value);
+    const name = computed(() => previous ? pagination._strings.value.previous : pagination._strings.value.next);
+    const glyph = previous ? arrowStartGlyph : arrowEndGlyph;
+    return link
+        ? html `<a
+        part=${entry.kind}
+        class="tile step"
+        href=${computed(() => (disabled.value ? null : pagination._hrefFor(target.value)))}
+        role=${computed(() => (disabled.value ? 'link' : null))}
+        aria-disabled=${computed(() => (disabled.value ? 'true' : null))}
+        aria-label=${name}
+        >${glyph}</a
+      >`
+        : html `<button
+        part=${entry.kind}
+        class="tile step"
+        type="button"
+        ?disabled=${disabled}
+        aria-label=${name}
+        @click=${() => pagination._go(target.value)}
+      >
+        ${glyph}
+      </button>`;
+};
+//# sourceMappingURL=pagination.template.js.map

package/dist/pagination/pagination.template.js.map

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

package/dist/picker/foundation.d.ts

@@ -0,0 +1,18 @@
+export { hostStyles } from '../styles/host.styles.js';
+export { chipStructuralStyles } from '../chip/chip.structural.styles.js';
+export { fieldStructuralStyles } from '../styles/field.structural.styles.js';
+export { optionRowStructuralStyles } from '../styles/option-row.structural.styles.js';
+export { listboxStructuralStyles } from '../listbox/listbox.structural.styles.js';
+export { navRowStructuralStyles } from '../styles/nav-row.structural.styles.js';
+export { treeStructuralStyles } from '../tree/tree.structural.styles.js';
+export { overlaySurfaceStructuralStyles } from '../styles/overlay-surface.structural.styles.js';
+export { controlIndicatorStructuralStyles } from '../styles/control-indicator.structural.styles.js';
+export { inputStructuralStyles } from '../input/input.structural.styles.js';
+export { visuallyHiddenStyles } from '../styles/visually-hidden.styles.js';
+export { comboboxStructuralStyles } from '../combobox/combobox.structural.styles.js';
+export { glyphStyles } from '../styles/glyphs.js';
+export { spinnerStyles } from '../styles/spinner.styles.js';
+export { OddkinPicker } from './picker.js';
+export { pickerTemplate } from './picker.template.js';
+export { pickerStructuralStyles } from './picker.structural.styles.js';
+//# sourceMappingURL=foundation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.d.ts","sourceRoot":"","sources":["../../src/picker/foundation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAC;AACtF,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAClF,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAChF,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,8BAA8B,EAAE,MAAM,gDAAgD,CAAC;AAChG,OAAO,EAAE,gCAAgC,EAAE,MAAM,kDAAkD,CAAC;AACpG,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AACrF,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/picker/foundation.js

@@ -0,0 +1,20 @@
+// 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 { chipStructuralStyles } from '../chip/chip.structural.styles.js';
+export { fieldStructuralStyles } from '../styles/field.structural.styles.js';
+export { optionRowStructuralStyles } from '../styles/option-row.structural.styles.js';
+export { listboxStructuralStyles } from '../listbox/listbox.structural.styles.js';
+export { navRowStructuralStyles } from '../styles/nav-row.structural.styles.js';
+export { treeStructuralStyles } from '../tree/tree.structural.styles.js';
+export { overlaySurfaceStructuralStyles } from '../styles/overlay-surface.structural.styles.js';
+export { controlIndicatorStructuralStyles } from '../styles/control-indicator.structural.styles.js';
+export { inputStructuralStyles } from '../input/input.structural.styles.js';
+export { visuallyHiddenStyles } from '../styles/visually-hidden.styles.js';
+export { comboboxStructuralStyles } from '../combobox/combobox.structural.styles.js';
+export { glyphStyles } from '../styles/glyphs.js';
+export { spinnerStyles } from '../styles/spinner.styles.js';
+export { OddkinPicker } from './picker.js';
+export { pickerTemplate } from './picker.template.js';
+export { pickerStructuralStyles } from './picker.structural.styles.js';
+//# sourceMappingURL=foundation.js.map

package/dist/picker/foundation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.js","sourceRoot":"","sources":["../../src/picker/foundation.ts"],"names":[],"mappings":"AAAA,+FAA+F;AAC/F,8EAA8E;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAC;AACtF,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAClF,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAChF,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,8BAA8B,EAAE,MAAM,gDAAgD,CAAC;AAChG,OAAO,EAAE,gCAAgC,EAAE,MAAM,kDAAkD,CAAC;AACpG,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AACrF,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/picker/index.d.ts

@@ -0,0 +1,7 @@
+export { OddkinPicker, PICKER_STRINGS } from './picker.js';
+export type { OptionRecord, TreeItemRecord } from './picker.js';
+export { pickerTemplate } from './picker.template.js';
+export { pickerStructuralStyles } from './picker.structural.styles.js';
+export { pickerStyles } from './picker.styles.js';
+export { pickerDefinition } from './picker.definition.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/picker/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC3D,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAChE,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/picker/index.js

@@ -0,0 +1,7 @@
+// Side-effect free. Register with `@oddkin/components/define/picker`.
+export { OddkinPicker, PICKER_STRINGS } from './picker.js';
+export { pickerTemplate } from './picker.template.js';
+export { pickerStructuralStyles } from './picker.structural.styles.js';
+export { pickerStyles } from './picker.styles.js';
+export { pickerDefinition } from './picker.definition.js';
+//# sourceMappingURL=index.js.map

package/dist/picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/picker/index.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE3D,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/picker/picker.d.ts

@@ -0,0 +1,147 @@
+import { type ElementEvents } from '@oddkin/core/element';
+import type { Readable } from '@oddkin/core/reactive';
+import type { Scope } from '@oddkin/core/scope';
+import type { TreeItemRecord } from '../collection/collection.js';
+import { OddkinOptionField } from '../collection/option-field.js';
+import { type TreeRow } from '../collection/tree-model.js';
+import type { OverlayOptions } from '../overlay/overlay.js';
+export type { OptionRecord, TreeItemRecord } from '../collection/collection.js';
+export declare const PICKER_STRINGS: {
+    clear: string;
+    remove: string;
+    selected: string;
+    more: string;
+    count: string;
+    others: string;
+    othersOne: string;
+    group: string;
+    total: string;
+    showAll: string;
+    showLess: string;
+    selectAll: string;
+    clearAll: string;
+    selectedCount: string;
+    viewMore: string;
+    loading: string;
+    empty: string;
+    hint: string;
+    close: string;
+    done: string;
+    path: string;
+};
+declare const OddkinPicker_base: import("@oddkin/core/element").WithProps<typeof OddkinOptionField, {
+    readonly placeholder: import("@oddkin/core/element").PropDefinition<string>;
+    readonly items: import("@oddkin/core/element").PropDefinition<readonly TreeItemRecord[] | undefined>;
+    readonly expanded: import("@oddkin/core/element").PropDefinition<readonly string[] | undefined>;
+    readonly strings: import("@oddkin/core/element").PropDefinition<Partial<{
+        clear: string;
+        remove: string;
+        selected: string;
+        more: string;
+        count: string;
+        others: string;
+        othersOne: string;
+        group: string;
+        total: string;
+        showAll: string;
+        showLess: string;
+        selectAll: string;
+        clearAll: string;
+        selectedCount: string;
+        viewMore: string;
+        loading: string;
+        empty: string;
+        hint: string;
+        close: string;
+        done: string;
+        path: string;
+    }> | undefined>;
+}>;
+/**
+ * A field that opens a list or a hierarchy to choose from (APG select-only combobox): a popup
+ * listbox of options, or, with `items`, a popup tree whose rows expand and collapse without
+ * selecting. Single: activating a row chooses it and closes. Multiple: rows toggle at once, the
+ * chosen values show in the field as `view` says (chips with "+N" by default, as on odd-combobox), and Done closes. Options
+ * come from `<option>` and `<optgroup>` children, written as for a native select, or from
+ * `options`; a hierarchy comes from `items`.
+ *
+ * @slot empty - Shown when there are no options or items and nothing is loading (default `strings.empty`).
+ * @slot status - Status content such as an error and a retry button, shown in the popup.
+ * @csspart field - Wrapper of label, description, control, and error.
+ * @csspart label - The visible label.
+ * @csspart description - Help text, referenced by `aria-describedby`.
+ * @csspart control - The field box holding the trigger and, with `multiple`, the chips.
+ * @csspart trigger - The `role="combobox"` element showing the chosen value or the placeholder; it keeps focus.
+ * @csspart value - The chosen item's text in the trigger (single).
+ * @csspart chip - Each chosen value with `multiple`.
+ * @csspart chip-remove - The button that removes a chip's value.
+ * @csspart more - The "+N" chip that stands for the chips not shown.
+ * @csspart clear - The button that clears the value, shown while there is one.
+ * @csspart popup - The popup surface holding the list or tree, the states, and the footer.
+ * @csspart listbox - The `role="listbox"` element (without `items`).
+ * @csspart option - Each option row.
+ * @csspart group - Each group's heading.
+ * @csspart tree - The `role="tree"` element (with `items`).
+ * @csspart item - Each tree row (`role="treeitem"`).
+ * @csspart loading - The busy row while `loading`.
+ * @csspart empty - The wrapper of the empty slot.
+ * @csspart footer - The popup's footer: the summary and its actions.
+ * @csspart summary - "Choose one item" (`strings.hint`), or with `multiple` the count (`strings.count`).
+ * @csspart clear-all - The footer's Clear button with `multiple`.
+ * @csspart close - The footer's Close button, or Done with `multiple`.
+ * @csspart error - The error message, referenced by `aria-describedby`.
+ * @cssstate user-invalid - The field shows its error: `error` is set, or nothing is chosen while `required` after the user left the field or a validity check failed.
+ * @a11y The trigger has `role="combobox"`, `aria-haspopup="tree"` with `items`, `aria-expanded`, and `aria-controls`; it keeps focus and names the active row with `aria-activedescendant`; `label` names it. Rows carry `aria-selected`; the listbox or tree has `aria-multiselectable` with `multiple`; tree rows carry `aria-level`, `aria-setsize`, `aria-posinset`, and `aria-expanded`. The active row's ring is drawn apart from the selection, which is a surface and check (options) or a bar and weight (tree rows), not colour alone. Chips are a list named by `strings.selected`, each remove button named by `strings.remove`.
+ * @keyboard Tab reaches the trigger, then the footer while the popup is open. Down, Up, Enter, Space, and Alt+Down open the popup on the chosen (or first) row; Home and End open it on the first and last; typing opens it on the next row whose label starts with the typed characters. In the popup: Up, Down, Home, and End move the active row; Enter or Space chooses it (single: closes; multiple: toggles and stays open); Escape and Alt+Up close without changing the value, and focus stays on the trigger. In a tree, Right expands a closed row or moves into an open one, Left collapses an open row or moves to its parent (mirrored right to left), and `*` expands every sibling. On the closed trigger, Backspace removes the last value; with `multiple`, Left moves to the chips: Left and Right move between them, Backspace and Delete remove one, Escape returns.
+ * @previewRole picker
+ * @useFor Choosing from a fixed list or a hierarchy in a form: map layers, folders, categories, one or several.
+ * @notFor A short list of plain options (use odd-select); a long list to search (use odd-combobox); browsing a hierarchy without a form value (use odd-tree).
+ * @category Forms
+ * @customization 1 2 3
+ */
+export declare class OddkinPicker extends OddkinPicker_base {
+    #private;
+    static events: {
+        input: import("@oddkin/core/element").EventDefinition<void>;
+        change: import("@oddkin/core/element").EventDefinition<void>;
+        'odd-toggle': import("@oddkin/core/element").EventDefinition<import("../side-nav/side-nav.js").NavigationToggleDetail>;
+    };
+    readonly _events?: ElementEvents<typeof OddkinPicker>;
+    /** @internal The tree's shown rows (with `items`). */
+    readonly _rows: Readable<readonly TreeRow[]>;
+    /** @internal Localized strings. */
+    get _strings(): typeof PICKER_STRINGS;
+    /** @internal The footer's text: the hint, or with `multiple` the count. */
+    get _summary(): string;
+    protected _overlayOptions(): OverlayOptions;
+    /** @internal The chips stay on one line: Figma keeps "+N" while the popup is open. */
+    protected _collapses(): boolean;
+    /** @internal The label of a value: the item's (with `items`) or the option's, else the value. */
+    _labelOf(value: string): string;
+    /** @internal The single value as the trigger shows it: a tree item after its parent (`strings.path`). */
+    get _valueText(): string;
+    protected _anchor(): HTMLElement | null | undefined;
+    /** @internal Chooses the row at `index`: single selects and closes, multiple toggles. */
+    _choose(index: number): void;
+    /** @internal Template handler: the trigger's keys (the active row's arrows are the controller's). */
+    readonly _onKeydown: (event: KeyboardEvent) => void;
+    /** @internal Template handler: presses in the field keep focus on the trigger. */
+    readonly _onBoxPointerdown: (event: PointerEvent) => void;
+    /** @internal Template handler: a click in the field (not on its buttons) opens or closes the popup. */
+    readonly _onBoxClick: (event: MouseEvent) => void;
+    /** @internal Template handler: the label focuses the trigger, as a native label does. */
+    readonly _onLabelClick: () => void;
+    /** @internal Template handler: a click on a row's chevron expands or collapses it; elsewhere it chooses. */
+    readonly _onPopupClick: (event: MouseEvent) => void;
+    /** @internal Template handler: the footer's Clear (multiple). */
+    readonly _onClearAll: () => void;
+    /** @internal Template handler: the footer's Close or Done. */
+    readonly _onDone: () => void;
+    protected mounted(scope: Scope): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'odd-picker': OddkinPicker;
+    }
+}
+//# sourceMappingURL=picker.d.ts.map

package/dist/picker/picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"picker.d.ts","sourceRoot":"","sources":["../../src/picker/picker.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAEhE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,KAAK,EAAgB,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAEhF,OAAO,EAAE,iBAAiB,EAAwB,MAAM,+BAA+B,CAAC;AACxF,OAAO,EAA8B,KAAK,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACvF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAEhF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;CAQ1B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,qBAAa,YAAa,SAAQ,iBAchC;;IACA,OAAgB,MAAM;QACpB,KAAK;QACL,MAAM;QACN,YAAY;MACZ;IACF,SAAiB,OAAO,CAAC,EAAE,aAAa,CAAC,OAAO,YAAY,CAAC,CAAC;IAe9D,sDAAsD;IACtD,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,SAAS,OAAO,EAAE,CAAC,CAAoB;IAEhE,mCAAmC;IACnC,IAAa,QAAQ,IAAI,OAAO,cAAc,CAE7C;IAED,2EAA2E;IAC3E,IAAI,QAAQ,IAAI,MAAM,CAKrB;IAED,UAAmB,eAAe,IAAI,cAAc,CAanD;IAED,sFAAsF;IACtF,UAAmB,UAAU,IAAI,OAAO,CAEvC;IAED,iGAAiG;IACxF,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAGvC;IAED,yGAAyG;IACzG,IAAI,UAAU,IAAI,MAAM,CAOvB;IAED,UAAmB,OAAO,IAAI,WAAW,GAAG,IAAI,GAAG,SAAS,CAE3D;IASD,yFAAyF;IACzF,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAK3B;IAMD,qGAAqG;IACrG,QAAQ,CAAC,UAAU,UAAW,aAAa,KAAG,IAAI,CAqDhD;IAEF,kFAAkF;IAClF,QAAQ,CAAC,iBAAiB,UAAW,YAAY,KAAG,IAAI,CAEtD;IAEF,uGAAuG;IACvG,QAAQ,CAAC,WAAW,UAAW,UAAU,KAAG,IAAI,CAM9C;IAEF,yFAAyF;IACzF,QAAQ,CAAC,aAAa,QAAO,IAAI,CAE/B;IAEF,4GAA4G;IAC5G,QAAQ,CAAC,aAAa,UAAW,UAAU,KAAG,IAAI,CAWhD;IAEF,iEAAiE;IACjE,QAAQ,CAAC,WAAW,QAAO,IAAI,CAE7B;IAEF,8DAA8D;IAC9D,QAAQ,CAAC,OAAO,QAAO,IAAI,CAGzB;IAEF,UAAmB,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAG7C;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,YAAY,CAAC;KAC5B;CACF"}

package/dist/picker/picker.define.d.ts

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

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

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

package/dist/picker/picker.define.js

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

package/dist/picker/picker.define.js.map

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

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

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

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

package/dist/picker/picker.definition.js

@@ -0,0 +1,72 @@
+import { compose } from '@oddkin/core/element';
+import { avatarDefinition } from '../avatar/avatar.definition.js';
+import { nativeButtonStyles } from '../button/button.native.styles.js';
+import { chipStructuralStyles } from '../chip/chip.structural.styles.js';
+import { chipStyles } from '../chip/chip.styles.js';
+import { comboboxStructuralStyles } from '../combobox/combobox.structural.styles.js';
+import { comboboxStyles } from '../combobox/combobox.styles.js';
+import { iconDefinition } from '../icon/icon.definition.js';
+import { inputStructuralStyles } from '../input/input.structural.styles.js';
+import { inputStyles } from '../input/input.styles.js';
+import { listboxStructuralStyles } from '../listbox/listbox.structural.styles.js';
+import { listboxStyles } from '../listbox/listbox.styles.js';
+import { controlIndicatorStructuralStyles } from '../styles/control-indicator.structural.styles.js';
+import { controlIndicatorStyles } from '../styles/control-indicator.styles.js';
+import { controlStyles } from '../styles/control.styles.js';
+import { fieldStructuralStyles } from '../styles/field.structural.styles.js';
+import { focusRingStyles } from '../styles/focus-ring.styles.js';
+import { glyphStyles } from '../styles/glyphs.js';
+import { hostStyles } from '../styles/host.styles.js';
+import { navRowStructuralStyles } from '../styles/nav-row.structural.styles.js';
+import { navRowStyles } from '../styles/nav-row.styles.js';
+import { optionRowStructuralStyles } from '../styles/option-row.structural.styles.js';
+import { optionRowStyles } from '../styles/option-row.styles.js';
+import { overlaySurfaceStructuralStyles } from '../styles/overlay-surface.structural.styles.js';
+import { overlaySurfaceStyles } from '../styles/overlay-surface.styles.js';
+import { spinnerStyles } from '../styles/spinner.styles.js';
+import { visuallyHiddenStyles } from '../styles/visually-hidden.styles.js';
+import { treeStructuralStyles } from '../tree/tree.structural.styles.js';
+import { OddkinPicker } from './picker.js';
+import { pickerStructuralStyles } from './picker.structural.styles.js';
+import { pickerStyles } from './picker.styles.js';
+import { pickerTemplate } from './picker.template.js';
+// One home per decision: the field, chips, and clear button are odd-combobox's sheets (its
+// `.combobox` is the trigger here), the option rows odd-listbox's, the tree rows odd-tree's, the
+// footer actions the native button module's (no nested elements but odd-tree's item icons).
+export const pickerDefinition = compose({
+    name: 'odd-picker',
+    element: OddkinPicker,
+    template: pickerTemplate,
+    styles: [
+        hostStyles,
+        chipStructuralStyles,
+        fieldStructuralStyles,
+        optionRowStructuralStyles,
+        controlIndicatorStructuralStyles,
+        listboxStructuralStyles,
+        navRowStructuralStyles,
+        treeStructuralStyles,
+        overlaySurfaceStructuralStyles,
+        inputStructuralStyles,
+        visuallyHiddenStyles,
+        comboboxStructuralStyles,
+        pickerStructuralStyles,
+        glyphStyles,
+        spinnerStyles,
+        focusRingStyles,
+        controlStyles,
+        chipStyles,
+        inputStyles,
+        nativeButtonStyles,
+        overlaySurfaceStyles,
+        controlIndicatorStyles,
+        optionRowStyles,
+        listboxStyles,
+        navRowStyles,
+        comboboxStyles,
+        pickerStyles,
+    ],
+    // Tree item icons are drawn by odd-icon.
+    dependencies: { avatar: avatarDefinition, icon: iconDefinition },
+});
+//# sourceMappingURL=picker.definition.js.map

package/dist/picker/picker.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"picker.definition.js","sourceRoot":"","sources":["../../src/picker/picker.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AACrF,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAClF,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,gCAAgC,EAAE,MAAM,kDAAkD,CAAC;AACpG,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,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,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAC;AACtF,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,8BAA8B,EAAE,MAAM,gDAAgD,CAAC;AAChG,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,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,2FAA2F;AAC3F,iGAAiG;AACjG,4FAA4F;AAC5F,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,oBAAoB;QACpB,qBAAqB;QACrB,yBAAyB;QACzB,gCAAgC;QAChC,uBAAuB;QACvB,sBAAsB;QACtB,oBAAoB;QACpB,8BAA8B;QAC9B,qBAAqB;QACrB,oBAAoB;QACpB,wBAAwB;QACxB,sBAAsB;QACtB,WAAW;QACX,aAAa;QACb,eAAe;QACf,aAAa;QACb,UAAU;QACV,WAAW;QACX,kBAAkB;QAClB,oBAAoB;QACpB,sBAAsB;QACtB,eAAe;QACf,aAAa;QACb,YAAY;QACZ,cAAc;QACd,YAAY;KACb;IACD,yCAAyC;IACzC,YAAY,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE,IAAI,EAAE,cAAc,EAAE;CACjE,CAAC,CAAC"}