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

package/dist/alert/alert.d.ts

@@ -0,0 +1,34 @@
+import { OddkinElement } from '@oddkin/core/element';
+import type { Scope } from '@oddkin/core/scope';
+declare const OddkinAlert_base: import("@oddkin/core/element").WithProps<typeof OddkinElement, {
+    readonly tone: import("@oddkin/core/element").PropDefinition<"danger" | "info" | "neutral" | "success" | "warning">;
+    readonly label: import("@oddkin/core/element").PropDefinition<string>;
+    readonly announce: import("@oddkin/core/element").PropDefinition<"important" | "none">;
+}>;
+/**
+ * A persistent inline message about the page or a region: a tone glyph, a title, a message, and
+ * optional actions. It stays until the situation changes; a passing result belongs in a toast.
+ *
+ * @slot - The message.
+ * @slot end - Actions, such as "Try again".
+ * @csspart base - The surface.
+ * @csspart marker - The tone glyph.
+ * @csspart label - The title.
+ * @cssprop --odd-alert-radius - Corner radius.
+ * @a11y Read in place. With `announce`, it is an ARIA alert, so inserting it or changing its text is announced at once; use that only for urgent, new information.
+ * @previewRole alert
+ * @useFor Errors and warnings that affect a page or region, confirmations that must stay visible.
+ * @notFor Field errors (use the field's `error`); passing results (a toast); counts and labels (use odd-badge).
+ * @category Feedback
+ * @customization 1 2 3
+ */
+export declare class OddkinAlert extends OddkinAlert_base {
+    protected mounted(scope: Scope): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'odd-alert': OddkinAlert;
+    }
+}
+export {};
+//# sourceMappingURL=alert.d.ts.map

package/dist/alert/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/alert/alert.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAQ,MAAM,sBAAsB,CAAC;AAC3D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;;;;;;AAGhD;;;;;;;;;;;;;;;;GAgBG;AACH,qBAAa,WAAY,SAAQ,gBAY/B;IACA,UAAmB,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAI7C;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,WAAW,CAAC;KAC1B;CACF"}

package/dist/alert/alert.define.d.ts

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

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

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

package/dist/alert/alert.define.js

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

package/dist/alert/alert.define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.define.js","sourceRoot":"","sources":["../../src/alert/alert.define.ts"],"names":[],"mappings":"AAAA,mDAAmD;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,MAAM,CAAC,eAAe,CAAC,CAAC"}

package/dist/alert/alert.definition.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.definition.d.ts","sourceRoot":"","sources":["../../src/alert/alert.definition.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAKzC,eAAO,MAAM,eAAe,+DAK1B,CAAC"}

package/dist/alert/alert.definition.js

@@ -0,0 +1,15 @@
+import { compose } from '@oddkin/core/element';
+import { glyphStyles } from '../styles/glyphs.js';
+import { toneStyles } from '../styles/tone.styles.js';
+import { hostStyles } from '../styles/host.styles.js';
+import { OddkinAlert } from './alert.js';
+import { alertStructuralStyles } from './alert.structural.styles.js';
+import { alertStyles } from './alert.styles.js';
+import { alertTemplate } from './alert.template.js';
+export const alertDefinition = compose({
+    name: 'odd-alert',
+    element: OddkinAlert,
+    template: alertTemplate,
+    styles: [hostStyles, alertStructuralStyles, glyphStyles, toneStyles, alertStyles],
+});
+//# sourceMappingURL=alert.definition.js.map

package/dist/alert/alert.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.definition.js","sourceRoot":"","sources":["../../src/alert/alert.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,MAAM,CAAC,MAAM,eAAe,GAAG,OAAO,CAAC;IACrC,IAAI,EAAE,WAAW;IACjB,OAAO,EAAE,WAAW;IACpB,QAAQ,EAAE,aAAa;IACvB,MAAM,EAAE,CAAC,UAAU,EAAE,qBAAqB,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,CAAC;CAClF,CAAC,CAAC"}

package/dist/alert/alert.js

