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

package/dist/combobox/combobox.js.map

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

package/dist/combobox/combobox.recipe.d.ts

@@ -0,0 +1,3 @@
+/** Arrangement of the chosen values of `odd-combobox multiple` (layout-recipes.md §14): the chips in a row that wraps around the input. */
+export declare const comboboxRecipe: import("../layout/index.js").LayoutRecipe;
+//# sourceMappingURL=combobox.recipe.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.recipe.d.ts","sourceRoot":"","sources":["../../src/combobox/combobox.recipe.ts"],"names":[],"mappings":"AAGA,2IAA2I;AAC3I,eAAO,MAAM,cAAc,2CAYzB,CAAC"}

package/dist/combobox/combobox.recipe.js

@@ -0,0 +1,17 @@
+import { token } from '@oddkin/tokens/refs';
+import { defineLayoutRecipe, row, stack } from '../layout/index.js';
+/** Arrangement of the chosen values of `odd-combobox multiple` (layout-recipes.md §14): the chips in a row that wraps around the input. */
+export const comboboxRecipe = defineLayoutRecipe({
+    name: 'combobox',
+    regions: {
+        chips: row({ gap: token('control.gap'), wrap: true }),
+        count: row({ gap: token('space.xs') }),
+        avatars: row({ gap: '0' }),
+        'review-bar': row({ gap: '0', justify: 'end' }),
+        // The review below the field and the popup's selection panel: a column of parts.
+        panel: stack({ gap: token('space.xs') }),
+        // The panel's summary, its disclosure, and each chosen row: text at the start, an action at the end.
+        spread: row({ gap: token('space.xs'), justify: 'space-between' }),
+    },
+});
+//# sourceMappingURL=combobox.recipe.js.map

package/dist/combobox/combobox.recipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.recipe.js","sourceRoot":"","sources":["../../src/combobox/combobox.recipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAEpE,2IAA2I;AAC3I,MAAM,CAAC,MAAM,cAAc,GAAG,kBAAkB,CAAC;IAC/C,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE;QACP,KAAK,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;QACrD,KAAK,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC;QACtC,OAAO,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;QAC1B,YAAY,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;QAC/C,iFAAiF;QACjF,KAAK,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC;QACxC,qGAAqG;QACrG,MAAM,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC;KAClE;CACF,CAAC,CAAC"}

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

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

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

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

package/dist/combobox/combobox.recipe.styles.js

@@ -0,0 +1,5 @@
+// Generated from ./combobox.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 comboboxRecipeStyles = unsafeCSS('@layer odd.layout.base, odd.layout.variant, odd.layout.condition;\n@layer odd.layout.base {\n  .chips {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--odd-control-gap);\n    flex-wrap: wrap;\n    min-inline-size: 0;\n  }\n  .count {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--odd-space-xs);\n    flex-wrap: nowrap;\n    min-inline-size: 0;\n  }\n  .avatars {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 0;\n    flex-wrap: nowrap;\n    min-inline-size: 0;\n  }\n  .review-bar {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 0;\n    flex-wrap: nowrap;\n    min-inline-size: 0;\n    justify-content: end;\n  }\n  .panel {\n    display: flex;\n    flex-direction: column;\n    gap: var(--odd-space-xs);\n    min-inline-size: 0;\n  }\n  .spread {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--odd-space-xs);\n    flex-wrap: nowrap;\n    min-inline-size: 0;\n    justify-content: space-between;\n  }\n}\n');
+//# sourceMappingURL=combobox.recipe.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.recipe.styles.js","sourceRoot":"","sources":["../../src/combobox/combobox.recipe.styles.ts"],"names":[],"mappings":"AAAA,uGAAuG;AACvG,iDAAiD;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,CAAC,MAAM,oBAAoB,GAAG,SAAS,CAC3C,8kCAA8kC,CAC/kC,CAAC"}

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

@@ -0,0 +1,9 @@
+/**
+ * What the combobox depends on beyond the field layout, the option rows, the listbox rows, the
+ * overlay surface, and the chip and clear-button looks it shares: the popup at least as wide as the
+ * field, the field box laying out chips and input in rows, and, while collapsed, one line where
+ * the chips that do not fit leave the flow (still measurable, never shown or read) for the "+N"
+ * chip. No brand tokens.
+ */
+export declare const comboboxStructuralStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=combobox.structural.styles.d.ts.map

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

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

