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

package/dist/spinner/spinner.structural.styles.js

@@ -0,0 +1,16 @@
+import { css } from '@oddkin/core/styles';
+/** Inline layout of the ring and its text. No brand or visual tokens. */
+export const spinnerStructuralStyles = css `
+  :host {
+    display: inline-block;
+    vertical-align: middle;
+  }
+  .base {
+    display: inline-flex;
+    align-items: center;
+  }
+  .text {
+    overflow-wrap: anywhere;
+  }
+`;
+//# sourceMappingURL=spinner.structural.styles.js.map

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

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

package/dist/spinner/spinner.styles.d.ts

@@ -0,0 +1,3 @@
+/** Oddkin's default spinner: Figma `spinner` (action arc on the border track, UI text). */
+export declare const spinnerElementStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=spinner.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.styles.d.ts","sourceRoot":"","sources":["../../src/spinner/spinner.styles.ts"],"names":[],"mappings":"AAGA,2FAA2F;AAC3F,eAAO,MAAM,oBAAoB,yCAwBhC,CAAC"}

package/dist/spinner/spinner.styles.js

@@ -0,0 +1,29 @@
+import { css } from '@oddkin/core/styles';
+import { token } from '@oddkin/tokens/refs';
+/** Oddkin's default spinner: Figma `spinner` (action arc on the border track, UI text). */
+export const spinnerElementStyles = css `
+  .base {
+    gap: ${token('space.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')};
+  }
+  :host([size='sm']) .base {
+    gap: ${token('space.sm')};
+  }
+  .base .spinner {
+    font-size: ${token('icon.size.md')};
+    border-color: ${token('color.border.default')};
+    border-block-start-color: var(--odd-spinner-color, ${token('color.action.default')});
+    border-inline-end-color: var(--odd-spinner-color, ${token('color.action.default')});
+  }
+  :host([size='sm']) .base .spinner {
+    font-size: ${token('icon.size.sm')};
+  }
+  :host([size='lg']) .base .spinner {
+    font-size: ${token('icon.size.lg')};
+  }
+`;
+//# sourceMappingURL=spinner.styles.js.map

package/dist/spinner/spinner.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.styles.js","sourceRoot":"","sources":["../../src/spinner/spinner.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C,2FAA2F;AAC3F,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA;;WAE5B,KAAK,CAAC,UAAU,CAAC;aACf,KAAK,CAAC,sBAAsB,CAAC;mBACvB,KAAK,CAAC,gBAAgB,CAAC;iBACzB,KAAK,CAAC,cAAc,CAAC;mBACnB,KAAK,CAAC,gBAAgB,CAAC;mBACvB,KAAK,CAAC,qBAAqB,CAAC;;;WAGpC,KAAK,CAAC,UAAU,CAAC;;;iBAGX,KAAK,CAAC,cAAc,CAAC;oBAClB,KAAK,CAAC,sBAAsB,CAAC;yDACQ,KAAK,CAAC,sBAAsB,CAAC;wDAC9B,KAAK,CAAC,sBAAsB,CAAC;;;iBAGpE,KAAK,CAAC,cAAc,CAAC;;;iBAGrB,KAAK,CAAC,cAAc,CAAC;;CAErC,CAAC"}

package/dist/spinner/spinner.template.d.ts

@@ -0,0 +1,7 @@
+import type { OddkinSpinner } from './spinner.js';
+/**
+ * Anatomy: `part="base"` with `role="progressbar"` named by the text beside the `indicator`: the
+ * slotted text when present, otherwise `label` (or the built-in "Loading"), visually hidden.
+ */
+export declare const spinnerTemplate: (spinner: OddkinSpinner) => import("@oddkin/core/template").TemplateResult;
+//# sourceMappingURL=spinner.template.d.ts.map

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

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

package/dist/spinner/spinner.template.js

