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

package/dist/split-panel/split-panel.define.d.ts

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

package/dist/split-panel/split-panel.define.d.ts.map

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

package/dist/split-panel/split-panel.define.js

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

package/dist/split-panel/split-panel.define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-panel.define.js","sourceRoot":"","sources":["../../src/split-panel/split-panel.define.ts"],"names":[],"mappings":"AAAA,yDAAyD;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAEnE,MAAM,CAAC,oBAAoB,CAAC,CAAC"}

package/dist/split-panel/split-panel.definition.d.ts

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

package/dist/split-panel/split-panel.definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-panel.definition.d.ts","sourceRoot":"","sources":["../../src/split-panel/split-panel.definition.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAKpD,eAAO,MAAM,oBAAoB,oEAK/B,CAAC"}

package/dist/split-panel/split-panel.definition.js

@@ -0,0 +1,15 @@
+import { compose } from '@oddkin/core/element';
+import { glyphStyles } from '../styles/glyphs.js';
+import { focusRingStyles } from '../styles/focus-ring.styles.js';
+import { hostStyles } from '../styles/host.styles.js';
+import { OddkinSplitPanel } from './split-panel.js';
+import { splitPanelStructuralStyles } from './split-panel.structural.styles.js';
+import { splitPanelStyles } from './split-panel.styles.js';
+import { splitPanelTemplate } from './split-panel.template.js';
+export const splitPanelDefinition = compose({
+    name: 'odd-split-panel',
+    element: OddkinSplitPanel,
+    template: splitPanelTemplate,
+    styles: [hostStyles, splitPanelStructuralStyles, glyphStyles, focusRingStyles, splitPanelStyles],
+});
+//# sourceMappingURL=split-panel.definition.js.map

package/dist/split-panel/split-panel.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-panel.definition.js","sourceRoot":"","sources":["../../src/split-panel/split-panel.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,CAAC,MAAM,oBAAoB,GAAG,OAAO,CAAC;IAC1C,IAAI,EAAE,iBAAiB;IACvB,OAAO,EAAE,gBAAgB;IACzB,QAAQ,EAAE,kBAAkB;IAC5B,MAAM,EAAE,CAAC,UAAU,EAAE,0BAA0B,EAAE,WAAW,EAAE,eAAe,EAAE,gBAAgB,CAAC;CACjG,CAAC,CAAC"}

package/dist/split-panel/split-panel.js

