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

package/dist/carousel/carousel.template.js

@@ -0,0 +1,70 @@
+import { html } from '@oddkin/core/template';
+import { arrowEndGlyph, arrowStartGlyph } from '../styles/glyphs.js';
+/**
+ * Anatomy: `part="base"` with the `slides` live region (one `slide` group per element child, each
+ * holding a slot the element assigns that child to; only the shown one is not `hidden`) and the
+ * `controls` row: `previous`, the `position` text, the `picker` of `pick` buttons, and `next`.
+ */
+export const carouselTemplate = (carousel) => {
+    const slides = carousel._slides.value;
+    const shown = carousel._shown.value;
+    const text = carousel._strings.value;
+    const first = shown <= 0;
+    const last = shown === slides.length - 1;
+    return html `<div part="base" class="carousel">
+    <div part="slides" id="slides" class="slides" aria-live="polite">
+      ${slides.map((_slide, i) => html `<div
+            part="slide"
+            class="slide"
+            id=${`slide-${i}`}
+            role="group"
+            aria-roledescription=${text.slide}
+            aria-label=${carousel._position(i)}
+            ?hidden=${i !== shown}
+          >
+            <slot></slot>
+          </div>`)}
+    </div>
+    <div part="controls" class="controls">
+      <button
+        part="previous"
+        class="odd-button step"
+        data-size="sm"
+        type="button"
+        aria-label=${text.previous}
+        aria-controls="slides"
+        aria-disabled=${first ? 'true' : null}
+        @click=${() => carousel._go(shown - 1)}
+      >
+        ${arrowStartGlyph}
+      </button>
+      <span part="position" class="position">${shown < 0 ? '' : carousel._position(shown)}</span>
+      <span part="picker" class="picker" role="group" aria-label=${text.picker}>
+        ${slides.map((_slide, i) => html `<button
+              part="pick"
+              class="pick"
+              type="button"
+              aria-label=${carousel._goToLabel(i)}
+              aria-controls=${`slide-${i}`}
+              aria-current=${i === shown ? 'true' : null}
+              @click=${() => carousel._go(i)}
+            >
+              ${carousel._number(i)}
+            </button>`)}
+      </span>
+      <button
+        part="next"
+        class="odd-button step"
+        data-size="sm"
+        type="button"
+        aria-label=${text.next}
+        aria-controls="slides"
+        aria-disabled=${last ? 'true' : null}
+        @click=${() => carousel._go(shown + 1)}
+      >
+        ${arrowEndGlyph}
+      </button>
+    </div>
+  </div>`;
+};
+//# sourceMappingURL=carousel.template.js.map

package/dist/carousel/carousel.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.template.js","sourceRoot":"","sources":["../../src/carousel/carousel.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAGrE;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,QAAwB,EAAE,EAAE;IAC3D,MAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC;IACtC,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC;IACpC,MAAM,IAAI,GAAG,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC;IACrC,MAAM,KAAK,GAAG,KAAK,IAAI,CAAC,CAAC;IACzB,MAAM,IAAI,GAAG,KAAK,KAAK,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;IACzC,OAAO,IAAI,CAAA;;QAEL,MAAM,CAAC,GAAG,CACV,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CACZ,IAAI,CAAA;;;iBAGG,SAAS,CAAC,EAAE;;mCAEM,IAAI,CAAC,KAAK;yBACpB,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC;sBACxB,CAAC,KAAK,KAAK;;;iBAGhB,CACV;;;;;;;;qBAQc,IAAI,CAAC,QAAQ;;wBAEV,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;iBAC5B,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC;;UAEpC,eAAe;;+CAEsB,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC;mEACtB,IAAI,CAAC,MAAM;UACpE,MAAM,CAAC,GAAG,CACV,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CACZ,IAAI,CAAA;;;;2BAIW,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC;8BACnB,SAAS,CAAC,EAAE;6BACb,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;uBACjC,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;;gBAE5B,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC;sBACb,CACb;;;;;;;qBAOY,IAAI,CAAC,IAAI;;wBAEN,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;iBAC3B,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC;;UAEpC,aAAa;;;SAGd,CAAC;AACV,CAAC,CAAC"}

