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

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

@@ -0,0 +1 @@
+{"version":3,"file":"disclosure.definition.d.ts","sourceRoot":"","sources":["../../src/disclosure/disclosure.definition.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAKnD,eAAO,MAAM,oBAAoB,oEAK/B,CAAC"}

package/dist/disclosure/disclosure.definition.js

@@ -0,0 +1,14 @@
+import { compose } from '@oddkin/core/element';
+import { glyphStyles } from '../styles/glyphs.js';
+import { hostStyles } from '../styles/host.styles.js';
+import { OddkinDisclosure } from './disclosure.js';
+import { disclosureStructuralStyles } from './disclosure.structural.styles.js';
+import { disclosureStyles } from './disclosure.styles.js';
+import { disclosureTemplate } from './disclosure.template.js';
+export const disclosureDefinition = compose({
+    name: 'odd-disclosure',
+    element: OddkinDisclosure,
+    template: disclosureTemplate,
+    styles: [hostStyles, disclosureStructuralStyles, glyphStyles, disclosureStyles],
+});
+//# sourceMappingURL=disclosure.definition.js.map

package/dist/disclosure/disclosure.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"disclosure.definition.js","sourceRoot":"","sources":["../../src/disclosure/disclosure.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,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9D,MAAM,CAAC,MAAM,oBAAoB,GAAG,OAAO,CAAC;IAC1C,IAAI,EAAE,gBAAgB;IACtB,OAAO,EAAE,gBAAgB;IACzB,QAAQ,EAAE,kBAAkB;IAC5B,MAAM,EAAE,CAAC,UAAU,EAAE,0BAA0B,EAAE,WAAW,EAAE,gBAAgB,CAAC;CAChF,CAAC,CAAC"}

package/dist/disclosure/disclosure.js

@@ -0,0 +1,126 @@
+var _a;
+import { OddkinElement, event, prop } from '@oddkin/core/element';
+/** Re-dispatched at the host: the native `toggle` of the inner `<details>` stays in the shadow root. */
+export const disclosureToggleEvent = event('toggle', {
+    bubbles: false,
+    composed: false,
+    cancelable: false,
+    intent: 'notification',
+    description: 'A `ToggleEvent` (`oldState`, `newState`) once per change of `open`, whatever changed it, as native `<details>` reports it.',
+});
+// Connected disclosures: a group (`name`) spans shadow roots, which native `<details name>` cannot.
+const members = new Set();
+/**
+ * One trigger that shows or hides one related region: a native `<details>` and `<summary>`.
+ * Disclosures that share a `name` in the same tree form an accordion: opening one closes the
+ * others, and adjacent ones draw as one surface.
+ *
+ * @slot - The content shown while open.
+ * @csspart base - The surface.
+ * @csspart summary - The native `<summary>`: the button that opens and closes it.
+ * @csspart label - The summary text.
+ * @csspart marker - The chevron.
+ * @csspart content - The region around the default slot.
+ * @cssprop --odd-disclosure-radius - Corner radius of the surface.
+ * @cssprop --odd-disclosure-background - Background of the surface.
+ * @cssstate joined-start - The previous sibling is a disclosure of the same group; the two share a divider.
+ * @cssstate joined-end - The next sibling is a disclosure of the same group.
+ * @a11y The summary is a native disclosure button named by `label`; its expanded state comes from the platform. Content stays in the light DOM and in reading order, and find-in-page opens a closed disclosure that holds a match. Disabled: the summary leaves the Tab order and reports `aria-disabled`.
+ * @keyboard Tab reaches the summary; Enter or Space opens and closes it.
+ * @previewRole disclosure
+ * @useFor Optional detail, advanced settings, and frequently asked questions (an accordion with `name`).
+ * @notFor Switching between views (use odd-tabs); navigation menus; content everyone needs to read.
+ * @category Navigation
+ * @customization 1 2 3
+ */
+export class OddkinDisclosure extends OddkinElement.with({
+    label: prop.string({
+        default: '',
+        description: 'The summary text; names the disclosure button.',
+    }),
+    open: prop.boolean({ reflect: true, description: 'Shows the content.' }),
+    name: prop.string({
+        default: '',
+        reflect: true,
+        description: 'Exclusive group: opening one closes the others with the same name in the same tree, as native `<details name>` does.',
+    }),
+    disabled: prop.boolean({
+        reflect: true,
+        description: 'The summary cannot be activated and leaves the Tab order.',
+    }),
+}) {
+    static events = { toggle: disclosureToggleEvent };
+    /** @internal Summary activation: the host's `open` is the one source of the state. */
+    _onClick = (event) => {
+        event.preventDefault();
+        if (!this.disabled)
+            this.open = !this.open;
+    };
+    /**
+     * @internal The inner `<details>` changed. The platform may open it itself (find-in-page), so its
+     * state is taken over; the event is reported at the host, where the native one cannot reach.
+     */
+    _onToggle = (event) => {
+        const details = event.currentTarget;
+        if (details.open !== this.open)
+            this.open = details.open;
+        if (event.oldState === event.newState)
+            return;
+        this.dispatchEvent(new ToggleEvent('toggle', { oldState: event.oldState, newState: event.newState }));
+    };
+    connected(scope) {
+        members.add(this);
+        scope.add(() => {
+            members.delete(this);
+            this.#rejoin(this.name);
+        }, 'disclosure group');
+        // As native: an open disclosure inserted into a group that already has one open closes.
+        if (this.open && this.#openPeer())
+            this.open = false;
+        this.#rejoin(this.name);
+    }
+    updated(changes) {
+        if (changes.has('name')) {
+            this.#rejoin(changes.get('name'));
+            this.#rejoin(this.name);
+            if (this.open && this.#openPeer())
+                this.open = false;
+        }
+        if (changes.has('open') && this.open) {
+            for (const peer of this.#peers())
+                peer.open = false;
+        }
+    }
+    moved() {
+        this.#rejoin(this.name);
+    }
+    *#peers() {
+        if (!this.name)
+            return;
+        const root = this.getRootNode();
+        for (const other of members)
+            if (other !== this && other.name === this.name && other.getRootNode() === root)
+                yield other;
+    }
+    #openPeer() {
+        for (const peer of this.#peers())
+            if (peer.open)
+                return true;
+        return false;
+    }
+    /** Joined states of every connected member of a group, from its siblings. */
+    #rejoin(name) {
+        if (name)
+            for (const member of members)
+                if (member.name === name)
+                    member.#join();
+        this.#join();
+    }
+    #join() {
+        const joined = (sibling) => !!this.name && sibling instanceof _a && sibling.name === this.name;
+        this.setState('joined-start', joined(this.previousElementSibling));
+        this.setState('joined-end', joined(this.nextElementSibling));
+    }
+}
+_a = OddkinDisclosure;
+//# sourceMappingURL=disclosure.js.map

package/dist/disclosure/disclosure.js.map

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

package/dist/disclosure/disclosure.recipe.d.ts

@@ -0,0 +1,3 @@
+/** Arrangement of the disclosure (layout-recipes.md §14): the summary row: the marker beside the label. */
+export declare const disclosureRecipe: import("../layout/index.js").LayoutRecipe;
+//# sourceMappingURL=disclosure.recipe.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"disclosure.recipe.d.ts","sourceRoot":"","sources":["../../src/disclosure/disclosure.recipe.ts"],"names":[],"mappings":"AAGA,2GAA2G;AAC3G,eAAO,MAAM,gBAAgB,2CAK3B,CAAC"}

package/dist/disclosure/disclosure.recipe.js

@@ -0,0 +1,10 @@
+import { token } from '@oddkin/tokens/refs';
+import { defineLayoutRecipe, row } from '../layout/index.js';
+/** Arrangement of the disclosure (layout-recipes.md §14): the summary row: the marker beside the label. */
+export const disclosureRecipe = defineLayoutRecipe({
+    name: 'disclosure',
+    regions: {
+        summary: row({ gap: token('space.sm') }),
+    },
+});
+//# sourceMappingURL=disclosure.recipe.js.map

package/dist/disclosure/disclosure.recipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"disclosure.recipe.js","sourceRoot":"","sources":["../../src/disclosure/disclosure.recipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAE7D,2GAA2G;AAC3G,MAAM,CAAC,MAAM,gBAAgB,GAAG,kBAAkB,CAAC;IACjD,IAAI,EAAE,YAAY;IAClB,OAAO,EAAE;QACP,OAAO,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC;KACzC;CACF,CAAC,CAAC"}

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

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

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

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

package/dist/disclosure/disclosure.recipe.styles.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"disclosure.recipe.styles.js","sourceRoot":"","sources":["../../src/disclosure/disclosure.recipe.styles.ts"],"names":[],"mappings":"AAAA,yGAAyG;AACzG,iDAAiD;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,CAAC,MAAM,sBAAsB,GAAG,SAAS,CAC7C,6QAA6Q,CAC9Q,CAAC"}

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