@@ -0,0 +1,39 @@
+import { OddkinElement, prop } from '@oddkin/core/element';
+import { TONES } from '../styles/tone.styles.js';
+/**
+ * A persistent inline message about the page or a region: a tone glyph, a title, a message, and
+ * optional actions. It stays until the situation changes; a passing result belongs in a toast.
+ *
+ * @slot - The message.
+ * @slot end - Actions, such as "Try again".
+ * @csspart base - The surface.
+ * @csspart marker - The tone glyph.
+ * @csspart label - The title.
+ * @cssprop --odd-alert-radius - Corner radius.
+ * @a11y Read in place. With `announce`, it is an ARIA alert, so inserting it or changing its text is announced at once; use that only for urgent, new information.
+ * @previewRole alert
+ * @useFor Errors and warnings that affect a page or region, confirmations that must stay visible.
+ * @notFor Field errors (use the field's `error`); passing results (a toast); counts and labels (use odd-badge).
+ * @category Feedback
+ * @customization 1 2 3
+ */
+export class OddkinAlert extends OddkinElement.with({
+    tone: prop.enum(TONES, {
+        default: 'neutral',
+        reflect: true,
+        description: 'Meaning colour and glyph.',
+    }),
+    label: prop.string({ default: '', description: 'The title, shown above the message.' }),
+    announce: prop.enum(['none', 'important'], {
+        default: 'none',
+        empty: 'important',
+        description: 'Announces the alert when it appears or changes (`role="alert"`).',
+    }),
+}) {
+    mounted(scope) {
+        scope.effect(() => {
+            this.internals.role = this.announce === 'important' ? 'alert' : null;
+        });
+    }
+}
+//# sourceMappingURL=alert.js.map

package/dist/alert/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/alert/alert.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAEjD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,OAAO,WAAY,SAAQ,aAAa,CAAC,IAAI,CAAC;IAClD,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;QACrB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,IAAI;QACb,WAAW,EAAE,2BAA2B;KACzC,CAAC;IACF,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,WAAW,EAAE,qCAAqC,EAAE,CAAC;IACvF,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,WAAW,CAAC,EAAE;QACzC,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,WAAW;QAClB,WAAW,EAAE,kEAAkE;KAChF,CAAC;CACH,CAAC;IACmB,OAAO,CAAC,KAAY;QACrC,KAAK,CAAC,MAAM,CAAC,GAAG,EAAE;YAChB,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;QACvE,CAAC,CAAC,CAAC;IACL,CAAC;CACF"}

package/dist/alert/alert.recipe.d.ts

@@ -0,0 +1,3 @@
+/** Arrangement of the alert (layout-recipes.md §14): the marker, the message, and the end content in a row that wraps, aligned to the top; the end content is a wrapping row of its own. */
+export declare const alertRecipe: import("../layout/index.js").LayoutRecipe;
+//# sourceMappingURL=alert.recipe.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.recipe.d.ts","sourceRoot":"","sources":["../../src/alert/alert.recipe.ts"],"names":[],"mappings":"AAGA,4LAA4L;AAC5L,eAAO,MAAM,WAAW,2CAMtB,CAAC"}

package/dist/alert/alert.recipe.js

@@ -0,0 +1,11 @@
+import { token } from '@oddkin/tokens/refs';
+import { defineLayoutRecipe, row } from '../layout/index.js';
+/** Arrangement of the alert (layout-recipes.md §14): the marker, the message, and the end content in a row that wraps, aligned to the top; the end content is a wrapping row of its own. */
+export const alertRecipe = defineLayoutRecipe({
+    name: 'alert',
+    regions: {
+        alert: row({ gap: token('space.sm'), align: 'start', wrap: true }),
+        end: row({ gap: token('space.xs'), wrap: true }),
+    },
+});
+//# sourceMappingURL=alert.recipe.js.map

package/dist/alert/alert.recipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.recipe.js","sourceRoot":"","sources":["../../src/alert/alert.recipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAE7D,4LAA4L;AAC5L,MAAM,CAAC,MAAM,WAAW,GAAG,kBAAkB,CAAC;IAC5C,IAAI,EAAE,OAAO;IACb,OAAO,EAAE;QACP,KAAK,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;QAClE,GAAG,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;KACjD;CACF,CAAC,CAAC"}

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

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

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

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

package/dist/alert/alert.recipe.styles.js

@@ -0,0 +1,5 @@
+// Generated from ./alert.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 alertRecipeStyles = unsafeCSS('@layer odd.layout.base, odd.layout.variant, odd.layout.condition;\n@layer odd.layout.base {\n  .alert {\n    display: flex;\n    flex-direction: row;\n    align-items: start;\n    gap: var(--odd-space-sm);\n    flex-wrap: wrap;\n    min-inline-size: 0;\n  }\n  .end {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--odd-space-xs);\n    flex-wrap: wrap;\n    min-inline-size: 0;\n  }\n}\n');
+//# sourceMappingURL=alert.recipe.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.recipe.styles.js","sourceRoot":"","sources":["../../src/alert/alert.recipe.styles.ts"],"names":[],"mappings":"AAAA,oGAAoG;AACpG,iDAAiD;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,CAAC,MAAM,iBAAiB,GAAG,SAAS,CACxC,6aAA6a,CAC9a,CAAC"}

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

