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

package/dist/toolbar/toolbar.recipe.js

@@ -0,0 +1,20 @@
+import { token } from '@oddkin/tokens/refs';
+import { declarations, defineLayoutRecipe, row, stack } from '../layout/index.js';
+/** Arrangement of the toolbar (layout-recipes.md §14): the controls in a row that wraps, or with `orientation="vertical"` in a column that does not. */
+export const toolbarRecipe = defineLayoutRecipe({
+    name: 'toolbar',
+    regions: {
+        toolbar: row({ gap: token('space.sm'), wrap: true }),
+    },
+    variants: {
+        orientation: {
+            vertical: {
+                toolbar: [
+                    stack({ gap: token('space.sm'), align: 'stretch' }),
+                    declarations({ 'flex-wrap': 'nowrap' }),
+                ],
+            },
+        },
+    },
+});
+//# sourceMappingURL=toolbar.recipe.js.map

package/dist/toolbar/toolbar.recipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.recipe.js","sourceRoot":"","sources":["../../src/toolbar/toolbar.recipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAElF,wJAAwJ;AACxJ,MAAM,CAAC,MAAM,aAAa,GAAG,kBAAkB,CAAC;IAC9C,IAAI,EAAE,SAAS;IACf,OAAO,EAAE;QACP,OAAO,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;KACrD;IACD,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,QAAQ,EAAE;gBACR,OAAO,EAAE;oBACP,KAAK,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;oBACnD,YAAY,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC;iBACxC;aACF;SACF;KACF;CACF,CAAC,CAAC"}

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

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

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

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

package/dist/toolbar/toolbar.recipe.styles.js

@@ -0,0 +1,5 @@
+// Generated from ./toolbar.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 toolbarRecipeStyles = unsafeCSS('@layer odd.layout.base, odd.layout.variant, odd.layout.condition;\n@layer odd.layout.base {\n  .toolbar {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--odd-space-sm);\n    flex-wrap: wrap;\n    min-inline-size: 0;\n  }\n}\n@layer odd.layout.variant {\n  :host(:where([orientation="vertical"])) .toolbar {\n    flex-direction: column;\n    align-items: stretch;\n    flex-wrap: nowrap;\n  }\n}\n');
+//# sourceMappingURL=toolbar.recipe.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.recipe.styles.js","sourceRoot":"","sources":["../../src/toolbar/toolbar.recipe.styles.ts"],"names":[],"mappings":"AAAA,sGAAsG;AACtG,iDAAiD;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,CAAC,MAAM,mBAAmB,GAAG,SAAS,CAC1C,sbAAsb,CACvb,CAAC"}

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

@@ -0,0 +1,6 @@
+/**
+ * Controls in a wrapping row (a column when vertical: the layout recipe in `toolbar.recipe.ts`);
+ * an `<hr>` child is a line across the row. No brand or visual tokens.
+ */
+export declare const toolbarStructuralStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=toolbar.structural.styles.d.ts.map

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

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

package/dist/toolbar/toolbar.structural.styles.js

@@ -0,0 +1,27 @@
+import { css } from '@oddkin/core/styles';
+import { toolbarRecipeStyles } from './toolbar.recipe.styles.js';
+/**
+ * Controls in a wrapping row (a column when vertical: the layout recipe in `toolbar.recipe.ts`);
+ * an `<hr>` child is a line across the row. No brand or visual tokens.
+ */
+export const toolbarStructuralStyles = css `
+  ${toolbarRecipeStyles}
+  :host {
+    display: block;
+  }
+  ::slotted(hr) {
+    align-self: stretch;
+    margin: 0;
+    border: 0;
+  }
+  @media (forced-colors: active) {
+    .toolbar {
+      border-color: CanvasText;
+    }
+    /* Above the skin's separator colour. */
+    :host ::slotted(hr) {
+      background: CanvasText;
+    }
+  }
+`;
+//# sourceMappingURL=toolbar.structural.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.structural.styles.js","sourceRoot":"","sources":["../../src/toolbar/toolbar.structural.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEjE;;;GAGG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAA;IACtC,mBAAmB;;;;;;;;;;;;;;;;;;CAkBtB,CAAC"}