@@ -0,0 +1,7 @@
+/**
+ * A summary row (text, then the chevron at the inline end; the layout recipe in
+ * `disclosure.recipe.ts`) above the content. Disclosures joined
+ * in a group share their borders. No brand or visual tokens.
+ */
+export declare const disclosureStructuralStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=disclosure.structural.styles.d.ts.map

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

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

package/dist/disclosure/disclosure.structural.styles.js

@@ -0,0 +1,56 @@
+import { css } from '@oddkin/core/styles';
+import { disclosureRecipeStyles } from './disclosure.recipe.styles.js';
+/**
+ * A summary row (text, then the chevron at the inline end; the layout recipe in
+ * `disclosure.recipe.ts`) above the content. Disclosures joined
+ * in a group share their borders. No brand or visual tokens.
+ */
+export const disclosureStructuralStyles = css `
+  ${disclosureRecipeStyles}
+  :host {
+    display: block;
+  }
+  .summary {
+    list-style: none;
+    cursor: pointer;
+  }
+  .summary:focus-visible {
+    outline: none;
+  }
+  .label {
+    flex: 1 1 auto;
+    min-inline-size: 0;
+    overflow-wrap: anywhere;
+  }
+  .marker {
+    display: inline-flex;
+    flex: none;
+  }
+  .content {
+    min-inline-size: 0;
+    overflow-wrap: anywhere;
+  }
+  :host([disabled]) .summary {
+    cursor: not-allowed;
+  }
+  :host(:state(joined-start)) .disclosure {
+    border-block-start-width: 0;
+    border-start-start-radius: 0;
+    border-start-end-radius: 0;
+  }
+  :host(:state(joined-end)) .disclosure {
+    border-block-end-width: 0;
+    border-end-start-radius: 0;
+    border-end-end-radius: 0;
+  }
+  @media (forced-colors: active) {
+    .disclosure {
+      border-color: CanvasText;
+    }
+    /* Above the skin's disabled colour. */
+    :host([disabled]) .details > .summary {
+      color: GrayText;
+    }
+  }
+`;
+//# sourceMappingURL=disclosure.structural.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"disclosure.structural.styles.js","sourceRoot":"","sources":["../../src/disclosure/disclosure.structural.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAEvE;;;;GAIG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,CAAA;IACzC,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CzB,CAAC"}

