@orange-halo/components 2.1.0 → 3.0.0

package/dist/oh-skip-link.js.map

@@ -1 +1 @@
-{"version":3,"file":"oh-skip-link.js","sourceRoot":"","sources":["../src/oh-skip-link.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;;;;;;;AAEH,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAG3C,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,SAAS;IAAlC;;QAuFL,SAAI,GAAG,OAAO,CAAC;QAGf,SAAI,GAAG,sBAAsB,CAAC;IAahC,CAAC;aAtGiB,WAAM,GAAG;QACvB,UAAU;QACV,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgFF;KACF,AAnFqB,CAmFpB;IAQF,MAAM;QACJ,OAAO,IAAI,CAAA;;;eAGA,IAAI,CAAC,IAAI;qBACH,IAAI,CAAC,IAAI;;UAEpB,IAAI,CAAC,IAAI;;KAEd,CAAC;IACJ,CAAC;;AAfD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCACZ;AAGf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCACG;AA1FnB,UAAU;IADtB,aAAa,CAAC,cAAc,CAAC;GACjB,UAAU,CAuGtB"}
+{"version":3,"file":"oh-skip-link.js","sourceRoot":"","sources":["../src/oh-skip-link.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;;;;;;;AAEH,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAElD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEI,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,SAAS;IAAlC;;QAoFL,SAAI,GAAG,OAAO,CAAC;QAGf,SAAI,GAAG,sBAAsB,CAAC;IAShC,CAAC;aA/FiB,WAAM,GAAG;QACvB,UAAU;QACV,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6EF;KACF,AAhFqB,CAgFpB;IAQF,MAAM;QACJ,OAAO,IAAI,CAAA;kCACmB,IAAI,CAAC,IAAI,eAAe,IAAI,CAAC,IAAI;UACzD,IAAI,CAAC,IAAI;;KAEd,CAAC;IACJ,CAAC;;AAXD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCACZ;AAGf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCACG;AAvFnB,UAAU;IADtB,aAAa,CAAC,cAAc,CAAC;GACjB,UAAU,CAgGtB"}

package/dist/oh-stack.d.ts

@@ -1,27 +1,30 @@
 /**
  * oh-stack
  *
- * Vertical spacing between children.
- * Creates consistent vertical rhythm without manual margins.
- *
  * DESIGN DECISIONS:
  * ─────────────────
- * 1. SPACING SCALE
- *    - Uses design token spacing values
- *    - xs: 4px, sm: 8px, md: 16px, lg: 24px, xl: 32px, 2xl: 48px
+ * 1. A flex column; `gap` maps named steps to `spacing.*` tokens, so
+ *    children need no margins.
+ * 2. Cross-axis alignment: start, center, end, stretch (default).
+ */
+import { OhElement } from "./base.js";
+export type StackGap = "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+export type StackAlign = "start" | "center" | "end" | "stretch";
+/**
+ * A vertical layout that spaces its children evenly, top to bottom.
  *
- * 2. FLEX COLUMN LAYOUT
- *    - Simple vertical stacking
- *    - Gap property for consistent spacing
+ * **Use it for** consistent vertical rhythm without margins on children.
+ * **Don't use it for** items in a row (use `oh-cluster`) or a grid of cards
+ * (use `oh-grid`).
  *
- * 3. ALIGNMENT OPTIONS
- *    - start, center, end, stretch
+ * **Gaps:** `gap` is `none`, `xs` (`spacing.1`), `sm` (`spacing.2`), `md`
+ * (default, `spacing.4`), `lg` (`spacing.6`), `xl` (`spacing.8`) or `2xl`
+ * (`spacing.12`). `align` sets horizontal alignment: `start`, `center`,
+ * `end` or `stretch` (default).
  *
  * @element oh-stack
+ * @slot - The items to stack.
  */
-import { OhElement } from "./base.js";
-export type StackGap = "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
-export type StackAlign = "start" | "center" | "end" | "stretch";
 export declare class OhStack extends OhElement {
     static styles: import("lit").CSSResult[];
     gap: StackGap;

package/dist/oh-stack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"oh-stack.d.ts","sourceRoot":"","sources":["../src/oh-stack.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAIH,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AACzE,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AAEhE,qBACa,OAAQ,SAAQ,SAAS;IACpC,OAAgB,MAAM,4BA4DpB;IAGF,GAAG,EAAE,QAAQ,CAAQ;IAGrB,KAAK,EAAE,UAAU,CAAa;IAE9B,MAAM;CAGP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
+{"version":3,"file":"oh-stack.d.ts","sourceRoot":"","sources":["../src/oh-stack.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AACzE,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AAEhE;;;;;;;;;;;;;;GAcG;AACH,qBACa,OAAQ,SAAQ,SAAS;IACpC,OAAgB,MAAM,4BAuDpB;IAGF,GAAG,EAAE,QAAQ,CAAQ;IAGrB,KAAK,EAAE,UAAU,CAAa;IAE9B,MAAM;CAGP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/dist/oh-stack.js

@@ -1,23 +1,11 @@
 /**
  * oh-stack
  *
- * Vertical spacing between children.
- * Creates consistent vertical rhythm without manual margins.
- *
  * DESIGN DECISIONS:
  * ─────────────────
- * 1. SPACING SCALE
- *    - Uses design token spacing values
- *    - xs: 4px, sm: 8px, md: 16px, lg: 24px, xl: 32px, 2xl: 48px
- *
- * 2. FLEX COLUMN LAYOUT
- *    - Simple vertical stacking
- *    - Gap property for consistent spacing
- *
- * 3. ALIGNMENT OPTIONS
- *    - start, center, end, stretch
- *
- * @element oh-stack
+ * 1. A flex column; `gap` maps named steps to `spacing.*` tokens, so
+ *    children need no margins.
+ * 2. Cross-axis alignment: start, center, end, stretch (default).
  */
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -28,6 +16,21 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { html, css } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { OhElement, baseStyles } from "./base.js";
+/**
+ * A vertical layout that spaces its children evenly, top to bottom.
+ *
+ * **Use it for** consistent vertical rhythm without margins on children.
+ * **Don't use it for** items in a row (use `oh-cluster`) or a grid of cards
+ * (use `oh-grid`).
+ *
+ * **Gaps:** `gap` is `none`, `xs` (`spacing.1`), `sm` (`spacing.2`), `md`
+ * (default, `spacing.4`), `lg` (`spacing.6`), `xl` (`spacing.8`) or `2xl`
+ * (`spacing.12`). `align` sets horizontal alignment: `start`, `center`,
+ * `end` or `stretch` (default).
+ *
+ * @element oh-stack
+ * @slot - The items to stack.
+ */
 let OhStack = class OhStack extends OhElement {
     constructor() {
         super(...arguments);
@@ -37,11 +40,6 @@ let OhStack = class OhStack extends OhElement {
     static { this.styles = [
         baseStyles,
         css `
-      /* ═══════════════════════════════════════════════════════════════
-         ORANGE HALO STACK
-         Vertical spacing • Consistent rhythm • Flexible alignment
-         ═══════════════════════════════════════════════════════════════ */
-
       :host {
         display: flex;
         flex-direction: column;

package/dist/oh-stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"oh-stack.js","sourceRoot":"","sources":["../src/oh-stack.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;;;;;;;AAEH,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAM3C,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,SAAS;IAA/B;;QAgEL,QAAG,GAAa,IAAI,CAAC;QAGrB,UAAK,GAAe,SAAS,CAAC;IAKhC,CAAC;aAvEiB,WAAM,GAAG;QACvB,UAAU;QACV,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyDF;KACF,AA5DqB,CA4DpB;IAQF,MAAM;QACJ,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AAPD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oCACrB;AAGrB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCACZ;AAnEnB,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CAwEnB"}
+{"version":3,"file":"oh-stack.js","sourceRoot":"","sources":["../src/oh-stack.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;;;;;;;AAEH,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAKlD;;;;;;;;;;;;;;GAcG;AAEI,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,SAAS;IAA/B;;QA2DL,QAAG,GAAa,IAAI,CAAC;QAGrB,UAAK,GAAe,SAAS,CAAC;IAKhC,CAAC;aAlEiB,WAAM,GAAG;QACvB,UAAU;QACV,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoDF;KACF,AAvDqB,CAuDpB;IAQF,MAAM;QACJ,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AAPD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oCACrB;AAGrB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCACZ;AA9DnB,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CAmEnB"}

package/dist/oh-tabs.d.ts

@@ -1,28 +1,17 @@
 /**
  * oh-tabs
  *
- * Accessible tabbed interface with full keyboard support.
- *
- * ACCESSIBILITY FEATURES:
- * ───────────────────────
- * - Full ARIA support (tablist, tab, tabpanel roles)
- * - Roving tabindex for keyboard navigation
- * - Manual activation (arrow keys move focus, Enter/Space activates)
- * - Home/End jump to first/last tab
- * - Focus moves to panel content after activation
- * - Focus indicators meet WCAG requirements
- * - Panels properly hidden from assistive tech when inactive
- *
- * KEYBOARD INTERACTIONS:
- * ──────────────────────
- * - Left Arrow: Move focus to previous tab (wraps to last)
- * - Right Arrow: Move focus to next tab (wraps to first)
- * - Home: Move focus to first tab
- * - End: Move focus to last tab
- * - Enter/Space: Activate focused tab and move focus to panel
- * - Tab: Move focus out of tablist
- *
- * @element oh-tabs
+ * DESIGN DECISIONS:
+ * ─────────────────
+ * 1. WAI-ARIA tabs pattern: tablist / tab / tabpanel roles, roving tabindex,
+ *    inactive panels `hidden`.
+ * 2. Manual activation: arrow keys and Home/End move focus only;
+ *    Enter/Space selects and moves focus into the panel. Tab leaves the
+ *    tablist.
+ * 3. The selected tab joins the panel: it shares the panel's surface and
+ *    border, and covers the panel's top border beneath it.
+ * 4. Focus is a solid underline on the tab label (and an outline on the
+ *    panel), never colour alone.
  */
 import { OhElement } from "./base.js";
 export interface TabItem {
@@ -30,16 +19,52 @@ export interface TabItem {
     label: string;
     content?: string;
 }
+/**
+ * A set of tabs that switches between panels of related content in the same place.
+ *
+ * **Use it for** a few peer sections of content where only one needs to be
+ * seen at a time. **Don't use it for** navigating between pages (use links
+ * or `oh-navbar`), or for content people need to compare side by side.
+ *
+ * **Parts:** pass `items`, an array of `{ id, label, content? }`. A panel
+ * shows `content` as text, or else the light-DOM element with
+ * `slot="<id>"`. `value` is the selected tab's `id` (defaults to the first).
+ *
+ * **States:** each tab is selected or not; unselected tabs show an underline
+ * on hover.
+ *
+ * **Behaviour:** click selects a tab. Arrow keys move focus between tabs and
+ * wrap (Left/Right, or Up/Down when `orientation="vertical"`; orientation
+ * changes the keys only, not the layout); Home/End jump to the first/last.
+ * Enter or Space selects the focused tab and moves focus to its panel.
+ * Selecting a different tab fires `oh-change`. Transitions are cut short
+ * under `prefers-reduced-motion`.
+ *
+ * **Accessibility:** tablist/tab/tabpanel roles with `aria-selected`,
+ * `aria-controls` and `aria-labelledby`; one tab is in the tab order at a
+ * time; inactive panels are `hidden`; the active panel is focusable. Keyboard
+ * focus shows a solid underline on the tab label and an outline on the panel.
+ * Keep labels short.
+ *
+ * **Look:** set by tokens — `color.brand.primary` the unselected tabs and
+ * their hover underline (`decoration.underlineThickness`,
+ * `decoration.underlineDash`, `decoration.underlinePeriod`);
+ * `color.text.primary`, `color.surface.base` and `color.border.emphasis` the
+ * selected tab and panel; `stroke.control` the borders; `shape.control` the
+ * tab corners and `shape.container` the panel corners;
+ * `typography.body.*` and `typography.label.base.fontWeight` the text;
+ * `spacing.*` the padding; `motion.snappy` and `motion.relaxed` the
+ * transitions.
+ *
+ * @element oh-tabs
+ * @fires oh-change - When a different tab is selected. `detail: { value }`, the tab's `id`.
+ */
 export declare class OhTabs extends OhElement {
     static styles: import("lit").CSSResult[];
-    /**
-     * Array of tab items with id, label, and optional content
-     */
-    tabs: TabItem[];
-    /**
-     * ID of the currently selected tab
-     */
-    selected: string;
+    /** The tabs: `{ id, label, content? }`. In HTML, a JSON array */
+    items: TabItem[];
+    /** The selected tab's `id`. Defaults to the first tab */
+    value: string;
     /**
      * Orientation of the tabs (affects arrow key behavior)
      */

package/dist/oh-tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"oh-tabs.d.ts","sourceRoot":"","sources":["../src/oh-tabs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAIH,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,qBACa,MAAO,SAAQ,SAAS;IACnC,OAAgB,MAAM,4BAwKpB;IAEF;;OAEG;IAEH,IAAI,EAAE,OAAO,EAAE,CAAM;IAErB;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,WAAW,EAAE,YAAY,GAAG,UAAU,CAAgB;IAEtD;;OAEG;IAEH,OAAO,CAAC,aAAa,CAAK;IAE1B;;OAEG;IACH,OAAO,CAAC,SAAS,CAAwD;IAEhE,iBAAiB;IAUjB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAMxD;;;OAGG;YACW,cAAc;IAmE5B;;OAEG;IACH,OAAO,CAAC,WAAW;IAMnB;;OAEG;IACH,OAAO,CAAC,SAAS;IAKjB;;OAEG;IACH,OAAO,CAAC,UAAU;IAalB;;OAEG;IACH,OAAO,CAAC,eAAe;IAKvB,MAAM;CAyDP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}
+{"version":3,"file":"oh-tabs.d.ts","sourceRoot":"","sources":["../src/oh-tabs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAIH,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,qBACa,MAAO,SAAQ,SAAS;IACnC,OAAgB,MAAM,4BAqKpB;IAEF,iEAAiE;IAEjE,KAAK,EAAE,OAAO,EAAE,CAAM;IAEtB,yDAAyD;IAEzD,KAAK,SAAM;IAEX;;OAEG;IAEH,WAAW,EAAE,YAAY,GAAG,UAAU,CAAgB;IAEtD;;OAEG;IAEH,OAAO,CAAC,aAAa,CAAK;IAE1B;;OAEG;IACH,OAAO,CAAC,SAAS,CAAwD;IAEhE,iBAAiB;IAajB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAMxD;;;OAGG;YACW,cAAc;IAuE5B;;OAEG;IACH,OAAO,CAAC,WAAW;IAMnB;;OAEG;IACH,OAAO,CAAC,SAAS;IAMjB;;OAEG;IACH,OAAO,CAAC,UAAU;IASlB;;OAEG;IACH,OAAO,CAAC,eAAe;IAKvB,MAAM;CA2DP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/dist/oh-tabs.js

@@ -1,28 +1,17 @@
 /**
  * oh-tabs
  *
- * Accessible tabbed interface with full keyboard support.
- *
- * ACCESSIBILITY FEATURES:
- * ───────────────────────
- * - Full ARIA support (tablist, tab, tabpanel roles)
- * - Roving tabindex for keyboard navigation
- * - Manual activation (arrow keys move focus, Enter/Space activates)
- * - Home/End jump to first/last tab
- * - Focus moves to panel content after activation
- * - Focus indicators meet WCAG requirements
- * - Panels properly hidden from assistive tech when inactive
- *
- * KEYBOARD INTERACTIONS:
- * ──────────────────────
- * - Left Arrow: Move focus to previous tab (wraps to last)
- * - Right Arrow: Move focus to next tab (wraps to first)
- * - Home: Move focus to first tab
- * - End: Move focus to last tab
- * - Enter/Space: Activate focused tab and move focus to panel
- * - Tab: Move focus out of tablist
- *
- * @element oh-tabs
+ * DESIGN DECISIONS:
+ * ─────────────────
+ * 1. WAI-ARIA tabs pattern: tablist / tab / tabpanel roles, roving tabindex,
+ *    inactive panels `hidden`.
+ * 2. Manual activation: arrow keys and Home/End move focus only;
+ *    Enter/Space selects and moves focus into the panel. Tab leaves the
+ *    tablist.
+ * 3. The selected tab joins the panel: it shares the panel's surface and
+ *    border, and covers the panel's top border beneath it.
+ * 4. Focus is a solid underline on the tab label (and an outline on the
+ *    panel), never colour alone.
  */
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -33,17 +22,53 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { html, css } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import { OhElement, baseStyles } from "./base.js";
+/**
+ * A set of tabs that switches between panels of related content in the same place.
+ *
+ * **Use it for** a few peer sections of content where only one needs to be
+ * seen at a time. **Don't use it for** navigating between pages (use links
+ * or `oh-navbar`), or for content people need to compare side by side.
+ *
+ * **Parts:** pass `items`, an array of `{ id, label, content? }`. A panel
+ * shows `content` as text, or else the light-DOM element with
+ * `slot="<id>"`. `value` is the selected tab's `id` (defaults to the first).
+ *
+ * **States:** each tab is selected or not; unselected tabs show an underline
+ * on hover.
+ *
+ * **Behaviour:** click selects a tab. Arrow keys move focus between tabs and
+ * wrap (Left/Right, or Up/Down when `orientation="vertical"`; orientation
+ * changes the keys only, not the layout); Home/End jump to the first/last.
+ * Enter or Space selects the focused tab and moves focus to its panel.
+ * Selecting a different tab fires `oh-change`. Transitions are cut short
+ * under `prefers-reduced-motion`.
+ *
+ * **Accessibility:** tablist/tab/tabpanel roles with `aria-selected`,
+ * `aria-controls` and `aria-labelledby`; one tab is in the tab order at a
+ * time; inactive panels are `hidden`; the active panel is focusable. Keyboard
+ * focus shows a solid underline on the tab label and an outline on the panel.
+ * Keep labels short.
+ *
+ * **Look:** set by tokens — `color.brand.primary` the unselected tabs and
+ * their hover underline (`decoration.underlineThickness`,
+ * `decoration.underlineDash`, `decoration.underlinePeriod`);
+ * `color.text.primary`, `color.surface.base` and `color.border.emphasis` the
+ * selected tab and panel; `stroke.control` the borders; `shape.control` the
+ * tab corners and `shape.container` the panel corners;
+ * `typography.body.*` and `typography.label.base.fontWeight` the text;
+ * `spacing.*` the padding; `motion.snappy` and `motion.relaxed` the
+ * transitions.
+ *
+ * @element oh-tabs
+ * @fires oh-change - When a different tab is selected. `detail: { value }`, the tab's `id`.
+ */
 let OhTabs = class OhTabs extends OhElement {
     constructor() {
         super(...arguments);
-        /**
-         * Array of tab items with id, label, and optional content
-         */
-        this.tabs = [];
-        /**
-         * ID of the currently selected tab
-         */
-        this.selected = "";
+        /** The tabs: `{ id, label, content? }`. In HTML, a JSON array */
+        this.items = [];
+        /** The selected tab's `id`. Defaults to the first tab */
+        this.value = "";
         /**
          * Orientation of the tabs (affects arrow key behavior)
          */
@@ -60,11 +85,6 @@ let OhTabs = class OhTabs extends OhElement {
     static { this.styles = [
         baseStyles,
         css `
-      /* ═══════════════════════════════════════════════════════════════
-         ORANGE HALO TABS
-         Chunky • Playful • Accessible
-         ═══════════════════════════════════════════════════════════════ */
-
       :host {
         display: block;
         font-family: var(--oh-typography-body-font-family);
@@ -83,7 +103,7 @@ let OhTabs = class OhTabs extends OhElement {
 
       /* ═══════════════════════════════════════════════════════════════
          INDIVIDUAL TAB BUTTONS
-         Clean inactive state, chunky selected state
+         Transparent unselected state; selected state joins the panel
          ═══════════════════════════════════════════════════════════════ */
 
       .tab {
@@ -98,27 +118,27 @@ let OhTabs = class OhTabs extends OhElement {
         border-bottom: none;
         border-radius: var(--oh-shape-control) var(--oh-shape-control) 0 0;
         cursor: pointer;
-        
+
         /* No shadow for inactive tabs */
         box-shadow: none;
-        
+
         /* Position above the border line */
         margin-bottom: -2.5px;
-        
-        transition: 
+
+        transition:
           color var(--oh-motion-snappy) ease,
           background-color var(--oh-motion-snappy) ease,
           border-color var(--oh-motion-snappy) ease,
           box-shadow var(--oh-motion-snappy) ease;
       }
 
-      /* Dashed underline pseudo-element for animation */
+      /* Hover underline pseudo-element (animatable), shaped by decoration tokens */
       .tab__label {
         position: relative;
       }
 
       .tab:not([aria-selected="true"]) .tab__label::after {
-        content: '';
+        content: "";
         position: absolute;
         left: 0;
         right: 0;
@@ -146,7 +166,7 @@ let OhTabs = class OhTabs extends OhElement {
 
       /* ═══════════════════════════════════════════════════════════════
          SELECTED TAB STATE
-         Uses grey for a softer look (4.3:1 contrast against cream bg)
+         color.text.primary on color.surface.base, bordered like the panel
          ═══════════════════════════════════════════════════════════════ */
 
       .tab[aria-selected="true"] {
@@ -185,14 +205,16 @@ let OhTabs = class OhTabs extends OhElement {
 
       /* ═══════════════════════════════════════════════════════════════
          TAB PANEL
-         Content area with warm styling, rounded top-right corner
+         Shares the selected tab's surface and border; square top-left
+         corner while the first tab is selected
          ═══════════════════════════════════════════════════════════════ */
 
       .tabpanel {
         padding: var(--oh-spacing-6);
         background: var(--oh-color-surface-base);
         border: var(--oh-stroke-control) solid var(--oh-color-border-emphasis);
-        border-radius: 0 var(--oh-shape-container) var(--oh-shape-container) var(--oh-shape-container);
+        border-radius: 0 var(--oh-shape-container) var(--oh-shape-container)
+          var(--oh-shape-container);
         color: var(--oh-color-text-primary);
       }
 
@@ -229,15 +251,15 @@ let OhTabs = class OhTabs extends OhElement {
     connectedCallback() {
         super.connectedCallback();
         // Set initial selected tab if not specified
-        if (!this.selected && this.tabs.length > 0) {
-            this.selected = this.tabs[0].id;
+        if (!this.value && this.items.length > 0) {
+            this.value = this.items[0].id;
         }
         // Set initial focused index to match selected
-        this._focusedIndex = Math.max(0, this.tabs.findIndex(t => t.id === this.selected));
+        this._focusedIndex = Math.max(0, this.items.findIndex((t) => t.id === this.value));
     }
     updated(changedProperties) {
-        if (changedProperties.has("tabs") && this.tabs.length > 0 && !this.selected) {
-            this.selected = this.tabs[0].id;
+        if (changedProperties.has("tabs") && this.items.length > 0 && !this.value) {
+            this.value = this.items[0].id;
         }
     }
     /**
@@ -246,7 +268,7 @@ let OhTabs = class OhTabs extends OhElement {
      */
     async _handleKeyDown(e) {
         const { key } = e;
-        const tabCount = this.tabs.length;
+        const tabCount = this.items.length;
         if (tabCount === 0)
             return;
         let newIndex = this._focusedIndex;
@@ -255,25 +277,29 @@ let OhTabs = class OhTabs extends OhElement {
         switch (key) {
             case "ArrowLeft":
                 if (this.orientation === "horizontal") {
-                    newIndex = this._focusedIndex === 0 ? tabCount - 1 : this._focusedIndex - 1;
+                    newIndex =
+                        this._focusedIndex === 0 ? tabCount - 1 : this._focusedIndex - 1;
                     handled = true;
                 }
                 break;
             case "ArrowRight":
                 if (this.orientation === "horizontal") {
-                    newIndex = this._focusedIndex === tabCount - 1 ? 0 : this._focusedIndex + 1;
+                    newIndex =
+                        this._focusedIndex === tabCount - 1 ? 0 : this._focusedIndex + 1;
                     handled = true;
                 }
                 break;
             case "ArrowUp":
                 if (this.orientation === "vertical") {
-                    newIndex = this._focusedIndex === 0 ? tabCount - 1 : this._focusedIndex - 1;
+                    newIndex =
+                        this._focusedIndex === 0 ? tabCount - 1 : this._focusedIndex - 1;
                     handled = true;
                 }
                 break;
             case "ArrowDown":
                 if (this.orientation === "vertical") {
-                    newIndex = this._focusedIndex === tabCount - 1 ? 0 : this._focusedIndex + 1;
+                    newIndex =
+                        this._focusedIndex === tabCount - 1 ? 0 : this._focusedIndex + 1;
                     handled = true;
                 }
                 break;
@@ -295,10 +321,10 @@ let OhTabs = class OhTabs extends OhElement {
             e.preventDefault();
             if (shouldActivate) {
                 // Activate the currently focused tab
-                this._selectTab(this.tabs[this._focusedIndex].id);
+                this._selectTab(this.items[this._focusedIndex].id);
                 // Wait for render to complete, then move focus to panel
                 await this.updateComplete;
-                this._focusPanel(this.tabs[this._focusedIndex].id);
+                this._focusPanel(this.items[this._focusedIndex].id);
             }
             else if (newIndex !== this._focusedIndex) {
                 // Just move focus to the new tab (don't activate)
@@ -319,21 +345,17 @@ let OhTabs = class OhTabs extends OhElement {
      * Focus a specific tab button
      */
     _focusTab(index) {
-        const tabButtons = this.shadowRoot?.querySelectorAll('.tab');
+        const tabButtons = this.shadowRoot?.querySelectorAll(".tab");
         tabButtons?.[index]?.focus();
     }
     /**
      * Select a tab and dispatch change event
      */
     _selectTab(tabId) {
-        if (this.selected !== tabId) {
-            this.selected = tabId;
-            this._focusedIndex = this.tabs.findIndex(t => t.id === tabId);
-            this.dispatchEvent(new CustomEvent("tab-change", {
-                detail: { tabId },
-                bubbles: true,
-                composed: true,
-            }));
+        if (this.value !== tabId) {
+            this.value = tabId;
+            this._focusedIndex = this.items.findIndex((t) => t.id === tabId);
+            this.emit("oh-change", { value: tabId });
         }
     }
     /**
@@ -347,14 +369,14 @@ let OhTabs = class OhTabs extends OhElement {
         return html `
       <div class="tabs-container">
         <!-- Tab List -->
-        <div 
+        <div
           class="tablist"
           role="tablist"
           aria-orientation=${this.orientation}
           @keydown=${this._handleKeyDown}
         >
-          ${this.tabs.map((tab, index) => {
-            const isSelected = tab.id === this.selected;
+          ${this.items.map((tab, index) => {
+            const isSelected = tab.id === this.value;
             const tabId = `${this._idPrefix}-tab-${tab.id}`;
             const panelId = `${this._idPrefix}-panel-${tab.id}`;
             return html `
@@ -374,14 +396,16 @@ let OhTabs = class OhTabs extends OhElement {
         </div>
 
         <!-- Tab Panels -->
-        ${this.tabs.map((tab) => {
-            const isSelected = tab.id === this.selected;
+        ${this.items.map((tab) => {
+            const isSelected = tab.id === this.value;
             const tabId = `${this._idPrefix}-tab-${tab.id}`;
             const panelId = `${this._idPrefix}-panel-${tab.id}`;
-            const isFirstTabSelected = this.tabs.length > 0 && this.selected === this.tabs[0].id;
+            const isFirstTabSelected = this.items.length > 0 && this.value === this.items[0].id;
             return html `
             <div
-              class="tabpanel ${!isFirstTabSelected ? 'tabpanel--rounded-top-left' : ''}"
+              class="tabpanel ${!isFirstTabSelected
+                ? "tabpanel--rounded-top-left"
+                : ""}"
               role="tabpanel"
               id=${panelId}
               aria-labelledby=${tabId}
@@ -400,10 +424,10 @@ let OhTabs = class OhTabs extends OhElement {
 };
 __decorate([
     property({ type: Array })
-], OhTabs.prototype, "tabs", void 0);
+], OhTabs.prototype, "items", void 0);
 __decorate([
-    property({ type: String, reflect: true, attribute: "selected" })
-], OhTabs.prototype, "selected", void 0);
+    property({ type: String, reflect: true })
+], OhTabs.prototype, "value", void 0);
 __decorate([
     property({ type: String })
 ], OhTabs.prototype, "orientation", void 0);

package/dist/oh-tabs.js.map

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