package/dist/toolbar/toolbar.styles.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Oddkin's default toolbar: Figma `Toolbar` (a bordered default surface with `card/radius`, UI
+ * text, separators in the border colour).
+ */
+export declare const toolbarStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=toolbar.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.styles.d.ts","sourceRoot":"","sources":["../../src/toolbar/toolbar.styles.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,aAAa,yCAoBzB,CAAC"}

package/dist/toolbar/toolbar.styles.js

@@ -0,0 +1,28 @@
+import { css } from '@oddkin/core/styles';
+import { token } from '@oddkin/tokens/refs';
+/**
+ * Oddkin's default toolbar: Figma `Toolbar` (a bordered default surface with `card/radius`, UI
+ * text, separators in the border colour).
+ */
+export const toolbarStyles = css `
+  .toolbar {
+    padding: ${token('space.md')};
+    border: ${token('border.width.default')} solid ${token('color.border.default')};
+    border-radius: var(--odd-toolbar-radius, ${token('card.radius')});
+    background: var(--odd-toolbar-background, ${token('color.surface.default')});
+    color: ${token('color.text.primary')};
+    font-family: ${token('type.ui.family')};
+    font-size: ${token('type.ui.size')};
+    font-weight: ${token('type.ui.weight')};
+    line-height: ${token('type.ui.line-height')};
+  }
+  ::slotted(hr) {
+    inline-size: ${token('border.width.default')};
+    background: ${token('color.border.default')};
+  }
+  :host([orientation='vertical']) ::slotted(hr) {
+    inline-size: auto;
+    block-size: ${token('border.width.default')};
+  }
+`;
+//# sourceMappingURL=toolbar.styles.js.map

package/dist/toolbar/toolbar.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.styles.js","sourceRoot":"","sources":["../../src/toolbar/toolbar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;eAEjB,KAAK,CAAC,UAAU,CAAC;cAClB,KAAK,CAAC,sBAAsB,CAAC,UAAU,KAAK,CAAC,sBAAsB,CAAC;+CACnC,KAAK,CAAC,aAAa,CAAC;gDACnB,KAAK,CAAC,uBAAuB,CAAC;aACjE,KAAK,CAAC,oBAAoB,CAAC;mBACrB,KAAK,CAAC,gBAAgB,CAAC;iBACzB,KAAK,CAAC,cAAc,CAAC;mBACnB,KAAK,CAAC,gBAAgB,CAAC;mBACvB,KAAK,CAAC,qBAAqB,CAAC;;;mBAG5B,KAAK,CAAC,sBAAsB,CAAC;kBAC9B,KAAK,CAAC,sBAAsB,CAAC;;;;kBAI7B,KAAK,CAAC,sBAAsB,CAAC;;CAE9C,CAAC"}

package/dist/toolbar/toolbar.template.d.ts

@@ -0,0 +1,4 @@
+import type { OddkinToolbar } from './toolbar.js';
+/** Anatomy: `part="base"` around the default slot. */
+export declare const toolbarTemplate: (toolbar: OddkinToolbar) => import("@oddkin/core/template").TemplateResult;
+//# sourceMappingURL=toolbar.template.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.template.d.ts","sourceRoot":"","sources":["../../src/toolbar/toolbar.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAElD,sDAAsD;AACtD,eAAO,MAAM,eAAe,YAAa,aAAa,mDAC2C,CAAC"}

package/dist/toolbar/toolbar.template.js

@@ -0,0 +1,4 @@
+import { html } from '@oddkin/core/template';
+/** Anatomy: `part="base"` around the default slot. */
+export const toolbarTemplate = (toolbar) => html `<div part="base" class="toolbar"><slot @slotchange=${toolbar._onSlotChange}></slot></div>`;
+//# sourceMappingURL=toolbar.template.js.map

package/dist/toolbar/toolbar.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.template.js","sourceRoot":"","sources":["../../src/toolbar/toolbar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAG7C,sDAAsD;AACtD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,OAAsB,EAAE,EAAE,CACxD,IAAI,CAAA,sDAAsD,OAAO,CAAC,aAAa,gBAAgB,CAAC"}

package/dist/tooltip/foundation.d.ts