package/dist/disclosure/disclosure.styles.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Oddkin's default disclosure: Figma `Disclosure` and `Accordion` (a bordered default surface with
+ * `card/radius`, UI text, secondary content text, inset dividers, the focus ring around the
+ * surface).
+ */
+export declare const disclosureStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=disclosure.styles.d.ts.map

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

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

package/dist/disclosure/disclosure.styles.js

@@ -0,0 +1,54 @@
+import { css } from '@oddkin/core/styles';
+import { token } from '@oddkin/tokens/refs';
+/**
+ * Oddkin's default disclosure: Figma `Disclosure` and `Accordion` (a bordered default surface with
+ * `card/radius`, UI text, secondary content text, inset dividers, the focus ring around the
+ * surface).
+ */
+export const disclosureStyles = css `
+  .disclosure {
+    border: ${token('border.width.default')} solid ${token('color.border.default')};
+    border-radius: var(--odd-disclosure-radius, ${token('card.radius')});
+    background: var(--odd-disclosure-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')};
+  }
+  .disclosure:has(.summary:focus-visible) {
+    outline: ${token('focus.width')} solid ${token('color.focus.ring')};
+    outline-offset: ${token('focus.offset')};
+  }
+  .summary {
+    padding: ${token('space.md')};
+  }
+  .marker {
+    font-size: ${token('icon.size.md')};
+  }
+  .content {
+    padding: 0 ${token('space.md')} ${token('space.md')};
+    color: ${token('color.text.secondary')};
+  }
+  .content::before,
+  :host(:state(joined-start)) .disclosure::before {
+    content: '';
+    display: block;
+    block-size: ${token('border.width.default')};
+    background: ${token('color.border.default')};
+  }
+  .content::before {
+    margin-block-end: ${token('space.md')};
+  }
+  :host(:state(joined-start)) .disclosure::before {
+    margin-inline: ${token('space.md')};
+  }
+  :host(:state(joined-start)) .content::before,
+  :host(:state(joined-end)) .content::before {
+    display: none;
+  }
+  :host([disabled]) .summary {
+    color: ${token('color.text.disabled')};
+  }
+`;
+//# sourceMappingURL=disclosure.styles.js.map

