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

package/dist/scroll-region/scroll-region.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-region.js","sourceRoot":"","sources":["../../src/scroll-region/scroll-region.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAG/C,MAAM,CAAC,MAAM,qBAAqB,GAAG,EAAE,KAAK,EAAE,oBAAoB,EAAE,CAAC;AAErE;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,OAAO,kBAAmB,SAAQ,aAAa,CAAC,IAAI,CAAC;IACzD,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,WAAW,EAAE,oCAAoC,EAAE,CAAC;IACtF,OAAO,EAAE,IAAI,CAAC,MAAM,CAAwC;QAC1D,WAAW,EAAE,6BAA6B;KAC3C,CAAC;CACH,CAAC;IACA,0FAA0F;IACjF,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEtC,mCAAmC;IACnC,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,KAAK,IAAI,OAAO,CAAC,qBAAqB,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC;IAC1E,CAAC;IAED,uFAAuF;IAC9E,OAAO,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE;QAC7D,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,EAAE,gBAAgB,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC,CAAC;KACjF,CAAC,CAAC;IAEgB,OAAO,CAAC,KAAY;QACrC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACxB,uFAAuF;QACvF,IAAI,CAAC,QAAQ,EAAE,CAAC;IAClB,CAAC;IAED,QAAQ;QACN,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;QACrD,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,IAAI,CAAC,YAAY,CAAC,KAAK;YACrB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;IACjF,CAAC;CACF"}

package/dist/scroll-region/scroll-region.recipe.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Arrangement of the scroll region's content (layout-recipes.md §14): the children in a column,
+ * `--odd-scroll-region-gap` apart (Figma `Oddkin/Layout/ScrollRegion`: `layout.gap`).
+ */
+export declare const scrollRegionRecipe: import("../layout/index.js").LayoutRecipe;
+//# sourceMappingURL=scroll-region.recipe.d.ts.map

package/dist/scroll-region/scroll-region.recipe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-region.recipe.d.ts","sourceRoot":"","sources":["../../src/scroll-region/scroll-region.recipe.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,kBAAkB,2CAK7B,CAAC"}

package/dist/scroll-region/scroll-region.recipe.js

@@ -0,0 +1,13 @@
+import { token } from '@oddkin/tokens/refs';
+import { defineLayoutRecipe, stack } from '../layout/index.js';
+/**
+ * Arrangement of the scroll region's content (layout-recipes.md §14): the children in a column,
+ * `--odd-scroll-region-gap` apart (Figma `Oddkin/Layout/ScrollRegion`: `layout.gap`).
+ */
+export const scrollRegionRecipe = defineLayoutRecipe({
+    name: 'scroll-region',
+    regions: {
+        content: stack({ gap: `var(--odd-scroll-region-gap, ${token('layout.gap')})` }),
+    },
+});
+//# sourceMappingURL=scroll-region.recipe.js.map

package/dist/scroll-region/scroll-region.recipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-region.recipe.js","sourceRoot":"","sources":["../../src/scroll-region/scroll-region.recipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE/D;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,kBAAkB,CAAC;IACnD,IAAI,EAAE,eAAe;IACrB,OAAO,EAAE;QACP,OAAO,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,gCAAgC,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC;KAChF;CACF,CAAC,CAAC"}

package/dist/scroll-region/scroll-region.recipe.styles.d.ts

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

package/dist/scroll-region/scroll-region.recipe.styles.d.ts.map

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

package/dist/scroll-region/scroll-region.recipe.styles.js

@@ -0,0 +1,5 @@
+// Generated from ./scroll-region.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 scrollRegionRecipeStyles = unsafeCSS('@layer odd.layout.base, odd.layout.variant, odd.layout.condition;\n@layer odd.layout.base {\n  .content {\n    display: flex;\n    flex-direction: column;\n    gap: var(--odd-scroll-region-gap, var(--odd-layout-gap));\n    min-inline-size: 0;\n  }\n}\n');
+//# sourceMappingURL=scroll-region.recipe.styles.js.map

package/dist/scroll-region/scroll-region.recipe.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-region.recipe.styles.js","sourceRoot":"","sources":["../../src/scroll-region/scroll-region.recipe.styles.ts"],"names":[],"mappings":"AAAA,4GAA4G;AAC5G,iDAAiD;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,CAAC,MAAM,wBAAwB,GAAG,SAAS,CAC/C,8PAA8P,CAC/P,CAAC"}

