@f-ewald/components 1.19.0 → 1.20.0

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["export { AnimateConfetti } from \"./animate-confetti.js\";\nexport { GalleryItem } from \"./gallery-item.js\";\nexport { GalleryItemVariant } from \"./gallery-item-variant.js\";\nexport {\n  PhotoGallery,\n  type PhotoGalleryChangeReason,\n  type PhotoGalleryObjectFit,\n  type PhotoGallerySlideChangeDetail,\n} from \"./photo-gallery.js\";\nexport { RevealButton } from \"./reveal-button.js\";\nexport { RomanNumeral } from \"./roman-numeral.js\";\nexport { ConfirmDialog } from \"./confirm-dialog.js\";\nexport { ContentDivider } from \"./content-divider.js\";\nexport {\n  ToastNotification,\n  notifySuccess,\n  notifyError,\n  notifyInfo,\n  notifyWarning,\n  type ToastVariant,\n} from \"./toast-notification.js\";\nexport { ScrollToBottom } from \"./scroll-to-bottom.js\";\nexport { ScrollToTop } from \"./scroll-to-top.js\";\nexport { SlidePanel } from \"./slide-panel.js\";\nexport { CopyLinkButton } from \"./copy-link-button.js\";\nexport { RelativeTime } from \"./relative-time.js\";\nexport { DistanceValue } from \"./distance-value.js\";\nexport { PriceHistoryChart, type PricePoint } from \"./price-history-chart.js\";\nexport { DistributionChart, type DistributionValue } from \"./distribution-chart.js\";\nexport { PercentBarChart, type PercentBarGroup } from \"./percent-bar-chart.js\";\nexport { WeightBarChart, type WeightBarItem } from \"./weight-bar-chart.js\";\nexport {\n  AddressAutocomplete,\n  type AddressSuggestion,\n} from \"./address-autocomplete.js\";\nexport {\n  AutocompleteInput,\n  type AutocompleteOption,\n} from \"./autocomplete-input.js\";\nexport { UserAvatar } from \"./user-avatar.js\";\nexport { MapPin } from \"./map-pin.js\";\nexport { MapCircle } from \"./map-circle.js\";\nexport { MapboxMap } from \"./mapbox-map.js\";\nexport { RadioCards, type RadioCardOption } from \"./radio-cards.js\";\nexport { RadioPills, type RadioPillOption } from \"./radio-pills.js\";\nexport { RangeSlider } from \"./range-slider.js\";\nexport { ButtonGroup, type ButtonGroupOption } from \"./button-group.js\";\nexport { UiButton, type ButtonVariant } from \"./ui-button.js\";\nexport { StatMeter } from \"./stat-meter.js\";\nexport { StatusPill, type StatusPillColor } from \"./status-pill.js\";\nexport { EditableText } from \"./editable-text.js\";\nexport { LiveTimer } from \"./live-timer.js\";\nexport { LoadMore } from \"./load-more.js\";\nexport { LoadingSpinner } from \"./loading-spinner.js\";\nexport { LoadingDots } from \"./loading-dots.js\";\nexport {\n  ChatMessage,\n  type ChatMessageRole,\n  type ChatMessageVariant,\n} from \"./chat-message.js\";\nexport { UiCheckbox } from \"./ui-checkbox.js\";\nexport { FormField } from \"./form-field.js\";\nexport { FormSelect, type SelectOption } from \"./form-select.js\";\nexport {\n  MultiSelect,\n  type MultiSelectOption,\n  type MultiSelectVariant,\n} from \"./multi-select.js\";\nexport { DataTable, type DataTableColumn } from \"./data-table.js\";\nexport { TileGrid } from \"./tile-grid.js\";\nexport { TreeView, type TreeNode } from \"./tree-view.js\";\nexport { PopoverPanel } from \"./popover-panel.js\";\nexport { DropdownButton, type DropdownOption } from \"./dropdown-button.js\";\nexport { IconButton } from \"./icon-button.js\";\nexport { KbdHint, type KbdPlatform } from \"./kbd-hint.js\";\nexport { FrameBox } from \"./frame-box.js\";\nexport { AppShell, type SidebarToggleDetail } from \"./app-shell.js\";\nexport { AppSidebar } from \"./app-sidebar.js\";\nexport { ActionBar } from \"./action-bar.js\";\nexport { PageHeader } from \"./page-header.js\";\nexport { PaginationNav, type PageChangeDetail } from \"./pagination-nav.js\";\nexport { FormActions } from \"./form-actions.js\";\nexport { TimelineContainer } from \"./timeline-container.js\";\nexport { TimelineEntry } from \"./timeline-entry.js\";\nexport { CalendarEntry } from \"./calendar-entry.js\";\nexport { CalendarMonth } from \"./calendar-month.js\";\nexport { CalendarYear } from \"./calendar-year.js\";\nexport {\n  KanbanBoard,\n  type KanbanCardData,\n  type KanbanColumnData,\n  type KanbanCardMoveDetail,\n  type KanbanCardOpenDetail,\n} from \"./kanban-board.js\";\nexport { KanbanColumn } from \"./kanban-column.js\";\nexport { KanbanCard } from \"./kanban-card.js\";\nexport { TextArea } from \"./text-area.js\";\nexport { LinkCard, type LinkCardStatus } from \"./link-card.js\";\nexport { CardGrid } from \"./card-grid.js\";\nexport { MarkdownView } from \"./markdown-view.js\";\nexport { AutoScroll } from \"./auto-scroll.js\";\nexport { SplitHero } from \"./split-hero.js\";\nexport { formatDuration, type DurationFormat } from \"./utils/duration.js\";\nexport { tokens, tokenValues, darkTokenValues } from \"./tokens.js\";\nexport * from \"./icons.js\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["export { AnimateConfetti } from \"./animate-confetti.js\";\nexport { GalleryItem } from \"./gallery-item.js\";\nexport { GalleryItemVariant } from \"./gallery-item-variant.js\";\nexport {\n  PhotoGallery,\n  type PhotoGalleryChangeReason,\n  type PhotoGalleryObjectFit,\n  type PhotoGallerySlideChangeDetail,\n} from \"./photo-gallery.js\";\nexport { RevealButton } from \"./reveal-button.js\";\nexport { RomanNumeral } from \"./roman-numeral.js\";\nexport { ConfirmDialog } from \"./confirm-dialog.js\";\nexport { ContentDivider } from \"./content-divider.js\";\nexport {\n  ToastNotification,\n  notifySuccess,\n  notifyError,\n  notifyInfo,\n  notifyWarning,\n  type ToastVariant,\n} from \"./toast-notification.js\";\nexport { ScrollToBottom } from \"./scroll-to-bottom.js\";\nexport { ScrollToTop } from \"./scroll-to-top.js\";\nexport { SlidePanel } from \"./slide-panel.js\";\nexport { CopyLinkButton } from \"./copy-link-button.js\";\nexport { RelativeTime } from \"./relative-time.js\";\nexport { DistanceValue } from \"./distance-value.js\";\nexport { PriceHistoryChart, type PricePoint } from \"./price-history-chart.js\";\nexport { DistributionChart, type DistributionValue } from \"./distribution-chart.js\";\nexport { PercentBarChart, type PercentBarGroup } from \"./percent-bar-chart.js\";\nexport { WeightBarChart, type WeightBarItem } from \"./weight-bar-chart.js\";\nexport {\n  AddressAutocomplete,\n  type AddressSuggestion,\n} from \"./address-autocomplete.js\";\nexport {\n  AutocompleteInput,\n  type AutocompleteOption,\n} from \"./autocomplete-input.js\";\nexport { UserAvatar } from \"./user-avatar.js\";\nexport { MapPin } from \"./map-pin.js\";\nexport { MapCircle } from \"./map-circle.js\";\nexport { MapboxMap } from \"./mapbox-map.js\";\nexport { RadioCards, type RadioCardOption } from \"./radio-cards.js\";\nexport { RadioPills, type RadioPillOption } from \"./radio-pills.js\";\nexport { RangeSlider } from \"./range-slider.js\";\nexport { ButtonGroup, type ButtonGroupOption } from \"./button-group.js\";\nexport { UiButton, type ButtonVariant } from \"./ui-button.js\";\nexport { StatMeter } from \"./stat-meter.js\";\nexport { StatusPill, type StatusPillColor } from \"./status-pill.js\";\nexport { EditableText } from \"./editable-text.js\";\nexport { LiveTimer } from \"./live-timer.js\";\nexport { LoadMore } from \"./load-more.js\";\nexport { LoadingSpinner } from \"./loading-spinner.js\";\nexport { LoadingDots } from \"./loading-dots.js\";\nexport {\n  ChatMessage,\n  type ChatMessageRole,\n  type ChatMessageVariant,\n} from \"./chat-message.js\";\nexport { UiCheckbox } from \"./ui-checkbox.js\";\nexport { FormField } from \"./form-field.js\";\nexport { FormSelect, type SelectOption } from \"./form-select.js\";\nexport {\n  MultiSelect,\n  type MultiSelectOption,\n  type MultiSelectVariant,\n} from \"./multi-select.js\";\nexport { DataTable, type DataTableColumn } from \"./data-table.js\";\nexport { TileGrid } from \"./tile-grid.js\";\nexport { TreeView, type TreeNode } from \"./tree-view.js\";\nexport { PopoverPanel } from \"./popover-panel.js\";\nexport { DropdownButton, type DropdownOption } from \"./dropdown-button.js\";\nexport { IconButton } from \"./icon-button.js\";\nexport { KbdHint, type KbdPlatform } from \"./kbd-hint.js\";\nexport { FrameBox } from \"./frame-box.js\";\nexport { AppShell, type SidebarToggleDetail } from \"./app-shell.js\";\nexport { AppSidebar } from \"./app-sidebar.js\";\nexport { ActionBar } from \"./action-bar.js\";\nexport { PageHeader } from \"./page-header.js\";\nexport { PaginationNav, type PageChangeDetail } from \"./pagination-nav.js\";\nexport { FormActions } from \"./form-actions.js\";\nexport { TimelineContainer } from \"./timeline-container.js\";\nexport { TimelineEntry } from \"./timeline-entry.js\";\nexport { CalendarEntry } from \"./calendar-entry.js\";\nexport { CalendarMonth } from \"./calendar-month.js\";\nexport { CalendarYear } from \"./calendar-year.js\";\nexport {\n  KanbanBoard,\n  type KanbanCardData,\n  type KanbanColumnData,\n  type KanbanCardMoveDetail,\n  type KanbanCardOpenDetail,\n} from \"./kanban-board.js\";\nexport { KanbanColumn } from \"./kanban-column.js\";\nexport { KanbanCard } from \"./kanban-card.js\";\nexport { TextArea } from \"./text-area.js\";\nexport { LinkCard, type LinkCardStatus } from \"./link-card.js\";\nexport { CardGrid } from \"./card-grid.js\";\nexport { MarkdownView } from \"./markdown-view.js\";\nexport { AutoScroll } from \"./auto-scroll.js\";\nexport { SplitHero } from \"./split-hero.js\";\nexport { TabBar, type TabChangeDetail } from \"./tab-bar.js\";\nexport { TabItem } from \"./tab-item.js\";\nexport { MarkdownEditor } from \"./markdown-editor.js\";\nexport {\n  parseFrontMatter,\n  formatFrontMatterValue,\n  type FrontMatterResult,\n} from \"./utils/front-matter.js\";\nexport { formatDuration, type DurationFormat } from \"./utils/duration.js\";\nexport { tokens, tokenValues, darkTokenValues } from \"./tokens.js\";\nexport * from \"./icons.js\";\n"]}

