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

package/dist/menu/menu.structural.styles.js

@@ -0,0 +1,32 @@
+import { css } from '@oddkin/core/styles';
+/**
+ * The menu is an inline box holding its trigger; the menu and its submenus are popover surfaces
+ * (the overlay-surface module) that lay their rows out in a column, at least as wide as the
+ * trigger. Usable items take the pointer cursor, as buttons do. The empty `point` a context menu
+ * opens against is fixed at the pointer (its insets set from script, in viewport pixels). No brand
+ * tokens.
+ */
+export const menuStructuralStyles = css `
+  :host {
+    display: inline-block;
+    vertical-align: middle;
+  }
+  .trigger-glyph {
+    display: inline-flex;
+  }
+  .point {
+    position: fixed;
+    inset-block-start: var(--_point-block);
+    inset-inline-start: var(--_point-inline);
+  }
+  .menu {
+    min-inline-size: var(--_anchor-inline-size, auto);
+  }
+  .menu .option:not([aria-disabled='true']) {
+    cursor: pointer;
+  }
+  .separator {
+    block-size: 0;
+  }
+`;
+//# sourceMappingURL=menu.structural.styles.js.map

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

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

package/dist/menu/menu.styles.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Oddkin's default menu look beyond the shared modules (the trigger is the button look, the
+ * surface the overlay look, the rows the option-row look): Figma `Menu`'s inset rows, group
+ * headings in secondary UI type, and separators in the default border colour.
+ */
+export declare const menuStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=menu.styles.d.ts.map

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

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

package/dist/menu/menu.styles.js

@@ -0,0 +1,30 @@
+import { css } from '@oddkin/core/styles';
+import { token } from '@oddkin/tokens/refs';
+/**
+ * Oddkin's default menu look beyond the shared modules (the trigger is the button look, the
+ * surface the overlay look, the rows the option-row look): Figma `Menu`'s inset rows, group
+ * headings in secondary UI type, and separators in the default border colour.
+ */
+export const menuStyles = css `
+  .menu {
+    padding: ${token('space.xs')};
+  }
+  /* Figma MenuItem Focus: the hover surface under the shared ring. */
+  .option:focus-visible {
+    background: ${token('color.surface.hover')};
+  }
+  .group-label {
+    padding: ${token('space.xs')} ${token('control.padding.inline.md')};
+    color: ${token('color.text.secondary')};
+    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')};
+  }
+  .separator {
+    margin-block: ${token('space.xs')};
+    border-block-start: ${token('border.width.default')} solid ${token('color.border.default')};
+  }
+`;
+//# sourceMappingURL=menu.styles.js.map

package/dist/menu/menu.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.styles.js","sourceRoot":"","sources":["../../src/menu/menu.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,UAAU,GAAG,GAAG,CAAA;;eAEd,KAAK,CAAC,UAAU,CAAC;;;;kBAId,KAAK,CAAC,qBAAqB,CAAC;;;eAG/B,KAAK,CAAC,UAAU,CAAC,IAAI,KAAK,CAAC,2BAA2B,CAAC;aACzD,KAAK,CAAC,sBAAsB,CAAC;mBACvB,KAAK,CAAC,gBAAgB,CAAC;iBACzB,KAAK,CAAC,cAAc,CAAC;mBACnB,KAAK,CAAC,gBAAgB,CAAC;mBACvB,KAAK,CAAC,qBAAqB,CAAC;sBACzB,KAAK,CAAC,wBAAwB,CAAC;;;oBAGjC,KAAK,CAAC,UAAU,CAAC;0BACX,KAAK,CAAC,sBAAsB,CAAC,UAAU,KAAK,CAAC,sBAAsB,CAAC;;CAE7F,CAAC"}

package/dist/menu/menu.template.d.ts