package/dist/scroll-region/scroll-region.structural.styles.d.ts

@@ -0,0 +1,8 @@
+/**
+ * The element is a one-track grid, so a `block-size` or `max-block-size` on it bounds the
+ * scroller, and as a flex or grid item it shrinks to the space left instead of its content's size.
+ * The scrollbar gutter is stable, so content does not shift when it starts to
+ * scroll. No tokens.
+ */
+export declare const scrollRegionStructuralStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=scroll-region.structural.styles.d.ts.map

package/dist/scroll-region/scroll-region.structural.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-region.structural.styles.d.ts","sourceRoot":"","sources":["../../src/scroll-region/scroll-region.structural.styles.ts"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,eAAO,MAAM,4BAA4B,yCAaxC,CAAC"}

package/dist/scroll-region/scroll-region.structural.styles.js

@@ -0,0 +1,23 @@
+import { css } from '@oddkin/core/styles';
+import { scrollRegionRecipeStyles } from './scroll-region.recipe.styles.js';
+/**
+ * The element is a one-track grid, so a `block-size` or `max-block-size` on it bounds the
+ * scroller, and as a flex or grid item it shrinks to the space left instead of its content's size.
+ * The scrollbar gutter is stable, so content does not shift when it starts to
+ * scroll. No tokens.
+ */
+export const scrollRegionStructuralStyles = css `
+  ${scrollRegionRecipeStyles}
+  :host {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr);
+    grid-template-rows: minmax(0, 1fr);
+    min-inline-size: 0;
+    min-block-size: 0;
+  }
+  .base {
+    overflow: auto;
+    scrollbar-gutter: stable;
+  }
+`;
+//# sourceMappingURL=scroll-region.structural.styles.js.map

package/dist/scroll-region/scroll-region.structural.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-region.structural.styles.js","sourceRoot":"","sources":["../../src/scroll-region/scroll-region.structural.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAE5E;;;;;GAKG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,CAAA;IAC3C,wBAAwB;;;;;;;;;;;;CAY3B,CAAC"}

package/dist/scroll-region/scroll-region.styles.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Oddkin's default scroll region: Figma `Oddkin/Layout/ScrollRegion`. The children's `layout.gap`
+ * (`--odd-scroll-region-gap`) is the layout recipe's (`scroll-region.recipe.ts`).
+ */
+export declare const scrollRegionStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=scroll-region.styles.d.ts.map

package/dist/scroll-region/scroll-region.styles.d.ts.map

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

package/dist/scroll-region/scroll-region.styles.js

@@ -0,0 +1,7 @@
+import { css } from '@oddkin/core/styles';
+/**
+ * Oddkin's default scroll region: Figma `Oddkin/Layout/ScrollRegion`. The children's `layout.gap`
+ * (`--odd-scroll-region-gap`) is the layout recipe's (`scroll-region.recipe.ts`).
+ */
+export const scrollRegionStyles = css ``;
+//# sourceMappingURL=scroll-region.styles.js.map

package/dist/scroll-region/scroll-region.styles.js.map

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

package/dist/scroll-region/scroll-region.template.d.ts

@@ -0,0 +1,7 @@
+import type { OddkinScrollRegion } from './scroll-region.js';
+/**
+ * Anatomy: `part="base"`, the scroller (focusable `region` while it overflows), around the
+ * content wrapper and the default slot.
+ */
+export declare const scrollRegionTemplate: (region: OddkinScrollRegion) => import("@oddkin/core/template").TemplateResult;
+//# sourceMappingURL=scroll-region.template.d.ts.map

package/dist/scroll-region/scroll-region.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-region.template.d.ts","sourceRoot":"","sources":["../../src/scroll-region/scroll-region.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAE7D;;;GAGG;AACH,eAAO,MAAM,oBAAoB,WAAY,kBAAkB,mDAW9D,CAAC"}

package/dist/scroll-region/scroll-region.template.js