@@ -0,0 +1,6 @@
+/**
+ * Glyph, text column, and actions in a row that wraps the actions under the text when narrow.
+ * No brand or visual tokens.
+ */
+export declare const alertStructuralStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=alert.structural.styles.d.ts.map

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

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

package/dist/alert/alert.structural.styles.js

@@ -0,0 +1,30 @@
+import { css } from '@oddkin/core/styles';
+import { alertRecipeStyles } from './alert.recipe.styles.js';
+/**
+ * Glyph, text column, and actions in a row that wraps the actions under the text when narrow.
+ * No brand or visual tokens.
+ */
+export const alertStructuralStyles = css `
+  ${alertRecipeStyles}
+  :host {
+    display: block;
+  }
+  .marker {
+    display: inline-flex;
+    flex: none;
+  }
+  .content {
+    flex: 1 1 12rem;
+    min-inline-size: 0;
+    overflow-wrap: anywhere;
+  }
+  .label {
+    margin: 0;
+  }
+  @media (forced-colors: active) {
+    .alert {
+      border: 1px solid CanvasText;
+    }
+  }
+`;
+//# sourceMappingURL=alert.structural.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.structural.styles.js","sourceRoot":"","sources":["../../src/alert/alert.structural.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE7D;;;GAGG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAA;IACpC,iBAAiB;;;;;;;;;;;;;;;;;;;;;CAqBpB,CAAC"}

package/dist/alert/alert.styles.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Oddkin's default alert: Figma `alert` (tone surface, `control/radius`, UI title in the tone
+ * colour, Small message in the primary text colour).
+ */
+export declare const alertStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=alert.styles.d.ts.map

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

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

package/dist/alert/alert.styles.js

@@ -0,0 +1,36 @@
+import { css } from '@oddkin/core/styles';
+import { token } from '@oddkin/tokens/refs';
+/**
+ * Oddkin's default alert: Figma `alert` (tone surface, `control/radius`, UI title in the tone
+ * colour, Small message in the primary text colour).
+ */
+export const alertStyles = css `
+  .alert {
+    padding: ${token('space.sm')};
+    border-radius: var(--odd-alert-radius, ${token('control.radius')});
+    background: var(--_tone-surface);
+    color: ${token('color.text.primary')};
+    font-family: ${token('type.small.family')};
+    font-size: ${token('type.small.size')};
+    font-weight: ${token('type.small.weight')};
+    line-height: ${token('type.small.line-height')};
+  }
+  .marker,
+  .label {
+    color: var(--_tone-foreground);
+  }
+  /* A neutral alert's message takes the neutral foreground too, as Figma draws it. */
+  :host([tone='neutral']) .alert {
+    color: var(--_tone-foreground);
+  }
+  .marker {
+    font-size: ${token('icon.size.md')};
+  }
+  .label {
+    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')};
+  }
+`;
+//# sourceMappingURL=alert.styles.js.map

package/dist/alert/alert.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.styles.js","sourceRoot":"","sources":["../../src/alert/alert.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,WAAW,GAAG,GAAG,CAAA;;eAEf,KAAK,CAAC,UAAU,CAAC;6CACa,KAAK,CAAC,gBAAgB,CAAC;;aAEvD,KAAK,CAAC,oBAAoB,CAAC;mBACrB,KAAK,CAAC,mBAAmB,CAAC;iBAC5B,KAAK,CAAC,iBAAiB,CAAC;mBACtB,KAAK,CAAC,mBAAmB,CAAC;mBAC1B,KAAK,CAAC,wBAAwB,CAAC;;;;;;;;;;;iBAWjC,KAAK,CAAC,cAAc,CAAC;;;mBAGnB,KAAK,CAAC,gBAAgB,CAAC;iBACzB,KAAK,CAAC,cAAc,CAAC;mBACnB,KAAK,CAAC,gBAAgB,CAAC;mBACvB,KAAK,CAAC,qBAAqB,CAAC;;CAE9C,CAAC"}

package/dist/alert/alert.template.d.ts