@@ -0,0 +1,14 @@
+import { html } from '@oddkin/core/template';
+/**
+ * Anatomy: `part="base"` with `role="progressbar"` named by the text beside the `indicator`: the
+ * slotted text when present, otherwise `label` (or the built-in "Loading"), visually hidden.
+ */
+export const spinnerTemplate = (spinner) => html `<span part="base" class="base" role="progressbar" aria-labelledby="text"
+    ><span part="indicator" class="spinner"></span
+    ><span id="text" class=${spinner._hasText.value ? 'text' : 'visually-hidden'}
+      ><slot @slotchange=${spinner._onSlotChange}
+        >${spinner.label || spinner._strings.loading}</slot
+      ></span
+    ></span
+  >`;
+//# sourceMappingURL=spinner.template.js.map

package/dist/spinner/spinner.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.template.js","sourceRoot":"","sources":["../../src/spinner/spinner.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAG7C;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,OAAsB,EAAE,EAAE,CACxD,IAAI,CAAA;;6BAEuB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB;2BACrD,OAAO,CAAC,aAAa;WACrC,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,QAAQ,CAAC,OAAO;;;IAGhD,CAAC"}

package/dist/split-button/foundation.d.ts

@@ -0,0 +1,6 @@
+export { hostStyles } from '../styles/host.styles.js';
+export { spinnerStyles } from '../styles/spinner.styles.js';
+export { OddkinSplitButton } from './split-button.js';
+export { splitButtonTemplate } from './split-button.template.js';
+export { splitButtonStructuralStyles } from './split-button.structural.styles.js';
+//# sourceMappingURL=foundation.d.ts.map

package/dist/split-button/foundation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.d.ts","sourceRoot":"","sources":["../../src/split-button/foundation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC"}

package/dist/split-button/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 { spinnerStyles } from '../styles/spinner.styles.js';
+export { OddkinSplitButton } from './split-button.js';
+export { splitButtonTemplate } from './split-button.template.js';
+export { splitButtonStructuralStyles } from './split-button.structural.styles.js';
+//# sourceMappingURL=foundation.js.map

package/dist/split-button/foundation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.js","sourceRoot":"","sources":["../../src/split-button/foundation.ts"],"names":[],"mappings":"AAAA,+FAA+F;AAC/F,8EAA8E;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC"}

package/dist/split-button/index.d.ts

@@ -0,0 +1,6 @@
+export { OddkinSplitButton } from './split-button.js';
+export { splitButtonTemplate } from './split-button.template.js';
+export { splitButtonStructuralStyles } from './split-button.structural.styles.js';
+export { splitButtonStyles } from './split-button.styles.js';
+export { splitButtonDefinition } from './split-button.definition.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/split-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/split-button/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/split-button/index.js

@@ -0,0 +1,7 @@
+// Side-effect free. Register with `@oddkin/components/define/split-button`.
+export { OddkinSplitButton } from './split-button.js';
+export { splitButtonTemplate } from './split-button.template.js';
+export { splitButtonStructuralStyles } from './split-button.structural.styles.js';
+export { splitButtonStyles } from './split-button.styles.js';
+export { splitButtonDefinition } from './split-button.definition.js';
+//# sourceMappingURL=index.js.map

package/dist/split-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/split-button/index.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/split-button/split-button.d.ts