@@ -0,0 +1,15 @@
+import { type TemplateResult } from '@oddkin/core/template';
+import type { OddkinMenu } from './menu.js';
+/**
+ * Anatomy: the `trigger` part (a native `<button>` with the button look, `aria-haspopup="menu"`,
+ * `aria-expanded`, and `aria-controls`; the default slot and a chevron), an empty `point` the menu
+ * opens against as a context menu, and the `menu` part (a `role="menu"` popover labelled by the
+ * trigger). Entries render in order: an action is a
+ * `menuitem` (`part="item"`, option-row anatomy: icon, label with description, shortcut), a group
+ * is a `role="group"` named by its `part="group"` heading, and a separator is
+ * `role="separator"`. An action with `items` is wrapped with its submenu (`role="none"`): the item
+ * has `aria-haspopup`, `aria-expanded`, and `aria-controls`, and the submenu is a nested
+ * `role="menu"` popover labelled by the item. Ids and `data-path` follow each entry's path.
+ */
+export declare const menuTemplate: (menu: OddkinMenu) => TemplateResult;
+//# sourceMappingURL=menu.template.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.template.d.ts","sourceRoot":"","sources":["../../src/menu/menu.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAG3E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAE5C;;;;;;;;;;GAUG;AACH,eAAO,MAAM,YAAY,SAAU,UAAU,mBAoF5C,CAAC"}

package/dist/menu/menu.template.js

@@ -0,0 +1,92 @@
+import { html, nothing } from '@oddkin/core/template';
+import { chevronDownGlyph, chevronEndGlyph } from '../styles/glyphs.js';
+/**
+ * Anatomy: the `trigger` part (a native `<button>` with the button look, `aria-haspopup="menu"`,
+ * `aria-expanded`, and `aria-controls`; the default slot and a chevron), an empty `point` the menu
+ * opens against as a context menu, and the `menu` part (a `role="menu"` popover labelled by the
+ * trigger). Entries render in order: an action is a
+ * `menuitem` (`part="item"`, option-row anatomy: icon, label with description, shortcut), a group
+ * is a `role="group"` named by its `part="group"` heading, and a separator is
+ * `role="separator"`. An action with `items` is wrapped with its submenu (`role="none"`): the item
+ * has `aria-haspopup`, `aria-expanded`, and `aria-controls`, and the submenu is a nested
+ * `role="menu"` popover labelled by the item. Ids and `data-path` follow each entry's path.
+ */
+export const menuTemplate = (menu) => {
+    const open = menu._openSubmenus.value;
+    const action = (record, path) => html `<div
+      role="menuitem"
+      part="item"
+      class=${record.tone === 'danger' ? 'option danger' : 'option'}
+      id=${`item-${path}`}
+      data-path=${path}
+      aria-disabled=${record.disabled ? 'true' : null}
+      aria-haspopup=${record.items ? 'menu' : null}
+      aria-expanded=${record.items ? String(open.has(path)) : null}
+      aria-controls=${record.items ? `menu-${path}` : null}
+    >
+      ${record.icon
+        ? html `<span class="option-start"
+              ><odd-icon src=${record.icon} size="sm"></odd-icon
+            ></span>`
+        : nothing}<span class="option-label"
+        ><span class="option-text">${record.label}</span>${record.description
+        ? html `<span class="option-description">${record.description}</span>`
+        : nothing}</span
+      >${record.shortcut ? html `<span class="option-end">${record.shortcut}</span>` : nothing}${record.items ? html `<span class="option-end">${chevronEndGlyph}</span>` : nothing}
+    </div>`;
+    const entries = (list, parent) => list.map((entry, index) => {
+        const path = parent ? `${parent}-${index}` : String(index);
+        if (entry.kind === 'separator')
+            return html `<div role="separator" part="separator" class="separator"></div>`;
+        if (entry.kind === 'group')
+            return html `<div role="group" class="group" aria-labelledby=${`group-${path}`}>
+          <div part="group" id=${`group-${path}`} class="group-label">${entry.label}</div>
+          ${entries(entry.items, path)}
+        </div>`;
+        if (!entry.items)
+            return action(entry, path);
+        return html `<div role="none" class="submenu">
+        ${action(entry, path)}
+        <div
+          role="menu"
+          part="menu submenu"
+          class="overlay-surface menu"
+          id=${`menu-${path}`}
+          popover="auto"
+          aria-labelledby=${`item-${path}`}
+        >
+          ${entries(entry.items, path)}
+        </div>
+      </div>`;
+    });
+    return html `<button
+      part="trigger"
+      id="trigger"
+      class="odd-button"
+      type="button"
+      data-appearance=${menu.appearance}
+      data-size=${menu.size}
+      ?disabled=${menu.disabled}
+      aria-haspopup="menu"
+      aria-expanded=${String(menu._open.value)}
+      aria-controls="menu"
+      aria-label=${menu.label || null}
+      @click=${menu._onTriggerClick}
+      @keydown=${menu._onTriggerKeydown}
+    >
+      <slot></slot><span class="trigger-glyph">${chevronDownGlyph}</span>
+    </button>
+    <span id="point" class="point"></span>
+    <div
+      part="menu"
+      id="menu"
+      class="overlay-surface menu"
+      role="menu"
+      aria-labelledby="trigger"
+      @click=${menu._onMenuClick}
+      @keydown=${menu._onMenuKeydown}
+    >
+      ${entries(menu._items.value, '')}
+    </div>`;
+};
+//# sourceMappingURL=menu.template.js.map