@@ -0,0 +1,18 @@
+import { html } from '@oddkin/core/template';
+/**
+ * Anatomy: `part="base"`, the scroller (focusable `region` while it overflows), around the
+ * content wrapper and the default slot.
+ */
+export const scrollRegionTemplate = (region) => {
+    const overflowing = region._overflowing.value;
+    return html `<div
+    part="base"
+    class="base"
+    tabindex=${overflowing ? '0' : null}
+    role=${overflowing ? 'region' : null}
+    aria-label=${overflowing ? region._label : null}
+  >
+    <div class="content"><slot></slot></div>
+  </div>`;
+};
+//# sourceMappingURL=scroll-region.template.js.map

package/dist/scroll-region/scroll-region.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-region.template.js","sourceRoot":"","sources":["../../src/scroll-region/scroll-region.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAG7C;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,MAA0B,EAAE,EAAE;IACjE,MAAM,WAAW,GAAG,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC;IAC9C,OAAO,IAAI,CAAA;;;eAGE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI;WAC5B,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;iBACvB,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;;;SAG1C,CAAC;AACV,CAAC,CAAC"}

package/dist/segmented-control/foundation.d.ts

@@ -0,0 +1,7 @@
+export { hostStyles } from '../styles/host.styles.js';
+export { fieldStructuralStyles } from '../styles/field.structural.styles.js';
+export { visuallyHiddenStyles } from '../styles/visually-hidden.styles.js';
+export { OddkinSegmentedControl, inputEvent, changeEvent, type OptionRecord, } from './segmented-control.js';
+export { segmentedControlTemplate } from './segmented-control.template.js';
+export { segmentedControlStructuralStyles } from './segmented-control.structural.styles.js';
+//# sourceMappingURL=foundation.d.ts.map

package/dist/segmented-control/foundation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.d.ts","sourceRoot":"","sources":["../../src/segmented-control/foundation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EACL,sBAAsB,EACtB,UAAU,EACV,WAAW,EACX,KAAK,YAAY,GAClB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,gCAAgC,EAAE,MAAM,0CAA0C,CAAC"}

package/dist/segmented-control/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 { fieldStructuralStyles } from '../styles/field.structural.styles.js';
+export { visuallyHiddenStyles } from '../styles/visually-hidden.styles.js';
+export { OddkinSegmentedControl, inputEvent, changeEvent, } from './segmented-control.js';
+export { segmentedControlTemplate } from './segmented-control.template.js';
+export { segmentedControlStructuralStyles } from './segmented-control.structural.styles.js';
+//# sourceMappingURL=foundation.js.map

package/dist/segmented-control/foundation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.js","sourceRoot":"","sources":["../../src/segmented-control/foundation.ts"],"names":[],"mappings":"AAAA,+FAA+F;AAC/F,8EAA8E;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EACL,sBAAsB,EACtB,UAAU,EACV,WAAW,GAEZ,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,gCAAgC,EAAE,MAAM,0CAA0C,CAAC"}

package/dist/segmented-control/index.d.ts

@@ -0,0 +1,6 @@
+export { OddkinSegmentedControl, inputEvent, changeEvent, type OptionRecord, } from './segmented-control.js';
+export { segmentedControlTemplate } from './segmented-control.template.js';
+export { segmentedControlStructuralStyles } from './segmented-control.structural.styles.js';
+export { segmentedControlStyles } from './segmented-control.styles.js';
+export { segmentedControlDefinition } from './segmented-control.definition.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/segmented-control/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/segmented-control/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,sBAAsB,EACtB,UAAU,EACV,WAAW,EACX,KAAK,YAAY,GAClB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,gCAAgC,EAAE,MAAM,0CAA0C,CAAC;AAC5F,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAC"}

package/dist/segmented-control/index.js

@@ -0,0 +1,7 @@
+// Side-effect free. Register with `@oddkin/components/define/segmented-control`.
+export { OddkinSegmentedControl, inputEvent, changeEvent, } from './segmented-control.js';
+export { segmentedControlTemplate } from './segmented-control.template.js';
+export { segmentedControlStructuralStyles } from './segmented-control.structural.styles.js';
+export { segmentedControlStyles } from './segmented-control.styles.js';
+export { segmentedControlDefinition } from './segmented-control.definition.js';
+//# sourceMappingURL=index.js.map

package/dist/segmented-control/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/segmented-control/index.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,OAAO,EACL,sBAAsB,EACtB,UAAU,EACV,WAAW,GAEZ,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,gCAAgC,EAAE,MAAM,0CAA0C,CAAC;AAC5F,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAC"}