@@ -0,0 +1,67 @@
+import { OddkinElement, type ElementEvents } from '@oddkin/core/element';
+import type { Readable } from '@oddkin/core/reactive';
+import type { Scope } from '@oddkin/core/scope';
+import { type MenuItemRecord } from '../collection/collection.js';
+import type { NavigationActionDetail } from '../side-nav/side-nav.js';
+export type { MenuItemRecord } from '../collection/collection.js';
+export declare const SPLIT_BUTTON_STRINGS: {
+    more: string;
+};
+/** The primary half was pressed, or a menu item was chosen (cancel that to keep the menu open). */
+export declare const splitActionEvent: import("@oddkin/core/element").EventDefinition<NavigationActionDetail>;
+declare const OddkinSplitButton_base: import("@oddkin/core/element").WithProps<typeof OddkinElement, {
+    readonly value: import("@oddkin/core/element").PropDefinition<string>;
+    readonly items: import("@oddkin/core/element").PropDefinition<readonly MenuItemRecord[] | undefined>;
+    readonly appearance: import("@oddkin/core/element").PropDefinition<"ghost" | "primary" | "secondary">;
+    readonly size: import("@oddkin/core/element").PropDefinition<"lg" | "md" | "sm">;
+    readonly disabled: import("@oddkin/core/element").PropDefinition<boolean>;
+    readonly loading: import("@oddkin/core/element").PropDefinition<boolean>;
+    readonly strings: import("@oddkin/core/element").PropDefinition<Partial<{
+        more: string;
+    }> | undefined>;
+}>;
+/**
+ * A primary action with a menu of related actions beside it: two independent targets in one
+ * element, a primary button and a menu button (odd-menu, whose parts it forwards). Menu items come from `<option value>`
+ * (the value is the item's `id`), `<optgroup label>`, and `<hr>` children, or from `items`; other
+ * children are the primary button's content.
+ *
+ * @slot - The primary button's content.
+ * @csspart primary - The primary button.
+ * @csspart spinner - The loading indicator in the primary button.
+ * @csspart trigger - The button that opens the menu.
+ * @csspart menu - Every menu surface: the menu and its submenus.
+ * @csspart submenu - Each submenu surface.
+ * @csspart item - Each menu item.
+ * @csspart group - Each group's heading.
+ * @csspart separator - Each separator.
+ * @a11y Two buttons in the Tab order: the primary action, named by its content, and the menu button, named by `strings.more` (with `aria-haspopup="menu"` and `aria-expanded`). `loading` keeps the primary button focusable and sets `aria-disabled`; announce progress separately if it matters.
+ * @keyboard Tab moves between the two buttons. The menu button follows odd-menu: Enter, Space, and Down open the menu on its first item, Up on its last.
+ * @previewRole splitAction
+ * @useFor A frequent action with a few alternatives: "Save" with "Save as" and "Save a copy", "Merge" with merge strategies.
+ * @notFor Unrelated actions (use separate buttons or odd-toolbar); only a list of actions (use odd-menu).
+ * @category Actions
+ * @customization 1 2 3
+ */
+export declare class OddkinSplitButton extends OddkinSplitButton_base {
+    #private;
+    static shadowRootOptions: ShadowRootInit;
+    static events: {
+        'odd-action': import("@oddkin/core/element").EventDefinition<NavigationActionDetail>;
+    };
+    readonly _events?: ElementEvents<typeof OddkinSplitButton>;
+    /** @internal The menu's entries. */
+    readonly _items: Readable<readonly MenuItemRecord[]>;
+    /** @internal The menu button's name. */
+    get _moreLabel(): string;
+    /** @internal Template handler: the primary half reports its action. */
+    readonly _onPrimaryClick: () => void;
+    protected connected(scope: Scope): void;
+    protected mounted(scope: Scope): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'odd-split-button': OddkinSplitButton;
+    }
+}
+//# sourceMappingURL=split-button.d.ts.map