package/dist/combobox/combobox.structural.styles.js

@@ -0,0 +1,126 @@
+import { css } from '@oddkin/core/styles';
+import { comboboxRecipeStyles } from './combobox.recipe.styles.js';
+/**
+ * What the combobox depends on beyond the field layout, the option rows, the listbox rows, the
+ * overlay surface, and the chip and clear-button looks it shares: the popup at least as wide as the
+ * field, the field box laying out chips and input in rows, and, while collapsed, one line where
+ * the chips that do not fit leave the flow (still measurable, never shown or read) for the "+N"
+ * chip. No brand tokens.
+ */
+export const comboboxStructuralStyles = css `
+  ${comboboxRecipeStyles}
+  :host {
+    display: block;
+  }
+  /* Above the positioned box that shares its grid cell, so the clear button takes clicks. */
+  .control-end {
+    position: relative;
+    align-items: center;
+  }
+  .chevron {
+    display: inline-flex;
+  }
+  .popup {
+    min-inline-size: var(--_anchor-inline-size, auto);
+  }
+  .popup .option:not([aria-disabled='true']) {
+    cursor: pointer;
+  }
+  .box {
+    position: relative;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    cursor: text;
+  }
+  .chips {
+    max-inline-size: 100%;
+  }
+  .box.collapsed,
+  .box.collapsed .chips {
+    flex-wrap: nowrap;
+    overflow: hidden;
+  }
+  .chip {
+    flex: none;
+    max-inline-size: 100%;
+  }
+  .chip-text {
+    min-inline-size: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .box.collapsed .chip.overflow,
+  .chip.more.empty {
+    position: absolute;
+    visibility: hidden;
+  }
+  .combobox {
+    flex: 1 1 4em;
+    min-inline-size: 4em;
+    margin: 0;
+    padding: 0;
+    border: 0;
+    background: none;
+    color: inherit;
+    font: inherit;
+  }
+  .combobox:focus-visible {
+    outline: none;
+  }
+  .value {
+    min-inline-size: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .count {
+    flex: none;
+  }
+  .avatars {
+    min-inline-size: 0;
+    overflow: hidden;
+  }
+  .avatar {
+    flex: none;
+  }
+  .box.two-rows {
+    flex-wrap: wrap;
+  }
+  .box.two-rows .chips {
+    display: contents;
+  }
+  .avatar.overflow,
+  .box.two-rows .chip.overflow {
+    position: absolute;
+    visibility: hidden;
+  }
+  .review .chips,
+  .selected-list.all {
+    max-block-size: 10rem;
+    overflow-y: auto;
+  }
+  .selected-toggle,
+  .select-all,
+  .view-more {
+    box-sizing: border-box;
+    inline-size: 100%;
+    margin: 0;
+    border: 0;
+    background: none;
+    color: inherit;
+    font: inherit;
+    text-align: start;
+    cursor: pointer;
+  }
+  .select-all:disabled {
+    cursor: not-allowed;
+  }
+  .selected-option .option-label {
+    flex: 1 1 auto;
+    min-inline-size: 0;
+    overflow-wrap: anywhere;
+  }
+`;
+//# sourceMappingURL=combobox.structural.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.structural.styles.js","sourceRoot":"","sources":["../../src/combobox/combobox.structural.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAEnE;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;IACvC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkHvB,CAAC"}

package/dist/combobox/combobox.styles.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Oddkin's default combobox look beyond the shared modules (the field is the control look, the
+ * popup the overlay look, the rows the option-row and listbox looks, the chips the chip look, the
+ * clear button odd-input's): the field box holding the input (Figma `combobox`:
+ * `control.padding.inline.md`; `multiselect`: `control.padding.inline.sm`, chips `control.gap`
+ * apart, `space.xs` above and below as in Figma `Multiple selected`), with the control module's hover, invalid, and disabled
+ * states and the focus ring drawn on the box around its input; room at the end for the clear
+ * button beside the chevron.
+ */
+export declare const comboboxStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=combobox.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.styles.d.ts","sourceRoot":"","sources":["../../src/combobox/combobox.styles.ts"],"names":[],"mappings":"AAGA;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,yCA2G1B,CAAC"}

package/dist/combobox/combobox.styles.js