@@ -0,0 +1,108 @@
+import { ResizeHandle } from '@oddkin/core/controllers/resize';
+import { OddkinElement, event, prop } from '@oddkin/core/element';
+import { strings } from '@oddkin/core/i18n';
+import { signal } from '@oddkin/core/reactive';
+export const SPLIT_PANEL_STRINGS = { label: 'Resize' };
+/** While dragging and after each key: `position` (or `collapsed`) has changed. */
+export const splitPanelInputEvent = event('input', {
+    bubbles: true,
+    composed: true,
+    cancelable: false,
+    syncs: 'position',
+    intent: 'user',
+});
+/** When a drag ends with a new position, and after each key that changed it. */
+export const splitPanelChangeEvent = event('change', {
+    bubbles: true,
+    composed: false,
+    cancelable: false,
+    intent: 'user',
+});
+/**
+ * Two panes side by side or stacked, with a separator the user drags or moves with the keyboard
+ * (APG window splitter). Nest split panels for more panes.
+ *
+ * @slot start - The first pane (inline start, or top when stacked); the separator sets its size.
+ * @slot end - The second pane; it takes the rest.
+ * @csspart base - The grid of both panes and the separator.
+ * @csspart start - The wrapper of the start pane (hidden while collapsed).
+ * @csspart separator - The separator.
+ * @csspart end - The wrapper of the end pane.
+ * @cssprop --odd-split-panel-separator-size - Thickness of the separator.
+ * @a11y The separator is a focusable `separator` named by `label` (default `strings.label`, "Resize") with `aria-valuenow` (the start pane's size in percent, 0 while collapsed), `aria-valuemin`, `aria-valuemax`, and `aria-controls` naming the start pane. A collapsed start pane is hidden, so its content leaves the Tab order and the accessibility tree. Name each pane's content (for example with headings) so the separator's purpose is clear.
+ * @keyboard Tab reaches the separator. Left and Right move it by 1% (Up and Down when stacked; mirrored right to left); Home and End go to `min` and `max`; Enter collapses the start pane or restores it.
+ * @previewRole splitPanel
+ * @useFor Two regions the user resizes, such as a file list beside an editor or a preview under code.
+ * @notFor A fixed page layout (use the layout recipes); hiding content without resizing (use odd-disclosure).
+ * @limitation Stacked panes need a height on the element; side-by-side panes take their content's height.
+ * @category Layout
+ * @customization 1 2 3
+ */
+export class OddkinSplitPanel extends OddkinElement.with({
+    orientation: prop.enum(['horizontal', 'vertical'], {
+        default: 'horizontal',
+        reflect: true,
+        description: 'Panes side by side (horizontal) or stacked (vertical).',
+    }),
+    position: prop.number({
+        default: 50,
+        description: 'Size of the start pane, in percent of the element, between `min` and `max`.',
+    }),
+    min: prop.number({ default: 0, description: 'Smallest `position`, in percent.' }),
+    max: prop.number({ default: 100, description: 'Largest `position`, in percent.' }),
+    collapsed: prop.boolean({
+        reflect: true,
+        description: 'Hides the start pane; Enter on the separator toggles it, keeping `position`.',
+    }),
+    label: prop.string({ default: '', description: 'Names the separator.' }),
+    strings: prop.object({
+        description: 'Localized string overrides.',
+    }),
+}) {
+    static events = { input: splitPanelInputEvent, change: splitPanelChangeEvent };
+    /** @internal True while the separator is dragged. */
+    _dragging = signal(false);
+    /** @internal The limits, within 0 to 100, `max` never under `min`. */
+    get _min() {
+        return Math.min(Math.max(this.min, 0), 100);
+    }
+    get _max() {
+        return Math.min(Math.max(this.max, this._min), 100);
+    }
+    /** @internal The start pane's size as shown: `position` within the limits, 0 while collapsed. */
+    get _shown() {
+        return this.collapsed ? 0 : Math.min(Math.max(this.position, this._min), this._max);
+    }
+    /** @internal The separator's name. */
+    get _label() {
+        return this.label || strings(SPLIT_PANEL_STRINGS, this.strings).label;
+    }
+    /** @internal Enter on the separator collapses the start pane or restores it. */
+    _onKeydown = (event) => {
+        if (event.key !== 'Enter')
+            return;
+        event.preventDefault();
+        this.collapsed = !this.collapsed;
+        this.emit(splitPanelInputEvent);
+        this.emit(splitPanelChangeEvent);
+    };
+    mounted(scope) {
+        const root = this.shadowRoot;
+        scope.use(new ResizeHandle({
+            handle: () => root.querySelector('[part~="separator"]'),
+            container: () => root.querySelector('[part~="base"]'),
+            orientation: () => this.orientation,
+            value: () => this._shown,
+            min: () => this._min,
+            max: () => this._max,
+            onInput: (value) => {
+                this.collapsed = false;
+                this.position = value;
+                this.emit(splitPanelInputEvent);
+            },
+            onChange: () => this.emit(splitPanelChangeEvent),
+            onDrag: (dragging) => (this._dragging.value = dragging),
+        }));
+    }
+}
+//# sourceMappingURL=split-panel.js.map

package/dist/split-panel/split-panel.js.map

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

package/dist/split-panel/split-panel.structural.styles.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Both panes and the separator on a grid whose first track ends half a separator before the shown
+ * position (`--_position`, percent of the element), so the separator's centre sits on it. Panes
+ * scroll their own overflow; a collapsed start pane is hidden and its track is empty. No visual
+ * tokens.
+ */
+export declare const splitPanelStructuralStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=split-panel.structural.styles.d.ts.map

package/dist/split-panel/split-panel.structural.styles.d.ts.map

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

package/dist/split-panel/split-panel.structural.styles.js