package/dist/markdown-editor.d.ts

@@ -0,0 +1,34 @@
+import { LitElement } from "lit";
+import "./tab-bar.js";
+import "./tab-item.js";
+import "./text-area.js";
+import "./markdown-view.js";
+import "./frame-box.js";
+/**
+ * GitHub-style markdown editor: a "Write" tab holding a plain textarea and a
+ * "Preview" tab rendering the markdown body (via `markdown-view`). Leading
+ * YAML front matter (a `---`-delimited block) is detected, parsed, and shown
+ * as a key-value table above the rendered body rather than as raw text.
+ *
+ * @element markdown-editor
+ * @fires input - Fires on every keystroke in the Write tab; detail: { value: string }.
+ * @fires change - Native change semantics (on blur, if the value changed); detail: { value: string }.
+ */
+export declare class MarkdownEditor extends LitElement {
+    /** Full raw document text, including any front matter block. */
+    value: string;
+    /** Visible row count for the Write tab's textarea. */
+    rows: number;
+    /** Placeholder text shown when the Write tab is empty. */
+    placeholder: string;
+    static styles: import("lit").CSSResult[];
+    private _onInput;
+    private _onChange;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "markdown-editor": MarkdownEditor;
+    }
+}
+//# sourceMappingURL=markdown-editor.d.ts.map