package/dist/disclosure/disclosure.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"disclosure.styles.js","sourceRoot":"","sources":["../../src/disclosure/disclosure.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;cAErB,KAAK,CAAC,sBAAsB,CAAC,UAAU,KAAK,CAAC,sBAAsB,CAAC;kDAChC,KAAK,CAAC,aAAa,CAAC;mDACnB,KAAK,CAAC,uBAAuB,CAAC;aACpE,KAAK,CAAC,oBAAoB,CAAC;mBACrB,KAAK,CAAC,gBAAgB,CAAC;iBACzB,KAAK,CAAC,cAAc,CAAC;mBACnB,KAAK,CAAC,gBAAgB,CAAC;mBACvB,KAAK,CAAC,qBAAqB,CAAC;;;eAGhC,KAAK,CAAC,aAAa,CAAC,UAAU,KAAK,CAAC,kBAAkB,CAAC;sBAChD,KAAK,CAAC,cAAc,CAAC;;;eAG5B,KAAK,CAAC,UAAU,CAAC;;;iBAGf,KAAK,CAAC,cAAc,CAAC;;;iBAGrB,KAAK,CAAC,UAAU,CAAC,IAAI,KAAK,CAAC,UAAU,CAAC;aAC1C,KAAK,CAAC,sBAAsB,CAAC;;;;;;kBAMxB,KAAK,CAAC,sBAAsB,CAAC;kBAC7B,KAAK,CAAC,sBAAsB,CAAC;;;wBAGvB,KAAK,CAAC,UAAU,CAAC;;;qBAGpB,KAAK,CAAC,UAAU,CAAC;;;;;;;aAOzB,KAAK,CAAC,qBAAqB,CAAC;;CAExC,CAAC"}

package/dist/disclosure/disclosure.template.d.ts

@@ -0,0 +1,7 @@
+import type { OddkinDisclosure } from './disclosure.js';
+/**
+ * Anatomy: `part="base"` around a native `<details>` with the `summary` (the `label` text and the
+ * `marker` chevron) and the `content` region holding the default slot.
+ */
+export declare const disclosureTemplate: (disclosure: OddkinDisclosure) => import("@oddkin/core/template").TemplateResult;
+//# sourceMappingURL=disclosure.template.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"disclosure.template.d.ts","sourceRoot":"","sources":["../../src/disclosure/disclosure.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAExD;;;GAGG;AACH,eAAO,MAAM,kBAAkB,eAAgB,gBAAgB,mDAiBtD,CAAC"}

package/dist/disclosure/disclosure.template.js