@@ -0,0 +1,67 @@
+import { css } from '@oddkin/core/styles';
+/**
+ * Both panes and the separator on a grid whose first track ends half a separator before the shown
+ * position (`--_position`, percent of the element), so the separator's centre sits on it. Panes
+ * scroll their own overflow; a collapsed start pane is hidden and its track is empty. No visual
+ * tokens.
+ */
+export const splitPanelStructuralStyles = css `
+  :host {
+    display: block;
+  }
+  .split {
+    --_size: var(--odd-split-panel-separator-size, 1rem);
+    --_first: max(0px, calc(var(--_position) * 1% - var(--_size) / 2));
+    display: grid;
+    grid-template-columns: var(--_first) var(--_size) minmax(0, 1fr);
+    grid-template-rows: minmax(0, 1fr);
+    block-size: 100%;
+  }
+  :host([orientation='vertical']) .split {
+    grid-template-columns: minmax(0, 1fr);
+    grid-template-rows: var(--_first) var(--_size) minmax(0, 1fr);
+  }
+  .pane {
+    min-inline-size: 0;
+    min-block-size: 0;
+    overflow: auto;
+  }
+  .start {
+    grid-area: 1 / 1;
+  }
+  .separator {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    grid-area: 1 / 2;
+    touch-action: none;
+  }
+  .end {
+    grid-area: 1 / 3;
+  }
+  :host([orientation='vertical']) .separator {
+    grid-area: 2 / 1;
+  }
+  :host([orientation='vertical']) .end {
+    grid-area: 3 / 1;
+  }
+  /* The grip's dots run along the separator. */
+  :host(:not([orientation='vertical'])) .separator .glyph {
+    rotate: 90deg;
+  }
+  @media (forced-colors: active) {
+    :host .separator {
+      border-inline: 1px solid CanvasText;
+    }
+    :host([orientation='vertical']) .separator {
+      border-inline: 0;
+      border-block: 1px solid CanvasText;
+    }
+    :host .dragging .separator {
+      background: Highlight;
+      color: HighlightText;
+    }
+  }
+`;
+//# sourceMappingURL=split-panel.structural.styles.js.map

package/dist/split-panel/split-panel.structural.styles.js.map

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

package/dist/split-panel/split-panel.styles.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Oddkin's default split panel: Figma `Splitter/vertical` and `Splitter/horizontal` (a sunken handle
+ * with `radius/xs` and a secondary grip; the hover surface; the selection colours while dragging).
+ * The separator takes pointer input over at least `target.min` across, wider than it looks.
+ */
+export declare const splitPanelStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=split-panel.styles.d.ts.map

package/dist/split-panel/split-panel.styles.d.ts.map

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

package/dist/split-panel/split-panel.styles.js

@@ -0,0 +1,49 @@
+import { css } from '@oddkin/core/styles';
+import { token } from '@oddkin/tokens/refs';
+/**
+ * Oddkin's default split panel: Figma `Splitter/vertical` and `Splitter/horizontal` (a sunken handle
+ * with `radius/xs` and a secondary grip; the hover surface; the selection colours while dragging).
+ * The separator takes pointer input over at least `target.min` across, wider than it looks.
+ */
+export const splitPanelStyles = css `
+  .split {
+    --_size: var(--odd-split-panel-separator-size, ${token('space.md')});
+  }
+  .separator {
+    border-radius: ${token('radius.xs')};
+    background: ${token('color.surface.sunken')};
+    color: ${token('color.text.secondary')};
+    font-size: ${token('type.ui.size')};
+    font-weight: ${token('type.ui.weight')};
+    line-height: ${token('type.ui.line-height')};
+    cursor: pointer;
+    cursor: col-resize;
+    transition-property: background-color, color;
+    transition-duration: ${token('motion.duration.fast')};
+    transition-timing-function: ${token('motion.easing.standard')};
+  }
+  :host([orientation='vertical']) .separator {
+    cursor: pointer;
+    cursor: row-resize;
+  }
+  .separator::before {
+    content: '';
+    position: absolute;
+    inset-block: 0;
+    inset-inline: calc((var(--_size) - ${token('target.min')}) / 2);
+  }
+  :host([orientation='vertical']) .separator::before {
+    inset-block: calc((var(--_size) - ${token('target.min')}) / 2);
+    inset-inline: 0;
+  }
+  @media (hover: hover) {
+    .separator:hover {
+      background: ${token('color.surface.hover')};
+    }
+  }
+  .dragging .separator {
+    background: ${token('color.selection.background')};
+    color: ${token('color.selection.foreground')};
+  }
+`;
+//# sourceMappingURL=split-panel.styles.js.map