package/dist/markdown-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-editor.d.ts","sourceRoot":"","sources":["../src/markdown-editor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAIrD,OAAO,cAAc,CAAC;AACtB,OAAO,eAAe,CAAC;AACvB,OAAO,gBAAgB,CAAC;AACxB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,gBAAgB,CAAC;AAExB;;;;;;;;;GASG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC5C,gEAAgE;IACpD,KAAK,SAAM;IAEvB,sDAAsD;IAC1B,IAAI,SAAM;IAEtC,0DAA0D;IAC9C,WAAW,SAAM;IAE7B,OAAgB,MAAM,4BAsCpB;IAEF,OAAO,CAAC,QAAQ;IAQhB,OAAO,CAAC,SAAS;IAQR,MAAM,yCAgCd;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF"}

package/dist/markdown-editor.js

@@ -0,0 +1,130 @@
+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;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, css, html, nothing } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { tokens } from "./tokens.js";
+import { parseFrontMatter, formatFrontMatterValue } from "./utils/front-matter.js";
+import "./tab-bar.js";
+import "./tab-item.js";
+import "./text-area.js";
+import "./markdown-view.js";
+import "./frame-box.js";
+/**
+ * GitHub-style markdown editor: a "Write" tab holding a plain textarea and a
+ * "Preview" tab rendering the markdown body (via `markdown-view`). Leading
+ * YAML front matter (a `---`-delimited block) is detected, parsed, and shown
+ * as a key-value table above the rendered body rather than as raw text.
+ *
+ * @element markdown-editor
+ * @fires input - Fires on every keystroke in the Write tab; detail: { value: string }.
+ * @fires change - Native change semantics (on blur, if the value changed); detail: { value: string }.
+ */
+let MarkdownEditor = class MarkdownEditor extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** Full raw document text, including any front matter block. */
+        this.value = "";
+        /** Visible row count for the Write tab's textarea. */
+        this.rows = 12;
+        /** Placeholder text shown when the Write tab is empty. */
+        this.placeholder = "";
+    }
+    static { this.styles = [
+        tokens,
+        css `
+      :host {
+        display: block;
+      }
+      markdown-view {
+        display: block;
+        margin-top: 1rem;
+      }
+      .front-matter {
+        margin: 0;
+        display: grid;
+        grid-template-columns: auto 1fr;
+        gap: 0.25rem 0.75rem;
+        font-family: var(
+          --ui-font,
+          ui-sans-serif,
+          system-ui,
+          sans-serif,
+          "Apple Color Emoji",
+          "Segoe UI Emoji",
+          "Segoe UI Symbol",
+          "Noto Color Emoji"
+        );
+        font-size: var(--ui-font-size-sm, 0.75rem);
+        line-height: var(--ui-line-height-normal, 1.5);
+      }
+      .front-matter dt {
+        font-weight: var(--ui-font-weight-medium, 500);
+        color: var(--ui-text-muted, #64748b);
+      }
+      .front-matter dd {
+        margin: 0;
+        color: var(--ui-text, #0f172a);
+        word-break: break-word;
+      }
+    `,
+    ]; }
+    _onInput(e) {
+        e.stopPropagation();
+        this.value = e.detail.value;
+        this.dispatchEvent(new CustomEvent("input", { detail: { value: this.value }, bubbles: true, composed: true }));
+    }
+    _onChange(e) {
+        e.stopPropagation();
+        this.value = e.detail.value;
+        this.dispatchEvent(new CustomEvent("change", { detail: { value: this.value }, bubbles: true, composed: true }));
+    }
+    render() {
+        const { data, body } = parseFrontMatter(this.value);
+        return html `
+      <tab-bar label="Editor mode">
+        <tab-item label="Write" value="write" selected>
+          <text-area
+            .value=${this.value}
+            .rows=${this.rows}
+            .placeholder=${this.placeholder}
+            @input=${this._onInput}
+            @change=${this._onChange}
+          ></text-area>
+        </tab-item>
+        <tab-item label="Preview" value="preview">
+          ${data
+            ? html `
+                <frame-box label="Front matter">
+                  <dl class="front-matter">
+                    ${Object.entries(data).map(([key, entryValue]) => html `
+                        <dt>${key}</dt>
+                        <dd>${formatFrontMatterValue(entryValue)}</dd>
+                      `)}
+                  </dl>
+                </frame-box>
+              `
+            : nothing}
+          <markdown-view .markdown=${body}></markdown-view>
+        </tab-item>
+      </tab-bar>
+    `;
+    }
+};
+__decorate([
+    property()
+], MarkdownEditor.prototype, "value", void 0);
+__decorate([
+    property({ type: Number })
+], MarkdownEditor.prototype, "rows", void 0);
+__decorate([
+    property()
+], MarkdownEditor.prototype, "placeholder", void 0);
+MarkdownEditor = __decorate([
+    customElement("markdown-editor")
+], MarkdownEditor);
+export { MarkdownEditor };
+//# sourceMappingURL=markdown-editor.js.map