package/dist/segmented-control/segmented-control.d.ts

@@ -0,0 +1,35 @@
+import { OddkinRadioControl } from '../form-control/radio-control.js';
+export type { OptionRecord } from '../form-control/radio-control.js';
+export { changeEvent, inputEvent } from '../form-control/radio-control.js';
+declare const OddkinSegmentedControl_base: import("@oddkin/core/element").WithProps<typeof OddkinRadioControl, {
+    readonly size: import("@oddkin/core/element").PropDefinition<"lg" | "md" | "sm">;
+}>;
+/**
+ * One value from a few short options, drawn as joined segments: the radio-group behavior with a
+ * segmented look. Options come from `<option>` children or from `options`; an option with an
+ * `icon` (`options` only) shows the icon alone, and its `label` names it.
+ *
+ * @csspart field - Wrapper of label, description, segments, and error.
+ * @csspart label - The visible label.
+ * @csspart description - Help text, referenced by `aria-describedby`.
+ * @csspart control - The track holding the segments.
+ * @csspart option - One segment.
+ * @csspart error - The error message, referenced by `aria-describedby`.
+ * @cssstate user-invalid - The control shows its error: `error` is set, or nothing is checked while `required` after focus left the control or a validity check failed.
+ * @a11y A `role="radiogroup"` in the shadow root, named by `label` and described by the description and error, holds native radios, each named by its option's label (also for icon-only options) and described by its option's description (`title`).
+ * @keyboard Native radio behavior: Tab enters the control at the checked segment (or the first, when none is checked) and leaves it; arrow keys move to the next or previous segment and check it; Space checks the focused segment.
+ * @previewRole segmented
+ * @useFor A compact choice among two to five short values that takes effect at once: a view mode, a preview size.
+ * @notFor Switching between content panels (use odd-tabs); options that need descriptions (use odd-radio-group); actions (use odd-button or odd-toolbar).
+ * @limitation Option descriptions are each segment's tooltip (`title`); groups (`<optgroup>`) are drawn as one run of segments.
+ * @category Forms
+ * @customization 1 2 3
+ */
+export declare class OddkinSegmentedControl extends OddkinSegmentedControl_base {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'odd-segmented-control': OddkinSegmentedControl;
+    }
+}
+//# sourceMappingURL=segmented-control.d.ts.map

package/dist/segmented-control/segmented-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../src/segmented-control/segmented-control.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAEtE,YAAY,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;;;;AAE3E;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBAAa,sBAAuB,SAAQ,2BAM1C;CAAG;AAEL,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,sBAAsB,CAAC;KACjD;CACF"}

package/dist/segmented-control/segmented-control.define.d.ts

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

package/dist/segmented-control/segmented-control.define.d.ts.map

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

package/dist/segmented-control/segmented-control.define.js

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

package/dist/segmented-control/segmented-control.define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.define.js","sourceRoot":"","sources":["../../src/segmented-control/segmented-control.define.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAC;AAE/E,MAAM,CAAC,0BAA0B,CAAC,CAAC"}

package/dist/segmented-control/segmented-control.definition.d.ts

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

package/dist/segmented-control/segmented-control.definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.definition.d.ts","sourceRoot":"","sources":["../../src/segmented-control/segmented-control.definition.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAKhE,eAAO,MAAM,0BAA0B,0EAerC,CAAC"}

package/dist/segmented-control/segmented-control.definition.js

@@ -0,0 +1,28 @@
+import { compose } from '@oddkin/core/element';
+import { iconDefinition } from '../icon/icon.definition.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 { hostStyles } from '../styles/host.styles.js';
+import { visuallyHiddenStyles } from '../styles/visually-hidden.styles.js';
+import { OddkinSegmentedControl } from './segmented-control.js';
+import { segmentedControlStructuralStyles } from './segmented-control.structural.styles.js';
+import { segmentedControlStyles } from './segmented-control.styles.js';
+import { segmentedControlTemplate } from './segmented-control.template.js';
+export const segmentedControlDefinition = compose({
+    name: 'odd-segmented-control',
+    element: OddkinSegmentedControl,
+    template: segmentedControlTemplate,
+    styles: [
+        hostStyles,
+        fieldStructuralStyles,
+        segmentedControlStructuralStyles,
+        visuallyHiddenStyles,
+        focusRingStyles,
+        controlStyles,
+        segmentedControlStyles,
+    ],
+    // Option icons are drawn by odd-icon.
+    dependencies: { icon: iconDefinition },
+});
+//# sourceMappingURL=segmented-control.definition.js.map