package/dist/split-panel/split-panel.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-panel.styles.js","sourceRoot":"","sources":["../../src/split-panel/split-panel.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;qDAEkB,KAAK,CAAC,UAAU,CAAC;;;qBAGjD,KAAK,CAAC,WAAW,CAAC;kBACrB,KAAK,CAAC,sBAAsB,CAAC;aAClC,KAAK,CAAC,sBAAsB,CAAC;iBACzB,KAAK,CAAC,cAAc,CAAC;mBACnB,KAAK,CAAC,gBAAgB,CAAC;mBACvB,KAAK,CAAC,qBAAqB,CAAC;;;;2BAIpB,KAAK,CAAC,sBAAsB,CAAC;kCACtB,KAAK,CAAC,wBAAwB,CAAC;;;;;;;;;;yCAUxB,KAAK,CAAC,YAAY,CAAC;;;wCAGpB,KAAK,CAAC,YAAY,CAAC;;;;;oBAKvC,KAAK,CAAC,qBAAqB,CAAC;;;;kBAI9B,KAAK,CAAC,4BAA4B,CAAC;aACxC,KAAK,CAAC,4BAA4B,CAAC;;CAE/C,CAAC"}

package/dist/split-panel/split-panel.template.d.ts

@@ -0,0 +1,8 @@
+import type { OddkinSplitPanel } from './split-panel.js';
+/**
+ * Anatomy: `part="base"`, a grid of `part="start"` (slot `start`), `part="separator"` (the focusable
+ * `role="separator"` with a grip glyph), and `part="end"` (slot `end`). The separator's centre sits
+ * at the shown position, so a drag moves it exactly with the pointer.
+ */
+export declare const splitPanelTemplate: (panel: OddkinSplitPanel) => import("@oddkin/core/template").TemplateResult;
+//# sourceMappingURL=split-panel.template.d.ts.map

package/dist/split-panel/split-panel.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-panel.template.d.ts","sourceRoot":"","sources":["../../src/split-panel/split-panel.template.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEzD;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,UAAW,gBAAgB,mDA4BzD,CAAC"}

package/dist/split-panel/split-panel.template.js

@@ -0,0 +1,38 @@
+import { styleMap } from '@oddkin/core/helpers/style-map';
+import { html } from '@oddkin/core/template';
+import { moreGlyph } from '../styles/glyphs.js';
+/**
+ * Anatomy: `part="base"`, a grid of `part="start"` (slot `start`), `part="separator"` (the focusable
+ * `role="separator"` with a grip glyph), and `part="end"` (slot `end`). The separator's centre sits
+ * at the shown position, so a drag moves it exactly with the pointer.
+ */
+export const splitPanelTemplate = (panel) => {
+    const shown = panel._shown;
+    const vertical = panel.orientation === 'vertical';
+    return html `<div
+    part="base"
+    class=${panel._dragging.value ? 'split dragging' : 'split'}
+    style=${styleMap({ '--_position': shown })}
+  >
+    <div part="start" class="pane start" id="start" ?hidden=${panel.collapsed}>
+      <slot name="start"></slot>
+    </div>
+    <div
+      part="separator"
+      class="separator"
+      role="separator"
+      tabindex="0"
+      aria-label=${panel._label}
+      aria-orientation=${vertical ? 'horizontal' : 'vertical'}
+      aria-controls="start"
+      aria-valuenow=${String(Math.round(shown))}
+      aria-valuemin=${String(panel.collapsed ? 0 : panel._min)}
+      aria-valuemax=${String(panel._max)}
+      @keydown=${panel._onKeydown}
+    >
+      ${moreGlyph}
+    </div>
+    <div part="end" class="pane end"><slot name="end"></slot></div>
+  </div>`;
+};
+//# sourceMappingURL=split-panel.template.js.map