package/dist/markdown-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-editor.js","sourceRoot":"","sources":["../src/markdown-editor.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AACnF,OAAO,cAAc,CAAC;AACtB,OAAO,eAAe,CAAC;AACvB,OAAO,gBAAgB,CAAC;AACxB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,gBAAgB,CAAC;AAExB;;;;;;;;;GASG;AAEI,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QACL,gEAAgE;QACpD,UAAK,GAAG,EAAE,CAAC;QAEvB,sDAAsD;QAC1B,SAAI,GAAG,EAAE,CAAC;QAEtC,0DAA0D;QAC9C,gBAAW,GAAG,EAAE,CAAC;IA2F/B,CAAC;aAzFiB,WAAM,GAAG;QACvB,MAAM;QACN,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmCF;KACF,AAtCqB,CAsCpB;IAEM,QAAQ,CAAC,CAAQ;QACvB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,KAAK,GAAI,CAAoC,CAAC,MAAM,CAAC,KAAK,CAAC;QAChE,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAC3F,CAAC;IACJ,CAAC;IAEO,SAAS,CAAC,CAAQ;QACxB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,KAAK,GAAI,CAAoC,CAAC,MAAM,CAAC,KAAK,CAAC;QAChE,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAC5F,CAAC;IACJ,CAAC;IAEQ,MAAM;QACb,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACpD,OAAO,IAAI,CAAA;;;;qBAIM,IAAI,CAAC,KAAK;oBACX,IAAI,CAAC,IAAI;2BACF,IAAI,CAAC,WAAW;qBACtB,IAAI,CAAC,QAAQ;sBACZ,IAAI,CAAC,SAAS;;;;YAIxB,IAAI;YACJ,CAAC,CAAC,IAAI,CAAA;;;sBAGI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,CACxB,CAAC,CAAC,GAAG,EAAE,UAAU,CAAC,EAAE,EAAE,CAAC,IAAI,CAAA;8BACnB,GAAG;8BACH,sBAAsB,CAAC,UAAU,CAAC;uBACzC,CACF;;;eAGN;YACH,CAAC,CAAC,OAAO;qCACgB,IAAI;;;KAGpC,CAAC;IACJ,CAAC;CACF,CAAA;AAjGa;IAAX,QAAQ,EAAE;6CAAY;AAGK;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAW;AAG1B;IAAX,QAAQ,EAAE;mDAAkB;AARlB,cAAc;IAD1B,aAAa,CAAC,iBAAiB,CAAC;GACpB,cAAc,CAmG1B","sourcesContent":["import { LitElement, css, html, nothing } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport { tokens } from \"./tokens.js\";\nimport { parseFrontMatter, formatFrontMatterValue } from \"./utils/front-matter.js\";\nimport \"./tab-bar.js\";\nimport \"./tab-item.js\";\nimport \"./text-area.js\";\nimport \"./markdown-view.js\";\nimport \"./frame-box.js\";\n\n/**\n * GitHub-style markdown editor: a \"Write\" tab holding a plain textarea and a\n * \"Preview\" tab rendering the markdown body (via `markdown-view`). Leading\n * YAML front matter (a `---`-delimited block) is detected, parsed, and shown\n * as a key-value table above the rendered body rather than as raw text.\n *\n * @element markdown-editor\n * @fires input - Fires on every keystroke in the Write tab; detail: { value: string }.\n * @fires change - Native change semantics (on blur, if the value changed); detail: { value: string }.\n */\n@customElement(\"markdown-editor\")\nexport class MarkdownEditor extends LitElement {\n  /** Full raw document text, including any front matter block. */\n  @property() value = \"\";\n\n  /** Visible row count for the Write tab's textarea. */\n  @property({ type: Number }) rows = 12;\n\n  /** Placeholder text shown when the Write tab is empty. */\n  @property() placeholder = \"\";\n\n  static override styles = [\n    tokens,\n    css`\n      :host {\n        display: block;\n      }\n      markdown-view {\n        display: block;\n        margin-top: 1rem;\n      }\n      .front-matter {\n        margin: 0;\n        display: grid;\n        grid-template-columns: auto 1fr;\n        gap: 0.25rem 0.75rem;\n        font-family: var(\n          --ui-font,\n          ui-sans-serif,\n          system-ui,\n          sans-serif,\n          \"Apple Color Emoji\",\n          \"Segoe UI Emoji\",\n          \"Segoe UI Symbol\",\n          \"Noto Color Emoji\"\n        );\n        font-size: var(--ui-font-size-sm, 0.75rem);\n        line-height: var(--ui-line-height-normal, 1.5);\n      }\n      .front-matter dt {\n        font-weight: var(--ui-font-weight-medium, 500);\n        color: var(--ui-text-muted, #64748b);\n      }\n      .front-matter dd {\n        margin: 0;\n        color: var(--ui-text, #0f172a);\n        word-break: break-word;\n      }\n    `,\n  ];\n\n  private _onInput(e: Event): void {\n    e.stopPropagation();\n    this.value = (e as CustomEvent<{ value: string }>).detail.value;\n    this.dispatchEvent(\n      new CustomEvent(\"input\", { detail: { value: this.value }, bubbles: true, composed: true }),\n    );\n  }\n\n  private _onChange(e: Event): void {\n    e.stopPropagation();\n    this.value = (e as CustomEvent<{ value: string }>).detail.value;\n    this.dispatchEvent(\n      new CustomEvent(\"change\", { detail: { value: this.value }, bubbles: true, composed: true }),\n    );\n  }\n\n  override render() {\n    const { data, body } = parseFrontMatter(this.value);\n    return html`\n      <tab-bar label=\"Editor mode\">\n        <tab-item label=\"Write\" value=\"write\" selected>\n          <text-area\n            .value=${this.value}\n            .rows=${this.rows}\n            .placeholder=${this.placeholder}\n            @input=${this._onInput}\n            @change=${this._onChange}\n          ></text-area>\n        </tab-item>\n        <tab-item label=\"Preview\" value=\"preview\">\n          ${data\n            ? html`\n                <frame-box label=\"Front matter\">\n                  <dl class=\"front-matter\">\n                    ${Object.entries(data).map(\n                      ([key, entryValue]) => html`\n                        <dt>${key}</dt>\n                        <dd>${formatFrontMatterValue(entryValue)}</dd>\n                      `,\n                    )}\n                  </dl>\n                </frame-box>\n              `\n            : nothing}\n          <markdown-view .markdown=${body}></markdown-view>\n        </tab-item>\n      </tab-bar>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"markdown-editor\": MarkdownEditor;\n  }\n}\n"]}