package/dist/segmented-control/segmented-control.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.definition.js","sourceRoot":"","sources":["../../src/segmented-control/segmented-control.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,gCAAgC,EAAE,MAAM,0CAA0C,CAAC;AAC5F,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAE3E,MAAM,CAAC,MAAM,0BAA0B,GAAG,OAAO,CAAC;IAChD,IAAI,EAAE,uBAAuB;IAC7B,OAAO,EAAE,sBAAsB;IAC/B,QAAQ,EAAE,wBAAwB;IAClC,MAAM,EAAE;QACN,UAAU;QACV,qBAAqB;QACrB,gCAAgC;QAChC,oBAAoB;QACpB,eAAe;QACf,aAAa;QACb,sBAAsB;KACvB;IACD,sCAAsC;IACtC,YAAY,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE;CACvC,CAAC,CAAC"}

package/dist/segmented-control/segmented-control.js

@@ -0,0 +1,33 @@
+import { prop } from '@oddkin/core/element';
+import { OddkinRadioControl } from '../form-control/radio-control.js';
+export { changeEvent, inputEvent } from '../form-control/radio-control.js';
+/**
+ * One value from a few short options, drawn as joined segments: the radio-group behavior with a
+ * segmented look. Options come from `<option>` children or from `options`; an option with an
+ * `icon` (`options` only) shows the icon alone, and its `label` names it.
+ *
+ * @csspart field - Wrapper of label, description, segments, and error.
+ * @csspart label - The visible label.
+ * @csspart description - Help text, referenced by `aria-describedby`.
+ * @csspart control - The track holding the segments.
+ * @csspart option - One segment.
+ * @csspart error - The error message, referenced by `aria-describedby`.
+ * @cssstate user-invalid - The control shows its error: `error` is set, or nothing is checked while `required` after focus left the control or a validity check failed.
+ * @a11y A `role="radiogroup"` in the shadow root, named by `label` and described by the description and error, holds native radios, each named by its option's label (also for icon-only options) and described by its option's description (`title`).
+ * @keyboard Native radio behavior: Tab enters the control at the checked segment (or the first, when none is checked) and leaves it; arrow keys move to the next or previous segment and check it; Space checks the focused segment.
+ * @previewRole segmented
+ * @useFor A compact choice among two to five short values that takes effect at once: a view mode, a preview size.
+ * @notFor Switching between content panels (use odd-tabs); options that need descriptions (use odd-radio-group); actions (use odd-button or odd-toolbar).
+ * @limitation Option descriptions are each segment's tooltip (`title`); groups (`<optgroup>`) are drawn as one run of segments.
+ * @category Forms
+ * @customization 1 2 3
+ */
+export class OddkinSegmentedControl extends OddkinRadioControl.with({
+    size: prop.enum(['sm', 'md', 'lg'], {
+        default: 'md',
+        reflect: true,
+        description: 'Segment height and padding.',
+    }),
+}) {
+}
+//# sourceMappingURL=segmented-control.js.map

package/dist/segmented-control/segmented-control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.js","sourceRoot":"","sources":["../../src/segmented-control/segmented-control.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAGtE,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAE3E;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,OAAO,sBAAuB,SAAQ,kBAAkB,CAAC,IAAI,CAAC;IAClE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE;QAClC,OAAO,EAAE,IAAI;QACb,OAAO,EAAE,IAAI;QACb,WAAW,EAAE,6BAA6B;KAC3C,CAAC;CACH,CAAC;CAAG"}

package/dist/segmented-control/segmented-control.structural.styles.d.ts

@@ -0,0 +1,8 @@
+/**
+ * The control is a block; its label, description, and error use the shared field layout. The
+ * track lines up equal segments; each segment stacks its radio, drawn as the segment's surface
+ * (`appearance: none`), under its text, which lets pointer events through to the radio. No
+ * brand tokens.
+ */
+export declare const segmentedControlStructuralStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=segmented-control.structural.styles.d.ts.map