@@ -0,0 +1,120 @@
+import { css } from '@oddkin/core/styles';
+import { token } from '@oddkin/tokens/refs';
+/**
+ * Oddkin's default combobox look beyond the shared modules (the field is the control look, the
+ * popup the overlay look, the rows the option-row and listbox looks, the chips the chip look, the
+ * clear button odd-input's): the field box holding the input (Figma `combobox`:
+ * `control.padding.inline.md`; `multiselect`: `control.padding.inline.sm`, chips `control.gap`
+ * apart, `space.xs` above and below as in Figma `Multiple selected`), with the control module's hover, invalid, and disabled
+ * states and the focus ring drawn on the box around its input; room at the end for the clear
+ * button beside the chevron.
+ */
+export const comboboxStyles = css `
+  .control-end {
+    gap: ${token('control.gap')};
+  }
+  .control-start,
+  .chevron {
+    color: ${token('color.text.secondary')};
+  }
+  /* The start padding beside the search glyph is the control module's. */
+  .box {
+    gap: ${token('control.gap')};
+    padding-inline: ${token('control.padding.inline.md')};
+  }
+  .control-box:has(.chevron) > .box,
+  .control-box:has(.clear:not([hidden])) > .box {
+    padding-inline-end: calc(${token('control.padding.inline.md')} + 1em + ${token('control.gap')});
+  }
+  :host([multiple]) .box {
+    padding-block: ${token('space.xs')};
+    padding-inline-start: ${token('control.padding.inline.sm')};
+  }
+  .control-box:has(.chevron):has(.clear:not([hidden])) > .box {
+    padding-inline-end: calc(
+      ${token('control.padding.inline.md')} + 2em + 2 * ${token('control.gap')}
+    );
+  }
+  .box:has(.combobox:focus-visible) {
+    outline: ${token('focus.width')} solid ${token('color.focus.ring')};
+    outline-offset: ${token('focus.offset')};
+  }
+  .combobox::placeholder,
+  .combobox .placeholder {
+    color: ${token('color.text.secondary')};
+    opacity: 1;
+  }
+  @media (hover: hover) {
+    .box:has(.combobox:read-write):hover {
+      background: var(--odd-field-background, ${token('color.surface.hover')});
+    }
+  }
+  .box:has(.combobox[aria-invalid='true']) {
+    border-color: ${token('color.danger.foreground')};
+  }
+  .box:has(.combobox:disabled, .combobox[aria-disabled='true']) {
+    background: ${token('color.surface.sunken')};
+    color: ${token('color.text.disabled')};
+  }
+  .field:has(.combobox:disabled, .combobox[aria-disabled='true']) .label {
+    color: ${token('color.text.disabled')};
+  }
+  .chip.more,
+  .chip.tag {
+    padding: ${token('space.xs')};
+    border-radius: ${token('radius.sm')};
+    background: ${token('color.surface.sunken')};
+    color: ${token('color.text.primary')};
+  }
+  .avatar odd-avatar {
+    --odd-avatar-size: ${token('control.height.sm')};
+  }
+  .avatar odd-avatar::part(base) {
+    border: ${token('border.width.strong')} solid ${token('color.surface.default')};
+    background: ${token('color.surface.specimen')};
+    color: ${token('color.text.primary')};
+  }
+  .avatar + .avatar {
+    margin-inline-start: calc(-1 * ${token('space.2xs')});
+  }
+  .review {
+    padding: ${token('space.sm')};
+    border: ${token('border.width.default')} solid ${token('color.border.default')};
+    border-radius: ${token('control.radius')};
+    background: ${token('color.surface.default')};
+  }
+  .review-count,
+  .summary {
+    color: ${token('color.text.secondary')};
+    font-family: ${token('type.small.family')};
+    font-size: ${token('type.small.size')};
+    font-weight: ${token('type.small.weight')};
+    line-height: ${token('type.small.line-height')};
+  }
+  .selection {
+    padding: ${token('space.sm')};
+  }
+  .selected-section {
+    border-radius: ${token('radius.sm')};
+    background: ${token('color.surface.sunken')};
+  }
+  .selected-toggle,
+  .view-more {
+    padding: ${token('space.xs')};
+    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')};
+  }
+  .view-more {
+    color: ${token('color.link')};
+  }
+  .selected-option {
+    min-block-size: ${token('control.height.sm')};
+    padding-inline: ${token('space.xs')};
+  }
+  .select-all {
+    border-block-end: ${token('border.width.default')} solid ${token('color.border.default')};
+  }
+`;
+//# sourceMappingURL=combobox.styles.js.map