package/dist/menu/menu.template.js.map

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

package/dist/models/index.d.ts

@@ -0,0 +1,3 @@
+export { NavigationItemModel, navigationModel } from './navigation.js';
+export type { Navigation, NavigationItem } from './navigation.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/models/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/models/index.js

@@ -0,0 +1,4 @@
+// Runtime validators and migrations for component models. Not needed to render components:
+// element entries import only the types, so their bundles exclude validation.
+export { NavigationItemModel, navigationModel } from './navigation.js';
+//# sourceMappingURL=index.js.map

package/dist/models/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/models/index.ts"],"names":[],"mappings":"AAAA,2FAA2F;AAC3F,8EAA8E;AAC9E,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/models/navigation.d.ts

@@ -0,0 +1,77 @@
+/**
+ * The navigation item model: the single source for the `NavigationItem` type, runtime
+ * validation of external data, migrations, and the published JSON Schema.
+ * Contract: docs/architecture/data-composition.md §2, §5.
+ */
+import { type Infer, type Model, type Node, type ObjectNode, type SelfNode } from '@oddkin/core/model';
+import type { NavigationEntry, NavigationKinds } from '../side-nav/kinds.js';
+export declare const NavigationItemModel: Model<import("@oddkin/core/model").ArrayNode<import("@oddkin/core/model").RecursiveNode<import("@oddkin/core/model").UnionNode<"kind", {
+    readonly link: ObjectNode<{
+        readonly id: import("@oddkin/core/model").StringNode;
+        readonly label: import("@oddkin/core/model").StringNode;
+        readonly href: import("@oddkin/core/model").StringNode;
+        readonly target: import("@oddkin/core/model").OptionalNode<import("@oddkin/core/model").EnumNode<"_blank" | "_self">>;
+        readonly rel: import("@oddkin/core/model").OptionalNode<import("@oddkin/core/model").StringNode>;
+        readonly disabled: import("@oddkin/core/model").OptionalNode<import("@oddkin/core/model").BooleanNode>;
+        readonly badge: import("@oddkin/core/model").OptionalNode<import("@oddkin/core/model").StringNode>;
+    }>;
+    readonly action: ObjectNode<{
+        readonly id: import("@oddkin/core/model").StringNode;
+        readonly label: import("@oddkin/core/model").StringNode;
+        readonly action: import("@oddkin/core/model").StringNode;
+        readonly disabled: import("@oddkin/core/model").OptionalNode<import("@oddkin/core/model").BooleanNode>;
+    }>;
+    readonly group: ObjectNode<{
+        readonly id: import("@oddkin/core/model").StringNode;
+        readonly label: import("@oddkin/core/model").StringNode;
+        readonly items: import("@oddkin/core/model").ArrayNode<SelfNode>;
+        readonly expanded: import("@oddkin/core/model").OptionalNode<import("@oddkin/core/model").BooleanNode>;
+    }>;
+}>>>, ({
+    action: string;
+    disabled?: boolean | undefined;
+    id: string;
+    kind: "action";
+    label: string;
+} | {
+    expanded?: boolean | undefined;
+    id: string;
+    items: ({
+        action: string;
+        disabled?: boolean | undefined;
+        id: string;
+        kind: "action";
+        label: string;
+    } | /*elided*/ any | {
+        badge?: string | undefined;
+        disabled?: boolean | undefined;
+        href: string;
+        id: string;
+        kind: "link";
+        label: string;
+        rel?: string | undefined;
+        target?: "_blank" | "_self" | undefined;
+    })[];
+    kind: "group";
+    label: string;
+} | {
+    badge?: string | undefined;
+    disabled?: boolean | undefined;
+    href: string;
+    id: string;
+    kind: "link";
+    label: string;
+    rel?: string | undefined;
+    target?: "_blank" | "_self" | undefined;
+})[]>;
+/**
+ * The navigation model with the project kinds of a `navigationKinds` registry, for validating
+ * external data an element with those `kinds` will render (in groups too). The built-in kinds
+ * are `NavigationItemModel`'s own, so the two never drift apart.
+ */
+export declare function navigationModel(kinds: NavigationKinds): Model<Node, NavigationEntry[]>;
+/** Every entry of a navigation, in order. */
+export type Navigation = Infer<typeof NavigationItemModel>;
+/** One link, action, or group. */
+export type NavigationItem = Navigation[number];
+//# sourceMappingURL=navigation.d.ts.map