package/dist/carousel/foundation.d.ts

@@ -0,0 +1,6 @@
+export { hostStyles } from '../styles/host.styles.js';
+export { glyphStyles } from '../styles/glyphs.js';
+export { OddkinCarousel, CAROUSEL_STRINGS, carouselInputEvent, carouselChangeEvent, } from './carousel.js';
+export { carouselTemplate } from './carousel.template.js';
+export { carouselStructuralStyles } from './carousel.structural.styles.js';
+//# sourceMappingURL=foundation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.d.ts","sourceRoot":"","sources":["../../src/carousel/foundation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC"}

package/dist/carousel/foundation.js

@@ -0,0 +1,8 @@
+// Skin-free foundation: behavior, anatomy, and structural styles (shared host defaults first).
+// Loads no default visual styles and registers nothing (multi-product.md §4).
+export { hostStyles } from '../styles/host.styles.js';
+export { glyphStyles } from '../styles/glyphs.js';
+export { OddkinCarousel, CAROUSEL_STRINGS, carouselInputEvent, carouselChangeEvent, } from './carousel.js';
+export { carouselTemplate } from './carousel.template.js';
+export { carouselStructuralStyles } from './carousel.structural.styles.js';
+//# sourceMappingURL=foundation.js.map

package/dist/carousel/foundation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.js","sourceRoot":"","sources":["../../src/carousel/foundation.ts"],"names":[],"mappings":"AAAA,+FAA+F;AAC/F,8EAA8E;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC"}

package/dist/carousel/index.d.ts

@@ -0,0 +1,6 @@
+export { OddkinCarousel, CAROUSEL_STRINGS, carouselInputEvent, carouselChangeEvent, } from './carousel.js';
+export { carouselTemplate } from './carousel.template.js';
+export { carouselStructuralStyles } from './carousel.structural.styles.js';
+export { carouselStyles } from './carousel.styles.js';
+export { carouselDefinition } from './carousel.definition.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/carousel/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,eAAe,CAAC;AACvB,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/carousel/index.js

@@ -0,0 +1,7 @@
+// Side-effect free. Register with `@oddkin/components/define/carousel`.
+export { OddkinCarousel, CAROUSEL_STRINGS, carouselInputEvent, carouselChangeEvent, } from './carousel.js';
+export { carouselTemplate } from './carousel.template.js';
+export { carouselStructuralStyles } from './carousel.structural.styles.js';
+export { carouselStyles } from './carousel.styles.js';
+export { carouselDefinition } from './carousel.definition.js';
+//# sourceMappingURL=index.js.map

package/dist/carousel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/carousel/index.ts"],"names":[],"mappings":"AAAA,wEAAwE;AACxE,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,eAAe,CAAC;AACvB,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/checkbox/checkbox.d.ts