package/dist/combobox/combobox.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.styles.js","sourceRoot":"","sources":["../../src/combobox/combobox.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;WAEtB,KAAK,CAAC,aAAa,CAAC;;;;aAIlB,KAAK,CAAC,sBAAsB,CAAC;;;;WAI/B,KAAK,CAAC,aAAa,CAAC;sBACT,KAAK,CAAC,2BAA2B,CAAC;;;;+BAIzB,KAAK,CAAC,2BAA2B,CAAC,YAAY,KAAK,CAAC,aAAa,CAAC;;;qBAG5E,KAAK,CAAC,UAAU,CAAC;4BACV,KAAK,CAAC,2BAA2B,CAAC;;;;QAItD,KAAK,CAAC,2BAA2B,CAAC,gBAAgB,KAAK,CAAC,aAAa,CAAC;;;;eAI/D,KAAK,CAAC,aAAa,CAAC,UAAU,KAAK,CAAC,kBAAkB,CAAC;sBAChD,KAAK,CAAC,cAAc,CAAC;;;;aAI9B,KAAK,CAAC,sBAAsB,CAAC;;;;;gDAKM,KAAK,CAAC,qBAAqB,CAAC;;;;oBAIxD,KAAK,CAAC,yBAAyB,CAAC;;;kBAGlC,KAAK,CAAC,sBAAsB,CAAC;aAClC,KAAK,CAAC,qBAAqB,CAAC;;;aAG5B,KAAK,CAAC,qBAAqB,CAAC;;;;eAI1B,KAAK,CAAC,UAAU,CAAC;qBACX,KAAK,CAAC,WAAW,CAAC;kBACrB,KAAK,CAAC,sBAAsB,CAAC;aAClC,KAAK,CAAC,oBAAoB,CAAC;;;yBAGf,KAAK,CAAC,mBAAmB,CAAC;;;cAGrC,KAAK,CAAC,qBAAqB,CAAC,UAAU,KAAK,CAAC,uBAAuB,CAAC;kBAChE,KAAK,CAAC,wBAAwB,CAAC;aACpC,KAAK,CAAC,oBAAoB,CAAC;;;qCAGH,KAAK,CAAC,WAAW,CAAC;;;eAGxC,KAAK,CAAC,UAAU,CAAC;cAClB,KAAK,CAAC,sBAAsB,CAAC,UAAU,KAAK,CAAC,sBAAsB,CAAC;qBAC7D,KAAK,CAAC,gBAAgB,CAAC;kBAC1B,KAAK,CAAC,uBAAuB,CAAC;;;;aAInC,KAAK,CAAC,sBAAsB,CAAC;mBACvB,KAAK,CAAC,mBAAmB,CAAC;iBAC5B,KAAK,CAAC,iBAAiB,CAAC;mBACtB,KAAK,CAAC,mBAAmB,CAAC;mBAC1B,KAAK,CAAC,wBAAwB,CAAC;;;eAGnC,KAAK,CAAC,UAAU,CAAC;;;qBAGX,KAAK,CAAC,WAAW,CAAC;kBACrB,KAAK,CAAC,sBAAsB,CAAC;;;;eAIhC,KAAK,CAAC,UAAU,CAAC;mBACb,KAAK,CAAC,gBAAgB,CAAC;iBACzB,KAAK,CAAC,cAAc,CAAC;mBACnB,KAAK,CAAC,gBAAgB,CAAC;mBACvB,KAAK,CAAC,qBAAqB,CAAC;;;aAGlC,KAAK,CAAC,YAAY,CAAC;;;sBAGV,KAAK,CAAC,mBAAmB,CAAC;sBAC1B,KAAK,CAAC,UAAU,CAAC;;;wBAGf,KAAK,CAAC,sBAAsB,CAAC,UAAU,KAAK,CAAC,sBAAsB,CAAC;;CAE3F,CAAC"}

package/dist/combobox/combobox.template.d.ts