package/dist/tab-bar.d.ts

@@ -0,0 +1,51 @@
+import { LitElement } from "lit";
+/** Fired when the active tab changes in response to user interaction. */
+export interface TabChangeDetail {
+    /** The newly active `tab-item`'s `value` (falling back to its `label`). */
+    value: string;
+    /** Index of the newly active `tab-item` among its siblings. */
+    index: number;
+}
+/**
+ * WAI-ARIA tabs pattern (automatic activation, roving tabindex) driving a
+ * strip of declarative `tab-item` children. `tab-bar` renders the `role="tab"`
+ * button strip itself, reading `label`/`value`/`selected` off each slotted
+ * `tab-item`; each `tab-item` owns its own visibility via its reflected
+ * `selected` attribute.
+ *
+ * The active tab's underline uses `--ui-primary`; a `--ui-border` line spans
+ * the full strip beneath every tab, standing in for the inactive state since
+ * this design system has no dedicated secondary accent color.
+ *
+ * @element tab-bar
+ * @slot - `tab-item` elements.
+ * @fires change - The active tab changed via click or keyboard; detail: `TabChangeDetail`.
+ */
+export declare class TabBar extends LitElement {
+    /** Accessible name for the tablist (e.g. "Editor mode"). */
+    label: string;
+    private readonly _tabItems;
+    private _version;
+    private readonly _uid;
+    private _observer?;
+    static styles: import("lit").CSSResult[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(): void;
+    private _handleSlotChange;
+    /** Defaults the first tab-item to selected if none was marked so by the consumer. */
+    private _ensureSelection;
+    private _currentIndex;
+    private _tabButtonId;
+    private _select;
+    private _focusButton;
+    /** Arrow/Home/End roving-tabindex navigation with automatic activation. */
+    private _onKeydown;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "tab-bar": TabBar;
+    }
+}
+//# sourceMappingURL=tab-bar.d.ts.map

package/dist/tab-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-bar.d.ts","sourceRoot":"","sources":["../src/tab-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAQrD,yEAAyE;AACzE,MAAM,WAAW,eAAe;IAC9B,2EAA2E;IAC3E,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;;;;;;GAcG;AACH,qBACa,MAAO,SAAQ,UAAU;IACpC,4DAA4D;IAChD,KAAK,SAAM;IAGvB,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAa;IAE9B,OAAO,CAAC,QAAQ,CAAK;IAC9B,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAgC;IACrD,OAAO,CAAC,SAAS,CAAC,CAAmB;IAErC,OAAgB,MAAM,4BA8DpB;IAEO,iBAAiB,IAAI,IAAI,CAYjC;IAEQ,oBAAoB,IAAI,IAAI,CAIpC;IAED,UAAmB,OAAO,IAAI,IAAI,CAIjC;IAED,OAAO,CAAC,iBAAiB;IAKzB,qFAAqF;IACrF,OAAO,CAAC,gBAAgB;IAOxB,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,OAAO;IAmBf,OAAO,CAAC,YAAY;IAMpB,2EAA2E;IAC3E,OAAO,CAAC,UAAU;IA2BT,MAAM,yCA+Bd;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/dist/tab-bar.js