@@ -0,0 +1,36 @@
+import { type ElementEvents } from '@oddkin/core/element';
+import { OddkinCheckable, changeEvent, inputEvent } from '../form-control/checkable.js';
+export { changeEvent, inputEvent };
+declare const OddkinCheckbox_base: import("@oddkin/core/element").WithProps<typeof OddkinCheckable, {
+    readonly indeterminate: import("@oddkin/core/element").PropDefinition<boolean>;
+}>;
+/**
+ * A checkbox that participates in forms like a native one: a native checkbox in the shadow root,
+ * drawn by the shared control-indicator module, labelled by the slotted text.
+ *
+ * @slot - The label; names the checkbox.
+ * @csspart field - Wrapper of the checkbox row, description, and error.
+ * @csspart label - The label text beside the box.
+ * @csspart control - The native checkbox (the drawn box).
+ * @csspart description - Help text, referenced by `aria-describedby`.
+ * @csspart error - The error message, referenced by `aria-describedby`.
+ * @cssstate user-invalid - The checkbox shows its error: `error` is set, or a required box is unchecked after the user left it or a validity check failed. Style it with `odd-checkbox:state(user-invalid)`.
+ * @a11y The slotted text names the native checkbox through its `<label>`; description and error are announced through `aria-describedby`. `indeterminate` is exposed as mixed and cleared when the user toggles, as on native checkboxes.
+ * @keyboard Space toggles; Tab order as a native checkbox.
+ * @previewRole checkbox
+ * @useFor A single yes-or-no choice, or one option among several that can each be on or off.
+ * @notFor An immediate on/off setting (use odd-switch); one choice among several (use odd-radio-group).
+ * @limitation Validation bubbles anchor to the inner checkbox.
+ * @category Forms
+ * @customization 1 2 3
+ */
+export declare class OddkinCheckbox extends OddkinCheckbox_base {
+    readonly _events?: ElementEvents<typeof OddkinCheckbox>;
+    protected _toggled(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'odd-checkbox': OddkinCheckbox;
+    }
+}
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/checkbox/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/checkbox/checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAExF,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC;;;;AAEnC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBAAa,cAAe,SAAQ,mBAKlC;IACA,SAAiB,OAAO,CAAC,EAAE,aAAa,CAAC,OAAO,cAAc,CAAC,CAAC;IAEhE,UAAmB,QAAQ,IAAI,IAAI,CAElC;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,cAAc,CAAC;KAChC;CACF"}

package/dist/checkbox/checkbox.define.d.ts

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

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

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

package/dist/checkbox/checkbox.define.js

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

package/dist/checkbox/checkbox.define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.define.js","sourceRoot":"","sources":["../../src/checkbox/checkbox.define.ts"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9D,MAAM,CAAC,kBAAkB,CAAC,CAAC"}

package/dist/checkbox/checkbox.definition.d.ts

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

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

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

package/dist/checkbox/checkbox.definition.js

@@ -0,0 +1,29 @@
+import { compose } from '@oddkin/core/element';
+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 { OddkinCheckbox } from './checkbox.js';
+import { checkboxStructuralStyles } from './checkbox.structural.styles.js';
+import { checkboxStyles } from './checkbox.styles.js';
+import { checkboxTemplate } from './checkbox.template.js';
+export const checkboxDefinition = compose({
+    name: 'odd-checkbox',
+    element: OddkinCheckbox,
+    template: checkboxTemplate,
+    styles: [
+        hostStyles,
+        fieldStructuralStyles,
+        controlIndicatorStructuralStyles,
+        checkboxStructuralStyles,
+        glyphStyles,
+        focusRingStyles,
+        controlStyles,
+        controlIndicatorStyles,
+        checkboxStyles,
+    ],
+});
+//# sourceMappingURL=checkbox.definition.js.map

package/dist/checkbox/checkbox.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.definition.js","sourceRoot":"","sources":["../../src/checkbox/checkbox.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,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,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,MAAM,CAAC,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACxC,IAAI,EAAE,cAAc;IACpB,OAAO,EAAE,cAAc;IACvB,QAAQ,EAAE,gBAAgB;IAC1B,MAAM,EAAE;QACN,UAAU;QACV,qBAAqB;QACrB,gCAAgC;QAChC,wBAAwB;QACxB,WAAW;QACX,eAAe;QACf,aAAa;QACb,sBAAsB;QACtB,cAAc;KACf;CACF,CAAC,CAAC"}

package/dist/checkbox/checkbox.js