package/dist/split-panel/split-panel.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-panel.template.js","sourceRoot":"","sources":["../../src/split-panel/split-panel.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGhD;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC5D,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC;IAC3B,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,KAAK,UAAU,CAAC;IAClD,OAAO,IAAI,CAAA;;YAED,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,OAAO;YAClD,QAAQ,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC;;8DAEgB,KAAK,CAAC,SAAS;;;;;;;;mBAQ1D,KAAK,CAAC,MAAM;yBACN,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU;;sBAEvC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;sBACzB,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC;sBACxC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;iBACvB,KAAK,CAAC,UAAU;;QAEzB,SAAS;;;SAGR,CAAC;AACV,CAAC,CAAC"}

package/dist/stat/foundation.d.ts

@@ -0,0 +1,6 @@
+export { hostStyles } from '../styles/host.styles.js';
+export { glyphStyles } from '../styles/glyphs.js';
+export { OddkinStat } from './stat.js';
+export { statTemplate } from './stat.template.js';
+export { statStructuralStyles } from './stat.structural.styles.js';
+//# sourceMappingURL=foundation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.d.ts","sourceRoot":"","sources":["../../src/stat/foundation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/stat/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 { OddkinStat } from './stat.js';
+export { statTemplate } from './stat.template.js';
+export { statStructuralStyles } from './stat.structural.styles.js';
+//# sourceMappingURL=foundation.js.map

package/dist/stat/foundation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.js","sourceRoot":"","sources":["../../src/stat/foundation.ts"],"names":[],"mappings":"AAAA,+FAA+F;AAC/F,8EAA8E;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/stat/index.d.ts

@@ -0,0 +1,6 @@
+export { OddkinStat } from './stat.js';
+export { statTemplate } from './stat.template.js';
+export { statStructuralStyles } from './stat.structural.styles.js';
+export { statStyles } from './stat.styles.js';
+export { statDefinition } from './stat.definition.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stat/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/stat/index.js

@@ -0,0 +1,7 @@
+// Side-effect free. Register with `@oddkin/components/define/stat`.
+export { OddkinStat } from './stat.js';
+export { statTemplate } from './stat.template.js';
+export { statStructuralStyles } from './stat.structural.styles.js';
+export { statStyles } from './stat.styles.js';
+export { statDefinition } from './stat.definition.js';
+//# sourceMappingURL=index.js.map

package/dist/stat/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/stat/index.ts"],"names":[],"mappings":"AAAA,oEAAoE;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/stat/stat.d.ts

@@ -0,0 +1,47 @@
+import { OddkinElement } from '@oddkin/core/element';
+import type { Scope } from '@oddkin/core/scope';
+export declare const STAT_STRINGS: {
+    loading: string;
+    unavailable: string;
+};
+declare const OddkinStat_base: import("@oddkin/core/element").WithProps<typeof OddkinElement, {
+    readonly label: import("@oddkin/core/element").PropDefinition<string>;
+    readonly value: import("@oddkin/core/element").PropDefinition<string>;
+    readonly trend: import("@oddkin/core/element").PropDefinition<"decrease" | "increase" | "none">;
+    readonly loading: import("@oddkin/core/element").PropDefinition<boolean>;
+    readonly strings: import("@oddkin/core/element").PropDefinition<Partial<{
+        loading: string;
+        unavailable: string;
+    }> | undefined>;
+}>;
+/**
+ * One metric: its `label`, its `value`, and the context in the default slot ("+8.2% this month").
+ * `trend` adds an arrow for the direction of change, without saying whether it is good: the
+ * signed value in the context says it in words. While `loading` a placeholder stands in for the
+ * value; an empty `value` says "Data not available".
+ *
+ * @slot - The context: the signed change and its period, or a comparison ("Across 12 teams").
+ * @csspart base - The stat's surface.
+ * @csspart label - The label.
+ * @csspart value - The value ("—" when there is none).
+ * @csspart placeholder - The loading placeholder (an `odd-skeleton`).
+ * @csspart context - The trend arrow and the context.
+ * @a11y Read in order: label, value, context. Put the sign and the period in the context ("+8.2% this month"): the arrow is decorative. While `loading` the element is busy (`aria-busy`) and says `strings.loading`; without a value it says `strings.unavailable` and the dash is hidden.
+ * @previewRole stat
+ * @useFor A key figure on a dashboard or summary: a count, a total, a rate, with its change.
+ * @notFor Progress toward a goal (use a progress bar); several figures compared side by side (use a table or chart).
+ * @category Display
+ * @customization 1 2 3
+ */
+export declare class OddkinStat extends OddkinStat_base {
+    /** @internal The localized words. */
+    get _strings(): typeof STAT_STRINGS;
+    protected mounted(scope: Scope): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'odd-stat': OddkinStat;
+    }
+}
+export {};
+//# sourceMappingURL=stat.d.ts.map