package/dist/split-button/split-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-button.d.ts","sourceRoot":"","sources":["../../src/split-button/split-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,aAAa,EAAQ,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAEtF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAIL,KAAK,cAAc,EACpB,MAAM,6BAA6B,CAAC;AACrC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAEtE,YAAY,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAElE,eAAO,MAAM,oBAAoB;IAAK,IAAI;CAAkB,CAAC;AAE7D,mGAAmG;AACnG,eAAO,MAAM,gBAAgB,wEAO3B,CAAC;;;;;;;;;;;;AAEH;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBAAa,iBAAkB,SAAQ,sBA2BrC;;IAEA,OAAgB,iBAAiB,EAAE,cAAc,CAI/C;IACF,OAAgB,MAAM;QAAK,YAAY;MAAqB;IAC5D,SAAiB,OAAO,CAAC,EAAE,aAAa,CAAC,OAAO,iBAAiB,CAAC,CAAC;IASnE,oCAAoC;IACpC,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC,SAAS,cAAc,EAAE,CAAC,CAAwB;IAE5E,wCAAwC;IACxC,IAAI,UAAU,IAAI,MAAM,CAEvB;IAED,uEAAuE;IACvE,QAAQ,CAAC,eAAe,QAAO,IAAI,CAGjC;IAEF,UAAmB,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAE/C;IAED,UAAmB,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAE7C;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,iBAAiB,CAAC;KACvC;CACF"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"split-button.define.js","sourceRoot":"","sources":["../../src/split-button/split-button.define.ts"],"names":[],"mappings":"AAAA,0DAA0D;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAErE,MAAM,CAAC,qBAAqB,CAAC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"split-button.definition.d.ts","sourceRoot":"","sources":["../../src/split-button/split-button.definition.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAKtD,eAAO,MAAM,qBAAqB,qEAchC,CAAC"}

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

@@ -0,0 +1,26 @@
+import { compose } from '@oddkin/core/element';
+import { nativeButtonStyles } from '../button/button.native.styles.js';
+import { menuDefinition } from '../menu/menu.definition.js';
+import { focusRingStyles } from '../styles/focus-ring.styles.js';
+import { hostStyles } from '../styles/host.styles.js';
+import { spinnerStyles } from '../styles/spinner.styles.js';
+import { OddkinSplitButton } from './split-button.js';
+import { splitButtonStructuralStyles } from './split-button.structural.styles.js';
+import { splitButtonStyles } from './split-button.styles.js';
+import { splitButtonTemplate } from './split-button.template.js';
+export const splitButtonDefinition = compose({
+    name: 'odd-split-button',
+    element: OddkinSplitButton,
+    template: splitButtonTemplate,
+    styles: [
+        hostStyles,
+        spinnerStyles,
+        focusRingStyles,
+        nativeButtonStyles,
+        splitButtonStructuralStyles,
+        splitButtonStyles,
+    ],
+    // The menu half is a complete odd-menu.
+    dependencies: { menu: menuDefinition },
+});
+//# sourceMappingURL=split-button.definition.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"split-button.definition.js","sourceRoot":"","sources":["../../src/split-button/split-button.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEjE,MAAM,CAAC,MAAM,qBAAqB,GAAG,OAAO,CAAC;IAC3C,IAAI,EAAE,kBAAkB;IACxB,OAAO,EAAE,iBAAiB;IAC1B,QAAQ,EAAE,mBAAmB;IAC7B,MAAM,EAAE;QACN,UAAU;QACV,aAAa;QACb,eAAe;QACf,kBAAkB;QAClB,2BAA2B;QAC3B,iBAAiB;KAClB;IACD,wCAAwC;IACxC,YAAY,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE;CACvC,CAAC,CAAC"}

package/dist/split-button/split-button.js