@@ -0,0 +1,6 @@
+export { hostStyles } from '../styles/host.styles.js';
+export { overlaySurfaceStructuralStyles } from '../styles/overlay-surface.structural.styles.js';
+export { OddkinTooltip } from './tooltip.js';
+export { tooltipTemplate } from './tooltip.template.js';
+export { tooltipStructuralStyles } from './tooltip.structural.styles.js';
+//# sourceMappingURL=foundation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.d.ts","sourceRoot":"","sources":["../../src/tooltip/foundation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,8BAA8B,EAAE,MAAM,gDAAgD,CAAC;AAChG,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/tooltip/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 { overlaySurfaceStructuralStyles } from '../styles/overlay-surface.structural.styles.js';
+export { OddkinTooltip } from './tooltip.js';
+export { tooltipTemplate } from './tooltip.template.js';
+export { tooltipStructuralStyles } from './tooltip.structural.styles.js';
+//# sourceMappingURL=foundation.js.map

package/dist/tooltip/foundation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.js","sourceRoot":"","sources":["../../src/tooltip/foundation.ts"],"names":[],"mappings":"AAAA,+FAA+F;AAC/F,8EAA8E;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,8BAA8B,EAAE,MAAM,gDAAgD,CAAC;AAChG,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/tooltip/index.d.ts

@@ -0,0 +1,6 @@
+export { OddkinTooltip } from './tooltip.js';
+export { tooltipTemplate } from './tooltip.template.js';
+export { tooltipStructuralStyles } from './tooltip.structural.styles.js';
+export { tooltipStyles } from './tooltip.styles.js';
+export { tooltipDefinition } from './tooltip.definition.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tooltip/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/tooltip/index.js

@@ -0,0 +1,7 @@
+// Side-effect free. Register with `@oddkin/components/define/tooltip`.
+export { OddkinTooltip } from './tooltip.js';
+export { tooltipTemplate } from './tooltip.template.js';
+export { tooltipStructuralStyles } from './tooltip.structural.styles.js';
+export { tooltipStyles } from './tooltip.styles.js';
+export { tooltipDefinition } from './tooltip.definition.js';
+//# sourceMappingURL=index.js.map

package/dist/tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tooltip/index.ts"],"names":[],"mappings":"AAAA,uEAAuE;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/tooltip/tooltip.d.ts

@@ -0,0 +1,46 @@
+import { OddkinElement } from '@oddkin/core/element';
+import type { Scope } from '@oddkin/core/scope';
+declare const OddkinTooltip_base: import("@oddkin/core/element").WithProps<typeof OddkinElement, {
+    readonly anchor: import("@oddkin/core/element").PropDefinition<string>;
+    readonly side: import("@oddkin/core/element").PropDefinition<"block-end" | "block-start" | "inline-end" | "inline-start">;
+    readonly align: import("@oddkin/core/element").PropDefinition<"center" | "end" | "start">;
+    readonly open: import("@oddkin/core/element").PropDefinition<boolean>;
+}>;
+/**
+ * A short description of the control it is anchored to, shown while the pointer rests on the
+ * control or the control has focus. It stays while the pointer is over the control or the tooltip,
+ * and until Escape (WCAG 1.4.13). It describes the control and is never its name.
+ *
+ * @slot - The text: a short phrase, nothing interactive.
+ * @csspart base - The text, inside the surface.
+ * @cssprop --odd-tooltip-max-inline-size - The widest it grows before its text wraps.
+ * @a11y A `tooltip` that describes its anchor: a native anchor gets its `id` in `aria-describedby` (an `id` is generated when it has none); an Oddkin control adds its text to its inner control's description. Give the anchor its own name. It takes no focus.
+ * @keyboard Focus on the anchor shows it; Escape hides it until the anchor is hovered or focused again.
+ * @previewRole tooltip
+ * @useFor A short hint about a control: what an icon button does, a keyboard shortcut.
+ * @notFor Content to read at length or interact with (use odd-popover); a control's only name (use its label).
+ * @category Overlays
+ * @customization 1 2 3
+ */
+export declare class OddkinTooltip extends OddkinTooltip_base {
+    #private;
+    /** The element it describes, when it is not found by `anchor` (another tree, or no ID). */
+    get anchorElement(): Element | null;
+    set anchorElement(element: Element | null);
+    /** Shows it. */
+    show(): void;
+    /** Hides it. */
+    close(): void;
+    /** @internal The element it describes: `anchorElement`, else `anchor`. */
+    _anchor(): Element | null;
+    protected connected(scope: Scope): void;
+    protected mounted(scope: Scope): void;
+    protected updated(changes: ReadonlyMap<string, unknown>): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'odd-tooltip': OddkinTooltip;
+    }
+}
+export {};
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/tooltip/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/tooltip/tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAQ,MAAM,sBAAsB,CAAC;AAE3D,OAAO,KAAK,EAAW,KAAK,EAAE,MAAM,oBAAoB,CAAC;;;;;;;AAczD;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,aAAc,SAAQ,kBAgBjC;;IAIA,2FAA2F;IAC3F,IAAI,aAAa,IAAI,OAAO,GAAG,IAAI,CAElC;IACD,IAAI,aAAa,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,EAExC;IAED,gBAAgB;IAChB,IAAI,IAAI,IAAI,CAEX;IAED,gBAAgB;IAChB,KAAK,IAAI,IAAI,CAEZ;IAmBD,0EAA0E;IAC1E,OAAO,IAAI,OAAO,GAAG,IAAI,CAKxB;IAED,UAAmB,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAQ/C;IAED,UAAmB,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAI7C;IAED,UAAmB,OAAO,CAAC,OAAO,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAEtE;CAyEF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,aAAa,CAAC;KAC9B;CACF"}