package/dist/models/navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../src/models/navigation.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAGL,KAAK,KAAK,EACV,KAAK,KAAK,EAEV,KAAK,IAAI,EACT,KAAK,UAAU,EACf,KAAK,QAAQ,EACd,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE7E,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqC9B,CAAC;AAEH;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,eAAe,GAAG,KAAK,CAAC,IAAI,EAAE,eAAe,EAAE,CAAC,CAuCtF;AAED,6CAA6C;AAC7C,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAC3D,kCAAkC;AAClC,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC"}

package/dist/models/navigation.js

@@ -0,0 +1,81 @@
+/**
+ * The navigation item model: the single source for the `NavigationItem` type, runtime
+ * validation of external data, migrations, and the published JSON Schema.
+ * Contract: docs/architecture/data-composition.md §2, §5.
+ */
+import { defineModel, m, } from '@oddkin/core/model';
+export const NavigationItemModel = defineModel('oddkin.navigation', {
+    version: 1,
+    description: 'Entries of a side navigation: links, actions, and groups of entries.',
+    schema: m.array(m.recursive((self) => m.union('kind', {
+        link: m.object({
+            id: m.id(),
+            label: m.label(),
+            href: m.url(),
+            target: m.optional(m.enum(['_blank', '_self'])),
+            rel: m.optional(m.string()),
+            disabled: m.optional(m.boolean()),
+            badge: m.optional(m.string()),
+        }),
+        action: m.object({
+            id: m.id(),
+            label: m.label(),
+            action: m.actionRef(),
+            disabled: m.optional(m.boolean()),
+        }),
+        group: m.object({
+            id: m.id(),
+            label: m.label(),
+            items: m.array(self),
+            expanded: m.optional(m.boolean()),
+        }),
+    }), 'NavigationItem')),
+    rules: [m.uniqueIds('id')],
+    migrations: {
+        // Version 0 used `title` for labels and `children` for group entries.
+        1: (data) => fromVersion0(data),
+    },
+});
+/**
+ * The navigation model with the project kinds of a `navigationKinds` registry, for validating
+ * external data an element with those `kinds` will render (in groups too). The built-in kinds
+ * are `NavigationItemModel`'s own, so the two never drift apart.
+ */
+export function navigationModel(kinds) {
+    const builtIn = NavigationItemModel.schema.items.inner.variants;
+    // Nested entry lists point at the new recursive schema, so groups accept project kinds.
+    const rebind = (variant, self) => m.object(Object.fromEntries(Object.entries(variant.shape).map(([field, node]) => [
+        field,
+        node.kind === 'array' && node.items.kind === 'self' ? m.array(self) : node,
+    ])));
+    const schema = m.array(m.recursive((self) => m.union('kind', {
+        ...Object.fromEntries(Object.entries(builtIn).map(([kind, variant]) => [kind, rebind(variant, self)])),
+        ...Object.fromEntries(kinds.names.map((name) => [name, kinds.get(name).model])),
+    }), 'NavigationItem'));
+    // Typed by the entries it accepts: inferring a union with open variants is neither useful
+    // nor tractable for the compiler.
+    const define = defineModel;
+    return define(NavigationItemModel.name, {
+        version: NavigationItemModel.version,
+        ...(NavigationItemModel.description ? { description: NavigationItemModel.description } : {}),
+        schema: schema,
+        rules: NavigationItemModel.rules,
+        migrations: { 1: (data) => fromVersion0(data) },
+    });
+}
+function fromVersion0(data) {
+    if (Array.isArray(data))
+        return data.map(fromVersion0);
+    if (!data || typeof data !== 'object')
+        return data;
+    const { title, children, ...rest } = data;
+    const out = { ...rest };
+    if (title !== undefined && out['label'] === undefined)
+        out['label'] = title;
+    if (children !== undefined && out['items'] === undefined)
+        out['items'] = fromVersion0(children);
+    else if (Array.isArray(out['items']))
+        out['items'] = fromVersion0(out['items']);
+    return out;
+}
+//# sourceMappingURL=navigation.js.map