@@ -0,0 +1,7 @@
+import type { OddkinAlert } from './alert.js';
+/**
+ * Anatomy: `part="base"` with the `marker` glyph, the `label` title above the default slot, and
+ * the `end` slot for actions. Alternative templates keep the glyph and the title.
+ */
+export declare const alertTemplate: (alert: OddkinAlert) => import("@oddkin/core/template").TemplateResult;
+//# sourceMappingURL=alert.template.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.template.d.ts","sourceRoot":"","sources":["../../src/alert/alert.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C;;;GAGG;AACH,eAAO,MAAM,aAAa,UAAW,WAAW,mDAQvC,CAAC"}

package/dist/alert/alert.template.js

@@ -0,0 +1,15 @@
+import { html } from '@oddkin/core/template';
+import { toneGlyph } from '../styles/tone.styles.js';
+/**
+ * Anatomy: `part="base"` with the `marker` glyph, the `label` title above the default slot, and
+ * the `end` slot for actions. Alternative templates keep the glyph and the title.
+ */
+export const alertTemplate = (alert) => html `<div part="base" class="alert">
+    <span part="marker" class="marker">${toneGlyph(alert.tone)}</span>
+    <div class="content">
+      <p part="label" class="label" ?hidden=${!alert.label}>${alert.label}</p>
+      <div class="message"><slot></slot></div>
+    </div>
+    <div class="end"><slot name="end"></slot></div>
+  </div>`;
+//# sourceMappingURL=alert.template.js.map

package/dist/alert/alert.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.template.js","sourceRoot":"","sources":["../../src/alert/alert.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAGrD;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAkB,EAAE,EAAE,CAClD,IAAI,CAAA;yCACmC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC;;8CAEhB,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK;;;;SAIhE,CAAC"}

package/dist/alert/foundation.d.ts

@@ -0,0 +1,6 @@
+export { hostStyles } from '../styles/host.styles.js';
+export { glyphStyles } from '../styles/glyphs.js';
+export { OddkinAlert } from './alert.js';
+export { alertTemplate } from './alert.template.js';
+export { alertStructuralStyles } from './alert.structural.styles.js';
+//# sourceMappingURL=foundation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.d.ts","sourceRoot":"","sources":["../../src/alert/foundation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/alert/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 { OddkinAlert } from './alert.js';
+export { alertTemplate } from './alert.template.js';
+export { alertStructuralStyles } from './alert.structural.styles.js';
+//# sourceMappingURL=foundation.js.map

package/dist/alert/foundation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.js","sourceRoot":"","sources":["../../src/alert/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,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/alert/index.d.ts

@@ -0,0 +1,6 @@
+export { OddkinAlert } from './alert.js';
+export { alertTemplate } from './alert.template.js';
+export { alertStructuralStyles } from './alert.structural.styles.js';
+export { alertStyles } from './alert.styles.js';
+export { alertDefinition } from './alert.definition.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/alert/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/alert/index.js

@@ -0,0 +1,7 @@
+// Side-effect free. Register with `@oddkin/components/define/alert`.
+export { OddkinAlert } from './alert.js';
+export { alertTemplate } from './alert.template.js';
+export { alertStructuralStyles } from './alert.structural.styles.js';
+export { alertStyles } from './alert.styles.js';
+export { alertDefinition } from './alert.definition.js';
+//# sourceMappingURL=index.js.map

package/dist/alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/alert/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/autoload/autoload.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Register `tag` if it is an Oddkin element not yet defined: resolves once its definition (and
+ * those it depends on) is registered. Unknown `odd-*` tags are reported once and resolve at once.
+ * A failed import rejects and is not kept, so a later call tries again.
+ */
+export declare function load(tag: string): Promise<void>;
+/**
+ * Register the `odd-*` elements in `root` (a document, a shadow root, or an element) and every one
+ * added under it later. Returns a function that stops observing.
+ */
+export declare function observe(root: Document | ShadowRoot | Element): () => void;
+//# sourceMappingURL=autoload.d.ts.map

package/dist/autoload/autoload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autoload.d.ts","sourceRoot":"","sources":["../../src/autoload/autoload.ts"],"names":[],"mappings":"AAkBA;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CA6B/C;AAcD;;;GAGG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,IAAI,CAazE"}

package/dist/autoload/autoload.js