package/dist/stat/stat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat.d.ts","sourceRoot":"","sources":["../../src/stat/stat.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAQ,MAAM,sBAAsB,CAAC;AAE3D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAEhD,eAAO,MAAM,YAAY;IAAK,OAAO;IAAc,WAAW;CAAwB,CAAC;;;;;;;;;;;AAEvF;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,UAAW,SAAQ,eAe9B;IACA,qCAAqC;IACrC,IAAI,QAAQ,IAAI,OAAO,YAAY,CAElC;IAED,UAAmB,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAI7C;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,UAAU,CAAC;KACxB;CACF"}

package/dist/stat/stat.define.d.ts

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

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

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

package/dist/stat/stat.define.js

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

package/dist/stat/stat.define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat.define.js","sourceRoot":"","sources":["../../src/stat/stat.define.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,MAAM,CAAC,cAAc,CAAC,CAAC"}

package/dist/stat/stat.definition.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"stat.definition.d.ts","sourceRoot":"","sources":["../../src/stat/stat.definition.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAKvC,eAAO,MAAM,cAAc,8DAOzB,CAAC"}

package/dist/stat/stat.definition.js

@@ -0,0 +1,17 @@
+import { compose } from '@oddkin/core/element';
+import { skeletonDefinition } from '../skeleton/skeleton.definition.js';
+import { glyphStyles } from '../styles/glyphs.js';
+import { hostStyles } from '../styles/host.styles.js';
+import { OddkinStat } from './stat.js';
+import { statStructuralStyles } from './stat.structural.styles.js';
+import { statStyles } from './stat.styles.js';
+import { statTemplate } from './stat.template.js';
+export const statDefinition = compose({
+    name: 'odd-stat',
+    element: OddkinStat,
+    template: statTemplate,
+    styles: [hostStyles, statStructuralStyles, glyphStyles, statStyles],
+    // The loading placeholder is odd-skeleton (its pulse and reduced-motion rule).
+    dependencies: { skeleton: skeletonDefinition },
+});
+//# sourceMappingURL=stat.definition.js.map

package/dist/stat/stat.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat.definition.js","sourceRoot":"","sources":["../../src/stat/stat.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,MAAM,CAAC,MAAM,cAAc,GAAG,OAAO,CAAC;IACpC,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE,UAAU;IACnB,QAAQ,EAAE,YAAY;IACtB,MAAM,EAAE,CAAC,UAAU,EAAE,oBAAoB,EAAE,WAAW,EAAE,UAAU,CAAC;IACnE,+EAA+E;IAC/E,YAAY,EAAE,EAAE,QAAQ,EAAE,kBAAkB,EAAE;CAC/C,CAAC,CAAC"}

package/dist/stat/stat.js

@@ -0,0 +1,49 @@
+import { OddkinElement, prop } from '@oddkin/core/element';
+import { strings } from '@oddkin/core/i18n';
+export const STAT_STRINGS = { loading: 'Loading…', unavailable: 'Data not available' };
+/**
+ * One metric: its `label`, its `value`, and the context in the default slot ("+8.2% this month").
+ * `trend` adds an arrow for the direction of change, without saying whether it is good: the
+ * signed value in the context says it in words. While `loading` a placeholder stands in for the
+ * value; an empty `value` says "Data not available".
+ *
+ * @slot - The context: the signed change and its period, or a comparison ("Across 12 teams").
+ * @csspart base - The stat's surface.
+ * @csspart label - The label.
+ * @csspart value - The value ("—" when there is none).
+ * @csspart placeholder - The loading placeholder (an `odd-skeleton`).
+ * @csspart context - The trend arrow and the context.
+ * @a11y Read in order: label, value, context. Put the sign and the period in the context ("+8.2% this month"): the arrow is decorative. While `loading` the element is busy (`aria-busy`) and says `strings.loading`; without a value it says `strings.unavailable` and the dash is hidden.
+ * @previewRole stat
+ * @useFor A key figure on a dashboard or summary: a count, a total, a rate, with its change.
+ * @notFor Progress toward a goal (use a progress bar); several figures compared side by side (use a table or chart).
+ * @category Display
+ * @customization 1 2 3
+ */
+export class OddkinStat extends OddkinElement.with({
+    label: prop.string({ default: '', description: 'What the value measures.' }),
+    value: prop.string({
+        default: '',
+        description: 'The value, formatted: "1,284", "$4.2M", "98.6%".',
+    }),
+    trend: prop.enum(['none', 'increase', 'decrease'], {
+        default: 'none',
+        reflect: true,
+        description: 'An arrow for the direction of change, with no colour for good or bad.',
+    }),
+    loading: prop.boolean({ reflect: true, description: 'Shows a placeholder for the value.' }),
+    strings: prop.object({
+        description: 'Localized string overrides.',
+    }),
+}) {
+    /** @internal The localized words. */
+    get _strings() {
+        return strings(STAT_STRINGS, this.strings);
+    }
+    mounted(scope) {
+        scope.effect(() => {
+            this.internals.ariaBusy = this.loading ? 'true' : null;
+        });
+    }
+}
+//# sourceMappingURL=stat.js.map