@@ -0,0 +1,233 @@
+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;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, css, html, nothing } from "lit";
+import { customElement, property, queryAssignedElements, state } from "lit/decorators.js";
+import { repeat } from "lit/directives/repeat.js";
+import { tokens } from "./tokens.js";
+let instanceCount = 0;
+/**
+ * WAI-ARIA tabs pattern (automatic activation, roving tabindex) driving a
+ * strip of declarative `tab-item` children. `tab-bar` renders the `role="tab"`
+ * button strip itself, reading `label`/`value`/`selected` off each slotted
+ * `tab-item`; each `tab-item` owns its own visibility via its reflected
+ * `selected` attribute.
+ *
+ * The active tab's underline uses `--ui-primary`; a `--ui-border` line spans
+ * the full strip beneath every tab, standing in for the inactive state since
+ * this design system has no dedicated secondary accent color.
+ *
+ * @element tab-bar
+ * @slot - `tab-item` elements.
+ * @fires change - The active tab changed via click or keyboard; detail: `TabChangeDetail`.
+ */
+let TabBar = class TabBar extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** Accessible name for the tablist (e.g. "Editor mode"). */
+        this.label = "";
+        this._version = 0;
+        this._uid = `tab-bar-${++instanceCount}`;
+    }
+    static { this.styles = [
+        tokens,
+        css `
+      :host {
+        display: block;
+      }
+      .tablist {
+        display: flex;
+        gap: 1rem;
+        border-bottom: 1px solid var(--ui-border, #e2e8f0);
+      }
+      .tab {
+        appearance: none;
+        background: none;
+        border: none;
+        border-bottom: 2px solid transparent;
+        margin-bottom: -1px;
+        min-height: 2rem;
+        padding: 0.5rem 0.25rem;
+        font-family: var(
+          --ui-font,
+          ui-sans-serif,
+          system-ui,
+          sans-serif,
+          "Apple Color Emoji",
+          "Segoe UI Emoji",
+          "Segoe UI Symbol",
+          "Noto Color Emoji"
+        );
+        font-size: var(--ui-font-size-sm, 0.75rem);
+        font-weight: var(--ui-font-weight-medium, 500);
+        line-height: var(--ui-line-height-tight, 1.25);
+        color: var(--ui-text-muted, #64748b);
+        cursor: pointer;
+      }
+      .tab:hover {
+        color: var(--ui-text, #0f172a);
+      }
+      .tab[aria-selected="true"] {
+        color: var(--ui-text, #0f172a);
+        font-weight: var(--ui-font-weight-semibold, 600);
+        border-bottom-color: var(--ui-primary, #4f46e5);
+      }
+      .tab:focus-visible {
+        outline: none;
+        border-radius: var(--ui-radius-sm, 0.25rem);
+        box-shadow: var(--ui-focus-ring, 0 0 0 3px rgb(79 70 229 / 0.35));
+      }
+      .panels {
+        margin-top: 1rem;
+      }
+      @media (forced-colors: active) {
+        .tab[aria-selected="true"] {
+          border-bottom-color: Highlight;
+        }
+        .tab:focus-visible {
+          outline: 2px solid CanvasText;
+          outline-offset: 2px;
+          box-shadow: none;
+        }
+      }
+    `,
+    ]; }
+    connectedCallback() {
+        super.connectedCallback();
+        this._observer ??= new MutationObserver(() => {
+            this._version++;
+            this._ensureSelection();
+        });
+        this._observer.observe(this, {
+            attributes: true,
+            attributeFilter: ["label", "value", "selected"],
+            childList: true,
+            subtree: true,
+        });
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this._observer?.disconnect();
+        this._observer = undefined;
+    }
+    updated() {
+        this._tabItems.forEach((item, index) => {
+            item.setAttribute("aria-labelledby", this._tabButtonId(index));
+        });
+    }
+    _handleSlotChange() {
+        this._version++;
+        this._ensureSelection();
+    }
+    /** Defaults the first tab-item to selected if none was marked so by the consumer. */
+    _ensureSelection() {
+        const items = this._tabItems;
+        if (items.length > 0 && !items.some((item) => item.selected)) {
+            items[0].selected = true;
+        }
+    }
+    _currentIndex() {
+        const index = this._tabItems.findIndex((item) => item.selected);
+        return index === -1 ? 0 : index;
+    }
+    _tabButtonId(index) {
+        return `${this._uid}-tab-${index}`;
+    }
+    _select(index, options) {
+        const items = this._tabItems;
+        const target = items[index];
+        if (!target)
+            return;
+        const changed = !target.selected;
+        for (const item of items)
+            item.selected = item === target;
+        this._version++;
+        if (options?.focus)
+            this._focusButton(index);
+        if (changed) {
+            this.dispatchEvent(new CustomEvent("change", {
+                detail: { value: target.value || target.label, index },
+                bubbles: true,
+                composed: true,
+            }));
+        }
+    }
+    _focusButton(index) {
+        void this.updateComplete.then(() => {
+            this.shadowRoot?.querySelectorAll(".tab")[index]?.focus();
+        });
+    }
+    /** Arrow/Home/End roving-tabindex navigation with automatic activation. */
+    _onKeydown(event) {
+        const items = this._tabItems;
+        if (items.length === 0)
+            return;
+        const current = this._currentIndex();
+        let next;
+        switch (event.key) {
+            case "ArrowRight":
+            case "ArrowDown":
+                next = (current + 1) % items.length;
+                break;
+            case "ArrowLeft":
+            case "ArrowUp":
+                next = (current - 1 + items.length) % items.length;
+                break;
+            case "Home":
+                next = 0;
+                break;
+            case "End":
+                next = items.length - 1;
+                break;
+            default:
+                return;
+        }
+        event.preventDefault();
+        this._select(next, { focus: true });
+    }
+    render() {
+        const items = this._tabItems ?? [];
+        const current = this._currentIndex();
+        return html `
+      <div
+        class="tablist"
+        role="tablist"
+        aria-label=${this.label || nothing}
+        @keydown=${this._onKeydown}
+      >
+        ${repeat(items, (item) => item, (item, index) => html `
+            <button
+              type="button"
+              class="tab"
+              role="tab"
+              id=${this._tabButtonId(index)}
+              aria-selected=${item.selected ? "true" : "false"}
+              aria-controls=${item.id}
+              tabindex=${index === current ? 0 : -1}
+              @click=${() => this._select(index)}
+            >
+              ${item.label}
+            </button>
+          `)}
+      </div>
+      <div class="panels"><slot @slotchange=${this._handleSlotChange}></slot></div>
+    `;
+    }
+};
+__decorate([
+    property()
+], TabBar.prototype, "label", void 0);
+__decorate([
+    queryAssignedElements({ selector: "tab-item" })
+], TabBar.prototype, "_tabItems", void 0);
+__decorate([
+    state()
+], TabBar.prototype, "_version", void 0);
+TabBar = __decorate([
+    customElement("tab-bar")
+], TabBar);
+export { TabBar };
+//# sourceMappingURL=tab-bar.js.map