@@ -0,0 +1,76 @@
+/**
+ * `@oddkin/components/autoload` (ADR 0046 D9): opt-in registration on first use. Importing it
+ * registers every `odd-*` element in the document that is not yet defined, and each one added
+ * later, by importing that tag's `define/<name>` entry (once per tag), resolved relative to this
+ * module so import maps and CDNs serve the same files. `observe(root)` does the same inside a
+ * shadow root the page creates. An `odd-*` tag that is not an Oddkin element is reported once
+ * (`autoload.tag.unknown`); a definition that fails to load is reported (`autoload.import.failed`).
+ *
+ * Explicit `define/<name>` imports stay the recommended production path: a bundler sees them,
+ * the browser can preload them, and nothing is fetched after first render. No other entry
+ * imports this module.
+ */
+import { OddkinError, reportOddkinError } from '@oddkin/core/diagnostics';
+import { DEFINED_NAMES } from './names.js';
+const known = new Set(DEFINED_NAMES);
+const requested = new Map();
+/**
+ * Register `tag` if it is an Oddkin element not yet defined: resolves once its definition (and
+ * those it depends on) is registered. Unknown `odd-*` tags are reported once and resolve at once.
+ * A failed import rejects and is not kept, so a later call tries again.
+ */
+export function load(tag) {
+    const name = tag.toLowerCase();
+    const pending = requested.get(name);
+    if (pending)
+        return pending;
+    let promise;
+    if (customElements.get(name))
+        promise = Promise.resolve();
+    else if (!name.startsWith('odd-') || !known.has(name.slice(4))) {
+        if (name.startsWith('odd-'))
+            reportOddkinError(new OddkinError('autoload.tag.unknown', `<${name}> is not an element of @oddkin/components; check the tag name, or import its definition.`), { code: 'autoload.tag.unknown', origin: name });
+        promise = Promise.resolve();
+    }
+    else {
+        const entry = name.slice(4);
+        promise = import(new URL(`../${entry}/${entry}.define.js`, import.meta.url).href).then(() => undefined, (error) => {
+            // Forget the failure so a later load() tries again.
+            requested.delete(name);
+            throw error;
+        });
+    }
+    requested.set(name, promise);
+    return promise;
+}
+/** Loads for the observer: a failed import goes to core's error handler, not `unhandledrejection`. */
+function register(tag) {
+    load(tag).catch((error) => reportOddkinError(error, { code: 'autoload.import.failed', origin: tag }));
+}
+function scan(root) {
+    for (const element of root.querySelectorAll(':not(:defined)'))
+        if (element.localName.startsWith('odd-'))
+            register(element.localName);
+}
+/**
+ * Register the `odd-*` elements in `root` (a document, a shadow root, or an element) and every one
+ * added under it later. Returns a function that stops observing.
+ */
+export function observe(root) {
+    scan(root);
+    const observer = new MutationObserver((records) => {
+        for (const record of records)
+            for (const node of record.addedNodes)
+                if (node instanceof Element) {
+                    if (node.localName.startsWith('odd-') && !customElements.get(node.localName))
+                        register(node.localName);
+                    scan(node);
+                }
+    });
+    observer.observe(root, { childList: true, subtree: true });
+    return () => observer.disconnect();
+}
+// Loading without a document (server rendering, a Node import) registers nothing.
+if (typeof document !== 'undefined')
+    observe(document);
+//# sourceMappingURL=autoload.js.map

package/dist/autoload/autoload.js.map

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

package/dist/autoload/names.d.ts

@@ -0,0 +1,2 @@
+export declare const DEFINED_NAMES: string[];
+//# sourceMappingURL=names.d.ts.map

package/dist/autoload/names.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"names.d.ts","sourceRoot":"","sources":["../../src/autoload/names.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,UAGvB,CAAC"}

package/dist/autoload/names.js

@@ -0,0 +1,4 @@
+// Generated from package.json's define/* exports by packages/components/test/autoload.test.ts
+// (UPDATE_FIXTURES=1). Do not edit.
+export const DEFINED_NAMES = 'alert avatar badge breadcrumbs button calendar card carousel checkbox checkbox-group chip color-picker combobox command-palette container copy-button date-picker dialog disclosure drawer empty-state file-input icon input listbox menu one-time-code pagination picker popover progress radio-group rating relative-time scroll-region segmented-control select side-nav skeleton slider spinner split-button split-panel stat status-marker switch tab-panel tabs textarea toast toolbar tooltip tree validation-summary'.split(' ');
+//# sourceMappingURL=names.js.map

package/dist/autoload/names.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"names.js","sourceRoot":"","sources":["../../src/autoload/names.ts"],"names":[],"mappings":"AAAA,8FAA8F;AAC9F,oCAAoC;AACpC,MAAM,CAAC,MAAM,aAAa,GACxB,8fAA8f,CAAC,KAAK,CAClgB,GAAG,CACJ,CAAC"}