package/dist/segmented-control/segmented-control.structural.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.structural.styles.d.ts","sourceRoot":"","sources":["../../src/segmented-control/segmented-control.structural.styles.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,eAAO,MAAM,gCAAgC,yCAkD5C,CAAC"}

package/dist/segmented-control/segmented-control.structural.styles.js

@@ -0,0 +1,59 @@
+import { css } from '@oddkin/core/styles';
+/**
+ * The control is a block; its label, description, and error use the shared field layout. The
+ * track lines up equal segments; each segment stacks its radio, drawn as the segment's surface
+ * (`appearance: none`), under its text, which lets pointer events through to the radio. No
+ * brand tokens.
+ */
+export const segmentedControlStructuralStyles = css `
+  :host {
+    display: block;
+  }
+  .track {
+    display: flex;
+  }
+  .segment {
+    display: grid;
+    flex: 1 1 0;
+    min-inline-size: 0;
+    cursor: pointer;
+  }
+  .segment:has(:disabled) {
+    cursor: not-allowed;
+  }
+  .segment > * {
+    grid-area: 1 / 1;
+  }
+  .segment-box {
+    inline-size: 100%;
+    block-size: 100%;
+    margin: 0;
+    appearance: none;
+    /* Firefox tints a disabled input's background. */
+    background: none;
+    cursor: inherit;
+  }
+  .segment-label {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-inline-size: 0;
+    text-align: center;
+    pointer-events: none;
+  }
+  @media (forced-colors: active) {
+    .track {
+      border: 1px solid CanvasText;
+    }
+    .segment > .segment-box:checked {
+      background: Highlight;
+    }
+    .segment > .segment-box:checked + .segment-label {
+      color: HighlightText;
+    }
+    .segment > .segment-box:disabled + .segment-label {
+      color: GrayText;
+    }
+  }
+`;
+//# sourceMappingURL=segmented-control.structural.styles.js.map

package/dist/segmented-control/segmented-control.structural.styles.js.map

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

package/dist/segmented-control/segmented-control.styles.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Oddkin's default segmented control (Figma `segmented`): a sunken track with the strong border
+ * and the control radius, inset by `space.xs`; `control.height.sm` segments in the UI type role,
+ * the checked one in the selection colours, a pointer hover on the others, and the disabled text
+ * colour (the checked segment keeps its colours). `size` steps the segment height and padding;
+ * the danger border marks an invalid control, and the label is dimmed while it is disabled.
+ */
+export declare const segmentedControlStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=segmented-control.styles.d.ts.map

package/dist/segmented-control/segmented-control.styles.d.ts.map

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

package/dist/segmented-control/segmented-control.styles.js

@@ -0,0 +1,69 @@
+import { css } from '@oddkin/core/styles';
+import { token } from '@oddkin/tokens/refs';
+/**
+ * Oddkin's default segmented control (Figma `segmented`): a sunken track with the strong border
+ * and the control radius, inset by `space.xs`; `control.height.sm` segments in the UI type role,
+ * the checked one in the selection colours, a pointer hover on the others, and the disabled text
+ * colour (the checked segment keeps its colours). `size` steps the segment height and padding;
+ * the danger border marks an invalid control, and the label is dimmed while it is disabled.
+ */
+export const segmentedControlStyles = css `
+  .track {
+    gap: ${token('control.gap')};
+    padding: ${token('space.xs')};
+    border: ${token('border.width.default')} solid ${token('color.border.strong')};
+    border-radius: ${token('control.radius')};
+    background: ${token('color.surface.sunken')};
+  }
+  .segment-box {
+    min-block-size: ${token('control.height.sm')};
+    border-radius: ${token('radius.sm')};
+    transition-property: background-color;
+    transition-duration: ${token('motion.duration.fast')};
+    transition-timing-function: ${token('motion.easing.standard')};
+  }
+  .segment-label {
+    gap: ${token('control.gap')};
+    padding-inline: ${token('control.padding.inline.sm')};
+    color: ${token('color.text.primary')};
+    font-size: ${token('type.ui.size')};
+    font-weight: ${token('type.ui.weight')};
+    line-height: ${token('type.ui.line-height')};
+    letter-spacing: ${token('type.ui.letter-spacing')};
+  }
+  @media (hover: hover) {
+    .segment-box:not(:checked, :disabled):hover {
+      background: ${token('color.surface.hover')};
+    }
+  }
+  .segment-box:checked {
+    background: ${token('color.selection.background')};
+  }
+  .segment-box:checked + .segment-label {
+    color: ${token('color.selection.foreground')};
+  }
+  .segment-box:disabled:not(:checked) + .segment-label {
+    color: ${token('color.text.disabled')};
+  }
+  :host(:state(user-invalid)) .track {
+    border-color: ${token('color.danger.foreground')};
+  }
+  :host(:disabled) .label {
+    color: ${token('color.text.disabled')};
+  }
+  :host([size='sm']) .track {
+    padding: ${token('space.2xs')};
+  }
+  :host([size='sm']) .segment-box {
+    min-block-size: ${token('target.min')};
+  }
+  :host([size='lg']) .segment-box {
+    min-block-size: ${token('control.height.md')};
+  }
+  :host([size='lg']) .segment-label {
+    padding-inline: ${token('control.padding.inline.md')};
+    font-size: ${token('type.body.size')};
+    line-height: ${token('type.body.line-height')};
+  }
+`;
+//# sourceMappingURL=segmented-control.styles.js.map