@@ -0,0 +1,24 @@
+import { html } from '@oddkin/core/template';
+import { chevronDownGlyph, chevronEndGlyph } from '../styles/glyphs.js';
+/**
+ * Anatomy: `part="base"` around a native `<details>` with the `summary` (the `label` text and the
+ * `marker` chevron) and the `content` region holding the default slot.
+ */
+export const disclosureTemplate = (disclosure) => html `<div part="base" class="disclosure">
+    <details class="details" ?open=${disclosure.open} @toggle=${disclosure._onToggle}>
+      <summary
+        part="summary"
+        class="summary"
+        aria-disabled=${disclosure.disabled ? 'true' : null}
+        tabindex=${disclosure.disabled ? '-1' : null}
+        @click=${disclosure._onClick}
+      >
+        <span part="label" class="label">${disclosure.label}</span
+        ><span part="marker" class="marker"
+          >${disclosure.open ? chevronDownGlyph : chevronEndGlyph}</span
+        >
+      </summary>
+      <div part="content" class="content"><slot></slot></div>
+    </details>
+  </div>`;
+//# sourceMappingURL=disclosure.template.js.map

package/dist/disclosure/disclosure.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"disclosure.template.js","sourceRoot":"","sources":["../../src/disclosure/disclosure.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAGxE;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,UAA4B,EAAE,EAAE,CACjE,IAAI,CAAA;qCAC+B,UAAU,CAAC,IAAI,YAAY,UAAU,CAAC,SAAS;;;;wBAI5D,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;mBACxC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI;iBACnC,UAAU,CAAC,QAAQ;;2CAEO,UAAU,CAAC,KAAK;;aAE9C,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe;;;;;SAKxD,CAAC"}

package/dist/disclosure/foundation.d.ts

@@ -0,0 +1,6 @@
+export { hostStyles } from '../styles/host.styles.js';
+export { glyphStyles } from '../styles/glyphs.js';
+export { OddkinDisclosure } from './disclosure.js';
+export { disclosureTemplate } from './disclosure.template.js';
+export { disclosureStructuralStyles } from './disclosure.structural.styles.js';
+//# sourceMappingURL=foundation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.d.ts","sourceRoot":"","sources":["../../src/disclosure/foundation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAC"}

package/dist/disclosure/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 { OddkinDisclosure } from './disclosure.js';
+export { disclosureTemplate } from './disclosure.template.js';
+export { disclosureStructuralStyles } from './disclosure.structural.styles.js';
+//# sourceMappingURL=foundation.js.map

package/dist/disclosure/foundation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.js","sourceRoot":"","sources":["../../src/disclosure/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,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAC"}

package/dist/disclosure/index.d.ts

@@ -0,0 +1,6 @@
+export { OddkinDisclosure } from './disclosure.js';
+export { disclosureTemplate } from './disclosure.template.js';
+export { disclosureStructuralStyles } from './disclosure.structural.styles.js';
+export { disclosureStyles } from './disclosure.styles.js';
+export { disclosureDefinition } from './disclosure.definition.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/disclosure/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/disclosure/index.js

@@ -0,0 +1,7 @@
+// Side-effect free. Register with `@oddkin/components/define/disclosure`.
+export { OddkinDisclosure } from './disclosure.js';
+export { disclosureTemplate } from './disclosure.template.js';
+export { disclosureStructuralStyles } from './disclosure.structural.styles.js';
+export { disclosureStyles } from './disclosure.styles.js';
+export { disclosureDefinition } from './disclosure.definition.js';
+//# sourceMappingURL=index.js.map

package/dist/disclosure/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/disclosure/index.ts"],"names":[],"mappings":"AAAA,0EAA0E;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/drawer/drawer.d.ts