@@ -0,0 +1,15 @@
+import type { OddkinCombobox } from './combobox.js';
+/**
+ * Anatomy: a `label` part labelling the `role="combobox"` input (`part="input"`) in the same
+ * shadow root, `description` and `error` parts referenced by `aria-describedby`, and the field box
+ * (`part="control"`, the control look) holding the input and, with `multiple`, the chips before it
+ * (a list of `part="chip"` with `part="chip-remove"` buttons and the `part="more"` count). The
+ * adornments follow Figma: a search glyph at the start of a single combobox, the chevron at the end
+ * with `multiple`, and the clear button (`part="clear"`) at the end while there is a value. The popup (`part="popup"`,
+ * a manual popover on the overlay surface) holds the `role="listbox"` with option rows (option-row
+ * module; with `multiple`, a decorative check box at the start), the busy row, the empty state, and
+ * the `status` slot. Rows are keyed by value, so the active option stays the same element while the
+ * filter changes.
+ */
+export declare const comboboxTemplate: (combobox: OddkinCombobox) => import("@oddkin/core/template").TemplateResult;
+//# sourceMappingURL=combobox.template.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.template.d.ts","sourceRoot":"","sources":["../../src/combobox/combobox.template.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEpD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,gBAAgB,aAAc,cAAc,mDAkFxD,CAAC"}

package/dist/combobox/combobox.template.js

@@ -0,0 +1,103 @@
+import { live } from '@oddkin/core/helpers/live';
+import { html, nothing } from '@oddkin/core/template';
+import { fieldEndTemplate, reviewTemplate, selectionTemplate, valueTemplate, } from '../collection/option-field.template.js';
+import { optionListTemplate } from '../collection/option-rows.template.js';
+import { externalDescriptionTemplate } from '../form-control/description.js';
+import { chevronDownGlyph, searchGlyph } from '../styles/glyphs.js';
+import { spinnerTemplate } from '../styles/spinner.styles.js';
+/**
+ * Anatomy: a `label` part labelling the `role="combobox"` input (`part="input"`) in the same
+ * shadow root, `description` and `error` parts referenced by `aria-describedby`, and the field box
+ * (`part="control"`, the control look) holding the input and, with `multiple`, the chips before it
+ * (a list of `part="chip"` with `part="chip-remove"` buttons and the `part="more"` count). The
+ * adornments follow Figma: a search glyph at the start of a single combobox, the chevron at the end
+ * with `multiple`, and the clear button (`part="clear"`) at the end while there is a value. The popup (`part="popup"`,
+ * a manual popover on the overlay surface) holds the `role="listbox"` with option rows (option-row
+ * module; with `multiple`, a decorative check box at the start), the busy row, the empty state, and
+ * the `status` slot. Rows are keyed by value, so the active option stays the same element while the
+ * filter changes.
+ */
+export const comboboxTemplate = (combobox) => {
+    const options = combobox._shownOptions.value;
+    const selected = combobox._selected.value;
+    const multiple = combobox.multiple;
+    const disabled = combobox.disabled || combobox._formDisabled.value;
+    const strings = combobox._strings;
+    const input = html `<input
+    part="input"
+    id="control"
+    class="combobox"
+    type="text"
+    role="combobox"
+    autocomplete="off"
+    inputmode=${combobox._hints.get('inputmode')}
+    enterkeyhint=${combobox._hints.get('enterkeyhint')}
+    autocapitalize=${combobox._hints.get('autocapitalize')}
+    autocorrect=${combobox._hints.get('autocorrect')}
+    spellcheck=${combobox._hints.get('spellcheck', 'false')}
+    .value=${live(combobox._text.value)}
+    placeholder=${(multiple && selected.length) || !combobox.placeholder ? null : combobox.placeholder}
+    ?disabled=${disabled}
+    ?readonly=${combobox.readonly}
+    aria-expanded=${String(combobox._open.value)}
+    aria-controls="listbox"
+    aria-autocomplete="list"
+    aria-required=${combobox.required ? 'true' : null}
+    aria-describedby=${combobox._describedBy}
+    aria-invalid=${combobox._userInvalid.value ? 'true' : null}
+    @input=${combobox._onInput}
+    @click=${combobox._onInputClick}
+    @keydown=${combobox._onKeydown}
+  />`;
+    const collapsed = combobox._collapsed.value;
+    return html `<div part="field" class="field">
+      <label part="label" id="label" class="label" for="control" ?hidden=${!combobox.label}
+        >${combobox.label}</label
+      >
+      <div part="description" id="description" class="description" ?hidden=${!combobox.description}>
+        ${combobox.description}
+      </div>
+      <div class="control-box">
+        <div
+          part="control"
+          class=${!multiple || !collapsed ? 'control box' : combobox._view.value === 'expandable' ? 'control box two-rows' : 'control box collapsed'}
+        >
+          ${multiple ? valueTemplate(combobox, combobox.readonly, disabled) : nothing}${input}
+        </div>
+        ${multiple ? nothing : html `<span class="control-start" aria-hidden="true">${searchGlyph}</span>`}
+        ${fieldEndTemplate(combobox, multiple ? chevronDownGlyph : undefined)}
+      </div>
+      ${multiple ? reviewTemplate(combobox, combobox.readonly, disabled) : nothing}
+      <div part="error" id="error" class="error" ?hidden=${!combobox.error}>${combobox.error}</div>
+      ${externalDescriptionTemplate(combobox._externalDescription)}
+    </div>
+    <div
+      part="popup"
+      id="popup"
+      class="overlay-surface popup"
+      @pointerdown=${combobox._onPopupPointerdown}
+      @click=${combobox._onPopupClick}
+    >
+      ${selectionTemplate(combobox, options, true)}
+      <div
+        part="listbox"
+        id="listbox"
+        class="listbox"
+        role="listbox"
+        aria-labelledby=${combobox.label ? 'label' : null}
+        aria-multiselectable=${multiple ? 'true' : null}
+        aria-busy=${combobox.loading ? 'true' : null}
+        ?hidden=${!options.length}
+      >
+        ${optionListTemplate(options, selected, combobox._activeIndex.value, multiple)}
+      </div>
+      <div part="loading" class="state" ?hidden=${!combobox.loading}>
+        ${spinnerTemplate}${strings.loading}
+      </div>
+      <div part="empty" class="state" ?hidden=${options.length > 0 || combobox.loading}>
+        <slot name="empty">${strings.empty}</slot>
+      </div>
+      <slot name="status"></slot>
+    </div>`;
+};
+//# sourceMappingURL=combobox.template.js.map