package/dist/models/navigation.js.map

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

package/dist/one-time-code/foundation.d.ts

@@ -0,0 +1,8 @@
+export { hostStyles } from '../styles/host.styles.js';
+export { fieldStructuralStyles } from '../styles/field.structural.styles.js';
+export { glyphStyles } from '../styles/glyphs.js';
+export { spinnerStyles } from '../styles/spinner.styles.js';
+export { OddkinOneTimeCode, ONE_TIME_CODE_STRINGS, inputEvent, changeEvent, } from './one-time-code.js';
+export { oneTimeCodeTemplate } from './one-time-code.template.js';
+export { oneTimeCodeStructuralStyles } from './one-time-code.structural.styles.js';
+//# sourceMappingURL=foundation.d.ts.map

package/dist/one-time-code/foundation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.d.ts","sourceRoot":"","sources":["../../src/one-time-code/foundation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,UAAU,EACV,WAAW,GACZ,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,2BAA2B,EAAE,MAAM,sCAAsC,CAAC"}

package/dist/one-time-code/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 { glyphStyles } from '../styles/glyphs.js';
+export { spinnerStyles } from '../styles/spinner.styles.js';
+export { OddkinOneTimeCode, ONE_TIME_CODE_STRINGS, inputEvent, changeEvent, } from './one-time-code.js';
+export { oneTimeCodeTemplate } from './one-time-code.template.js';
+export { oneTimeCodeStructuralStyles } from './one-time-code.structural.styles.js';
+//# sourceMappingURL=foundation.js.map

package/dist/one-time-code/foundation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.js","sourceRoot":"","sources":["../../src/one-time-code/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,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,UAAU,EACV,WAAW,GACZ,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,2BAA2B,EAAE,MAAM,sCAAsC,CAAC"}

package/dist/one-time-code/index.d.ts

@@ -0,0 +1,6 @@
+export { OddkinOneTimeCode, ONE_TIME_CODE_STRINGS, inputEvent, changeEvent, } from './one-time-code.js';
+export { oneTimeCodeTemplate } from './one-time-code.template.js';
+export { oneTimeCodeStructuralStyles } from './one-time-code.structural.styles.js';
+export { oneTimeCodeStyles } from './one-time-code.styles.js';
+export { oneTimeCodeDefinition } from './one-time-code.definition.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/one-time-code/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/one-time-code/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,UAAU,EACV,WAAW,GACZ,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,2BAA2B,EAAE,MAAM,sCAAsC,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/one-time-code/index.js

@@ -0,0 +1,7 @@
+// Side-effect free. Register with `@oddkin/components/define/one-time-code`.
+export { OddkinOneTimeCode, ONE_TIME_CODE_STRINGS, inputEvent, changeEvent, } from './one-time-code.js';
+export { oneTimeCodeTemplate } from './one-time-code.template.js';
+export { oneTimeCodeStructuralStyles } from './one-time-code.structural.styles.js';
+export { oneTimeCodeStyles } from './one-time-code.styles.js';
+export { oneTimeCodeDefinition } from './one-time-code.definition.js';
+//# sourceMappingURL=index.js.map