package/dist/tab-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-bar.js","sourceRoot":"","sources":["../src/tab-bar.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, css, html, nothing } from \"lit\";\nimport { customElement, property, queryAssignedElements, state } from \"lit/decorators.js\";\nimport { repeat } from \"lit/directives/repeat.js\";\nimport { tokens } from \"./tokens.js\";\nimport { TabItem } from \"./tab-item.js\";\n\nlet instanceCount = 0;\n\n/** Fired when the active tab changes in response to user interaction. */\nexport interface TabChangeDetail {\n  /** The newly active `tab-item`'s `value` (falling back to its `label`). */\n  value: string;\n  /** Index of the newly active `tab-item` among its siblings. */\n  index: number;\n}\n\n/**\n * WAI-ARIA tabs pattern (automatic activation, roving tabindex) driving a\n * strip of declarative `tab-item` children. `tab-bar` renders the `role=\"tab\"`\n * button strip itself, reading `label`/`value`/`selected` off each slotted\n * `tab-item`; each `tab-item` owns its own visibility via its reflected\n * `selected` attribute.\n *\n * The active tab's underline uses `--ui-primary`; a `--ui-border` line spans\n * the full strip beneath every tab, standing in for the inactive state since\n * this design system has no dedicated secondary accent color.\n *\n * @element tab-bar\n * @slot - `tab-item` elements.\n * @fires change - The active tab changed via click or keyboard; detail: `TabChangeDetail`.\n */\n@customElement(\"tab-bar\")\nexport class TabBar extends LitElement {\n  /** Accessible name for the tablist (e.g. \"Editor mode\"). */\n  @property() label = \"\";\n\n  @queryAssignedElements({ selector: \"tab-item\" })\n  private readonly _tabItems!: TabItem[];\n\n  @state() private _version = 0;\n  private readonly _uid = `tab-bar-${++instanceCount}`;\n  private _observer?: MutationObserver;\n\n  static override styles = [\n    tokens,\n    css`\n      :host {\n        display: block;\n      }\n      .tablist {\n        display: flex;\n        gap: 1rem;\n        border-bottom: 1px solid var(--ui-border, #e2e8f0);\n      }\n      .tab {\n        appearance: none;\n        background: none;\n        border: none;\n        border-bottom: 2px solid transparent;\n        margin-bottom: -1px;\n        min-height: 2rem;\n        padding: 0.5rem 0.25rem;\n        font-family: var(\n          --ui-font,\n          ui-sans-serif,\n          system-ui,\n          sans-serif,\n          \"Apple Color Emoji\",\n          \"Segoe UI Emoji\",\n          \"Segoe UI Symbol\",\n          \"Noto Color Emoji\"\n        );\n        font-size: var(--ui-font-size-sm, 0.75rem);\n        font-weight: var(--ui-font-weight-medium, 500);\n        line-height: var(--ui-line-height-tight, 1.25);\n        color: var(--ui-text-muted, #64748b);\n        cursor: pointer;\n      }\n      .tab:hover {\n        color: var(--ui-text, #0f172a);\n      }\n      .tab[aria-selected=\"true\"] {\n        color: var(--ui-text, #0f172a);\n        font-weight: var(--ui-font-weight-semibold, 600);\n        border-bottom-color: var(--ui-primary, #4f46e5);\n      }\n      .tab:focus-visible {\n        outline: none;\n        border-radius: var(--ui-radius-sm, 0.25rem);\n        box-shadow: var(--ui-focus-ring, 0 0 0 3px rgb(79 70 229 / 0.35));\n      }\n      .panels {\n        margin-top: 1rem;\n      }\n      @media (forced-colors: active) {\n        .tab[aria-selected=\"true\"] {\n          border-bottom-color: Highlight;\n        }\n        .tab:focus-visible {\n          outline: 2px solid CanvasText;\n          outline-offset: 2px;\n          box-shadow: none;\n        }\n      }\n    `,\n  ];\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._observer ??= new MutationObserver(() => {\n      this._version++;\n      this._ensureSelection();\n    });\n    this._observer.observe(this, {\n      attributes: true,\n      attributeFilter: [\"label\", \"value\", \"selected\"],\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._observer?.disconnect();\n    this._observer = undefined;\n  }\n\n  protected override updated(): void {\n    this._tabItems.forEach((item, index) => {\n      item.setAttribute(\"aria-labelledby\", this._tabButtonId(index));\n    });\n  }\n\n  private _handleSlotChange(): void {\n    this._version++;\n    this._ensureSelection();\n  }\n\n  /** Defaults the first tab-item to selected if none was marked so by the consumer. */\n  private _ensureSelection(): void {\n    const items = this._tabItems;\n    if (items.length > 0 && !items.some((item) => item.selected)) {\n      items[0].selected = true;\n    }\n  }\n\n  private _currentIndex(): number {\n    const index = this._tabItems.findIndex((item) => item.selected);\n    return index === -1 ? 0 : index;\n  }\n\n  private _tabButtonId(index: number): string {\n    return `${this._uid}-tab-${index}`;\n  }\n\n  private _select(index: number, options?: { focus?: boolean }): void {\n    const items = this._tabItems;\n    const target = items[index];\n    if (!target) return;\n    const changed = !target.selected;\n    for (const item of items) item.selected = item === target;\n    this._version++;\n    if (options?.focus) this._focusButton(index);\n    if (changed) {\n      this.dispatchEvent(\n        new CustomEvent<TabChangeDetail>(\"change\", {\n          detail: { value: target.value || target.label, index },\n          bubbles: true,\n          composed: true,\n        }),\n      );\n    }\n  }\n\n  private _focusButton(index: number): void {\n    void this.updateComplete.then(() => {\n      this.shadowRoot?.querySelectorAll<HTMLButtonElement>(\".tab\")[index]?.focus();\n    });\n  }\n\n  /** Arrow/Home/End roving-tabindex navigation with automatic activation. */\n  private _onKeydown(event: KeyboardEvent): void {\n    const items = this._tabItems;\n    if (items.length === 0) return;\n    const current = this._currentIndex();\n    let next: number;\n    switch (event.key) {\n      case \"ArrowRight\":\n      case \"ArrowDown\":\n        next = (current + 1) % items.length;\n        break;\n      case \"ArrowLeft\":\n      case \"ArrowUp\":\n        next = (current - 1 + items.length) % items.length;\n        break;\n      case \"Home\":\n        next = 0;\n        break;\n      case \"End\":\n        next = items.length - 1;\n        break;\n      default:\n        return;\n    }\n    event.preventDefault();\n    this._select(next, { focus: true });\n  }\n\n  override render() {\n    const items = this._tabItems ?? [];\n    const current = this._currentIndex();\n    return html`\n      <div\n        class=\"tablist\"\n        role=\"tablist\"\n        aria-label=${this.label || nothing}\n        @keydown=${this._onKeydown}\n      >\n        ${repeat(\n          items,\n          (item) => item,\n          (item, index) => html`\n            <button\n              type=\"button\"\n              class=\"tab\"\n              role=\"tab\"\n              id=${this._tabButtonId(index)}\n              aria-selected=${item.selected ? \"true\" : \"false\"}\n              aria-controls=${item.id}\n              tabindex=${index === current ? 0 : -1}\n              @click=${() => this._select(index)}\n            >\n              ${item.label}\n            </button>\n          `,\n        )}\n      </div>\n      <div class=\"panels\"><slot @slotchange=${this._handleSlotChange}></slot></div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"tab-bar\": TabBar;\n  }\n}\n"]}

package/dist/tab-item.d.ts