@@ -0,0 +1,34 @@
+import { prop } from '@oddkin/core/element';
+import { OddkinCheckable, changeEvent, inputEvent } from '../form-control/checkable.js';
+export { changeEvent, inputEvent };
+/**
+ * A checkbox that participates in forms like a native one: a native checkbox in the shadow root,
+ * drawn by the shared control-indicator module, labelled by the slotted text.
+ *
+ * @slot - The label; names the checkbox.
+ * @csspart field - Wrapper of the checkbox row, description, and error.
+ * @csspart label - The label text beside the box.
+ * @csspart control - The native checkbox (the drawn box).
+ * @csspart description - Help text, referenced by `aria-describedby`.
+ * @csspart error - The error message, referenced by `aria-describedby`.
+ * @cssstate user-invalid - The checkbox shows its error: `error` is set, or a required box is unchecked after the user left it or a validity check failed. Style it with `odd-checkbox:state(user-invalid)`.
+ * @a11y The slotted text names the native checkbox through its `<label>`; description and error are announced through `aria-describedby`. `indeterminate` is exposed as mixed and cleared when the user toggles, as on native checkboxes.
+ * @keyboard Space toggles; Tab order as a native checkbox.
+ * @previewRole checkbox
+ * @useFor A single yes-or-no choice, or one option among several that can each be on or off.
+ * @notFor An immediate on/off setting (use odd-switch); one choice among several (use odd-radio-group).
+ * @limitation Validation bubbles anchor to the inner checkbox.
+ * @category Forms
+ * @customization 1 2 3
+ */
+export class OddkinCheckbox extends OddkinCheckable.with({
+    indeterminate: prop.boolean({
+        reflect: true,
+        description: 'Shows the mixed state; cleared when the user toggles, as on native checkboxes.',
+    }),
+}) {
+    _toggled() {
+        this.indeterminate = false;
+    }
+}
+//# sourceMappingURL=checkbox.js.map

package/dist/checkbox/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/checkbox/checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAsB,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAExF,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC;AAEnC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,OAAO,cAAe,SAAQ,eAAe,CAAC,IAAI,CAAC;IACvD,aAAa,EAAE,IAAI,CAAC,OAAO,CAAC;QAC1B,OAAO,EAAE,IAAI;QACb,WAAW,EAAE,gFAAgF;KAC9F,CAAC;CACH,CAAC;IAGmB,QAAQ;QACzB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;IAC7B,CAAC;CACF"}

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

@@ -0,0 +1,3 @@
+/** A block holding one `.choice` row (control-indicator module). No brand tokens. */
+export declare const checkboxStructuralStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=checkbox.structural.styles.d.ts.map

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

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

package/dist/checkbox/checkbox.structural.styles.js

@@ -0,0 +1,8 @@
+import { css } from '@oddkin/core/styles';
+/** A block holding one `.choice` row (control-indicator module). No brand tokens. */
+export const checkboxStructuralStyles = css `
+  :host {
+    display: block;
+  }
+`;
+//# sourceMappingURL=checkbox.structural.styles.js.map

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

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

package/dist/checkbox/checkbox.styles.d.ts

@@ -0,0 +1,3 @@
+/** No look of its own: the row, box, and marks come from the shared control-indicator module. */
+export declare const checkboxStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=checkbox.styles.d.ts.map

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

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

package/dist/checkbox/checkbox.styles.js

@@ -0,0 +1,4 @@
+import { css } from '@oddkin/core/styles';
+/** No look of its own: the row, box, and marks come from the shared control-indicator module. */
+export const checkboxStyles = css ``;
+//# sourceMappingURL=checkbox.styles.js.map

package/dist/checkbox/checkbox.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.styles.js","sourceRoot":"","sources":["../../src/checkbox/checkbox.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C,iGAAiG;AACjG,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA,EAAE,CAAC"}

package/dist/checkbox/checkbox.template.d.ts

@@ -0,0 +1,8 @@
+import type { OddkinCheckbox } from './checkbox.js';
+/**
+ * Anatomy: a `<label>` row holding the drawn box (the native checkbox, `part="control"`, with
+ * its check and minus marks) and the slotted label text (`part="label"`); `description` and
+ * `error` parts below, referenced by `aria-describedby`.
+ */
+export declare const checkboxTemplate: (checkbox: OddkinCheckbox) => import("@oddkin/core/template").TemplateResult;
+//# sourceMappingURL=checkbox.template.d.ts.map

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

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

package/dist/checkbox/checkbox.template.js