@@ -0,0 +1,95 @@
+import { event, OddkinElement, prop } from '@oddkin/core/element';
+import { strings } from '@oddkin/core/i18n';
+import { assignContent, CollectionSource, readMenuItems, } from '../collection/collection.js';
+export const SPLIT_BUTTON_STRINGS = { more: 'More actions' };
+/** The primary half was pressed, or a menu item was chosen (cancel that to keep the menu open). */
+export const splitActionEvent = event('odd-action', {
+    bubbles: true,
+    composed: true,
+    cancelable: true,
+    intent: 'user',
+    description: 'The primary half reports `{ id: value, action: "primary" }`; a menu item reports `{ id, action: "select" }`, and cancelling that keeps the menu open.',
+});
+/**
+ * A primary action with a menu of related actions beside it: two independent targets in one
+ * element, a primary button and a menu button (odd-menu, whose parts it forwards). Menu items come from `<option value>`
+ * (the value is the item's `id`), `<optgroup label>`, and `<hr>` children, or from `items`; other
+ * children are the primary button's content.
+ *
+ * @slot - The primary button's content.
+ * @csspart primary - The primary button.
+ * @csspart spinner - The loading indicator in the primary button.
+ * @csspart trigger - The button that opens the menu.
+ * @csspart menu - Every menu surface: the menu and its submenus.
+ * @csspart submenu - Each submenu surface.
+ * @csspart item - Each menu item.
+ * @csspart group - Each group's heading.
+ * @csspart separator - Each separator.
+ * @a11y Two buttons in the Tab order: the primary action, named by its content, and the menu button, named by `strings.more` (with `aria-haspopup="menu"` and `aria-expanded`). `loading` keeps the primary button focusable and sets `aria-disabled`; announce progress separately if it matters.
+ * @keyboard Tab moves between the two buttons. The menu button follows odd-menu: Enter, Space, and Down open the menu on its first item, Up on its last.
+ * @previewRole splitAction
+ * @useFor A frequent action with a few alternatives: "Save" with "Save as" and "Save a copy", "Merge" with merge strategies.
+ * @notFor Unrelated actions (use separate buttons or odd-toolbar); only a list of actions (use odd-menu).
+ * @category Actions
+ * @customization 1 2 3
+ */
+export class OddkinSplitButton extends OddkinElement.with({
+    value: prop.string({
+        default: '',
+        description: 'Reported as the `odd-action` detail `id` when the primary half is pressed.',
+    }),
+    items: prop.object({
+        description: "The menu's entries; when set, `<option>`, `<optgroup>`, and `<hr>` children are ignored.",
+    }),
+    appearance: prop.enum(['primary', 'secondary', 'ghost'], {
+        default: 'secondary',
+        reflect: true,
+        description: 'Visual emphasis of both halves, as on odd-button.',
+    }),
+    size: prop.enum(['sm', 'md', 'lg'], {
+        default: 'md',
+        reflect: true,
+        description: 'Size of both halves, as on odd-button.',
+    }),
+    disabled: prop.boolean({ reflect: true, description: 'Disables both halves.' }),
+    loading: prop.boolean({
+        reflect: true,
+        description: 'Shows a busy indicator in the primary half, which then ignores presses.',
+    }),
+    strings: prop.object({
+        description: 'Localized string overrides.',
+    }),
+}) {
+    // Manual assignment: the default slot takes the primary content, never the item children.
+    static shadowRootOptions = {
+        mode: 'open',
+        delegatesFocus: true,
+        slotAssignment: 'manual',
+    };
+    static events = { 'odd-action': splitActionEvent };
+    #source = new CollectionSource({
+        host: this,
+        name: 'items',
+        property: () => this.items,
+        read: readMenuItems,
+    });
+    /** @internal The menu's entries. */
+    _items = this.#source.records;
+    /** @internal The menu button's name. */
+    get _moreLabel() {
+        return strings(SPLIT_BUTTON_STRINGS, this.strings).more;
+    }
+    /** @internal Template handler: the primary half reports its action. */
+    _onPrimaryClick = () => {
+        if (this.disabled || this.loading)
+            return;
+        this.emit(splitActionEvent, { id: this.value, action: 'primary' });
+    };
+    connected(scope) {
+        scope.use(this.#source);
+    }
+    mounted(scope) {
+        assignContent(scope, this, () => this.shadowRoot?.querySelector('slot'));
+    }
+}
+//# sourceMappingURL=split-button.js.map

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

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

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

@@ -0,0 +1,3 @@
+/** The split button lays its two buttons out in a row. No brand tokens. */
+export declare const splitButtonStructuralStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=split-button.structural.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"split-button.structural.styles.d.ts","sourceRoot":"","sources":["../../src/split-button/split-button.structural.styles.ts"],"names":[],"mappings":"AAEA,2EAA2E;AAC3E,eAAO,MAAM,2BAA2B,yCAKvC,CAAC"}

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