package/dist/combobox/combobox.template.js.map

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

package/dist/combobox/foundation.d.ts

@@ -0,0 +1,15 @@
+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 { 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 { glyphStyles } from '../styles/glyphs.js';
+export { spinnerStyles } from '../styles/spinner.styles.js';
+export { OddkinCombobox } from './combobox.js';
+export { comboboxTemplate } from './combobox.template.js';
+export { comboboxStructuralStyles } from './combobox.structural.styles.js';
+//# sourceMappingURL=foundation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.d.ts","sourceRoot":"","sources":["../../src/combobox/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,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,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,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/combobox/foundation.js

@@ -0,0 +1,17 @@
+// 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 { 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 { glyphStyles } from '../styles/glyphs.js';
+export { spinnerStyles } from '../styles/spinner.styles.js';
+export { OddkinCombobox } from './combobox.js';
+export { comboboxTemplate } from './combobox.template.js';
+export { comboboxStructuralStyles } from './combobox.structural.styles.js';
+//# sourceMappingURL=foundation.js.map

package/dist/combobox/foundation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.js","sourceRoot":"","sources":["../../src/combobox/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,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,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,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/combobox/index.d.ts

@@ -0,0 +1,7 @@
+export { OddkinCombobox, comboboxQueryEvent, COMBOBOX_STRINGS } from './combobox.js';
+export type { ComboboxQueryDetail, OptionRecord } from './combobox.js';
+export { comboboxTemplate } from './combobox.template.js';
+export { comboboxStructuralStyles } from './combobox.structural.styles.js';
+export { comboboxStyles } from './combobox.styles.js';
+export { comboboxDefinition } from './combobox.definition.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/combobox/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACrF,YAAY,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AACvE,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/combobox/index.js

@@ -0,0 +1,7 @@
+// Side-effect free. Register with `@oddkin/components/define/combobox`.
+export { OddkinCombobox, comboboxQueryEvent, COMBOBOX_STRINGS } from './combobox.js';
+export { comboboxTemplate } from './combobox.template.js';
+export { comboboxStructuralStyles } from './combobox.structural.styles.js';
+export { comboboxStyles } from './combobox.styles.js';
+export { comboboxDefinition } from './combobox.definition.js';
+//# sourceMappingURL=index.js.map

package/dist/combobox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/combobox/index.ts"],"names":[],"mappings":"AAAA,wEAAwE;AACxE,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAErF,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"}