@@ -0,0 +1,40 @@
+import { live } from '@oddkin/core/helpers/live';
+import { html } from '@oddkin/core/template';
+import { externalDescriptionTemplate } from '../form-control/description.js';
+import { checkGlyph, minusGlyph } from '../styles/glyphs.js';
+/**
+ * Anatomy: a `<label>` row holding the drawn box (the native checkbox, `part="control"`, with
+ * its check and minus marks) and the slotted label text (`part="label"`); `description` and
+ * `error` parts below, referenced by `aria-describedby`.
+ */
+export const checkboxTemplate = (checkbox) => html `<div part="field" class="field">
+    <label class="choice">
+      <span class="indicator">
+        <input
+          part="control"
+          id="control"
+          class="indicator-box"
+          type="checkbox"
+          .checked=${live(checkbox._currentChecked)}
+          .indeterminate=${checkbox.indeterminate}
+          data-state=${checkbox.indeterminate ? 'mixed' : null}
+          ?required=${checkbox.required}
+          ?disabled=${checkbox.disabled || checkbox._formDisabled.value}
+          aria-describedby=${checkbox._describedBy}
+          aria-invalid=${checkbox._userInvalid.value ? 'true' : null}
+          @input=${checkbox._onInput}
+          @change=${checkbox._onChange}
+          @blur=${checkbox._onBlur}
+        />
+        <span class="indicator-mark indicator-check">${checkGlyph}</span>
+        <span class="indicator-mark indicator-mixed">${minusGlyph}</span>
+      </span>
+      <span part="label" class="label"><slot></slot></span>
+    </label>
+    <div part="description" id="description" class="description" ?hidden=${!checkbox.description}>
+      ${checkbox.description}
+    </div>
+    <div part="error" id="error" class="error" ?hidden=${!checkbox.error}>${checkbox.error}</div>
+    ${externalDescriptionTemplate(checkbox._externalDescription)}
+  </div>`;
+//# sourceMappingURL=checkbox.template.js.map

package/dist/checkbox/checkbox.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.template.js","sourceRoot":"","sources":["../../src/checkbox/checkbox.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAG7D;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,QAAwB,EAAE,EAAE,CAC3D,IAAI,CAAA;;;;;;;;qBAQe,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC;2BACxB,QAAQ,CAAC,aAAa;uBAC1B,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI;sBACxC,QAAQ,CAAC,QAAQ;sBACjB,QAAQ,CAAC,QAAQ,IAAI,QAAQ,CAAC,aAAa,CAAC,KAAK;6BAC1C,QAAQ,CAAC,YAAY;yBACzB,QAAQ,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;mBACjD,QAAQ,CAAC,QAAQ;oBAChB,QAAQ,CAAC,SAAS;kBACpB,QAAQ,CAAC,OAAO;;uDAEqB,UAAU;uDACV,UAAU;;;;2EAIU,CAAC,QAAQ,CAAC,WAAW;QACxF,QAAQ,CAAC,WAAW;;yDAE6B,CAAC,QAAQ,CAAC,KAAK,IAAI,QAAQ,CAAC,KAAK;MACpF,2BAA2B,CAAC,QAAQ,CAAC,oBAAoB,CAAC;SACvD,CAAC"}

package/dist/checkbox/foundation.d.ts

@@ -0,0 +1,8 @@
+export { hostStyles } from '../styles/host.styles.js';
+export { fieldStructuralStyles } from '../styles/field.structural.styles.js';
+export { controlIndicatorStructuralStyles } from '../styles/control-indicator.structural.styles.js';
+export { glyphStyles } from '../styles/glyphs.js';
+export { OddkinCheckbox, inputEvent, changeEvent } from './checkbox.js';
+export { checkboxTemplate } from './checkbox.template.js';
+export { checkboxStructuralStyles } from './checkbox.structural.styles.js';
+//# sourceMappingURL=foundation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.d.ts","sourceRoot":"","sources":["../../src/checkbox/foundation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,gCAAgC,EAAE,MAAM,kDAAkD,CAAC;AACpG,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC"}

package/dist/checkbox/foundation.js

@@ -0,0 +1,10 @@
+// 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 { controlIndicatorStructuralStyles } from '../styles/control-indicator.structural.styles.js';
+export { glyphStyles } from '../styles/glyphs.js';
+export { OddkinCheckbox, inputEvent, changeEvent } from './checkbox.js';
+export { checkboxTemplate } from './checkbox.template.js';
+export { checkboxStructuralStyles } from './checkbox.structural.styles.js';
+//# sourceMappingURL=foundation.js.map