@@ -0,0 +1,27 @@
+import { LitElement } from "lit";
+/**
+ * A single labeled panel inside a `tab-bar`. Renders its default slot as an
+ * ARIA `tabpanel`, shown or hidden based on `selected` — `tab-bar` reads
+ * `label`/`value` to build its tab strip and toggles `selected` on the
+ * active panel.
+ *
+ * @element tab-item
+ * @slot - Panel content, shown only while `selected`.
+ */
+export declare class TabItem extends LitElement {
+    /** Text shown in the tab-bar's tab button for this panel. */
+    label: string;
+    /** Stable identifier reported in `tab-bar`'s `change` event; defaults to `label`. */
+    value: string;
+    /** Whether this panel is the active one; `tab-bar` owns this. */
+    selected: boolean;
+    static styles: import("lit").CSSResult[];
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "tab-item": TabItem;
+    }
+}
+//# sourceMappingURL=tab-item.d.ts.map

package/dist/tab-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-item.d.ts","sourceRoot":"","sources":["../src/tab-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAM5C;;;;;;;;GAQG;AACH,qBACa,OAAQ,SAAQ,UAAU;IACrC,6DAA6D;IACjD,KAAK,SAAM;IAEvB,qFAAqF;IACzE,KAAK,SAAM;IAEvB,iEAAiE;IACrB,QAAQ,UAAS;IAE7D,OAAgB,MAAM,4BAUpB;IAEO,iBAAiB,IAAI,IAAI,CAOjC;IAEQ,MAAM,yCAEd;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/dist/tab-item.js

@@ -0,0 +1,67 @@
+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;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, css, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { tokens } from "./tokens.js";
+let instanceCount = 0;
+/**
+ * A single labeled panel inside a `tab-bar`. Renders its default slot as an
+ * ARIA `tabpanel`, shown or hidden based on `selected` — `tab-bar` reads
+ * `label`/`value` to build its tab strip and toggles `selected` on the
+ * active panel.
+ *
+ * @element tab-item
+ * @slot - Panel content, shown only while `selected`.
+ */
+let TabItem = class TabItem extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** Text shown in the tab-bar's tab button for this panel. */
+        this.label = "";
+        /** Stable identifier reported in `tab-bar`'s `change` event; defaults to `label`. */
+        this.value = "";
+        /** Whether this panel is the active one; `tab-bar` owns this. */
+        this.selected = false;
+    }
+    static { this.styles = [
+        tokens,
+        css `
+      :host {
+        display: block;
+      }
+      :host(:not([selected])) {
+        display: none;
+      }
+    `,
+    ]; }
+    connectedCallback() {
+        super.connectedCallback();
+        // Custom element constructors must not gain attributes (throws when
+        // created via document.createElement), so this is set on connect instead.
+        if (!this.id)
+            this.id = `tab-item-${++instanceCount}`;
+        this.setAttribute("role", "tabpanel");
+        this.setAttribute("tabindex", "0");
+    }
+    render() {
+        return html `<slot></slot>`;
+    }
+};
+__decorate([
+    property()
+], TabItem.prototype, "label", void 0);
+__decorate([
+    property()
+], TabItem.prototype, "value", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], TabItem.prototype, "selected", void 0);
+TabItem = __decorate([
+    customElement("tab-item")
+], TabItem);
+export { TabItem };
+//# sourceMappingURL=tab-item.js.map

package/dist/tab-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-item.js","sourceRoot":"","sources":["../src/tab-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,IAAI,aAAa,GAAG,CAAC,CAAC;AAEtB;;;;;;;;GAQG;AAEI,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAAhC;;QACL,6DAA6D;QACjD,UAAK,GAAG,EAAE,CAAC;QAEvB,qFAAqF;QACzE,UAAK,GAAG,EAAE,CAAC;QAEvB,iEAAiE;QACrB,aAAQ,GAAG,KAAK,CAAC;IA0B/D,CAAC;aAxBiB,WAAM,GAAG;QACvB,MAAM;QACN,GAAG,CAAA;;;;;;;KAOF;KACF,AAVqB,CAUpB;IAEO,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,oEAAoE;QACpE,0EAA0E;QAC1E,IAAI,CAAC,IAAI,CAAC,EAAE;YAAE,IAAI,CAAC,EAAE,GAAG,YAAY,EAAE,aAAa,EAAE,CAAC;QACtD,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QACtC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;IACrC,CAAC;IAEQ,MAAM;QACb,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;CACF,CAAA;AAhCa;IAAX,QAAQ,EAAE;sCAAY;AAGX;IAAX,QAAQ,EAAE;sCAAY;AAGqB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCAAkB;AARlD,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CAkCnB","sourcesContent":["import { LitElement, css, html } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport { tokens } from \"./tokens.js\";\n\nlet instanceCount = 0;\n\n/**\n * A single labeled panel inside a `tab-bar`. Renders its default slot as an\n * ARIA `tabpanel`, shown or hidden based on `selected` — `tab-bar` reads\n * `label`/`value` to build its tab strip and toggles `selected` on the\n * active panel.\n *\n * @element tab-item\n * @slot - Panel content, shown only while `selected`.\n */\n@customElement(\"tab-item\")\nexport class TabItem extends LitElement {\n  /** Text shown in the tab-bar's tab button for this panel. */\n  @property() label = \"\";\n\n  /** Stable identifier reported in `tab-bar`'s `change` event; defaults to `label`. */\n  @property() value = \"\";\n\n  /** Whether this panel is the active one; `tab-bar` owns this. */\n  @property({ type: Boolean, reflect: true }) selected = false;\n\n  static override styles = [\n    tokens,\n    css`\n      :host {\n        display: block;\n      }\n      :host(:not([selected])) {\n        display: none;\n      }\n    `,\n  ];\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    // Custom element constructors must not gain attributes (throws when\n    // created via document.createElement), so this is set on connect instead.\n    if (!this.id) this.id = `tab-item-${++instanceCount}`;\n    this.setAttribute(\"role\", \"tabpanel\");\n    this.setAttribute(\"tabindex\", \"0\");\n  }\n\n  override render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"tab-item\": TabItem;\n  }\n}\n"]}