package/dist/tooltip/tooltip.define.d.ts

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

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

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

package/dist/tooltip/tooltip.define.js

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

package/dist/tooltip/tooltip.define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.define.js","sourceRoot":"","sources":["../../src/tooltip/tooltip.define.ts"],"names":[],"mappings":"AAAA,qDAAqD;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5D,MAAM,CAAC,iBAAiB,CAAC,CAAC"}

package/dist/tooltip/tooltip.definition.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.definition.d.ts","sourceRoot":"","sources":["../../src/tooltip/tooltip.definition.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAK7C,eAAO,MAAM,iBAAiB,iEAW5B,CAAC"}

package/dist/tooltip/tooltip.definition.js

@@ -0,0 +1,21 @@
+import { compose } from '@oddkin/core/element';
+import { overlaySurfaceStructuralStyles } from '../styles/overlay-surface.structural.styles.js';
+import { overlaySurfaceStyles } from '../styles/overlay-surface.styles.js';
+import { hostStyles } from '../styles/host.styles.js';
+import { OddkinTooltip } from './tooltip.js';
+import { tooltipStructuralStyles } from './tooltip.structural.styles.js';
+import { tooltipStyles } from './tooltip.styles.js';
+import { tooltipTemplate } from './tooltip.template.js';
+export const tooltipDefinition = compose({
+    name: 'odd-tooltip',
+    element: OddkinTooltip,
+    template: tooltipTemplate,
+    styles: [
+        hostStyles,
+        tooltipStructuralStyles,
+        overlaySurfaceStructuralStyles,
+        overlaySurfaceStyles,
+        tooltipStyles,
+    ],
+});
+//# sourceMappingURL=tooltip.definition.js.map

package/dist/tooltip/tooltip.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.definition.js","sourceRoot":"","sources":["../../src/tooltip/tooltip.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,8BAA8B,EAAE,MAAM,gDAAgD,CAAC;AAChG,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,MAAM,CAAC,MAAM,iBAAiB,GAAG,OAAO,CAAC;IACvC,IAAI,EAAE,aAAa;IACnB,OAAO,EAAE,aAAa;IACtB,QAAQ,EAAE,eAAe;IACzB,MAAM,EAAE;QACN,UAAU;QACV,uBAAuB;QACvB,8BAA8B;QAC9B,oBAAoB;QACpB,aAAa;KACd;CACF,CAAC,CAAC"}

package/dist/tooltip/tooltip.js