@@ -0,0 +1,9 @@
+import { css } from '@oddkin/core/styles';
+/** The split button lays its two buttons out in a row. No brand tokens. */
+export const splitButtonStructuralStyles = css `
+  :host {
+    display: inline-flex;
+    vertical-align: middle;
+  }
+`;
+//# sourceMappingURL=split-button.structural.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"split-button.structural.styles.js","sourceRoot":"","sources":["../../src/split-button/split-button.structural.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C,2EAA2E;AAC3E,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,CAAA;;;;;CAK7C,CAAC"}

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

@@ -0,0 +1,6 @@
+/**
+ * Oddkin's default split-button look beyond the button look of both halves (Figma `splitAction`):
+ * two separate buttons a small gap apart.
+ */
+export declare const splitButtonStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=split-button.styles.d.ts.map

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

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

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

@@ -0,0 +1,12 @@
+import { css } from '@oddkin/core/styles';
+import { token } from '@oddkin/tokens/refs';
+/**
+ * Oddkin's default split-button look beyond the button look of both halves (Figma `splitAction`):
+ * two separate buttons a small gap apart.
+ */
+export const splitButtonStyles = css `
+  :host {
+    gap: ${token('space.2xs')};
+  }
+`;
+//# sourceMappingURL=split-button.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"split-button.styles.js","sourceRoot":"","sources":["../../src/split-button/split-button.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,iBAAiB,GAAG,GAAG,CAAA;;WAEzB,KAAK,CAAC,WAAW,CAAC;;CAE5B,CAAC"}

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

@@ -0,0 +1,10 @@
+import type { OddkinSplitButton } from './split-button.js';
+/**
+ * Anatomy: the `primary` part (a native `<button>` with the button look, the default slot, and the
+ * `spinner` part while loading) and an `odd-menu` with a glyph-only trigger named by
+ * `strings.more`, whose `trigger`, `menu`, `submenu`, `item`, `group`, and `separator` parts it
+ * forwards (`exportparts`).
+ * The menu's `odd-action` events cross this shadow root as they are.
+ */
+export declare const splitButtonTemplate: (split: OddkinSplitButton) => import("@oddkin/core/template").TemplateResult;
+//# sourceMappingURL=split-button.template.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"split-button.template.d.ts","sourceRoot":"","sources":["../../src/split-button/split-button.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAE3D;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,UAAW,iBAAiB,mDAqB3C,CAAC"}

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

@@ -0,0 +1,30 @@
+import { html } from '@oddkin/core/template';
+/**
+ * Anatomy: the `primary` part (a native `<button>` with the button look, the default slot, and the
+ * `spinner` part while loading) and an `odd-menu` with a glyph-only trigger named by
+ * `strings.more`, whose `trigger`, `menu`, `submenu`, `item`, `group`, and `separator` parts it
+ * forwards (`exportparts`).
+ * The menu's `odd-action` events cross this shadow root as they are.
+ */
+export const splitButtonTemplate = (split) => html `<button
+      part="primary"
+      class="odd-button"
+      type="button"
+      data-appearance=${split.appearance}
+      data-size=${split.size}
+      ?disabled=${split.disabled}
+      aria-disabled=${split.loading ? 'true' : null}
+      @click=${split._onPrimaryClick}
+    >
+      <span part="spinner" class="spinner" aria-hidden="true" ?hidden=${!split.loading}></span>
+      <slot></slot>
+    </button>
+    <odd-menu
+      exportparts="trigger, menu, submenu, item, group, separator"
+      label=${split._moreLabel}
+      appearance=${split.appearance}
+      size=${split.size}
+      ?disabled=${split.disabled}
+      .items=${split._items.value}
+    ></odd-menu>`;
+//# sourceMappingURL=split-button.template.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"split-button.template.js","sourceRoot":"","sources":["../../src/split-button/split-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAG7C;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAAwB,EAAE,EAAE,CAC9D,IAAI,CAAA;;;;wBAIkB,KAAK,CAAC,UAAU;kBACtB,KAAK,CAAC,IAAI;kBACV,KAAK,CAAC,QAAQ;sBACV,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;eACpC,KAAK,CAAC,eAAe;;wEAEoC,CAAC,KAAK,CAAC,OAAO;;;;;cAKxE,KAAK,CAAC,UAAU;mBACX,KAAK,CAAC,UAAU;aACtB,KAAK,CAAC,IAAI;kBACL,KAAK,CAAC,QAAQ;eACjB,KAAK,CAAC,MAAM,CAAC,KAAK;iBAChB,CAAC"}

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