package/dist/checkbox/foundation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.js","sourceRoot":"","sources":["../../src/checkbox/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,gCAAgC,EAAE,MAAM,kDAAkD,CAAC;AACpG,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC"}

package/dist/checkbox/index.d.ts

@@ -0,0 +1,6 @@
+export { OddkinCheckbox, inputEvent, changeEvent } from './checkbox.js';
+export { checkboxTemplate } from './checkbox.template.js';
+export { checkboxStructuralStyles } from './checkbox.structural.styles.js';
+export { checkboxStyles } from './checkbox.styles.js';
+export { checkboxDefinition } from './checkbox.definition.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/checkbox/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACxE,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/checkbox/index.js

@@ -0,0 +1,7 @@
+// Side-effect free. Register with `@oddkin/components/define/checkbox`.
+export { OddkinCheckbox, inputEvent, changeEvent } from './checkbox.js';
+export { checkboxTemplate } from './checkbox.template.js';
+export { checkboxStructuralStyles } from './checkbox.structural.styles.js';
+export { checkboxStyles } from './checkbox.styles.js';
+export { checkboxDefinition } from './checkbox.definition.js';
+//# sourceMappingURL=index.js.map

package/dist/checkbox/index.js.map

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

@@ -0,0 +1,48 @@
+import type { Scope } from '@oddkin/core/scope';
+import type { OddkinCheckbox } from '../checkbox/checkbox.js';
+import { OddkinFormControl, type FormControlOptions } from '../form-control/form-control.js';
+declare const OddkinCheckboxGroup_base: import("@oddkin/core/element").WithProps<typeof OddkinFormControl, {
+    readonly label: import("@oddkin/core/element").PropDefinition<string>;
+    readonly required: import("@oddkin/core/element").PropDefinition<boolean>;
+    readonly orientation: import("@oddkin/core/element").PropDefinition<"horizontal" | "vertical">;
+}>;
+/**
+ * A named group of `odd-checkbox` choices with one legend, description, and error. Each choice
+ * keeps its own name, value, and checkedness; the group adds `required` (at least one checked)
+ * and `disabled` for all of them.
+ *
+ * @slot - The `odd-checkbox` choices.
+ * @csspart field - The group: legend, description, choices, and error.
+ * @csspart label - The visible legend.
+ * @csspart description - Help text, referenced by `aria-describedby`.
+ * @csspart control - The choices.
+ * @csspart error - The error message, referenced by `aria-describedby`.
+ * @cssstate user-invalid - The group shows its error: `error` is set, or no choice is checked in a required group after focus left it or a validity check failed.
+ * @a11y A `role="group"` in the shadow root, named by the legend and described by the description and error, holds the slotted checkboxes, as a `<fieldset>` would. Each checkbox keeps its own name and state.
+ * @keyboard Tab moves through the checkboxes; Space toggles the focused one.
+ * @previewRole checkboxGroup
+ * @useFor Several independent choices under one question, such as notification channels.
+ * @notFor One choice among several (use odd-radio-group); a single yes-or-no choice (use odd-checkbox).
+ * @limitation `disabled` sets `disabled` on the choices that were enabled and clears it from those again when the group is enabled; a `<fieldset disabled>` around the group disables everything natively.
+ * @limitation A required group reports the browser's own message for an unselected set ("Please select one of these options." in English) at its first enabled choice; set `error` for your own wording.
+ * @category Forms
+ * @customization 1 2 3
+ */
+export declare class OddkinCheckboxGroup extends OddkinCheckboxGroup_base {
+    #private;
+    /** @internal The slotted checkboxes, in order. */
+    readonly _choices: import("@oddkin/core/reactive").Signal<readonly OddkinCheckbox[]>;
+    protected _formOptions(): FormControlOptions;
+    protected mounted(scope: Scope): void;
+    /** @internal Template handler: the slotted choices changed. */
+    readonly _onSlotChange: (event: Event) => void;
+    /** @internal Template handler: focus left the group, not just moved between its choices. */
+    readonly _onFocusOut: (event: FocusEvent) => void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'odd-checkbox-group': OddkinCheckboxGroup;
+    }
+}
+export {};
+//# sourceMappingURL=checkbox-group.d.ts.map