@@ -0,0 +1,174 @@
+import { OddkinElement, prop } from '@oddkin/core/element';
+import { signal, untracked } from '@oddkin/core/reactive';
+import { Overlay, composedContains, deepActiveElement } from '../overlay/overlay.js';
+/** How long the pointer rests on the anchor before the tooltip shows; focus shows it at once. */
+const SHOW_DELAY = 500;
+/** How long it stays after the pointer leaves, so the pointer can move onto it. */
+const HIDE_DELAY = 100;
+let ids = 0;
+/**
+ * A short description of the control it is anchored to, shown while the pointer rests on the
+ * control or the control has focus. It stays while the pointer is over the control or the tooltip,
+ * and until Escape (WCAG 1.4.13). It describes the control and is never its name.
+ *
+ * @slot - The text: a short phrase, nothing interactive.
+ * @csspart base - The text, inside the surface.
+ * @cssprop --odd-tooltip-max-inline-size - The widest it grows before its text wraps.
+ * @a11y A `tooltip` that describes its anchor: a native anchor gets its `id` in `aria-describedby` (an `id` is generated when it has none); an Oddkin control adds its text to its inner control's description. Give the anchor its own name. It takes no focus.
+ * @keyboard Focus on the anchor shows it; Escape hides it until the anchor is hovered or focused again.
+ * @previewRole tooltip
+ * @useFor A short hint about a control: what an icon button does, a keyboard shortcut.
+ * @notFor Content to read at length or interact with (use odd-popover); a control's only name (use its label).
+ * @category Overlays
+ * @customization 1 2 3
+ */
+export class OddkinTooltip extends OddkinElement.with({
+    anchor: prop.string({
+        default: '',
+        description: 'The ID of the element it describes and is placed against, in the same document or shadow root.',
+    }),
+    side: prop.enum(['block-start', 'block-end', 'inline-start', 'inline-end'], {
+        default: 'block-start',
+        description: "The side of the anchor it shows on, in the anchor's writing direction; it flips when there is more room on the other side.",
+    }),
+    align: prop.enum(['center', 'start', 'end'], {
+        default: 'center',
+        description: 'How it lines up with the anchor along that side.',
+    }),
+    open: prop.boolean({ reflect: true, description: 'Whether it is shown.' }),
+}) {
+    #anchorElement = signal(null);
+    #overlay = this.#createOverlay();
+    /** The element it describes, when it is not found by `anchor` (another tree, or no ID). */
+    get anchorElement() {
+        return this.#anchorElement.value;
+    }
+    set anchorElement(element) {
+        this.#anchorElement.value = element;
+    }
+    /** Shows it. */
+    show() {
+        this.#overlay.show();
+    }
+    /** Hides it. */
+    close() {
+        this.#overlay.hide();
+    }
+    #createOverlay() {
+        const host = this;
+        return new Overlay({
+            host,
+            surface: () => host,
+            anchor: () => host._anchor(),
+            mode: 'manual',
+            get side() {
+                return host.side;
+            },
+            get align() {
+                return host.align;
+            },
+            onToggle: (open) => (host.open = open),
+        });
+    }
+    /** @internal The element it describes: `anchorElement`, else `anchor`. */
+    _anchor() {
+        const explicit = this.#anchorElement.value;
+        if (explicit)
+            return explicit;
+        if (!this.anchor)
+            return null;
+        return this.getRootNode().getElementById(this.anchor);
+    }
+    connected(scope) {
+        if (!this.id)
+            this.id = `odd-tooltip-${++ids}`;
+        scope.use(this.#overlay);
+        scope.effect((run) => {
+            const anchor = this._anchor();
+            // Only the anchor is tracked: describing an Oddkin control reads and writes its signals.
+            if (anchor)
+                untracked(() => this.#attach(anchor, run));
+        });
+    }
+    mounted(scope) {
+        scope.effect(() => {
+            this.internals.role = 'tooltip';
+        });
+    }
+    updated(changes) {
+        if (changes.has('open'))
+            this.#overlay.toggle(this.open);
+    }
+    #attach(anchor, run) {
+        let pending;
+        let hovered = false;
+        const later = (fn, ms) => {
+            pending?.();
+            pending = run.timeout(fn, ms);
+        };
+        const leave = () => {
+            hovered = false;
+            later(() => {
+                if (!hovered && !composedContains(anchor, deepActiveElement()))
+                    this.close();
+            }, HIDE_DELAY);
+        };
+        run.listen(anchor, 'pointerenter', (event) => {
+            if (event.pointerType === 'touch')
+                return;
+            hovered = true;
+            later(() => this.show(), this.open ? 0 : SHOW_DELAY);
+        });
+        run.listen(anchor, 'pointerleave', leave);
+        run.listen(this, 'pointerenter', () => {
+            hovered = true;
+            pending?.();
+        });
+        run.listen(this, 'pointerleave', leave);
+        run.listen(anchor, 'focusin', () => {
+            pending?.();
+            this.show();
+        });
+        run.listen(anchor, 'focusout', (event) => {
+            if (composedContains(anchor, event.relatedTarget))
+                return;
+            pending?.();
+            if (!hovered)
+                this.close();
+        });
+        // Dismissible: Escape hides it wherever focus is, before anything else takes the key.
+        run.listen(document, 'keydown', (event) => {
+            if (event.key !== 'Escape' || !this.open)
+                return;
+            event.preventDefault();
+            pending?.();
+            this.close();
+        }, true);
+        this.#describe(anchor, run);
+    }
+    #describe(anchor, run) {
+        const target = anchor;
+        if (typeof target._describe === 'function') {
+            const update = () => target._describe(this, this.textContent?.trim() || null);
+            update();
+            const observer = new MutationObserver(update);
+            observer.observe(this, { childList: true, characterData: true, subtree: true });
+            run.add(() => {
+                observer.disconnect();
+                target._describe(this, null);
+            }, 'tooltip description');
+            return;
+        }
+        const tokens = () => (anchor.getAttribute('aria-describedby') ?? '').split(/\s+/).filter(Boolean);
+        if (!tokens().includes(this.id))
+            anchor.setAttribute('aria-describedby', [...tokens(), this.id].join(' '));
+        run.add(() => {
+            const rest = tokens().filter((token) => token !== this.id);
+            if (rest.length)
+                anchor.setAttribute('aria-describedby', rest.join(' '));
+            else
+                anchor.removeAttribute('aria-describedby');
+        }, 'tooltip description');
+    }
+}
+//# sourceMappingURL=tooltip.js.map