package/dist/one-time-code/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/one-time-code/index.ts"],"names":[],"mappings":"AAAA,6EAA6E;AAC7E,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,UAAU,EACV,WAAW,GACZ,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,2BAA2B,EAAE,MAAM,sCAAsC,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/one-time-code/one-time-code.d.ts

@@ -0,0 +1,68 @@
+import { type Readable } from '@oddkin/core/reactive';
+import { OddkinTextControl } from '../form-control/text-control.js';
+export { changeEvent, inputEvent } from '../form-control/text-control.js';
+export declare const ONE_TIME_CODE_STRINGS: {
+    hint: string;
+    pending: string;
+    complete: string;
+};
+declare const OddkinOneTimeCode_base: import("@oddkin/core/element").WithProps<typeof OddkinTextControl, {
+    readonly status: import("@oddkin/core/element").PropDefinition<"complete" | "idle" | "pending">;
+    readonly strings: import("@oddkin/core/element").PropDefinition<Partial<{
+        hint: string;
+        pending: string;
+        complete: string;
+    }> | undefined>;
+}>;
+/**
+ * A one-time code (a verification code sent by text message or email) entered into `maxlength`
+ * cells (default six). It is one native input with `autocomplete="one-time-code"` and a numeric
+ * keyboard (the global `inputmode` attribute, `numeric` unless the host sets it) behind the drawn
+ * cells, so the platform's autofill, paste, and form value
+ * work as on any field: digits only, typed or pasted, the caret always after the last digit.
+ * `status` reports the verification the page runs: `pending` keeps the code read-only with a
+ * busy line, `complete` confirms it; a failure is `error`.
+ *
+ * @csspart field - Wrapper of label, description, cells, status, and error.
+ * @csspart label - The visible label.
+ * @csspart description - Help text, referenced by `aria-describedby`.
+ * @csspart control - The native input over the cells.
+ * @csspart cell - One digit's cell.
+ * @csspart status - The line under the cells: `strings.hint`, or the `pending` or `complete` text with its glyph.
+ * @csspart error - The error message, referenced by `aria-describedby`.
+ * @cssstate user-invalid - The code shows its error: `error` is set, or the code is missing or too short after focus left it or a validity check failed.
+ * @a11y One text input named by `label`, described by the description, the status line, and the error; the cells are drawn and hidden from assistive technology, so the code is read as one value. The status line is a `role="status"` region, so `pending` and `complete` are announced.
+ * @keyboard Typing enters digits and moves to the next cell; Backspace removes the last digit; paste enters the whole code. The arrow, Home, and End keys keep the caret after the last digit, and a click puts it there. Tab selects the code, as in any field, so typing then replaces it.
+ * @previewRole oneTimeCode
+ * @useFor A short code the user copies from a message to confirm a sign-in, an address, or a payment.
+ * @notFor Passwords and PINs the user chooses (use odd-input type="password"); long reference numbers (use odd-input).
+ * @limitation Digits only. A digit in the middle cannot be selected alone: Backspace back to it.
+ * @category Forms
+ * @customization 1 2 3
+ */
+export declare class OddkinOneTimeCode extends OddkinOneTimeCode_base {
+    /** @internal The built-in text with the author's overrides. */
+    readonly _strings: Readable<typeof ONE_TIME_CODE_STRINGS>;
+    /** @internal How many cells: `maxlength`, default six. */
+    get _cells(): number;
+    /** @internal The status line's text. */
+    get _statusText(): string;
+    protected _constraints(): unknown[];
+    protected _sanitize(text: string, typed?: boolean): string;
+    /**
+     * @internal Template handler (`input`, `compositionend`): the field keeps only its digits, then
+     * the shared handler. Text an input method is composing stays until the composition ends.
+     */
+    readonly _onCodeInput: (event: Event) => void;
+    /** @internal Template handler: the caret stays after the last digit. */
+    readonly _onCodeKeydown: (event: KeyboardEvent) => void;
+    /** @internal Template handler: a click puts the caret after the last digit. */
+    readonly _toEnd: (event: Event) => void;
+    protected updated(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'odd-one-time-code': OddkinOneTimeCode;
+    }
+}
+//# sourceMappingURL=one-time-code.d.ts.map