package/dist/avatar/avatar.d.ts

@@ -0,0 +1,38 @@
+import { OddkinElement } from '@oddkin/core/element';
+import type { Scope } from '@oddkin/core/scope';
+declare const OddkinAvatar_base: import("@oddkin/core/element").WithProps<typeof OddkinElement, {
+    readonly label: import("@oddkin/core/element").PropDefinition<string>;
+    readonly src: import("@oddkin/core/element").PropDefinition<string>;
+    readonly size: import("@oddkin/core/element").PropDefinition<"lg" | "md" | "sm">;
+}>;
+/**
+ * A person or group marker: a picture (`src`) or, without one or when it fails to load, the
+ * initials of `label`. Content placed inside replaces the initials (a "+3" overflow count).
+ *
+ * @slot - Replaces the initials, such as "+3" at the end of a group.
+ * @csspart base - The circle.
+ * @csspart image - The picture.
+ * @cssprop --odd-avatar-size - Diameter; overrides `size`.
+ * @a11y An image named by `label` (the person's name); without `label` it is hidden from assistive technology, for a name already shown beside it.
+ * @previewRole avatar
+ * @useFor Identifying people in lists, comments, assignments, and member groups.
+ * @notFor Product or file images; decorative illustrations.
+ * @category Display
+ * @customization 1 2 3
+ */
+export declare class OddkinAvatar extends OddkinAvatar_base {
+    /** @internal The picture failed to load; reset when `src` changes. */
+    readonly _failed: import("@oddkin/core/reactive").Signal<boolean>;
+    /** @internal Image error handler used by the template. */
+    readonly _onError: () => void;
+    /** @internal Up to two initials: the first letters of the first and last words of `label`. */
+    get _initials(): string;
+    protected mounted(scope: Scope): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'odd-avatar': OddkinAvatar;
+    }
+}
+export {};
+//# sourceMappingURL=avatar.d.ts.map

package/dist/avatar/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/avatar/avatar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAQ,MAAM,sBAAsB,CAAC;AAG3D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;;;;;;AAEhD;;;;;;;;;;;;;;GAcG;AACH,qBAAa,YAAa,SAAQ,iBAWhC;IACA,sEAAsE;IACtE,QAAQ,CAAC,OAAO,kDAAiB;IACjC,0DAA0D;IAC1D,QAAQ,CAAC,QAAQ,QAAO,IAAI,CAE1B;IAEF,8FAA8F;IAC9F,IAAI,SAAS,IAAI,MAAM,CAKtB;IAED,UAAmB,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAY7C;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,YAAY,CAAC;KAC5B;CACF"}

package/dist/avatar/avatar.define.d.ts

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

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

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

package/dist/avatar/avatar.define.js

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

package/dist/avatar/avatar.define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.define.js","sourceRoot":"","sources":["../../src/avatar/avatar.define.ts"],"names":[],"mappings":"AAAA,oDAAoD;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,MAAM,CAAC,gBAAgB,CAAC,CAAC"}

package/dist/avatar/avatar.definition.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.definition.d.ts","sourceRoot":"","sources":["../../src/avatar/avatar.definition.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAK3C,eAAO,MAAM,gBAAgB,gEAK3B,CAAC"}

package/dist/avatar/avatar.definition.js

@@ -0,0 +1,13 @@
+import { compose } from '@oddkin/core/element';
+import { hostStyles } from '../styles/host.styles.js';
+import { OddkinAvatar } from './avatar.js';
+import { avatarStructuralStyles } from './avatar.structural.styles.js';
+import { avatarStyles } from './avatar.styles.js';
+import { avatarTemplate } from './avatar.template.js';
+export const avatarDefinition = compose({
+    name: 'odd-avatar',
+    element: OddkinAvatar,
+    template: avatarTemplate,
+    styles: [hostStyles, avatarStructuralStyles, avatarStyles],
+});
+//# sourceMappingURL=avatar.definition.js.map

package/dist/avatar/avatar.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.definition.js","sourceRoot":"","sources":["../../src/avatar/avatar.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,MAAM,CAAC,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACtC,IAAI,EAAE,YAAY;IAClB,OAAO,EAAE,YAAY;IACrB,QAAQ,EAAE,cAAc;IACxB,MAAM,EAAE,CAAC,UAAU,EAAE,sBAAsB,EAAE,YAAY,CAAC;CAC3D,CAAC,CAAC"}