package/dist/segmented-control/segmented-control.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.styles.js","sourceRoot":"","sources":["../../src/segmented-control/segmented-control.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;WAE9B,KAAK,CAAC,aAAa,CAAC;eAChB,KAAK,CAAC,UAAU,CAAC;cAClB,KAAK,CAAC,sBAAsB,CAAC,UAAU,KAAK,CAAC,qBAAqB,CAAC;qBAC5D,KAAK,CAAC,gBAAgB,CAAC;kBAC1B,KAAK,CAAC,sBAAsB,CAAC;;;sBAGzB,KAAK,CAAC,mBAAmB,CAAC;qBAC3B,KAAK,CAAC,WAAW,CAAC;;2BAEZ,KAAK,CAAC,sBAAsB,CAAC;kCACtB,KAAK,CAAC,wBAAwB,CAAC;;;WAGtD,KAAK,CAAC,aAAa,CAAC;sBACT,KAAK,CAAC,2BAA2B,CAAC;aAC3C,KAAK,CAAC,oBAAoB,CAAC;iBACvB,KAAK,CAAC,cAAc,CAAC;mBACnB,KAAK,CAAC,gBAAgB,CAAC;mBACvB,KAAK,CAAC,qBAAqB,CAAC;sBACzB,KAAK,CAAC,wBAAwB,CAAC;;;;oBAIjC,KAAK,CAAC,qBAAqB,CAAC;;;;kBAI9B,KAAK,CAAC,4BAA4B,CAAC;;;aAGxC,KAAK,CAAC,4BAA4B,CAAC;;;aAGnC,KAAK,CAAC,qBAAqB,CAAC;;;oBAGrB,KAAK,CAAC,yBAAyB,CAAC;;;aAGvC,KAAK,CAAC,qBAAqB,CAAC;;;eAG1B,KAAK,CAAC,WAAW,CAAC;;;sBAGX,KAAK,CAAC,YAAY,CAAC;;;sBAGnB,KAAK,CAAC,mBAAmB,CAAC;;;sBAG1B,KAAK,CAAC,2BAA2B,CAAC;iBACvC,KAAK,CAAC,gBAAgB,CAAC;mBACrB,KAAK,CAAC,uBAAuB,CAAC;;CAEhD,CAAC"}

package/dist/segmented-control/segmented-control.template.d.ts

@@ -0,0 +1,8 @@
+import type { OddkinSegmentedControl } from './segmented-control.js';
+/**
+ * Anatomy: the shared field as a `role="radiogroup"` named by its `label` part and described by
+ * the `description` and `error` parts, around the track (`control`). Each segment (`option`) is a
+ * label holding its native radio, drawn as the segment's surface, under its text or icon.
+ */
+export declare const segmentedControlTemplate: (control: OddkinSegmentedControl) => import("@oddkin/core/template").TemplateResult;
+//# sourceMappingURL=segmented-control.template.d.ts.map

package/dist/segmented-control/segmented-control.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.template.d.ts","sourceRoot":"","sources":["../../src/segmented-control/segmented-control.template.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAErE;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,YAAa,sBAAsB,mDAiC/D,CAAC"}