package/dist/checkbox-group/checkbox-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["../../src/checkbox-group/checkbox-group.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;;;;;;AAE7F;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBAAa,mBAAoB,SAAQ,wBAWvC;;IACA,kDAAkD;IAClD,QAAQ,CAAC,QAAQ,oEAAyC;IAU1D,UAAmB,YAAY,IAAI,kBAAkB,CAgBpD;IAED,UAAmB,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAW7C;IAED,+DAA+D;IAC/D,QAAQ,CAAC,aAAa,UAAW,KAAK,KAAG,IAAI,CAO3C;IAEF,4FAA4F;IAC5F,QAAQ,CAAC,WAAW,UAAW,UAAU,KAAG,IAAI,CAE9C;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,mBAAmB,CAAC;KAC3C;CACF"}

package/dist/checkbox-group/checkbox-group.define.d.ts

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

package/dist/checkbox-group/checkbox-group.define.d.ts.map

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

package/dist/checkbox-group/checkbox-group.define.js

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

package/dist/checkbox-group/checkbox-group.define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group.define.js","sourceRoot":"","sources":["../../src/checkbox-group/checkbox-group.define.ts"],"names":[],"mappings":"AAAA,4DAA4D;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAEzE,MAAM,CAAC,uBAAuB,CAAC,CAAC"}

package/dist/checkbox-group/checkbox-group.definition.d.ts

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

package/dist/checkbox-group/checkbox-group.definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group.definition.d.ts","sourceRoot":"","sources":["../../src/checkbox-group/checkbox-group.definition.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAK1D,eAAO,MAAM,uBAAuB,uEAalC,CAAC"}

package/dist/checkbox-group/checkbox-group.definition.js

@@ -0,0 +1,24 @@
+import { compose } from '@oddkin/core/element';
+import { checkboxDefinition } from '../checkbox/checkbox.definition.js';
+import { controlStyles } from '../styles/control.styles.js';
+import { fieldStructuralStyles } from '../styles/field.structural.styles.js';
+import { hostStyles } from '../styles/host.styles.js';
+import { OddkinCheckboxGroup } from './checkbox-group.js';
+import { checkboxGroupStructuralStyles } from './checkbox-group.structural.styles.js';
+import { checkboxGroupStyles } from './checkbox-group.styles.js';
+import { checkboxGroupTemplate } from './checkbox-group.template.js';
+export const checkboxGroupDefinition = compose({
+    name: 'odd-checkbox-group',
+    element: OddkinCheckboxGroup,
+    template: checkboxGroupTemplate,
+    styles: [
+        hostStyles,
+        fieldStructuralStyles,
+        checkboxGroupStructuralStyles,
+        controlStyles,
+        checkboxGroupStyles,
+    ],
+    // Registering the group registers the choices it holds.
+    dependencies: { choice: checkboxDefinition },
+});
+//# sourceMappingURL=checkbox-group.definition.js.map

package/dist/checkbox-group/checkbox-group.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group.definition.js","sourceRoot":"","sources":["../../src/checkbox-group/checkbox-group.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,6BAA6B,EAAE,MAAM,uCAAuC,CAAC;AACtF,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAErE,MAAM,CAAC,MAAM,uBAAuB,GAAG,OAAO,CAAC;IAC7C,IAAI,EAAE,oBAAoB;IAC1B,OAAO,EAAE,mBAAmB;IAC5B,QAAQ,EAAE,qBAAqB;IAC/B,MAAM,EAAE;QACN,UAAU;QACV,qBAAqB;QACrB,6BAA6B;QAC7B,aAAa;QACb,mBAAmB;KACpB;IACD,wDAAwD;IACxD,YAAY,EAAE,EAAE,MAAM,EAAE,kBAAkB,EAAE;CAC7C,CAAC,CAAC"}