@@ -0,0 +1,6 @@
+export { hostStyles } from '../styles/host.styles.js';
+export { glyphStyles } from '../styles/glyphs.js';
+export { OddkinSplitPanel } from './split-panel.js';
+export { splitPanelTemplate } from './split-panel.template.js';
+export { splitPanelStructuralStyles } from './split-panel.structural.styles.js';
+//# sourceMappingURL=foundation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.d.ts","sourceRoot":"","sources":["../../src/split-panel/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,kBAAkB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC"}

package/dist/split-panel/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 { OddkinSplitPanel } from './split-panel.js';
+export { splitPanelTemplate } from './split-panel.template.js';
+export { splitPanelStructuralStyles } from './split-panel.structural.styles.js';
+//# sourceMappingURL=foundation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.js","sourceRoot":"","sources":["../../src/split-panel/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,kBAAkB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC"}

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

@@ -0,0 +1,6 @@
+export { OddkinSplitPanel } from './split-panel.js';
+export { splitPanelTemplate } from './split-panel.template.js';
+export { splitPanelStructuralStyles } from './split-panel.structural.styles.js';
+export { splitPanelStyles } from './split-panel.styles.js';
+export { splitPanelDefinition } from './split-panel.definition.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/split-panel/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/split-panel/index.js

@@ -0,0 +1,7 @@
+// Side-effect free. Register with `@oddkin/components/define/split-panel`.
+export { OddkinSplitPanel } from './split-panel.js';
+export { splitPanelTemplate } from './split-panel.template.js';
+export { splitPanelStructuralStyles } from './split-panel.structural.styles.js';
+export { splitPanelStyles } from './split-panel.styles.js';
+export { splitPanelDefinition } from './split-panel.definition.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/split-panel/index.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC"}

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