package/dist/segmented-control/segmented-control.template.js

@@ -0,0 +1,37 @@
+import { html } from '@oddkin/core/template';
+import { externalDescriptionTemplate } from '../form-control/description.js';
+import { radioFlag, radioInput } from '../form-control/radio-input.js';
+/**
+ * Anatomy: the shared field as a `role="radiogroup"` named by its `label` part and described by
+ * the `description` and `error` parts, around the track (`control`). Each segment (`option`) is a
+ * label holding its native radio, drawn as the segment's surface, under its text or icon.
+ */
+export const segmentedControlTemplate = (control) => html `<div
+    part="field"
+    class="field"
+    role="radiogroup"
+    aria-disabled=${control.disabled || control._formDisabled.value ? 'true' : null}
+    aria-labelledby=${control.label ? 'label' : null}
+    aria-describedby=${control._describedBy}
+    @focusout=${control._onFocusOut}
+  >
+    <div part="label" id="label" class="label" ?hidden=${!control.label}>${control.label}</div>
+    <div part="description" id="description" class="description" ?hidden=${!control.description}>
+      ${control.description}
+    </div>
+    <div part="control" class="track">
+      ${control._options.value.map((option) => html `<label part="option" class="segment">
+            ${radioInput(control, option, 'segment-box', { title: option.description })}
+            <span class="segment-label"
+              >${option.icon
+    ? html `<odd-icon src=${option.icon} size="sm"></odd-icon
+                      ><span class="visually-hidden">${option.label}</span>`
+    : option.label}</span
+            >
+          </label>`)}
+      ${radioFlag(control)}
+    </div>
+    <div part="error" id="error" class="error" ?hidden=${!control.error}>${control.error}</div>
+    ${externalDescriptionTemplate(control._externalDescription)}
+  </div>`;
+//# sourceMappingURL=segmented-control.template.js.map

package/dist/segmented-control/segmented-control.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.template.js","sourceRoot":"","sources":["../../src/segmented-control/segmented-control.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAGvE;;;;GAIG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,OAA+B,EAAE,EAAE,CAC1E,IAAI,CAAA;;;;oBAIc,OAAO,CAAC,QAAQ,IAAI,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;sBAC7D,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI;uBAC7B,OAAO,CAAC,YAAY;gBAC3B,OAAO,CAAC,WAAW;;yDAEsB,CAAC,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK;2EACb,CAAC,OAAO,CAAC,WAAW;QACvF,OAAO,CAAC,WAAW;;;QAGnB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAC1B,CAAC,MAAM,EAAE,EAAE,CACT,IAAI,CAAA;cACA,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,WAAW,EAAE,CAAC;;iBAGvE,MAAM,CAAC,IAAI;IACT,CAAC,CAAC,IAAI,CAAA,iBAAiB,MAAM,CAAC,IAAI;uDACG,MAAM,CAAC,KAAK,SAAS;IAC1D,CAAC,CAAC,MAAM,CAAC,KACb;;mBAEK,CACZ;QACC,SAAS,CAAC,OAAO,CAAC;;yDAE+B,CAAC,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK;MAClF,2BAA2B,CAAC,OAAO,CAAC,oBAAoB,CAAC;SACtD,CAAC"}

package/dist/select/foundation.d.ts

@@ -0,0 +1,7 @@
+export { hostStyles } from '../styles/host.styles.js';
+export { fieldStructuralStyles } from '../styles/field.structural.styles.js';
+export { glyphStyles } from '../styles/glyphs.js';
+export { OddkinSelect } from './select.js';
+export { selectTemplate } from './select.template.js';
+export { selectStructuralStyles } from './select.structural.styles.js';
+//# sourceMappingURL=foundation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.d.ts","sourceRoot":"","sources":["../../src/select/foundation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,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/select/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 { fieldStructuralStyles } from '../styles/field.structural.styles.js';
+export { glyphStyles } from '../styles/glyphs.js';
+export { OddkinSelect } from './select.js';
+export { selectTemplate } from './select.template.js';
+export { selectStructuralStyles } from './select.structural.styles.js';
+//# sourceMappingURL=foundation.js.map

package/dist/select/foundation.js.map

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