@xmesh/system-design 0.0.2 → 0.0.4

package/dist/lit/components/alert/index.d.ts

@@ -2,7 +2,7 @@ import { LitElement } from "lit";
 import type { TemplateResult } from "lit";
 type AlertSeverity = "info" | "success" | "warning" | "critical";
 type AlertVariant = "inline" | "banner";
-declare class XmAlert extends LitElement {
+export declare class XmAlert extends LitElement {
     severity: AlertSeverity;
     heading: string;
     dismissible: boolean;

package/dist/lit/components/alert/index.js

@@ -189,3 +189,4 @@ __decorate([
 XmAlert = __decorate([
     customElement("xm-alert")
 ], XmAlert);
+export { XmAlert };

package/dist/lit/components/app-bar/index.d.ts

@@ -1,7 +1,7 @@
 import { LitElement } from "lit";
 import type { TemplateResult } from "lit";
 type AppBarSize = "xs" | "sm" | "md" | "lg";
-declare class XmAppBar extends LitElement {
+export declare class XmAppBar extends LitElement {
     size: AppBarSize;
     sticky: boolean;
     private _mo;

package/dist/lit/components/app-bar/index.js

@@ -118,3 +118,4 @@ __decorate([
 XmAppBar = __decorate([
     customElement("xm-app-bar")
 ], XmAppBar);
+export { XmAppBar };

package/dist/lit/components/artifact/index.d.ts

@@ -2,7 +2,7 @@ import { LitElement } from "lit";
 import type { TemplateResult } from "lit";
 import "../button/index.js";
 type ArtifactView = "preview" | "code";
-declare class XmArtifact extends LitElement {
+export declare class XmArtifact extends LitElement {
     title: string;
     sub: string[] | null;
     subCsv: string;

package/dist/lit/components/artifact/index.js

@@ -29,8 +29,8 @@
     refresh
     close
 
-  Light DOM. components/artifact/index.css + components/button/index.css +
-  components/primitives/index.css must be loaded in the host page.
+  Light DOM. This module appends its stylesheets (artifact + primitives) to
+  document.head on import; <xm-button> brings its own CSS via its shadow root.
 */
 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;
@@ -42,6 +42,19 @@ import { LitElement, html, svg, nothing } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 // Side-effect import: registers <xm-button> for use in the head toolbar.
 import "../button/index.js";
+if (typeof document !== "undefined") {
+    for (const href of [
+        new URL("../artifact/index.css", import.meta.url).href,
+        new URL("../primitives/index.css", import.meta.url).href,
+    ]) {
+        if (document.querySelector(`link[rel="stylesheet"][href="${href}"]`))
+            continue;
+        const link = document.createElement("link");
+        link.rel = "stylesheet";
+        link.href = href;
+        document.head.appendChild(link);
+    }
+}
 const ICON_EYE = (size = 14) => svg `
   <svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none"
        stroke="currentColor" stroke-width="1.8" stroke-linecap="round"
@@ -292,3 +305,4 @@ __decorate([
 XmArtifact = __decorate([
     customElement("xm-artifact")
 ], XmArtifact);
+export { XmArtifact };

package/dist/lit/components/avatar/index.d.ts

@@ -1,7 +1,7 @@
 import { LitElement } from "lit";
 import type { TemplateResult } from "lit";
 type AvatarSize = "xs" | "sm" | "md" | "lg";
-declare class XmAvatar extends LitElement {
+export declare class XmAvatar extends LitElement {
     title: string;
     name: string;
     initials: string;

package/dist/lit/components/avatar/index.js

@@ -110,3 +110,4 @@ __decorate([
 XmAvatar = __decorate([
     customElement("xm-avatar")
 ], XmAvatar);
+export { XmAvatar };

package/dist/lit/components/avatar-group/index.d.ts

@@ -1,7 +1,7 @@
 import { LitElement } from "lit";
 import type { TemplateResult } from "lit";
 type AvatarSize = "xs" | "sm" | "md" | "lg";
-declare class XmAvatarGroup extends LitElement {
+export declare class XmAvatarGroup extends LitElement {
     max: number;
     size: AvatarSize;
     private _overflow;

package/dist/lit/components/avatar-group/index.js

@@ -95,3 +95,4 @@ __decorate([
 XmAvatarGroup = __decorate([
     customElement("xm-avatar-group")
 ], XmAvatarGroup);
+export { XmAvatarGroup };

package/dist/lit/components/badge/index.d.ts

@@ -1,6 +1,6 @@
 import { LitElement } from "lit";
 import type { TemplateResult } from "lit";
-declare class XmBadge extends LitElement {
+export declare class XmBadge extends LitElement {
     count: number | null;
     dot: boolean;
     max: number;
@@ -15,4 +15,3 @@ declare global {
         "xm-badge": XmBadge;
     }
 }
-export {};

package/dist/lit/components/badge/index.js

@@ -113,3 +113,4 @@ __decorate([
 XmBadge = __decorate([
     customElement("xm-badge")
 ], XmBadge);
+export { XmBadge };

package/dist/lit/components/brand-mark/index.d.ts

@@ -4,10 +4,10 @@ type BrandSize = "sm" | "md" | "lg";
 declare class LightElement extends LitElement {
     createRenderRoot(): HTMLElement | DocumentFragment;
 }
-declare class XmBrandGlyph extends LightElement {
+export declare class XmBrandGlyph extends LightElement {
     render(): TemplateResult;
 }
-declare class XmBrandMark extends LightElement {
+export declare class XmBrandMark extends LightElement {
     size: BrandSize;
     showGlyph: boolean;
     showWordmark: boolean;

package/dist/lit/components/brand-mark/index.js

@@ -23,6 +23,18 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { LitElement, html, nothing } from "lit";
 import { customElement, property } from "lit/decorators.js";
+if (typeof document !== "undefined") {
+    for (const href of [
+        new URL("../brand-mark/index.css", import.meta.url).href,
+    ]) {
+        if (document.querySelector(`link[rel="stylesheet"][href="${href}"]`))
+            continue;
+        const link = document.createElement("link");
+        link.rel = "stylesheet";
+        link.href = href;
+        document.head.appendChild(link);
+    }
+}
 const DEFAULT_TAGLINE = "Smart-routing AI chat. The mark is an X-mesh — four nodes routing to a single hub through the letterform itself.";
 class LightElement extends LitElement {
     createRenderRoot() {
@@ -59,6 +71,7 @@ let XmBrandGlyph = class XmBrandGlyph extends LightElement {
 XmBrandGlyph = __decorate([
     customElement("xm-brand-glyph")
 ], XmBrandGlyph);
+export { XmBrandGlyph };
 let XmBrandMark = class XmBrandMark extends LightElement {
     constructor() {
         super(...arguments);
@@ -114,3 +127,4 @@ __decorate([
 XmBrandMark = __decorate([
     customElement("xm-brand-mark")
 ], XmBrandMark);
+export { XmBrandMark };

package/dist/lit/components/breadcrumbs/index.d.ts

@@ -5,7 +5,7 @@ export interface BreadcrumbItem {
     href?: string;
 }
 type BreadcrumbSeparator = "chevron" | "slash";
-declare class XmBreadcrumbs extends LitElement {
+export declare class XmBreadcrumbs extends LitElement {
     items: BreadcrumbItem[];
     separator: BreadcrumbSeparator;
     render(): TemplateResult;

package/dist/lit/components/breadcrumbs/index.js

@@ -102,3 +102,4 @@ __decorate([
 XmBreadcrumbs = __decorate([
     customElement("xm-breadcrumbs")
 ], XmBreadcrumbs);
+export { XmBreadcrumbs };

package/dist/lit/components/bubble/index.d.ts

@@ -16,14 +16,14 @@ export interface BubbleArtifact {
 declare class LightElement extends LitElement {
     createRenderRoot(): HTMLElement | DocumentFragment;
 }
-declare class XmBubbleGroup extends LightElement {
+export declare class XmBubbleGroup extends LightElement {
     variant: BubbleVariant;
     private _authoredChildren;
     connectedCallback(): void;
     render(): TemplateResult;
     updated(): void;
 }
-declare class XmBubble extends LightElement {
+export declare class XmBubble extends LightElement {
     variant: BubbleVariant;
     attachments: BubbleAttachment[];
     artifact: BubbleArtifact | null;
@@ -39,7 +39,7 @@ declare class XmBubble extends LightElement {
     render(): TemplateResult;
     updated(): void;
 }
-declare class XmBubbleActions extends LightElement {
+export declare class XmBubbleActions extends LightElement {
     ts: string;
     ariaLabel: string;
     private _authored;
@@ -54,7 +54,7 @@ declare class XmBubbleActions extends LightElement {
     render(): TemplateResult;
     updated(): void;
 }
-declare class XmArtifactChip extends LightElement {
+export declare class XmArtifactChip extends LightElement {
     artifact: BubbleArtifact | null;
     download: boolean;
     private _open;

package/dist/lit/components/bubble/index.js

@@ -36,6 +36,20 @@ import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import { customElement, property } from "lit/decorators.js";
 // Register <xm-button> for the artifact "Download" action below.
 import "../button/index.js";
+if (typeof document !== "undefined") {
+    for (const href of [
+        new URL("../bubble/index.css", import.meta.url).href,
+        new URL("../composer/index.css", import.meta.url).href,
+        new URL("../primitives/index.css", import.meta.url).href,
+    ]) {
+        if (document.querySelector(`link[rel="stylesheet"][href="${href}"]`))
+            continue;
+        const link = document.createElement("link");
+        link.rel = "stylesheet";
+        link.href = href;
+        document.head.appendChild(link);
+    }
+}
 class LightElement extends LitElement {
     createRenderRoot() {
         return this;
@@ -143,6 +157,7 @@ __decorate([
 XmBubbleGroup = __decorate([
     customElement("xm-bubble-group")
 ], XmBubbleGroup);
+export { XmBubbleGroup };
 /* ─────────────────────────────────────────────────────────────
    <xm-bubble> — the message body.
 
@@ -349,6 +364,7 @@ __decorate([
 XmBubble = __decorate([
     customElement("xm-bubble")
 ], XmBubble);
+export { XmBubble };
 /* ─────────────────────────────────────────────────────────────
    <xm-bubble-actions> — hover-reveal toolbar.
 
@@ -530,6 +546,7 @@ __decorate([
 XmBubbleActions = __decorate([
     customElement("xm-bubble-actions")
 ], XmBubbleActions);
+export { XmBubbleActions };
 /* ─────────────────────────────────────────────────────────────
    <xm-artifact-chip> — standalone chip for surfaces other than
    xm-bubble (e.g. snackbar, drawer). xm-bubble renders the same
@@ -615,3 +632,4 @@ __decorate([
 XmArtifactChip = __decorate([
     customElement("xm-artifact-chip")
 ], XmArtifactChip);
+export { XmArtifactChip };

package/dist/lit/components/button/index.d.ts

@@ -4,7 +4,7 @@ type ButtonVariant = "primary" | "secondary" | "outline" | "ghost" | "ghost-acce
 type ButtonSize = "xs" | "sm" | "md" | "lg";
 type ButtonType = "button" | "submit" | "reset";
 type ForceState = "hover" | "active" | "focus" | null;
-declare class XmButton extends LitElement {
+export declare class XmButton extends LitElement {
     static shadowRootOptions: ShadowRootInit;
     variant: ButtonVariant;
     size: ButtonSize;

package/dist/lit/components/button/index.js

@@ -200,3 +200,4 @@ __decorate([
 XmButton = __decorate([
     customElement("xm-button")
 ], XmButton);
+export { XmButton };

package/dist/lit/components/card/index.d.ts

@@ -2,7 +2,7 @@ import { LitElement } from "lit";
 import type { TemplateResult } from "lit";
 type CardSize = "xs" | "sm" | "md" | "lg";
 type CardElevation = 0 | 1 | 2 | 3 | 4 | 5;
-declare class XmCard extends LitElement {
+export declare class XmCard extends LitElement {
     elevation: CardElevation;
     size: CardSize;
     private _mo;

package/dist/lit/components/card/index.js

@@ -131,3 +131,4 @@ __decorate([
 XmCard = __decorate([
     customElement("xm-card")
 ], XmCard);
+export { XmCard };

package/dist/lit/components/chat/index.d.ts

@@ -25,7 +25,7 @@ export interface ThreadMessage {
     atts?: BubbleAttachment[];
     artifact?: BubbleArtifact | null;
 }
-declare class XmChatShell extends LitElement {
+export declare class XmChatShell extends LitElement {
     conversations: ConversationGroup[];
     thread: ThreadMessage[];
     processing: boolean;
@@ -71,4 +71,3 @@ declare global {
         "xm-chat-shell": XmChatShell;
     }
 }
-export {};

package/dist/lit/components/chat/index.js

@@ -31,8 +31,8 @@
                      (opens the artifact slot).
     artifact-close
 
-  Light DOM. Loads the entire palette of dependent stylesheets at the
-  preview level. Composes the previously-ported xm-* elements.
+  Light DOM. This module and the xm-* elements it composes each append their
+  own stylesheets to document.head on import; nothing extra is needed.
 */
 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;
@@ -52,6 +52,19 @@ import "../sidebar-item/index.js";
 import "../bubble/index.js";
 import "../composer/index.js";
 import "../artifact/index.js";
+if (typeof document !== "undefined") {
+    for (const href of [
+        new URL("../chat/index.css", import.meta.url).href,
+        new URL("../primitives/index.css", import.meta.url).href,
+    ]) {
+        if (document.querySelector(`link[rel="stylesheet"][href="${href}"]`))
+            continue;
+        const link = document.createElement("link");
+        link.rel = "stylesheet";
+        link.href = href;
+        document.head.appendChild(link);
+    }
+}
 /* ---------- Inline icon SVG fragments (used in topbar / sidebar chrome) */
 const I_PANEL = (size = 16) => svg `
   <svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none"
@@ -587,3 +600,4 @@ __decorate([
 XmChatShell = __decorate([
     customElement("xm-chat-shell")
 ], XmChatShell);
+export { XmChatShell };

package/dist/lit/components/checkbox/index.d.ts

@@ -1,6 +1,6 @@
 import type { TemplateResult } from "lit";
 import { XmField } from "../field/index.js";
-declare class XmCheckbox extends XmField {
+export declare class XmCheckbox extends XmField {
     /** Indeterminate (mixed) state — shows the dash mark on the coral fill and
         reports aria-checked="mixed". Cleared on the first user toggle. */
     indeterminate: boolean;
@@ -18,4 +18,3 @@ declare global {
         "xm-checkbox": XmCheckbox;
     }
 }
-export {};

package/dist/lit/components/checkbox/index.js

@@ -136,3 +136,4 @@ __decorate([
 XmCheckbox = __decorate([
     customElement("xm-checkbox")
 ], XmCheckbox);
+export { XmCheckbox };

package/dist/lit/components/chip/index.d.ts

@@ -2,7 +2,7 @@ import { LitElement } from "lit";
 import type { TemplateResult } from "lit";
 type ChipSize = "xs" | "sm" | "md" | "lg";
 type ChipCategory = "get" | "post" | "put" | "delete" | "patch" | "yml" | "json" | "";
-declare class XmChip extends LitElement {
+export declare class XmChip extends LitElement {
     value: string;
     size: ChipSize;
     selected: boolean;

package/dist/lit/components/chip/index.js

@@ -228,3 +228,4 @@ __decorate([
 XmChip = __decorate([
     customElement("xm-chip")
 ], XmChip);
+export { XmChip };

package/dist/lit/components/chip-group/index.d.ts

@@ -1,7 +1,7 @@
 import { LitElement } from "lit";
 import type { TemplateResult } from "lit";
 type Primitive = string | number;
-declare class XmChipGroup extends LitElement {
+export declare class XmChipGroup extends LitElement {
     multiple: boolean;
     value: Primitive | Primitive[] | null;
     connectedCallback(): void;

package/dist/lit/components/chip-group/index.js

@@ -169,3 +169,4 @@ __decorate([
 XmChipGroup = __decorate([
     customElement("xm-chip-group")
 ], XmChipGroup);
+export { XmChipGroup };

package/dist/lit/components/code/index.d.ts

@@ -1,6 +1,6 @@
 import { LitElement } from "lit";
 import type { TemplateResult } from "lit";
-declare class XmCode extends LitElement {
+export declare class XmCode extends LitElement {
     block: boolean;
     render(): TemplateResult;
 }
@@ -9,4 +9,3 @@ declare global {
         "xm-code": XmCode;
     }
 }
-export {};

package/dist/lit/components/code/index.js

@@ -66,3 +66,4 @@ __decorate([
 XmCode = __decorate([
     customElement("xm-code")
 ], XmCode);
+export { XmCode };

package/dist/lit/components/composer/index.d.ts

@@ -12,7 +12,7 @@ export interface ComposerAttachment {
     pages?: number;
     dims?: string;
 }
-declare class XmComposer extends LitElement {
+export declare class XmComposer extends LitElement {
     initialValue: string;
     initialFocus: boolean;
     processing: boolean;
@@ -64,4 +64,3 @@ declare global {
         "xm-composer": XmComposer;
     }
 }
-export {};

package/dist/lit/components/composer/index.js

@@ -36,6 +36,19 @@ import { LitElement, html, svg, nothing } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 // Side-effect import: registers <xm-button> for use in the toolbar.
 import "../button/index.js";
+if (typeof document !== "undefined") {
+    for (const href of [
+        new URL("../composer/index.css", import.meta.url).href,
+        new URL("../primitives/index.css", import.meta.url).href,
+    ]) {
+        if (document.querySelector(`link[rel="stylesheet"][href="${href}"]`))
+            continue;
+        const link = document.createElement("link");
+        link.rel = "stylesheet";
+        link.href = href;
+        document.head.appendChild(link);
+    }
+}
 /* ---------- attachment helpers (verbatim from JSX) ---------- */
 const STRIP_LIMIT = 10;
 const HARD_CAP = 50;
@@ -711,3 +724,4 @@ __decorate([
 XmComposer = __decorate([
     customElement("xm-composer")
 ], XmComposer);
+export { XmComposer };