package/dist/tooltip/tooltip.js.map

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

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

@@ -0,0 +1,3 @@
+/** The text wraps at a readable width. The host keeps the browser's popover display rules. No brand or visual tokens. */
+export declare const tooltipStructuralStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=tooltip.structural.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.structural.styles.d.ts","sourceRoot":"","sources":["../../src/tooltip/tooltip.structural.styles.ts"],"names":[],"mappings":"AAEA,yHAAyH;AACzH,eAAO,MAAM,uBAAuB,yCAKnC,CAAC"}

package/dist/tooltip/tooltip.structural.styles.js

@@ -0,0 +1,9 @@
+import { css } from '@oddkin/core/styles';
+/** The text wraps at a readable width. The host keeps the browser's popover display rules. No brand or visual tokens. */
+export const tooltipStructuralStyles = css `
+  .tooltip {
+    max-inline-size: var(--odd-tooltip-max-inline-size, 16rem);
+    overflow-wrap: anywhere;
+  }
+`;
+//# sourceMappingURL=tooltip.structural.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.structural.styles.js","sourceRoot":"","sources":["../../src/tooltip/tooltip.structural.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C,yHAAyH;AACzH,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAA;;;;;CAKzC,CAAC"}

package/dist/tooltip/tooltip.styles.d.ts

@@ -0,0 +1,3 @@
+/** Oddkin's default tooltip: Figma `tooltip` (the anchored surface from the overlay-surface module, the UI text style). */
+export declare const tooltipStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=tooltip.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.styles.d.ts","sourceRoot":"","sources":["../../src/tooltip/tooltip.styles.ts"],"names":[],"mappings":"AAGA,2HAA2H;AAC3H,eAAO,MAAM,aAAa,yCAUzB,CAAC"}

package/dist/tooltip/tooltip.styles.js