@@ -0,0 +1,38 @@
+import { OddkinDialog } from '../dialog/dialog.js';
+declare const OddkinDrawer_base: import("@oddkin/core/element").WithProps<typeof OddkinDialog, {
+    readonly side: import("@oddkin/core/element").PropDefinition<"inline-end" | "inline-start">;
+    readonly noModal: import("@oddkin/core/element").PropDefinition<boolean>;
+}>;
+/**
+ * A panel at an inline edge of the viewport: odd-dialog with a side-sheet layout. It is modal by
+ * default, so the rest of the page is inert until it closes; with `no-modal` the page stays usable
+ * beside it. `side` is logical, so it mirrors in right-to-left text.
+ *
+ * @slot - The body.
+ * @slot header - Under the title: a subtitle or a status.
+ * @slot footer - The actions, at the inline end.
+ * @csspart dialog - The `<dialog>` panel.
+ * @csspart header - The title, the header slot, and the close button, above a divider.
+ * @csspart title - The title.
+ * @csspart body - The body, which scrolls.
+ * @csspart footer - The actions, under a divider; hidden while the slot is empty.
+ * @csspart close - The close button.
+ * @cssprop --odd-drawer-inline-size - Its width, within the viewport.
+ * @a11y A `dialog`, or an `alertdialog` with `alert`, named by `label` (the title). Opening it moves focus to the slotted element with `autofocus`, else the first control in the body or footer, else the close button. Modal, everything outside is inert while it is open; with `no-modal`, focus may leave it. Closing it returns focus to the element that had it when it opened, unless focus has moved elsewhere. The close button is named by `strings.close`.
+ * @keyboard Escape closes it unless `closedby="none"`. Modal, Tab and Shift+Tab move through its controls only.
+ * @previewRole drawer
+ * @useFor Details or a task beside the page that keeps its context: an item's properties, filters, settings.
+ * @notFor A decision that must be made first (use odd-dialog); extra detail next to its trigger (use odd-popover); a passing confirmation (use odd-toast).
+ * @category Overlays
+ * @customization 1 2 3
+ */
+export declare class OddkinDrawer extends OddkinDrawer_base {
+    protected _modal(): boolean;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'odd-drawer': OddkinDrawer;
+    }
+}
+export {};
+//# sourceMappingURL=drawer.d.ts.map

package/dist/drawer/drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/drawer/drawer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;;;;;AAEnD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBAAa,YAAa,SAAQ,iBAWhC;IACA,UAAmB,MAAM,IAAI,OAAO,CAEnC;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,YAAY,CAAC;KAC5B;CACF"}

package/dist/drawer/drawer.define.d.ts

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

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

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

package/dist/drawer/drawer.define.js

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

package/dist/drawer/drawer.define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.define.js","sourceRoot":"","sources":["../../src/drawer/drawer.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/drawer/drawer.definition.d.ts

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

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

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

package/dist/drawer/drawer.definition.js

@@ -0,0 +1,29 @@
+import { compose } from '@oddkin/core/element';
+import { dialogStructuralStyles } from '../dialog/dialog.structural.styles.js';
+import { dialogStyles } from '../dialog/dialog.styles.js';
+import { overlaySurfaceStructuralStyles } from '../styles/overlay-surface.structural.styles.js';
+import { glyphStyles } from '../styles/glyphs.js';
+import { focusRingStyles } from '../styles/focus-ring.styles.js';
+import { overlaySurfaceStyles } from '../styles/overlay-surface.styles.js';
+import { hostStyles } from '../styles/host.styles.js';
+import { OddkinDrawer } from './drawer.js';
+import { drawerStructuralStyles } from './drawer.structural.styles.js';
+import { drawerStyles } from './drawer.styles.js';
+import { drawerTemplate } from './drawer.template.js';
+export const drawerDefinition = compose({
+    name: 'odd-drawer',
+    element: OddkinDrawer,
+    template: drawerTemplate,
+    styles: [
+        hostStyles,
+        dialogStructuralStyles,
+        drawerStructuralStyles,
+        overlaySurfaceStructuralStyles,
+        glyphStyles,
+        focusRingStyles,
+        overlaySurfaceStyles,
+        dialogStyles,
+        drawerStyles,
+    ],
+});
+//# sourceMappingURL=drawer.definition.js.map