package/dist/one-time-code/one-time-code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"one-time-code.d.ts","sourceRoot":"","sources":["../../src/one-time-code/one-time-code.ts"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAEpE,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE1E,eAAO,MAAM,qBAAqB;IAChC,IAAI;IACJ,OAAO;IACP,QAAQ;CACT,CAAC;;;;;;;;;AAKF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,qBAAa,iBAAkB,SAAQ,sBAWrC;IACA,+DAA+D;IAC/D,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,OAAO,qBAAqB,CAAC,CAEvD;IAEF,0DAA0D;IAC1D,IAAI,MAAM,IAAI,MAAM,CAEnB;IAED,wCAAwC;IACxC,IAAI,WAAW,IAAI,MAAM,CAGxB;IAED,UAAmB,YAAY,IAAI,OAAO,EAAE,CAE3C;IAGD,UAAmB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,UAAQ,GAAG,MAAM,CAEhE;IAED;;;OAGG;IACH,QAAQ,CAAC,YAAY,UAAW,KAAK,KAAG,IAAI,CAO1C;IAEF,wEAAwE;IACxE,QAAQ,CAAC,cAAc,UAAW,aAAa,KAAG,IAAI,CAEpD;IAEF,+EAA+E;IAC/E,QAAQ,CAAC,MAAM,UAAW,KAAK,KAAG,IAAI,CAKpC;IAEF,UAAmB,OAAO,IAAI,IAAI,CAOjC;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,iBAAiB,CAAC;KACxC;CACF"}

package/dist/one-time-code/one-time-code.define.d.ts

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

package/dist/one-time-code/one-time-code.define.d.ts.map

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

package/dist/one-time-code/one-time-code.define.js

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

package/dist/one-time-code/one-time-code.define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"one-time-code.define.js","sourceRoot":"","sources":["../../src/one-time-code/one-time-code.define.ts"],"names":[],"mappings":"AAAA,2DAA2D;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,MAAM,CAAC,qBAAqB,CAAC,CAAC"}

package/dist/one-time-code/one-time-code.definition.d.ts

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

package/dist/one-time-code/one-time-code.definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"one-time-code.definition.d.ts","sourceRoot":"","sources":["../../src/one-time-code/one-time-code.definition.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAKvD,eAAO,MAAM,qBAAqB,qEAchC,CAAC"}

package/dist/one-time-code/one-time-code.definition.js

@@ -0,0 +1,27 @@
+import { compose } from '@oddkin/core/element';
+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 { spinnerStyles } from '../styles/spinner.styles.js';
+import { OddkinOneTimeCode } from './one-time-code.js';
+import { oneTimeCodeStructuralStyles } from './one-time-code.structural.styles.js';
+import { oneTimeCodeStyles } from './one-time-code.styles.js';
+import { oneTimeCodeTemplate } from './one-time-code.template.js';
+export const oneTimeCodeDefinition = compose({
+    name: 'odd-one-time-code',
+    element: OddkinOneTimeCode,
+    template: oneTimeCodeTemplate,
+    styles: [
+        hostStyles,
+        fieldStructuralStyles,
+        oneTimeCodeStructuralStyles,
+        glyphStyles,
+        spinnerStyles,
+        focusRingStyles,
+        controlStyles,
+        oneTimeCodeStyles,
+    ],
+});
+//# sourceMappingURL=one-time-code.definition.js.map

package/dist/one-time-code/one-time-code.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"one-time-code.definition.js","sourceRoot":"","sources":["../../src/one-time-code/one-time-code.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,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,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,sCAAsC,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAElE,MAAM,CAAC,MAAM,qBAAqB,GAAG,OAAO,CAAC;IAC3C,IAAI,EAAE,mBAAmB;IACzB,OAAO,EAAE,iBAAiB;IAC1B,QAAQ,EAAE,mBAAmB;IAC7B,MAAM,EAAE;QACN,UAAU;QACV,qBAAqB;QACrB,2BAA2B;QAC3B,WAAW;QACX,aAAa;QACb,eAAe;QACf,aAAa;QACb,iBAAiB;KAClB;CACF,CAAC,CAAC"}