@@ -0,0 +1,15 @@
+import { css } from '@oddkin/core/styles';
+import { token } from '@oddkin/tokens/refs';
+/** Oddkin's default tooltip: Figma `tooltip` (the anchored surface from the overlay-surface module, the UI text style). */
+export const tooltipStyles = css `
+  .tooltip {
+    padding: ${token('space.xs')} ${token('space.sm')};
+    color: ${token('color.text.primary')};
+    font-family: ${token('type.ui.family')};
+    font-size: ${token('type.ui.size')};
+    font-weight: ${token('type.ui.weight')};
+    line-height: ${token('type.ui.line-height')};
+    letter-spacing: ${token('type.ui.letter-spacing')};
+  }
+`;
+//# sourceMappingURL=tooltip.styles.js.map

package/dist/tooltip/tooltip.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.styles.js","sourceRoot":"","sources":["../../src/tooltip/tooltip.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C,2HAA2H;AAC3H,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;eAEjB,KAAK,CAAC,UAAU,CAAC,IAAI,KAAK,CAAC,UAAU,CAAC;aACxC,KAAK,CAAC,oBAAoB,CAAC;mBACrB,KAAK,CAAC,gBAAgB,CAAC;iBACzB,KAAK,CAAC,cAAc,CAAC;mBACnB,KAAK,CAAC,gBAAgB,CAAC;mBACvB,KAAK,CAAC,qBAAqB,CAAC;sBACzB,KAAK,CAAC,wBAAwB,CAAC;;CAEpD,CAAC"}

package/dist/tooltip/tooltip.template.d.ts

@@ -0,0 +1,4 @@
+import type { OddkinTooltip } from './tooltip.js';
+/** Anatomy: the host is the surface (`popover="manual"`, the shared anchored look); `part="base"` holds the text. */
+export declare const tooltipTemplate: (_tooltip: OddkinTooltip) => import("@oddkin/core/template").TemplateResult;
+//# sourceMappingURL=tooltip.template.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.template.d.ts","sourceRoot":"","sources":["../../src/tooltip/tooltip.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAElD,qHAAqH;AACrH,eAAO,MAAM,eAAe,aAAc,aAAa,mDACK,CAAC"}

package/dist/tooltip/tooltip.template.js

@@ -0,0 +1,4 @@
+import { html } from '@oddkin/core/template';
+/** Anatomy: the host is the surface (`popover="manual"`, the shared anchored look); `part="base"` holds the text. */
+export const tooltipTemplate = (_tooltip) => html `<div part="base" class="tooltip"><slot></slot></div>`;
+//# sourceMappingURL=tooltip.template.js.map

package/dist/tooltip/tooltip.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.template.js","sourceRoot":"","sources":["../../src/tooltip/tooltip.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAG7C,qHAAqH;AACrH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,QAAuB,EAAE,EAAE,CACzD,IAAI,CAAA,sDAAsD,CAAC"}

package/dist/tree/foundation.d.ts

@@ -0,0 +1,8 @@
+export { hostStyles } from '../styles/host.styles.js';
+export { navRowStructuralStyles } from '../styles/nav-row.structural.styles.js';
+export { glyphStyles } from '../styles/glyphs.js';
+export { spinnerStyles } from '../styles/spinner.styles.js';
+export { OddkinTree } from './tree.js';
+export { treeTemplate } from './tree.template.js';
+export { treeStructuralStyles } from './tree.structural.styles.js';
+//# sourceMappingURL=foundation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.d.ts","sourceRoot":"","sources":["../../src/tree/foundation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAChF,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,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/tree/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 { navRowStructuralStyles } from '../styles/nav-row.structural.styles.js';
+export { glyphStyles } from '../styles/glyphs.js';
+export { spinnerStyles } from '../styles/spinner.styles.js';
+export { OddkinTree } from './tree.js';
+export { treeTemplate } from './tree.template.js';
+export { treeStructuralStyles } from './tree.structural.styles.js';
+//# sourceMappingURL=foundation.js.map

package/dist/tree/foundation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.js","sourceRoot":"","sources":["../../src/tree/foundation.ts"],"names":[],"mappings":"AAAA,+FAA+F;AAC/F,8EAA8E;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAChF,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,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/tree/index.d.ts

@@ -0,0 +1,6 @@
+export { OddkinTree } from './tree.js';
+export { treeTemplate } from './tree.template.js';
+export { treeStructuralStyles } from './tree.structural.styles.js';
+export { treeStyles } from './tree.styles.js';
+export { treeDefinition } from './tree.definition.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tree/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"}