package/dist/stat/stat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat.js","sourceRoot":"","sources":["../../src/stat/stat.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAG5C,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,oBAAoB,EAAE,CAAC;AAEvF;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,OAAO,UAAW,SAAQ,aAAa,CAAC,IAAI,CAAC;IACjD,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,WAAW,EAAE,0BAA0B,EAAE,CAAC;IAC5E,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC;QACjB,OAAO,EAAE,EAAE;QACX,WAAW,EAAE,kDAAkD;KAChE,CAAC;IACF,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,UAAU,CAAC,EAAE;QACjD,OAAO,EAAE,MAAM;QACf,OAAO,EAAE,IAAI;QACb,WAAW,EAAE,uEAAuE;KACrF,CAAC;IACF,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,oCAAoC,EAAE,CAAC;IAC3F,OAAO,EAAE,IAAI,CAAC,MAAM,CAA+B;QACjD,WAAW,EAAE,6BAA6B;KAC3C,CAAC;CACH,CAAC;IACA,qCAAqC;IACrC,IAAI,QAAQ;QACV,OAAO,OAAO,CAAC,YAAY,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IAC7C,CAAC;IAEkB,OAAO,CAAC,KAAY;QACrC,KAAK,CAAC,MAAM,CAAC,GAAG,EAAE;YAChB,IAAI,CAAC,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;QACzD,CAAC,CAAC,CAAC;IACL,CAAC;CACF"}

package/dist/stat/stat.recipe.d.ts

@@ -0,0 +1,3 @@
+/** Arrangement of the stat (layout-recipes.md §14): label, value, and context in a column; the context is a row of the trend glyph and its words. */
+export declare const statRecipe: import("../layout/index.js").LayoutRecipe;
+//# sourceMappingURL=stat.recipe.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stat.recipe.d.ts","sourceRoot":"","sources":["../../src/stat/stat.recipe.ts"],"names":[],"mappings":"AAGA,qJAAqJ;AACrJ,eAAO,MAAM,UAAU,2CAMrB,CAAC"}

package/dist/stat/stat.recipe.js

@@ -0,0 +1,11 @@
+import { token } from '@oddkin/tokens/refs';
+import { defineLayoutRecipe, row, stack } from '../layout/index.js';
+/** Arrangement of the stat (layout-recipes.md §14): label, value, and context in a column; the context is a row of the trend glyph and its words. */
+export const statRecipe = defineLayoutRecipe({
+    name: 'stat',
+    regions: {
+        base: stack({ gap: token('space.xs') }),
+        context: row({ gap: token('space.xs') }),
+    },
+});
+//# sourceMappingURL=stat.recipe.js.map

package/dist/stat/stat.recipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat.recipe.js","sourceRoot":"","sources":["../../src/stat/stat.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,qJAAqJ;AACrJ,MAAM,CAAC,MAAM,UAAU,GAAG,kBAAkB,CAAC;IAC3C,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE;QACP,IAAI,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC;QACvC,OAAO,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC;KACzC;CACF,CAAC,CAAC"}

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

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

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

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