package/dist/drawer/drawer.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.definition.js","sourceRoot":"","sources":["../../src/drawer/drawer.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,8BAA8B,EAAE,MAAM,gDAAgD,CAAC;AAChG,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,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;QACN,UAAU;QACV,sBAAsB;QACtB,sBAAsB;QACtB,8BAA8B;QAC9B,WAAW;QACX,eAAe;QACf,oBAAoB;QACpB,YAAY;QACZ,YAAY;KACb;CACF,CAAC,CAAC"}

package/dist/drawer/drawer.js

@@ -0,0 +1,40 @@
+import { prop } from '@oddkin/core/element';
+import { OddkinDialog } from '../dialog/dialog.js';
+/**
+ * A panel at an inline edge of the viewport: odd-dialog with a side-sheet layout. It is modal by
+ * default, so the rest of the page is inert until it closes; with `no-modal` the page stays usable
+ * beside it. `side` is logical, so it mirrors in right-to-left text.
+ *
+ * @slot - The body.
+ * @slot header - Under the title: a subtitle or a status.
+ * @slot footer - The actions, at the inline end.
+ * @csspart dialog - The `<dialog>` panel.
+ * @csspart header - The title, the header slot, and the close button, above a divider.
+ * @csspart title - The title.
+ * @csspart body - The body, which scrolls.
+ * @csspart footer - The actions, under a divider; hidden while the slot is empty.
+ * @csspart close - The close button.
+ * @cssprop --odd-drawer-inline-size - Its width, within the viewport.
+ * @a11y A `dialog`, or an `alertdialog` with `alert`, named by `label` (the title). Opening it moves focus to the slotted element with `autofocus`, else the first control in the body or footer, else the close button. Modal, everything outside is inert while it is open; with `no-modal`, focus may leave it. Closing it returns focus to the element that had it when it opened, unless focus has moved elsewhere. The close button is named by `strings.close`.
+ * @keyboard Escape closes it unless `closedby="none"`. Modal, Tab and Shift+Tab move through its controls only.
+ * @previewRole drawer
+ * @useFor Details or a task beside the page that keeps its context: an item's properties, filters, settings.
+ * @notFor A decision that must be made first (use odd-dialog); extra detail next to its trigger (use odd-popover); a passing confirmation (use odd-toast).
+ * @category Overlays
+ * @customization 1 2 3
+ */
+export class OddkinDrawer extends OddkinDialog.with({
+    side: prop.enum(['inline-end', 'inline-start'], {
+        default: 'inline-end',
+        reflect: true,
+        description: 'The edge it opens at: `inline-end` is the right in left-to-right text and the left in right-to-left text.',
+    }),
+    noModal: prop.boolean({
+        description: 'Leaves the page usable while it is open: no backdrop, nothing inert, and focus may leave it.',
+    }),
+}) {
+    _modal() {
+        return !this.noModal;
+    }
+}
+//# sourceMappingURL=drawer.js.map

package/dist/drawer/drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../src/drawer/drawer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,OAAO,YAAa,SAAQ,YAAY,CAAC,IAAI,CAAC;IAClD,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,YAAY,EAAE,cAAc,CAAC,EAAE;QAC9C,OAAO,EAAE,YAAY;QACrB,OAAO,EAAE,IAAI;QACb,WAAW,EACT,2GAA2G;KAC9G,CAAC;IACF,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC;QACpB,WAAW,EACT,8FAA8F;KACjG,CAAC;CACH,CAAC;IACmB,MAAM;QACvB,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC;IACvB,CAAC;CACF"}

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

@@ -0,0 +1,9 @@
+/**
+ * The side-sheet layout over odd-dialog's column: fixed at one inline edge for the full height of
+ * the viewport, modal (in the top layer) or not (`dialog.show()` leaves a dialog in the flow, so it
+ * is fixed here). `side` is logical, so the margins mirror in right-to-left text. The divider under
+ * the header is `.header::after`; in forced colours, which paint backgrounds as Canvas, it is a
+ * border instead. No brand or visual tokens.
+ */
+export declare const drawerStructuralStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=drawer.structural.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.structural.styles.d.ts","sourceRoot":"","sources":["../../src/drawer/drawer.structural.styles.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,yCA8BlC,CAAC"}