@@ -0,0 +1,66 @@
+import { OddkinElement, type ElementEvents } from '@oddkin/core/element';
+import type { Scope } from '@oddkin/core/scope';
+export declare const SPLIT_PANEL_STRINGS: {
+    label: string;
+};
+/** While dragging and after each key: `position` (or `collapsed`) has changed. */
+export declare const splitPanelInputEvent: import("@oddkin/core/element").EventDefinition<void>;
+/** When a drag ends with a new position, and after each key that changed it. */
+export declare const splitPanelChangeEvent: import("@oddkin/core/element").EventDefinition<void>;
+declare const OddkinSplitPanel_base: import("@oddkin/core/element").WithProps<typeof OddkinElement, {
+    readonly orientation: import("@oddkin/core/element").PropDefinition<"horizontal" | "vertical">;
+    readonly position: import("@oddkin/core/element").PropDefinition<number>;
+    readonly min: import("@oddkin/core/element").PropDefinition<number>;
+    readonly max: import("@oddkin/core/element").PropDefinition<number>;
+    readonly collapsed: import("@oddkin/core/element").PropDefinition<boolean>;
+    readonly label: import("@oddkin/core/element").PropDefinition<string>;
+    readonly strings: import("@oddkin/core/element").PropDefinition<Partial<{
+        label: string;
+    }> | undefined>;
+}>;
+/**
+ * Two panes side by side or stacked, with a separator the user drags or moves with the keyboard
+ * (APG window splitter). Nest split panels for more panes.
+ *
+ * @slot start - The first pane (inline start, or top when stacked); the separator sets its size.
+ * @slot end - The second pane; it takes the rest.
+ * @csspart base - The grid of both panes and the separator.
+ * @csspart start - The wrapper of the start pane (hidden while collapsed).
+ * @csspart separator - The separator.
+ * @csspart end - The wrapper of the end pane.
+ * @cssprop --odd-split-panel-separator-size - Thickness of the separator.
+ * @a11y The separator is a focusable `separator` named by `label` (default `strings.label`, "Resize") with `aria-valuenow` (the start pane's size in percent, 0 while collapsed), `aria-valuemin`, `aria-valuemax`, and `aria-controls` naming the start pane. A collapsed start pane is hidden, so its content leaves the Tab order and the accessibility tree. Name each pane's content (for example with headings) so the separator's purpose is clear.
+ * @keyboard Tab reaches the separator. Left and Right move it by 1% (Up and Down when stacked; mirrored right to left); Home and End go to `min` and `max`; Enter collapses the start pane or restores it.
+ * @previewRole splitPanel
+ * @useFor Two regions the user resizes, such as a file list beside an editor or a preview under code.
+ * @notFor A fixed page layout (use the layout recipes); hiding content without resizing (use odd-disclosure).
+ * @limitation Stacked panes need a height on the element; side-by-side panes take their content's height.
+ * @category Layout
+ * @customization 1 2 3
+ */
+export declare class OddkinSplitPanel extends OddkinSplitPanel_base {
+    static events: {
+        input: import("@oddkin/core/element").EventDefinition<void>;
+        change: import("@oddkin/core/element").EventDefinition<void>;
+    };
+    readonly _events?: ElementEvents<typeof OddkinSplitPanel>;
+    /** @internal True while the separator is dragged. */
+    readonly _dragging: import("@oddkin/core/reactive").Signal<boolean>;
+    /** @internal The limits, within 0 to 100, `max` never under `min`. */
+    get _min(): number;
+    get _max(): number;
+    /** @internal The start pane's size as shown: `position` within the limits, 0 while collapsed. */
+    get _shown(): number;
+    /** @internal The separator's name. */
+    get _label(): string;
+    /** @internal Enter on the separator collapses the start pane or restores it. */
+    readonly _onKeydown: (event: KeyboardEvent) => void;
+    protected mounted(scope: Scope): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'odd-split-panel': OddkinSplitPanel;
+    }
+}
+export {};
+//# sourceMappingURL=split-panel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"split-panel.d.ts","sourceRoot":"","sources":["../../src/split-panel/split-panel.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAe,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAGtF,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAEhD,eAAO,MAAM,mBAAmB;IAAK,KAAK;CAAY,CAAC;AAEvD,kFAAkF;AAClF,eAAO,MAAM,oBAAoB,sDAM/B,CAAC;AACH,gFAAgF;AAChF,eAAO,MAAM,qBAAqB,sDAKhC,CAAC;;;;;;;;;;;;AAEH;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBAAa,gBAAiB,SAAQ,qBAoBpC;IACA,OAAgB,MAAM;QAAK,KAAK;QAAwB,MAAM;MAA0B;IACxF,SAAiB,OAAO,CAAC,EAAE,aAAa,CAAC,OAAO,gBAAgB,CAAC,CAAC;IAElE,qDAAqD;IACrD,QAAQ,CAAC,SAAS,kDAAiB;IAEnC,sEAAsE;IACtE,IAAI,IAAI,IAAI,MAAM,CAEjB;IACD,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,iGAAiG;IACjG,IAAI,MAAM,IAAI,MAAM,CAEnB;IAED,sCAAsC;IACtC,IAAI,MAAM,IAAI,MAAM,CAEnB;IAED,gFAAgF;IAChF,QAAQ,CAAC,UAAU,UAAW,aAAa,KAAG,IAAI,CAMhD;IAEF,UAAmB,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAmB7C;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,gBAAgB,CAAC;KACrC;CACF"}